vue-data-ui 3.17.3 → 3.17.5

package/dist/{vue-ui-rings-D0tnHXEe.js → vue-ui-rings-BtDpfeuS.js}

@@ -1,22 +1,22 @@
 import { defineAsyncComponent as R, useSlots as Qt, ref as r, computed as d, toRefs as el, watch as re, shallowRef as rt, onMounted as tl, onBeforeUnmount as ll, openBlock as i, createElementBlock as y, unref as u, normalizeStyle as z, normalizeClass as B, createElementVNode as m, toDisplayString as ie, createBlock as P, createCommentVNode as k, withCtx as v, renderSlot as c, normalizeProps as T, guardReactiveProps as L, createSlots as Ae, createVNode as ve, Fragment as ce, renderList as Se, mergeProps as it, Teleport as al, resolveDynamicComponent as ol, createTextVNode as vt, nextTick as ct } from "vue";
-import { j as dt, t as ht, m as sl, p as X, o as pt, q as Pe, r as nl, n as ul, a8 as rl, s as gt, k as _e, l as M, X as il, u as vl, v as cl, Z as dl, a0 as hl, a1 as pl, K as gl, T as fl, U as yl } from "./lib-DBptbyyI.js";
-import { b as bl } from "./labelUtils-CqTHa20R.js";
+import { j as dt, t as ht, m as sl, p as X, o as pt, q as Pe, r as nl, n as ul, a8 as rl, s as gt, k as _e, l as M, X as il, u as vl, v as cl, Z as dl, a0 as hl, a1 as pl, K as gl, T as fl, U as yl } from "./lib-DMzrGQHK.js";
+import { b as bl } from "./labelUtils-DX9oyq3C.js";
 import { t as ml, u as kl } from "./useResponsive-DfdjqQps.js";
-import { u as Cl } from "./useConfig-C40HvGpD.js";
-import { u as wl } from "./usePrinter-CEpYU3r5.js";
-import { u as $l, B as Tl } from "./BaseScanner-BhhkKVoj.js";
-import { u as Ll } from "./useSvgExport-ByUukOZt.js";
-import { u as Oe } from "./useNestedProp-Bf5XFbs8.js";
-import { u as xl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Al } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Sl } from "./useChartAccessibility-9icAAmYg.js";
-import Pl from "./img-LXxMLmCg.js";
-import { _ as _l } from "./Shape-BKRUOeKk.js";
-import Ol from "./Title-BeMKE1cj.js";
+import { u as Cl } from "./useConfig-DTHxOX6V.js";
+import { u as wl } from "./usePrinter-C4t8DdQ-.js";
+import { u as $l, B as Tl } from "./BaseScanner-C2j3TsSY.js";
+import { u as Ll } from "./useSvgExport-BTG4hVPO.js";
+import { u as Oe } from "./useNestedProp-DH0BEVVS.js";
+import { u as xl } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Al } from "./useUserOptionState-B7Ej974k.js";
+import { u as Sl } from "./useChartAccessibility-cp6XQtqi.js";
+import Pl from "./img-CjTQXS0U.js";
+import { _ as _l } from "./Shape-CxJ5_Rre.js";
+import Ol from "./Title-BbKoiBk2.js";
 import Fl from "./vue_ui_rings-CxOrekqA.js";
-import Il from "./Legend-CS7Xo5LK.js";
-import { A as Dl } from "./A11yDataTable-KcVAX2cP.js";
-import { B as Nl } from "./BaseLegendToggle-BQVIawmA.js";
+import Il from "./Legend-DGN5lY60.js";
+import { A as Dl } from "./A11yDataTable-BpmuNomI.js";
+import { B as Nl } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative" } }, El = ["xmlns", "viewBox", "aria-describedby"], Ul = ["width", "height"], Wl = ["id"], Hl = ["stop-color"], Xl = ["stop-color"], Gl = { key: 1 }, Kl = ["stroke", "cx", "cy", "r", "fill"], jl = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], Yl = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], ql = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], Zl = ["x", "y", "width", "height", "fill", "rx"], Jl = ["cx", "cy", "r", "fill", "stroke"], Ql = ["x", "y", "text-anchor", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick", "innerHTML"], ea = {
   key: 0,
@@ -44,7 +44,17 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(ft, { expose: yt, emit: bt }) {
-    const mt = R(() => import("./Tooltip-C8KGyqQk.js")), kt = R(() => import("./BaseIcon-Cb3zzG6s.js")), Ct = R(() => import("./vue-ui-accordion-DDuJT1xA.js")), wt = R(() => import("./DataTable-DT2kIdQ6.js")), $t = R(() => import("./PenAndPaper-Ct3qJ4lA.js")), Tt = R(() => import("./UserOptions-rW2fRf3V.js")), Lt = R(() => import("./PackageVersion-DP_kfXUM.js")), xt = R(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_rings: At } = Cl(), { isThemeValid: St, warnInvalidTheme: Pt } = xl(), _t = Qt(), w = ft, x = r(!1), Fe = d(() => !!w.dataset && w.dataset.length), C = r(dt()), G = r(!1), de = r(""), b = r(null), Ie = r(0), _ = r(null), De = r(null), Ne = r(null), Re = r(null), ze = r(null), Be = r(0), Me = r(0), Ve = r(0), he = r(!1), Ee = r(!1), q = r(null), pe = r(null), oe = r(!1), se = r(!1), O = r(null), Ue = r({ x: 0, y: 0 }), Z = r("pointer"), ge = r(!1), e = r(ye()), V = d(() => e.value.userOptions.useCursorPointer), Ot = d(() => ht({
+    const mt = R(() => import("./Tooltip-Cvt7Fi0Q.js")), kt = R(() => import("./BaseIcon-DX0hTWa-.js")), Ct = R(() => import("./vue-ui-accordion-BHmfmb_6.js")), wt = R(() => import("./DataTable-cMnb68Ik.js")), $t = R(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Tt = R(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Lt = R(
+      () => import("./PackageVersion-BjeuEImy.js")
+    ), xt = R(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_rings: At } = Cl(), { isThemeValid: St, warnInvalidTheme: Pt } = xl(), _t = Qt(), w = ft, x = r(!1), Fe = d(() => !!w.dataset && w.dataset.length), C = r(dt()), G = r(!1), de = r(""), b = r(null), Ie = r(0), _ = r(null), De = r(null), Ne = r(null), Re = r(null), ze = r(null), Be = r(0), Me = r(0), Ve = r(0), he = r(!1), Ee = r(!1), q = r(null), pe = r(null), oe = r(!1), se = r(!1), O = r(null), Ue = r({ x: 0, y: 0 }), Z = r("pointer"), ge = r(!1), e = r(ye()), V = d(
+      () => e.value.userOptions.useCursorPointer
+    ), Ot = d(() => ht({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -86,7 +96,9 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Ot.value
       })
-    }), { userOptionsVisible: fe, setUserOptionsVisibility: He, keepUserOptionState: Xe } = Al({ config: e.value }), { svgRef: E } = Sl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: fe, setUserOptionsVisibility: He, keepUserOptionState: Xe } = Al({ config: e.value }), { svgRef: E } = Sl({
+      config: e.value.style.chart.title
+    });
     function ye() {
       const t = Oe({
         userConfig: w.config,
@@ -107,9 +119,13 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
         customPalette: t.customPalette.length ? t.customPalette : sl[t.theme] || X
       };
     }
-    re(() => w.config, (t) => {
-      A.value || (e.value = ye()), fe.value = !e.value.userOptions.showOnChartHover, Ke(), Be.value += 1, Me.value += 1, Ve.value += 1, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show, f.value.showLabels = e.value.style.chart.layout.labels.dataLabels.show, h.value.width = e.value.style.chart.size, h.value.height = e.value.style.chart.size;
-    }, { deep: !0 });
+    re(
+      () => w.config,
+      (t) => {
+        A.value || (e.value = ye()), fe.value = !e.value.userOptions.showOnChartHover, Ke(), Be.value += 1, Me.value += 1, Ve.value += 1, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show, f.value.showLabels = e.value.style.chart.layout.labels.dataLabels.show, h.value.width = e.value.style.chart.size, h.value.height = e.value.style.chart.size;
+      },
+      { deep: !0 }
+    );
     const Ge = d(() => {
       const { markers: t } = e.value.style.chart.layout.labels.dataLabels, a = W.value / 2, l = f.value.showLabels ? t.position === "left" ? a : -a : 0, o = f.value.showLabels ? h.value.width / 2 - a : 0, n = t.position === "left" ? o : -o;
       return {
@@ -120,9 +136,13 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
       x: h.value.width / 2 + Ge.value.x,
       y: h.value.height / 2 + Ge.value.y
     }));
-    re(() => w.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (ne.value = !1);
-    }, { deep: !0 });
+    re(
+      () => w.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (ne.value = !1);
+      },
+      { deep: !0 }
+    );
     const D = rt(null), K = rt(null);
     tl(() => {
       Ee.value = !0, Ke();
@@ -182,13 +202,17 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
       showTooltip: e.value.style.chart.tooltip.show,
       showLabels: e.value.style.chart.layout.labels.dataLabels.show
     });
-    re(e, () => {
-      f.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show,
-        showLabels: e.value.style.chart.layout.labels.dataLabels.show
-      };
-    }, { immediate: !0 });
+    re(
+      e,
+      () => {
+        f.value = {
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.chart.tooltip.show,
+          showLabels: e.value.style.chart.layout.labels.dataLabels.show
+        };
+      },
+      { immediate: !0 }
+    );
     const h = r({
       height: e.value.style.chart.size,
       width: e.value.style.chart.size
@@ -205,11 +229,14 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
         if (g.value.length === U.value.length - 1) return;
         g.value.push(t);
       }
-      Ze("selectLegend", p.value.map((a) => ({
-        name: a.name,
-        color: a.color,
-        value: a.value
-      })));
+      Ze(
+        "selectLegend",
+        p.value.map((a) => ({
+          name: a.name,
+          color: a.color,
+          value: a.value
+        }))
+      );
     }
     function Je(t) {
       if (!U.value.length)
@@ -242,12 +269,21 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
         absoluteIndex: o
       };
     })), Q = d(() => U.value.map((t, a) => {
-      const l = _e(e.value.style.chart.layout.labels.dataLabels.formatter, t.value, M({
-        p: e.value.style.chart.layout.labels.dataLabels.prefix,
-        v: t.value,
-        s: e.value.style.chart.layout.labels.dataLabels.suffix,
-        r: e.value.style.chart.legend.roundingValue
-      }), { datapoint: t, index: a }), o = isNaN(t.value / I.value) ? "-" : M({ v: t.value / I.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage }), n = we({
+      const l = _e(
+        e.value.style.chart.layout.labels.dataLabels.formatter,
+        t.value,
+        M({
+          p: e.value.style.chart.layout.labels.dataLabels.prefix,
+          v: t.value,
+          s: e.value.style.chart.layout.labels.dataLabels.suffix,
+          r: e.value.style.chart.legend.roundingValue
+        }),
+        { datapoint: t, index: a }
+      ), o = isNaN(t.value / I.value) ? "-" : M({
+        v: t.value / I.value * 100,
+        s: "%",
+        r: e.value.style.chart.legend.roundingPercentage
+      }), n = we({
         showVal: e.value.style.chart.legend.showValue,
         showPercentage: e.value.style.chart.legend.showPercentage,
         val: l,
@@ -296,12 +332,7 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
     function et(t, a) {
       b.value = null, G.value = !1, O.value = null, Z.value = "pointer", e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
-    function we({
-      val: t,
-      percentage: a,
-      showVal: l,
-      showPercentage: o
-    }) {
+    function we({ val: t, percentage: a, showVal: l, showPercentage: o }) {
       const n = e.value.style.chart.layout.labels.dataLabels;
       return bl({
         config: n,
@@ -335,7 +366,9 @@ ${we({
       })}`;
     }
     function ee(t) {
-      return gl(W.value * t.proportion / 2 * 0.9 <= 0 ? 1e-4 : W.value * t.proportion / 2 * 0.9);
+      return gl(
+        W.value * t.proportion / 2 * 0.9 <= 0 ? 1e-4 : W.value * t.proportion / 2 * 0.9
+      );
     }
     function te(t, a) {
       return a === 0 ? F.value.y : F.value.y + W.value * p.value[0].proportion / 2 - W.value * t.proportion / 2 - 2 * (a + 1);
@@ -349,7 +382,10 @@ ${we({
     }
     const ue = r(null);
     function $e(t, a, l = "pointer") {
-      if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), g.value.length === w.dataset.length) return;
+      if (e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: t,
+        seriesIndex: a
+      }), g.value.length === w.dataset.length) return;
       ue.value = {
         datapoint: t,
         seriesIndex: a,
@@ -357,12 +393,14 @@ ${we({
         config: e.value
       }, b.value = a, O.value = a, Z.value = l;
       const o = p.value[a], n = e.value.style.chart.tooltip.customFormat;
-      if (fl(n) && yl(() => n({
-        seriesIndex: a,
-        datapoint: t,
-        series: p.value,
-        config: e.value
-      })))
+      if (fl(n) && yl(
+        () => n({
+          seriesIndex: a,
+          datapoint: t,
+          series: p.value,
+          config: e.value
+        })
+      ))
         de.value = n({
           seriesIndex: a,
           datapoint: t,
@@ -403,15 +441,27 @@ ${we({
     }), j = d(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        M({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: I.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        M({
+          p: e.value.style.chart.layout.labels.dataLabels.prefix,
+          v: I.value,
+          s: e.value.style.chart.layout.labels.dataLabels.suffix,
+          r: e.value.table.td.roundingValue
+        }),
         "100%"
       ], a = N.value.head.map((s, $) => [
         {
           color: s.color,
           name: s.name
         },
-        M({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: N.value.body[$], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
-        isNaN(N.value.body[$] / I.value) ? "-" : (N.value.body[$] / I.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
+        M({
+          p: e.value.style.chart.layout.labels.dataLabels.prefix,
+          v: N.value.body[$],
+          s: e.value.style.chart.layout.labels.dataLabels.suffix,
+          r: e.value.table.td.roundingValue
+        }),
+        isNaN(N.value.body[$] / I.value) ? "-" : (N.value.body[$] / I.value * 100).toFixed(
+          e.value.table.td.roundingPercentage
+        ) + "%"
       ]), l = a.map((s) => s.map(($, Y) => Y === 0 ? $.name : $)), o = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -439,10 +489,21 @@ ${we({
     });
     function Te(t = null) {
       ct(() => {
-        const a = N.value.head.map((n, s) => [[
-          n.name
-        ], [N.value.body[s]], [isNaN(N.value.body[s] / I.value) ? "-" : N.value.body[s] / I.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = hl(l);
-        t ? t(o) : pl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-rings" });
+        const a = N.value.head.map((n, s) => [
+          [n.name],
+          [N.value.body[s]],
+          [
+            isNaN(N.value.body[s] / I.value) ? "-" : N.value.body[s] / I.value * 100
+          ]
+        ]), l = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [[""], ["val"], ["%"]]
+        ].concat(a), o = hl(l);
+        t ? t(o) : pl({
+          csvContent: o,
+          title: e.value.style.chart.title.text || "vue-ui-rings"
+        });
       });
     }
     const H = r(!1);
@@ -464,7 +525,12 @@ ${we({
     }
     async function Et({ scale: t = 2 } = {}) {
       if (!_.value) return;
-      const { width: a, height: l } = _.value.getBoundingClientRect(), o = a / l, { imageUri: n, base64: s } = await Pl({ domElement: _.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = _.value.getBoundingClientRect(), o = a / l, { imageUri: n, base64: s } = await Pl({
+        domElement: _.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: n,
         base64: s,
@@ -505,9 +571,12 @@ ${we({
         }
       };
     });
-    re(() => f.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && q.value ? q.value.open() : "close" in q.value && q.value.close());
-    });
+    re(
+      () => f.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && q.value ? q.value.open() : "close" in q.value && q.value.close());
+      }
+    );
     function st() {
       f.value.showTable = !1, pe.value && pe.value.setTableIconState(!1);
     }
@@ -526,7 +595,14 @@ ${we({
       try {
         if (t) {
           const { blob: a, url: l, text: o, dataUrl: n } = await Kt();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: n }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: l,
+              text: o,
+              dataUrl: n
+            })
+          );
         } else
           await Promise.resolve(Gt());
       } finally {
@@ -549,13 +625,17 @@ ${we({
         config: e.value,
         dataset: p.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: p.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: p.value
+        })
+      );
     }
     function Yt() {
       O.value = null, ge.value = !0;
@@ -566,7 +646,8 @@ ${we({
     function Zt(t) {
       if (!E.value || le.value || document.activeElement !== E.value || !p.value.length || g.value.length === w.dataset.length) return;
       const a = ["ArrowLeft", "ArrowUp"].includes(t.key), l = ["ArrowRight", "ArrowDown"].includes(t.key), o = t.key === "Enter" || t.key === " ", n = t.key === "Escape";
-      if (!a && !l && !o && !n) return;
+      if (!a && !l && !o && !n)
+        return;
       if (t.preventDefault(), t.stopPropagation(), n) {
         O.value = null, Z.value = "pointer", G.value = !1, b.value = null;
         return;
@@ -822,7 +903,11 @@ ${we({
           ref_key: "svgRef",
           ref: E,
           xmlns: u(il),
-          class: B({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value, resizing: he.value || u(A) }),
+          class: B({
+            "vue-data-ui-fullscreen--on": H.value,
+            "vue-data-ui-fulscreen--off": !H.value,
+            resizing: he.value || u(A)
+          }),
           viewBox: `0 0 ${h.value.width <= 0 ? 10 : h.value.width} ${h.value.height <= 0 ? 10 : h.value.height}`,
           style: z(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
           "aria-describedby": `chart-instructions-${C.value}`,
@@ -855,7 +940,10 @@ ${we({
             }, [
               m("stop", {
                 offset: "0%",
-                "stop-color": u(vl)(u(cl)(l.color, 0.05), 100 - e.value.style.chart.layout.rings.gradient.intensity)
+                "stop-color": u(vl)(
+                  u(cl)(l.color, 0.05),
+                  100 - e.value.style.chart.layout.rings.gradient.intensity
+                )
               }, null, 8, Hl),
               m("stop", {
                 offset: "100%",
@@ -865,7 +953,10 @@ ${we({
           ]),
           t.$slots.pattern ? (i(), y("g", Gl, [
             (i(!0), y(ce, null, Se(p.value, (l) => (i(), y("defs", null, [
-              c(t.$slots, "pattern", it({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${C.value}_${l.absoluteIndex}` }), void 0, !0)
+              c(t.$slots, "pattern", it({ ref_for: !0 }, {
+                seriesIndex: l.absoluteIndex,
+                patternId: `pattern_${C.value}_${l.absoluteIndex}`
+              }), void 0, !0)
             ]))), 256))
           ])) : k("", !0),
           (i(!0), y(ce, null, Se(p.value, (l, o) => (i(), y("g", null, [
@@ -927,7 +1018,9 @@ ${we({
               m("rect", {
                 x: e.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? S(l, o).x : F.value.x,
                 y: S(l, o).y - e.value.style.chart.layout.labels.dataLabels.markers.strokeWidth / 2,
-                width: Math.abs(F.value.x - S(l, o).x),
+                width: Math.abs(
+                  F.value.x - S(l, o).x
+                ),
                 height: e.value.style.chart.layout.labels.dataLabels.markers.strokeWidth,
                 fill: e.value.style.chart.layout.labels.dataLabels.markers.stroke,
                 rx: e.value.style.chart.layout.labels.dataLabels.markers.strokeWidth,
@@ -987,11 +1080,16 @@ ${we({
           }, void 0, !0)
         ], 46, El)),
         t.$slots.hint ? (i(), y("div", ea, [
-          c(t.$slots, "hint", T(L({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ge.value })), void 0, !0)
+          c(t.$slots, "hint", T(L({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: ge.value
+          })), void 0, !0)
         ])) : k("", !0)
       ]),
       t.$slots.watermark ? (i(), y("div", ta, [
-        c(t.$slots, "watermark", T(L({ isPrinting: u(me) || u(ke) || oe.value || se.value })), void 0, !0)
+        c(t.$slots, "watermark", T(L({
+          isPrinting: u(me) || u(ke) || oe.value || se.value
+        })), void 0, !0)
       ])) : k("", !0),
       m("div", {
         id: `legend-bottom-${C.value}`
@@ -1153,7 +1251,7 @@ ${we({
       ], !0)
     ], 46, zl));
   }
-}, xa = /* @__PURE__ */ Rl(sa, [["__scopeId", "data-v-4b1d044b"]]);
+}, xa = /* @__PURE__ */ Rl(sa, [["__scopeId", "data-v-b071c14a"]]);
 export {
   xa as default
 };