vue-data-ui 3.17.3 → 3.17.5

package/dist/{vue-ui-dumbbell-Ct2RXkIX.js → vue-ui-dumbbell-Bmr188oI.js}

@@ -1,20 +1,20 @@
 import { defineAsyncComponent as G, computed as b, ref as h, toRefs as rl, watch as fe, shallowRef as ct, onMounted as vt, onBeforeUnmount as dt, watchEffect as ul, openBlock as n, createElementBlock as v, unref as c, normalizeStyle as le, normalizeClass as ht, createElementVNode as i, toDisplayString as _, createBlock as T, createCommentVNode as g, withCtx as m, renderSlot as p, normalizeProps as C, guardReactiveProps as w, createSlots as ft, createVNode as yt, Fragment as A, renderList as X, withDirectives as ae, vShow as se, Teleport as il, createTextVNode as Xe, resolveDynamicComponent as cl, mergeProps as vl, nextTick as bt } from "vue";
-import { j as gt, t as pt, o as dl, q as mt, r as hl, K as kt, D as fl, l as S, k as B, X as xt, u as _t, x as oe, w as ne, a0 as yl, a1 as bl } from "./lib-DBptbyyI.js";
+import { j as gt, t as pt, o as dl, q as mt, r as hl, K as kt, D as fl, l as S, k as B, X as xt, u as _t, x as oe, w as ne, a0 as yl, a1 as bl } from "./lib-DMzrGQHK.js";
 import { t as ze, u as gl } from "./useResponsive-DfdjqQps.js";
-import { u as pl } from "./useConfig-C40HvGpD.js";
-import { u as ml } from "./usePrinter-CEpYU3r5.js";
-import { u as kl, B as xl } from "./BaseScanner-BhhkKVoj.js";
-import { u as _l } from "./useSvgExport-ByUukOZt.js";
-import { u as Ie } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Cl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as wl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as $l } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ll } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Al from "./img-LXxMLmCg.js";
-import Sl from "./Title-BeMKE1cj.js";
+import { u as pl } from "./useConfig-DTHxOX6V.js";
+import { u as ml } from "./usePrinter-C4t8DdQ-.js";
+import { u as kl, B as xl } from "./BaseScanner-C2j3TsSY.js";
+import { u as _l } from "./useSvgExport-BTG4hVPO.js";
+import { u as Ie } from "./useNestedProp-DH0BEVVS.js";
+import { u as Cl } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as wl } from "./useUserOptionState-B7Ej974k.js";
+import { u as $l } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as Ll } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import Al from "./img-CjTQXS0U.js";
+import Sl from "./Title-BbKoiBk2.js";
 import Nl from "./vue_ui_dumbbell-BCOHDiPk.js";
-import Ml from "./Legend-CS7Xo5LK.js";
-import { A as Tl } from "./A11yDataTable-KcVAX2cP.js";
+import Ml from "./Legend-DGN5lY60.js";
+import { A as Tl } from "./A11yDataTable-BpmuNomI.js";
 import { _ as Xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative" } }, Ol = ["xmlns", "viewBox", "aria-describedby"], Fl = ["x", "y", "width", "height"], Hl = { key: 1 }, El = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Gl = { key: 2 }, Bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vl = ["transform", "font-size", "fill"], Ul = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], Wl = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], ql = ["x", "y", "font-size", "fill"], Kl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], jl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Yl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Zl = ["x", "y", "height", "width", "fill"], Jl = ["transform", "fill", "font-size"], Ql = ["id"], ea = ["stop-color"], ta = ["stop-color"], la = ["stop-color"], aa = ["id"], sa = ["stop-color"], oa = ["stop-color"], na = ["stop-color"], ra = ["id"], ua = ["stop-color"], ia = ["stop-color"], ca = ["stop-color"], va = ["id"], da = ["stop-color"], ha = ["stop-color"], fa = ["stop-color"], ya = ["id"], ba = ["stop-color"], ga = ["stop-color"], pa = ["stop-color"], ma = ["id"], ka = ["stop-color"], xa = ["stop-color"], _a = ["id"], Ca = ["stop-color"], wa = ["stop-color"], $a = { key: 0 }, La = { key: 0 }, Aa = ["d", "fill"], Sa = { key: 1 }, Na = ["x", "y", "height", "width", "fill"], Ma = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ta = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Xa = { key: 7 }, za = ["x", "y", "fill", "font-size"], Ia = { key: 8 }, Pa = ["x", "y", "fill", "font-size"], Da = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Oa = {
   key: 0,
@@ -42,14 +42,24 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
   },
   emits: ["selectDatapoint", "copyAlt"],
   setup(Ct, { expose: wt, emit: $t }) {
-    const Lt = G(() => import("./BaseIcon-Cb3zzG6s.js")), At = G(() => import("./vue-ui-accordion-DDuJT1xA.js")), St = G(() => import("./DataTable-DT2kIdQ6.js")), Nt = G(() => import("./PenAndPaper-Ct3qJ4lA.js")), Mt = G(() => import("./UserOptions-rW2fRf3V.js")), Tt = G(() => import("./PackageVersion-DP_kfXUM.js")), Xt = G(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_dumbbell: zt } = pl(), { isThemeValid: It, warnInvalidTheme: Pt } = Cl(), $ = Ct, Dt = $t, re = b({
+    const Lt = G(() => import("./BaseIcon-DX0hTWa-.js")), At = G(() => import("./vue-ui-accordion-BHmfmb_6.js")), St = G(() => import("./DataTable-cMnb68Ik.js")), Nt = G(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Mt = G(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Tt = G(
+      () => import("./PackageVersion-BjeuEImy.js")
+    ), Xt = G(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_dumbbell: zt } = pl(), { isThemeValid: It, warnInvalidTheme: Pt } = Cl(), $ = Ct, Dt = $t, re = b({
       get() {
         return !!$.dataset && $.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), f = h(gt()), Pe = h(0), z = h(null), De = h(null), Oe = h(null), Fe = h(null), He = h(null), Ee = h(0), Ge = h(0), Be = h(0), Re = h(!1), j = h(null), ye = h(null), ue = h(!1), ie = h(!1), be = h(null), ge = h(null), ce = h(null), pe = h(null), I = h(null), u = h(null), L = h(null), me = h(!1), H = h(!1), e = h(Ce()), Y = b(() => e.value.userOptions.useCursorPointer), Ot = b(() => pt({
+    }), f = h(gt()), Pe = h(0), z = h(null), De = h(null), Oe = h(null), Fe = h(null), He = h(null), Ee = h(0), Ge = h(0), Be = h(0), Re = h(!1), j = h(null), ye = h(null), ue = h(!1), ie = h(!1), be = h(null), ge = h(null), ce = h(null), pe = h(null), I = h(null), u = h(null), L = h(null), me = h(!1), H = h(!1), e = h(Ce()), Y = b(
+      () => e.value.userOptions.useCursorPointer
+    ), Ot = b(() => pt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -105,7 +115,9 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Ot.value
       })
-    }), { userOptionsVisible: _e, setUserOptionsVisibility: Ve, keepUserOptionState: Ue } = wl({ config: e.value }), { svgRef: Z } = $l({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: _e, setUserOptionsVisibility: Ve, keepUserOptionState: Ue } = wl({ config: e.value }), { svgRef: Z } = $l({
+      config: e.value.style.chart.title
+    });
     function Ce() {
       const l = Ie({
         userConfig: $.config,
@@ -123,11 +135,19 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         defaultConfig: t
       });
     }
-    fe(() => $.config, (l) => {
-      ke.value || (e.value = Ce()), _e.value = !e.value.userOptions.showOnChartHover, qe(), Ee.value += 1, Ge.value += 1, Be.value += 1, U.value = e.value.style.chart.rowHeight, W.value = e.value.style.chart.width, E.value.showTable = e.value.table.show;
-    }, { deep: !0 }), fe(() => xe.value, (l) => {
-      Array.isArray(l) && l.length > 0 && (Ft.value = !1), Qe(), et();
-    }, { deep: !0 });
+    fe(
+      () => $.config,
+      (l) => {
+        ke.value || (e.value = Ce()), _e.value = !e.value.userOptions.showOnChartHover, qe(), Ee.value += 1, Ge.value += 1, Be.value += 1, U.value = e.value.style.chart.rowHeight, W.value = e.value.style.chart.width, E.value.showTable = e.value.table.show;
+      },
+      { deep: !0 }
+    ), fe(
+      () => xe.value,
+      (l) => {
+        Array.isArray(l) && l.length > 0 && (Ft.value = !1), Qe(), et();
+      },
+      { deep: !0 }
+    );
     const P = ct(null), R = ct(null);
     vt(() => {
       Re.value = !0, qe();
@@ -161,7 +181,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             noTitle: He.value
           }), a = e.value.style.chart.title.text ? 24 : 0, r = e.value.style.chart.legend.show ? 24 : 0;
           requestAnimationFrame(async () => {
-            W.value = Math.max(0.1, s), U.value = Math.max(0.1, (Math.max(0.1, t) - (a + r)) / xe.value.length), st();
+            W.value = Math.max(0.1, s), U.value = Math.max(
+              0.1,
+              (Math.max(0.1, t) - (a + r)) / xe.value.length
+            ), st();
           });
         });
         P.value && (R.value && P.value.unobserve(R.value), P.value.disconnect()), P.value = new ResizeObserver(l), R.value = z.value.parentNode, P.value.observe(R.value);
@@ -178,11 +201,15 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     }), Ht = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), E = h({
       showTable: e.value.table.show
     });
-    fe(e, () => {
-      E.value = {
-        showTable: e.value.table.show
-      };
-    }, { immediate: !0 });
+    fe(
+      e,
+      () => {
+        E.value = {
+          showTable: e.value.table.show
+        };
+      },
+      { immediate: !0 }
+    );
     const V = b(() => xe.value.map((l, s) => ({
       ...l,
       start: kt(l.start),
@@ -191,7 +218,11 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     }))), Ye = b(() => {
       const l = e.value.style.chart.grid, s = V.value.flatMap((y) => [y.start, y.end]).map((y) => Number(y)).filter((y) => Number.isFinite(y)), t = s.length ? Math.min(...s) : 0, a = s.length ? Math.max(...s) : 0, r = l.scaleMin ?? Math.min(t, 0), d = l.scaleMax ?? a;
       return { min: r, max: d };
-    }), N = b(() => fl(Ye.value.min, Ye.value.max, e.value.style.chart.grid.scaleSteps)), U = h(e.value.style.chart.rowHeight), W = h(e.value.style.chart.width);
+    }), N = b(() => fl(
+      Ye.value.min,
+      Ye.value.max,
+      e.value.style.chart.grid.scaleSteps
+    )), U = h(e.value.style.chart.rowHeight), W = h(e.value.style.chart.width);
     function Et() {
       let l = 0;
       ge.value && (l = Array.from(ge.value.querySelectorAll("text")).reduce((a, r) => {
@@ -242,7 +273,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         absoluteHeight: d,
         widthPlotReference: x
       };
-    }), D = b(() => Math.min(U.value / 2 * 0.7, e.value.style.chart.plots.radius)), J = h([]), k = b({
+    }), D = b(() => Math.min(
+      U.value / 2 * 0.7,
+      e.value.style.chart.plots.radius
+    )), J = h([]), k = b({
       get() {
         const l = o.value, s = N.value;
         return J.value.map((t, a) => {
@@ -282,7 +316,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       if (M.value != null && (cancelAnimationFrame(M.value), M.value = null), Qe(), !e.value.useAnimation) {
         k.value = J.value.map((a) => {
           const r = Number(a.end);
-          return { ...a, endVal: Number.isFinite(r) ? r : a.endVal };
+          return {
+            ...a,
+            endVal: Number.isFinite(r) ? r : a.endVal
+          };
         });
         return;
       }
@@ -299,12 +336,27 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       M.value = requestAnimationFrame(t);
     }
     const Se = b(() => e.value.style.chart.plots.evaluationColors.enable ? [
-      { name: e.value.style.chart.legend.labelNegative, color: e.value.style.chart.plots.gradient.show ? `url(#negative_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.negative },
-      { name: e.value.style.chart.legend.labelNeutral, color: e.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.neutral },
-      { name: e.value.style.chart.legend.labelPositive, color: e.value.style.chart.plots.gradient.show ? `url(#positive_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.positive }
+      {
+        name: e.value.style.chart.legend.labelNegative,
+        color: e.value.style.chart.plots.gradient.show ? `url(#negative_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.negative
+      },
+      {
+        name: e.value.style.chart.legend.labelNeutral,
+        color: e.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.neutral
+      },
+      {
+        name: e.value.style.chart.legend.labelPositive,
+        color: e.value.style.chart.plots.gradient.show ? `url(#positive_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.positive
+      }
     ] : [
-      { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${f.value})` : e.value.style.chart.plots.startColor },
-      { name: e.value.style.chart.legend.labelEnd, color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${f.value})` : e.value.style.chart.plots.endColor }
+      {
+        name: e.value.style.chart.legend.labelStart,
+        color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${f.value})` : e.value.style.chart.plots.startColor
+      },
+      {
+        name: e.value.style.chart.legend.labelEnd,
+        color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${f.value})` : e.value.style.chart.plots.endColor
+      }
     ]), Bt = b(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
@@ -343,12 +395,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
-        return [
-          { name: r.name },
-          y,
-          x,
-          F
-        ];
+        return [{ name: r.name }, y, x, F];
       }), t = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -376,10 +423,23 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     });
     function Ne(l = null) {
       bt(() => {
-        const s = O.value.head.map((r, d) => [[
-          r.name
-        ], [O.value.body[d].start], [O.value.body[d].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(s), a = yl(t);
-        l ? l(a) : bl({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
+        const s = O.value.head.map((r, d) => [
+          [r.name],
+          [O.value.body[d].start],
+          [O.value.body[d].end]
+        ]), t = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [
+            [e.value.table.columnNames.series],
+            [e.value.table.columnNames.start],
+            [e.value.table.columnNames.end]
+          ]
+        ].concat(s), a = yl(t);
+        l ? l(a) : bl({
+          csvContent: a,
+          title: e.value.style.chart.title.text || "vue-ui-dumbbell"
+        });
       });
     }
     const K = h(!1);
@@ -398,7 +458,12 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     }
     async function Vt({ scale: l = 2 } = {}) {
       if (!z.value) return;
-      const { width: s, height: t } = z.value.getBoundingClientRect(), a = s / t, { imageUri: r, base64: d } = await Al({ domElement: z.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: t } = z.value.getBoundingClientRect(), a = s / t, { imageUri: r, base64: d } = await Al({
+        domElement: z.value,
+        base64: !0,
+        img: !0,
+        scale: l
+      });
       return {
         imageUri: r,
         base64: d,
@@ -415,18 +480,21 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       slicer: Ut,
       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: W,
       height: U,
       targetClass: ".vue-ui-dumbbell-scale-label",
       rotation: e.value.style.chart.labels.xAxisLabels.autoRotate.angle
     });
-    function Wt({
-      rowHeight: l,
-      fontSize: s,
-      showProgression: t
-    }) {
+    function Wt({ rowHeight: l, fontSize: s, showProgression: t }) {
       if (!t) return !1;
       const a = l / 3, r = l / 1.3, d = Math.abs(r - a), y = s * 1.2;
       return d < y;
@@ -464,11 +532,20 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     }
     const Te = b(() => {
       if (u.value === null) return 0;
-      const l = ![null, void 0].includes(u.value.start), s = ![null, void 0].includes(u.value.end);
-      return l && s ? Math.min(u.value.startX, u.value.endX) + Math.abs(u.value.startX - u.value.endX) / 2 : l && !s ? u.value.startX : s && !l ? u.value.endX : null;
+      const l = ![null, void 0].includes(
+        u.value.start
+      ), s = ![null, void 0].includes(u.value.end);
+      return l && s ? Math.min(
+        u.value.startX,
+        u.value.endX
+      ) + Math.abs(
+        u.value.startX - u.value.endX
+      ) / 2 : l && !s ? u.value.startX : s && !l ? u.value.endX : null;
     }), Kt = b(() => {
       if (u.value === null) return "";
-      const l = ![null, void 0].includes(u.value.start), s = ![null, void 0].includes(u.value.end);
+      const l = ![null, void 0].includes(
+        u.value.start
+      ), s = ![null, void 0].includes(u.value.end);
       let t = "", a = "";
       return l && (t = B(
         e.value.style.chart.labels.formatter,
@@ -479,7 +556,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           s: e.value.style.chart.labels.suffix,
           r: e.value.style.chart.labels.startLabels.rounding
         }),
-        { datapoint: u.value, seriesIndex: I.value }
+        {
+          datapoint: u.value,
+          seriesIndex: I.value
+        }
       )), s && (a = B(
         e.value.style.chart.labels.formatter,
         u.value.end,
@@ -489,7 +569,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           s: e.value.style.chart.labels.suffix,
           r: e.value.style.chart.labels.startLabels.rounding
         }),
-        { datapoint: u.value, seriesIndex: I.value }
+        {
+          datapoint: u.value,
+          seriesIndex: I.value
+        }
       )), l && s ? `${t} → ${a}` : l && !s ? t : s && !l ? a : "";
     }), ee = b(() => {
       const l = e.value.table.useDialog && !e.value.table.show, s = E.value.showTable;
@@ -522,9 +605,12 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         }
       };
     });
-    fe(() => E.value.showTable, (l) => {
-      e.value.table.show || (l && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
-    });
+    fe(
+      () => E.value.showTable,
+      (l) => {
+        e.value.table.show || (l && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
+      }
+    );
     function ot() {
       E.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
     }
@@ -543,7 +629,14 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       try {
         if (l) {
           const { blob: s, url: t, text: a, dataUrl: r } = await el();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: s, url: t, text: a, dataUrl: r }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: s,
+              url: t,
+              text: a,
+              dataUrl: r
+            })
+          );
         } else
           await Promise.resolve(Qt());
       } finally {
@@ -566,13 +659,17 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         config: e.value,
         dataset: k.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: k.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: k.value
+        })
+      );
     }
     function ll(l) {
       const s = k.value.length;
@@ -597,7 +694,8 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     function ol(l) {
       if (!Z.value || Q.value || document.activeElement !== Z.value || !k.value.length) return;
       const s = ["ArrowUp", "ArrowLeft"].includes(l.key), t = ["ArrowDown", "ArrowRight"].includes(l.key), a = l.key === "Enter" || l.key === " ", r = l.key === "Escape";
-      if (!s && !t && !a && !r) return;
+      if (!s && !t && !a && !r)
+        return;
       if (l.preventDefault(), l.stopPropagation(), r) {
         ut();
         return;
@@ -831,7 +929,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           ref_key: "svgRef",
           ref: Z,
           xmlns: c(xt),
-          class: ht({ "vue-data-ui-fullscreen--on": K.value, "vue-data-ui-fulscreen--off": !K.value }),
+          class: ht({
+            "vue-data-ui-fullscreen--on": K.value,
+            "vue-data-ui-fulscreen--off": !K.value
+          }),
           viewBox: `0 0 ${W.value} ${o.value.absoluteHeight <= 0 ? 10 : o.value.absoluteHeight}`,
           style: le(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
           "aria-describedby": `chart-instructions-${f.value}`,
@@ -984,7 +1085,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
               "stroke-dasharray": e.value.style.chart.comparisonLines.strokeDasharray,
               style: { transition: "all 0.3s ease-in-out" }
             }, null, 8, jl), [
-              [se, u.value !== null && ![null, void 0].includes(u.value.start)]
+              [
+                se,
+                u.value !== null && ![null, void 0].includes(u.value.start)
+              ]
             ]),
             ae(i("path", {
               d: `M ${u.value ? u.value.endX : o.value.left},${o.value.top} ${u.value ? u.value.endX : o.value.left},${o.value.bottom}`,
@@ -993,17 +1097,36 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
               "stroke-dasharray": e.value.style.chart.comparisonLines.strokeDasharray,
               style: { transition: "all 0.3s ease-in-out" }
             }, null, 8, Yl), [
-              [se, u.value !== null && ![null, void 0].includes(u.value.end)]
+              [
+                se,
+                u.value !== null && ![null, void 0].includes(u.value.end)
+              ]
             ]),
             ae(i("rect", {
-              x: u.value ? Math.min(u.value.startX, u.value.endX) : o.value.left,
+              x: u.value ? Math.min(
+                u.value.startX,
+                u.value.endX
+              ) : o.value.left,
               y: o.value.top,
               height: Math.max(0.1, o.value.height),
-              width: u.value ? Math.max(0.1, Math.abs(u.value.endX - u.value.startX)) : 0,
-              fill: u.value ? c(_t)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
+              width: u.value ? Math.max(
+                0.1,
+                Math.abs(
+                  u.value.endX - u.value.startX
+                )
+              ) : 0,
+              fill: u.value ? c(_t)(
+                e.value.style.chart.comparisonLines.rectColor,
+                e.value.style.chart.comparisonLines.rectOpacity
+              ) : "transparent",
               style: { transition: "all 0.3s ease-in-out" }
             }, null, 8, Zl), [
-              [se, e.value.style.chart.comparisonLines.showRect && u.value !== null && ![null, void 0].includes(u.value.start) && ![null, void 0].includes(u.value.end)]
+              [
+                se,
+                e.value.style.chart.comparisonLines.showRect && u.value !== null && ![null, void 0].includes(
+                  u.value.start
+                ) && ![null, void 0].includes(u.value.end)
+              ]
             ]),
             ae(i("text", {
               transform: `translate(${Te.value == null ? 0 : Te.value}, ${o.value.top - 6})`,
@@ -1012,10 +1135,16 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
               "text-anchor": "middle",
               style: { transition: "all 0.3s ease-in-out" }
             }, _(Kt.value), 9, Jl), [
-              [se, u.value !== null && Te.value !== null && e.value.style.chart.comparisonLines.showLabel]
+              [
+                se,
+                u.value !== null && Te.value !== null && e.value.style.chart.comparisonLines.showLabel
+              ]
             ])
           ], 512), [
-            [se, e.value.style.chart.comparisonLines.show && I.value !== null]
+            [
+              se,
+              e.value.style.chart.comparisonLines.show && I.value !== null
+            ]
           ]),
           i("defs", null, [
             i("radialGradient", {
@@ -1024,11 +1153,17 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             }, [
               i("stop", {
                 offset: "10%",
-                "stop-color": c(oe)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
+                "stop-color": c(oe)(
+                  e.value.style.chart.plots.startColor,
+                  e.value.style.chart.plots.gradient.intensity / 100
+                )
               }, null, 8, ea),
               i("stop", {
                 offset: "90%",
-                "stop-color": c(ne)(e.value.style.chart.plots.startColor, 0.1)
+                "stop-color": c(ne)(
+                  e.value.style.chart.plots.startColor,
+                  0.1
+                )
               }, null, 8, ta),
               i("stop", {
                 offset: "100%",
@@ -1041,11 +1176,17 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             }, [
               i("stop", {
                 offset: "10%",
-                "stop-color": c(oe)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
+                "stop-color": c(oe)(
+                  e.value.style.chart.plots.endColor,
+                  e.value.style.chart.plots.gradient.intensity / 100
+                )
               }, null, 8, sa),
               i("stop", {
                 offset: "90%",
-                "stop-color": c(ne)(e.value.style.chart.plots.endColor, 0.1)
+                "stop-color": c(ne)(
+                  e.value.style.chart.plots.endColor,
+                  0.1
+                )
               }, null, 8, oa),
               i("stop", {
                 offset: "100%",
@@ -1058,11 +1199,17 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             }, [
               i("stop", {
                 offset: "10%",
-                "stop-color": c(oe)(e.value.style.chart.plots.evaluationColors.positive, e.value.style.chart.plots.gradient.intensity / 100)
+                "stop-color": c(oe)(
+                  e.value.style.chart.plots.evaluationColors.positive,
+                  e.value.style.chart.plots.gradient.intensity / 100
+                )
               }, null, 8, ua),
               i("stop", {
                 offset: "90%",
-                "stop-color": c(ne)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
+                "stop-color": c(ne)(
+                  e.value.style.chart.plots.evaluationColors.positive,
+                  0.1
+                )
               }, null, 8, ia),
               i("stop", {
                 offset: "100%",
@@ -1075,11 +1222,17 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             }, [
               i("stop", {
                 offset: "10%",
-                "stop-color": c(oe)(e.value.style.chart.plots.evaluationColors.negative, e.value.style.chart.plots.gradient.intensity / 100)
+                "stop-color": c(oe)(
+                  e.value.style.chart.plots.evaluationColors.negative,
+                  e.value.style.chart.plots.gradient.intensity / 100
+                )
               }, null, 8, da),
               i("stop", {
                 offset: "90%",
-                "stop-color": c(ne)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
+                "stop-color": c(ne)(
+                  e.value.style.chart.plots.evaluationColors.negative,
+                  0.1
+                )
               }, null, 8, ha),
               i("stop", {
                 offset: "100%",
@@ -1092,11 +1245,17 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             }, [
               i("stop", {
                 offset: "10%",
-                "stop-color": c(oe)(e.value.style.chart.plots.evaluationColors.neutral, e.value.style.chart.plots.gradient.intensity / 100)
+                "stop-color": c(oe)(
+                  e.value.style.chart.plots.evaluationColors.neutral,
+                  e.value.style.chart.plots.gradient.intensity / 100
+                )
               }, null, 8, ba),
               i("stop", {
                 offset: "90%",
-                "stop-color": c(ne)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
+                "stop-color": c(ne)(
+                  e.value.style.chart.plots.evaluationColors.neutral,
+                  0.1
+                )
               }, null, 8, ga),
               i("stop", {
                 offset: "100%",
@@ -1159,8 +1318,14 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
                 i("rect", {
                   x: t.endX > t.startX ? t.startX : t.endX,
                   y: t.y - e.value.style.chart.plots.link.strokeWidth / 2,
-                  height: Math.max(0.01, e.value.style.chart.plots.link.strokeWidth),
-                  width: Math.max(0.01, Math.abs(t.endX - t.startX)),
+                  height: Math.max(
+                    0.01,
+                    e.value.style.chart.plots.link.strokeWidth
+                  ),
+                  width: Math.max(
+                    0.01,
+                    Math.abs(t.endX - t.startX)
+                  ),
                   fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${f.value})` : `url(#grad_neg_${f.value})`
                 }, null, 8, Na)
               ]))
@@ -1238,7 +1403,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
               y: o.value.top + a * Math.max(0.1, o.value.rowHeight),
               width: Math.max(0.1, o.value.width),
               height: Math.max(0.1, o.value.rowHeight),
-              fill: I.value !== null && I.value === a ? c(_t)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
+              fill: I.value !== null && I.value === a ? c(_t)(
+                e.value.style.chart.highlighter.color,
+                e.value.style.chart.highlighter.opacity
+              ) : "transparent",
               onMouseenter: (r) => ve({ datapoint: t, seriesIndex: a }),
               onMouseleave: (r) => de({ datapoint: t, seriesIndex: a }),
               onClick: (r) => he({ datapoint: t, seriesIndex: a })
@@ -1253,11 +1421,16 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           }, void 0, !0)
         ], 46, Ol)),
         l.$slots.hint ? (n(), v("div", Oa, [
-          p(l.$slots, "hint", C(w({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: me.value })), void 0, !0)
+          p(l.$slots, "hint", C(w({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: me.value
+          })), void 0, !0)
         ])) : g("", !0)
       ]),
       l.$slots.watermark ? (n(), v("div", Fa, [
-        p(l.$slots, "watermark", C(w({ isPrinting: c(we) || c($e) || ue.value || ie.value })), void 0, !0)
+        p(l.$slots, "watermark", C(w({
+          isPrinting: c(we) || c($e) || ue.value || ie.value
+        })), void 0, !0)
       ])) : g("", !0),
       i("div", {
         id: `legend-bottom-${f.value}`
@@ -1374,7 +1547,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       ], !0)
     ], 46, zl));
   }
-}, us = /* @__PURE__ */ Xl(Ra, [["__scopeId", "data-v-e6b69583"]]);
+}, us = /* @__PURE__ */ Xl(Ra, [["__scopeId", "data-v-1978df86"]]);
 export {
   us as default
 };