vue-data-ui 3.17.3 → 3.17.5

package/dist/{vue-ui-waffle-Uo1RM5Yy.js → vue-ui-waffle-K9ojC2iZ.js}

@@ -1,22 +1,22 @@
 import { defineAsyncComponent as W, useSlots as ml, computed as i, ref as r, toRefs as bl, watch as de, shallowRef as Tt, onMounted as wl, onBeforeUnmount as kl, openBlock as s, createElementBlock as v, unref as p, normalizeStyle as he, normalizeClass as St, createElementVNode as C, toDisplayString as pe, createBlock as I, createCommentVNode as m, withCtx as d, renderSlot as h, normalizeProps as x, guardReactiveProps as $, createSlots as We, createVNode as xe, Fragment as P, renderList as G, mergeProps as Ge, Teleport as Cl, resolveDynamicComponent as xl, createTextVNode as At, nextTick as It } from "vue";
-import { j as $l, t as Pt, m as Tl, p as Y, o as _t, q as je, r as Sl, n as Al, k as fe, l as z, X as Il, u as Pl, v as _l, W as Bl, s as Ol, a0 as Fl, a1 as Ll, a as Dl, T as Nl, U as Ml } from "./lib-DBptbyyI.js";
-import { b as zl } from "./labelUtils-CqTHa20R.js";
+import { j as $l, t as Pt, m as Tl, p as Y, o as _t, q as je, r as Sl, n as Al, k as fe, l as z, X as Il, u as Pl, v as _l, W as Bl, s as Ol, a0 as Fl, a1 as Ll, a as Dl, T as Nl, U as Ml } from "./lib-DMzrGQHK.js";
+import { b as zl } from "./labelUtils-DX9oyq3C.js";
 import { t as Vl, u as Rl } from "./useResponsive-DfdjqQps.js";
-import { u as El } from "./useConfig-C40HvGpD.js";
-import { u as Ul, B as Wl } from "./BaseScanner-BhhkKVoj.js";
-import { u as Gl } from "./usePrinter-CEpYU3r5.js";
-import { u as jl } from "./useSvgExport-ByUukOZt.js";
-import { u as He } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Hl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ql } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Xl } from "./useChartAccessibility-9icAAmYg.js";
-import Yl from "./img-LXxMLmCg.js";
-import { _ as Kl } from "./Shape-BKRUOeKk.js";
-import Jl from "./Title-BeMKE1cj.js";
+import { u as El } from "./useConfig-DTHxOX6V.js";
+import { u as Ul, B as Wl } from "./BaseScanner-C2j3TsSY.js";
+import { u as Gl } from "./usePrinter-C4t8DdQ-.js";
+import { u as jl } from "./useSvgExport-BTG4hVPO.js";
+import { u as He } from "./useNestedProp-DH0BEVVS.js";
+import { u as Hl } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ql } from "./useUserOptionState-B7Ej974k.js";
+import { u as Xl } from "./useChartAccessibility-cp6XQtqi.js";
+import Yl from "./img-CjTQXS0U.js";
+import { _ as Kl } from "./Shape-CxJ5_Rre.js";
+import Jl from "./Title-BbKoiBk2.js";
 import Ql from "./vue_ui_waffle-M2h-uJQ_.js";
-import Zl from "./Legend-CS7Xo5LK.js";
-import { A as ea } from "./A11yDataTable-KcVAX2cP.js";
-import { B as ta } from "./BaseLegendToggle-BQVIawmA.js";
+import Zl from "./Legend-DGN5lY60.js";
+import { A as ea } from "./A11yDataTable-BpmuNomI.js";
+import { B as ta } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as la } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative" } }, sa = ["xmlns", "aria-describedby", "viewBox"], ra = ["id"], ia = ["stop-color"], ca = ["stop-color"], va = ["id"], da = ["x", "y", "height", "width"], ha = ["height", "width"], pa = { key: 0 }, fa = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], ga = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], ya = { key: 1 }, ma = ["rx", "x", "y", "height", "width", "fill", "filter"], ba = ["textContent", "x", "y", "font-size", "fill", "filter"], wa = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], ka = {
   key: 0,
@@ -44,14 +44,24 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(Bt, { expose: Ot, emit: Ft }) {
-    const Lt = W(() => import("./Tooltip-C8KGyqQk.js")), Dt = W(() => import("./BaseIcon-Cb3zzG6s.js")), Nt = W(() => import("./DataTable-DT2kIdQ6.js")), Mt = W(() => import("./vue-ui-accordion-DDuJT1xA.js")), zt = W(() => import("./UserOptions-rW2fRf3V.js")), Vt = W(() => import("./PenAndPaper-Ct3qJ4lA.js")), Rt = W(() => import("./PackageVersion-DP_kfXUM.js")), Et = W(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_waffle: Ut } = El(), { isThemeValid: Wt, warnInvalidTheme: Gt } = Hl(), b = Bt, jt = ml(), $e = i({
+    const Lt = W(() => import("./Tooltip-Cvt7Fi0Q.js")), Dt = W(() => import("./BaseIcon-DX0hTWa-.js")), Nt = W(() => import("./DataTable-cMnb68Ik.js")), Mt = W(() => import("./vue-ui-accordion-BHmfmb_6.js")), zt = W(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Vt = W(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Rt = W(
+      () => import("./PackageVersion-BjeuEImy.js")
+    ), Et = W(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_waffle: Ut } = El(), { isThemeValid: Wt, warnInvalidTheme: Gt } = Hl(), b = Bt, jt = ml(), $e = i({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(e) {
         return e;
       }
-    }), y = r($l()), te = r(!1), Te = r(""), V = r(null), qe = r(0), _ = r(null), Xe = r(null), Ye = r(null), Ke = r(null), Je = r(null), Qe = r(0), Ze = r(0), et = r(0), tt = r(!1), le = r(null), Se = r(null), ge = r(!1), ye = r(!1), R = r(null), lt = r({ x: 0, y: 0 }), ae = r("pointer"), Ae = r(!1), t = r(Be()), j = i(() => t.value.userOptions.useCursorPointer), Ht = i(() => Pt({
+    }), y = r($l()), te = r(!1), Te = r(""), V = r(null), qe = r(0), _ = r(null), Xe = r(null), Ye = r(null), Ke = r(null), Je = r(null), Qe = r(0), Ze = r(0), et = r(0), tt = r(!1), le = r(null), Se = r(null), ge = r(!1), ye = r(!1), R = r(null), lt = r({ x: 0, y: 0 }), ae = r("pointer"), Ae = r(!1), t = r(Be()), j = i(
+      () => t.value.userOptions.useCursorPointer
+    ), Ht = i(() => Pt({
       defaultConfig: {
         useCustomCells: !1,
         userOptions: { show: !1 },
@@ -106,7 +116,9 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         defaultConfig: t.value,
         userConfig: Ht.value
       })
-    }), { userOptionsVisible: _e, setUserOptionsVisibility: at, keepUserOptionState: ot } = ql({ config: t.value }), { svgRef: H } = Xl({ config: t.value.style.chart.title });
+    }), { userOptionsVisible: _e, setUserOptionsVisibility: at, keepUserOptionState: ot } = ql({ config: t.value }), { svgRef: H } = Xl({
+      config: t.value.style.chart.title
+    });
     function Be() {
       const e = He({
         userConfig: b.config,
@@ -127,9 +139,13 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         customPalette: o.customPalette.length ? o.customPalette : Tl[a] || Y
       };
     }
-    de(() => b.config, (e) => {
-      Ie.value || (t.value = Be()), _e.value = !t.value.userOptions.showOnChartHover, ut(), Qe.value += 1, Ze.value += 1, et.value += 1, T.value.showTable = t.value.table.show, T.value.showTooltip = t.value.style.chart.tooltip.show;
-    }, { deep: !0 });
+    de(
+      () => b.config,
+      (e) => {
+        Ie.value || (t.value = Be()), _e.value = !t.value.userOptions.showOnChartHover, ut(), Qe.value += 1, Ze.value += 1, et.value += 1, T.value.showTable = t.value.table.show, T.value.showTooltip = t.value.style.chart.tooltip.show;
+      },
+      { deep: !0 }
+    );
     const E = Tt(null), J = Tt(null), nt = i(() => !!t.value.debug);
     function ut() {
       if (_t(b.dataset) ? (je({
@@ -178,12 +194,16 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       showTable: t.value.table.show,
       showTooltip: t.value.style.chart.tooltip.show
     });
-    de(t, () => {
-      T.value = {
-        showTable: t.value.table.show,
-        showTooltip: t.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
+    de(
+      t,
+      () => {
+        T.value = {
+          showTable: t.value.table.show,
+          showTooltip: t.value.style.chart.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const B = r({
       height: 512,
       width: 512
@@ -192,7 +212,13 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       left: 0,
       height: 512,
       width: 512
-    }), F = i(() => (O.value.width - t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.spaceBetween) / t.value.style.chart.layout.grid.size), L = i(() => (O.value.height - t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.spaceBetween) / t.value.style.chart.layout.grid.size), ct = i(() => Math.max(1e-4, O.value.width / t.value.style.chart.layout.grid.size)), Le = i(() => Math.max(1e-4, O.value.height / t.value.style.chart.layout.grid.size));
+    }), F = i(() => (O.value.width - t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.spaceBetween) / t.value.style.chart.layout.grid.size), L = i(() => (O.value.height - t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.spaceBetween) / t.value.style.chart.layout.grid.size), ct = i(() => Math.max(
+      1e-4,
+      O.value.width / t.value.style.chart.layout.grid.size
+    )), Le = i(() => Math.max(
+      1e-4,
+      O.value.height / t.value.style.chart.layout.grid.size
+    ));
     function vt(e) {
       const a = t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.size, l = e.reduce((k, A) => k + A, 0), o = e.map((k) => k / l * a), n = o.map(Math.floor), u = o.map((k) => k % 1);
       let g = a - n.reduce((k, A) => k + A, 0);
@@ -212,11 +238,19 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       }));
     }
     const me = i(() => De()), w = r(me.value);
-    de(() => b.dataset, (e) => {
-      Array.isArray(e) && e.length > 0 && (Pe.value = !1);
-    }, { immediate: !0 }), de(() => b.dataset, (e) => {
-      w.value = De();
-    }, { deep: !0 });
+    de(
+      () => b.dataset,
+      (e) => {
+        Array.isArray(e) && e.length > 0 && (Pe.value = !1);
+      },
+      { immediate: !0 }
+    ), de(
+      () => b.dataset,
+      (e) => {
+        w.value = De();
+      },
+      { deep: !0 }
+    );
     const Xt = i(() => {
       const e = w.value.filter((a, l) => !f.value.includes(a.uid)).map((a, l) => oe.value ? 1 : (a.values || []).reduce((o, n) => o + n, 0));
       return vt(e);
@@ -305,12 +339,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
     function Qt(e) {
       ne.value[e] && (cancelAnimationFrame(ne.value[e]), delete ne.value[e]), ue.value[e] && (cancelAnimationFrame(ue.value[e]), delete ue.value[e]);
     }
-    function ht({
-      seriesId: e,
-      fromValue: a,
-      toValue: l,
-      mode: o
-    }) {
+    function ht({ seriesId: e, fromValue: a, toValue: l, mode: o }) {
       Qt(e), se.value += 1, be.value = !0;
       let n = a;
       return new Promise((u) => {
@@ -336,12 +365,16 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       w.value = me.value;
       const e = f.value.length > 0;
       if (!t.value.useAnimation) {
-        e ? f.value = [] : f.value = U.value.map((a) => a.uid);
+        e ? f.value = [] : f.value = U.value.map(
+          (a) => a.uid
+        );
         return;
       }
       e ? [...f.value].forEach((l) => {
         Z(l, !0);
-      }) : U.value.map((l) => l.uid).forEach((l) => {
+      }) : U.value.map(
+        (l) => l.uid
+      ).forEach((l) => {
         Z(l, !0);
       });
     }
@@ -349,7 +382,9 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       if (oe.value && !a) return;
       const l = a || f.value.length < U.value.length - 1 && U.value.length > 1;
       if (!t.value.useAnimation) {
-        f.value.includes(e) ? f.value = f.value.filter((u) => u !== e) : l && f.value.push(e);
+        f.value.includes(e) ? f.value = f.value.filter(
+          (u) => u !== e
+        ) : l && f.value.push(e);
         return;
       }
       const o = dt(e, me.value), n = dt(e, w.value);
@@ -367,7 +402,10 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
                 name: u.name,
                 color: u.color,
                 value: u.value,
-                proportion: u.proportion / Math.pow(t.value.style.chart.layout.grid.size, 2)
+                proportion: u.proportion / Math.pow(
+                  t.value.style.chart.layout.grid.size,
+                  2
+                )
               }))
             );
           });
@@ -385,7 +423,10 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
               name: u.name,
               color: u.color,
               value: u.value,
-              proportion: u.proportion / Math.pow(t.value.style.chart.layout.grid.size, 2)
+              proportion: u.proportion / Math.pow(
+                t.value.style.chart.layout.grid.size,
+                2
+              )
             }))
           );
         });
@@ -405,13 +446,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       const a = pt(e);
       a !== null && (f.value.includes(a.uid) || Z(a.uid));
     }
-    function Me({
-      val: e,
-      percentage: a,
-      showVal: l,
-      showPercentage: o,
-      config: n
-    }) {
+    function Me({ val: e, percentage: a, showVal: l, showPercentage: o, config: n }) {
       return zl({
         config: n,
         val: e,
@@ -431,12 +466,21 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         shape: "square"
       };
     }).map((e, a) => {
-      const l = fe(t.value.style.chart.layout.labels.dataLabels.formatter, e.value, z({
-        p: t.value.style.chart.layout.labels.dataLabels.prefix,
-        v: e.value,
-        s: t.value.style.chart.layout.labels.dataLabels.suffix,
-        r: t.value.style.chart.legend.roundingValue
-      }), { datapoint: e, index: a }), o = isNaN(e.value / D.value) ? "-" : z({ v: e.value / D.value * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage }), n = Me({
+      const l = fe(
+        t.value.style.chart.layout.labels.dataLabels.formatter,
+        e.value,
+        z({
+          p: t.value.style.chart.layout.labels.dataLabels.prefix,
+          v: e.value,
+          s: t.value.style.chart.layout.labels.dataLabels.suffix,
+          r: t.value.style.chart.legend.roundingValue
+        }),
+        { datapoint: e, index: a }
+      ), o = isNaN(e.value / D.value) ? "-" : z({
+        v: e.value / D.value * 100,
+        s: "%",
+        r: t.value.style.chart.legend.roundingPercentage
+      }), n = Me({
         val: l,
         percentage: o,
         showVal: t.value.style.chart.legend.showValue,
@@ -470,10 +514,14 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           proportion: a.proportion,
           rectIndexes: [l]
         });
-      }), Array.from(e.values()).sort((a, l) => a.serieIndex - l.serieIndex);
+      }), Array.from(e.values()).sort(
+        (a, l) => a.serieIndex - l.serieIndex
+      );
     });
     function ft(e) {
-      return S.value.find((a) => a.serieIndex === e) || null;
+      return S.value.find(
+        (a) => a.serieIndex === e
+      ) || null;
     }
     function gt(e) {
       const a = ft(e);
@@ -481,11 +529,17 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
     }
     function yt(e) {
       const a = c.value[e];
-      t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: a, seriesIndex: a.serieIndex });
+      t.value.events.datapointClick && t.value.events.datapointClick({
+        datapoint: a,
+        seriesIndex: a.serieIndex
+      });
     }
     function al(e) {
       const a = c.value[e];
-      t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: a, seriesIndex: a.serieIndex }), ie.value = null, te.value = !1, V.value = null, R.value = null, ae.value = "pointer";
+      t.value.events.datapointLeave && t.value.events.datapointLeave({
+        datapoint: a,
+        seriesIndex: a.serieIndex
+      }), ie.value = null, te.value = !1, V.value = null, R.value = null, ae.value = "pointer";
     }
     function mt(e, a = "pointer") {
       if (f.value.length === b.dataset.length) return;
@@ -568,7 +622,14 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           r: t.value.style.chart.layout.labels.captions.roundingValue
         }),
         { datapoint: c.value[e], position: a }
-      ), o = z({ v: c.value[e].proportion, s: "%", r: t.value.style.chart.layout.labels.captions.roundingPercentage }), n = (t.value.style.chart.layout.labels.captions.serieNameAbbreviation ? Dl({ source: c.value[e].name, length: t.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : c.value[e].name) + (t.value.style.chart.layout.labels.captions.showPercentage || t.value.style.chart.layout.labels.captions.showValue ? ":" : ""), u = t.value.style.chart.layout.labels.captions.showSerieName ? n : "", g = Me({
+      ), o = z({
+        v: c.value[e].proportion,
+        s: "%",
+        r: t.value.style.chart.layout.labels.captions.roundingPercentage
+      }), n = (t.value.style.chart.layout.labels.captions.serieNameAbbreviation ? Dl({
+        source: c.value[e].name,
+        length: t.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize
+      }) : c.value[e].name) + (t.value.style.chart.layout.labels.captions.showPercentage || t.value.style.chart.layout.labels.captions.showValue ? ":" : ""), u = t.value.style.chart.layout.labels.captions.showSerieName ? n : "", g = Me({
         val: l,
         percentage: o,
         showVal: t.value.style.chart.layout.labels.captions.showValue,
@@ -579,10 +640,21 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
     }
     function Ve(e = null) {
       It(() => {
-        const a = N.value.head.map((n, u) => [[
-          n.name
-        ], [N.value.body[u]], [isNaN(N.value.body[u] / D.value) ? "-" : N.value.body[u] / D.value * 100]]), l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = Fl(l);
-        e ? e(o) : Ll({ csvContent: o, title: t.value.style.chart.title.text || "vue-ui-waffle" });
+        const a = N.value.head.map((n, u) => [
+          [n.name],
+          [N.value.body[u]],
+          [
+            isNaN(N.value.body[u] / D.value) ? "-" : N.value.body[u] / D.value * 100
+          ]
+        ]), l = [
+          [t.value.style.chart.title.text],
+          [t.value.style.chart.title.subtitle.text],
+          [[""], ["val"], ["%"]]
+        ].concat(a), o = Fl(l);
+        e ? e(o) : Ll({
+          csvContent: o,
+          title: t.value.style.chart.title.text || "vue-ui-waffle"
+        });
       });
     }
     const ee = i(() => {
@@ -659,7 +731,12 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
     }
     async function ul({ scale: e = 2 } = {}) {
       if (!_.value) return;
-      const { width: a, height: l } = _.value.getBoundingClientRect(), o = a / l, { imageUri: n, base64: u } = await Yl({ domElement: _.value, base64: !0, img: !0, scale: e });
+      const { width: a, height: l } = _.value.getBoundingClientRect(), o = a / l, { imageUri: n, base64: u } = await Yl({
+        domElement: _.value,
+        base64: !0,
+        img: !0,
+        scale: e
+      });
       return {
         imageUri: n,
         base64: u,
@@ -700,9 +777,12 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         }
       };
     });
-    de(() => T.value.showTable, (e) => {
-      t.value.table.show || (e && t.value.table.useDialog && le.value ? le.value.open() : "close" in le.value && le.value.close());
-    });
+    de(
+      () => T.value.showTable,
+      (e) => {
+        t.value.table.show || (e && t.value.table.useDialog && le.value ? le.value.open() : "close" in le.value && le.value.close());
+      }
+    );
     function Ct() {
       T.value.showTable = !1, Se.value && Se.value.setTableIconState(!1);
     }
@@ -721,7 +801,14 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       try {
         if (e) {
           const { blob: a, url: l, text: o, dataUrl: n } = await dl();
-          await Promise.resolve(t.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: n }));
+          await Promise.resolve(
+            t.value.userOptions.callbacks.svg({
+              blob: a,
+              url: l,
+              text: o,
+              dataUrl: n
+            })
+          );
         } else
           await Promise.resolve(vl());
       } finally {
@@ -744,13 +831,17 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         config: t.value,
         dataset: K.value
       }), !t.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(t.value.userOptions.callbacks.altCopy({
-        config: t.value,
-        dataset: K.value
-      }));
+      await Promise.resolve(
+        t.value.userOptions.callbacks.altCopy({
+          config: t.value,
+          dataset: K.value
+        })
+      );
     }
     function pl() {
       R.value = null, Ae.value = !0;
@@ -761,14 +852,17 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
     function gl(e) {
       if (!H.value || ce.value || document.activeElement !== H.value || !S.value.length || f.value.length === b.dataset.length) return;
       const a = ["ArrowLeft", "ArrowUp"].includes(e.key), l = ["ArrowRight", "ArrowDown"].includes(e.key), o = e.key === "Enter" || e.key === " ", n = e.key === "Escape";
-      if (!a && !l && !o && !n) return;
+      if (!a && !l && !o && !n)
+        return;
       if (e.preventDefault(), e.stopPropagation(), n) {
         R.value = null, ae.value = "pointer", te.value = !1, V.value = null, ie.value = null;
         return;
       }
       if (o) {
         if (R.value === null) return;
-        const A = gt(R.value);
+        const A = gt(
+          R.value
+        );
         if (A === null) return;
         yt(A);
         return;
@@ -778,7 +872,9 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       );
       let g = null;
       if (u === -1 ? g = l ? S.value[0] : S.value[S.value.length - 1] : l ? g = S.value[(u + 1) % S.value.length] : g = S.value[(u - 1 + S.value.length) % S.value.length], !g) return;
-      const k = gt(g.serieIndex);
+      const k = gt(
+        g.serieIndex
+      );
       k !== null && (yl(g.serieIndex), mt(k, "keyboard"));
     }
     function yl(e) {
@@ -1017,7 +1113,10 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           ref: H,
           xmlns: p(Il),
           "aria-describedby": `chart-instructions-${y.value}`,
-          class: St({ "vue-data-ui-fullscreen--on": X.value, "vue-data-ui-fulscreen--off": !X.value }),
+          class: St({
+            "vue-data-ui-fullscreen--on": X.value,
+            "vue-data-ui-fulscreen--off": !X.value
+          }),
           tabindex: "0",
           viewBox: `0 0 ${B.value.width <= 0 ? 10 : B.value.width} ${B.value.height <= 0 ? 10 : B.value.height}`,
           style: he(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color}`),
@@ -1037,7 +1136,10 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             }, [
               C("stop", {
                 offset: "0%",
-                "stop-color": p(Pl)(p(_l)(l.color, 0.05), 100 - t.value.style.chart.layout.rect.gradientIntensity)
+                "stop-color": p(Pl)(
+                  p(_l)(l.color, 0.05),
+                  100 - t.value.style.chart.layout.rect.gradientIntensity
+                )
               }, null, 8, ia),
               C("stop", {
                 offset: "100%",
@@ -1070,7 +1172,16 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             width: F.value <= 0 ? 1e-4 : F.value,
             class: "vue-ui-waffle-custom-cell-foreignObject"
           }, [
-            h(e.$slots, "cell", Ge({ ref_for: !0 }, { cell: { ...l, color: c.value[o].color, ...c.value[o] }, isSelected: [null, void 0].includes(V.value) ? !0 : c.value[o].serieIndex === V.value }), void 0, !0)
+            h(e.$slots, "cell", Ge({ ref_for: !0 }, {
+              cell: {
+                ...l,
+                color: c.value[o].color,
+                ...c.value[o]
+              },
+              isSelected: [null, void 0].includes(
+                V.value
+              ) ? !0 : c.value[o].serieIndex === V.value
+            }), void 0, !0)
           ], 8, da))), 256)) : m("", !0),
           !c.value.length && !t.value.useCustomCells ? (s(), v("rect", {
             key: 1,
@@ -1084,7 +1195,10 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           }, null, 8, ha)) : c.value.length && !t.value.useCustomCells ? (s(), v(P, { key: 2 }, [
             e.$slots.pattern ? (s(), v("g", pa, [
               (s(!0), v(P, null, G(me.value, (l) => (s(), v("defs", null, [
-                h(e.$slots, "pattern", Ge({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${y.value}_${l.absoluteIndex}` }), void 0, !0)
+                h(e.$slots, "pattern", Ge({ ref_for: !0 }, {
+                  seriesIndex: l.absoluteIndex,
+                  patternId: `pattern_${y.value}_${l.absoluteIndex}`
+                }), void 0, !0)
               ]))), 256))
             ])) : m("", !0),
             (s(!0), v(P, null, G(q.value, (l, o) => (s(), v("rect", {
@@ -1153,11 +1267,16 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           }, void 0, !0)
         ], 46, sa)),
         e.$slots.hint ? (s(), v("div", ka, [
-          h(e.$slots, "hint", x($({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Ae.value })), void 0, !0)
+          h(e.$slots, "hint", x($({
+            hint: t.value.a11y.translations.keyboardNavigation,
+            isVisible: Ae.value
+          })), void 0, !0)
         ])) : m("", !0)
       ]),
       e.$slots.watermark ? (s(), v("div", Ca, [
-        h(e.$slots, "watermark", x($({ isPrinting: p(Oe) || p(Fe) || ge.value || ye.value })), void 0, !0)
+        h(e.$slots, "watermark", x($({
+          isPrinting: p(Oe) || p(Fe) || ge.value || ye.value
+        })), void 0, !0)
       ])) : m("", !0),
       C("div", {
         id: `legend-bottom-${y.value}`
@@ -1318,7 +1437,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       ], !0)
     ], 46, aa));
   }
-}, qa = /* @__PURE__ */ la(Sa, [["__scopeId", "data-v-5d3b0f81"]]);
+}, qa = /* @__PURE__ */ la(Sa, [["__scopeId", "data-v-9a69dc71"]]);
 export {
   qa as default
 };