vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-bump-BX-bnhix.js → vue-ui-bump-JbKFEe2A.js}

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as V, computed as y, ref as d, toRefs as aa, onMounted as la, watch as de, shallowRef as et, onBeforeUnmount as tt, watchEffect as at, openBlock as r, createElementBlock as c, normalizeStyle as x, normalizeClass as lt, createElementVNode as W, toDisplayString as B, createBlock as U, createCommentVNode as b, unref as h, withCtx as g, renderSlot as f, normalizeProps as $, guardReactiveProps as S, createSlots as ot, createVNode as Se, Fragment as L, renderList as T, mergeProps as Ae, resolveDynamicComponent as oa, createTextVNode as nt, nextTick as na } from "vue";
-import { j as st, t as ut, m as sa, p as he, n as ua, o as rt, q as it, r as ra, s as ct, k as ia, l as ca, W as vt, a9 as R, c as va, b as da, I as ha, X as ya, Z as Te, a0 as fa, a1 as pa } from "./lib-DBptbyyI.js";
-import { t as dt, u as ma } from "./useResponsive-DfdjqQps.js";
-import { u as ga } from "./useConfig-C40HvGpD.js";
-import { u as ba, B as ka } from "./BaseScanner-BhhkKVoj.js";
-import { u as Ca } from "./usePrinter-CEpYU3r5.js";
-import { u as wa } from "./useSvgExport-ByUukOZt.js";
-import { u as Me } from "./useNestedProp-Bf5XFbs8.js";
-import { u as La } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as xa } from "./useTimeLabels-C-A2uZKi.js";
-import { u as $a } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Sa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Aa } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { defineAsyncComponent as V, computed as y, ref as h, toRefs as aa, onMounted as la, watch as he, shallowRef as et, onBeforeUnmount as tt, watchEffect as at, openBlock as r, createElementBlock as c, normalizeStyle as x, normalizeClass as lt, createElementVNode as W, toDisplayString as B, createBlock as U, createCommentVNode as b, unref as d, withCtx as g, renderSlot as f, normalizeProps as $, guardReactiveProps as S, createSlots as ot, createVNode as Se, Fragment as L, renderList as T, mergeProps as Ae, resolveDynamicComponent as oa, createTextVNode as nt, nextTick as na } from "vue";
+import { j as st, t as ut, m as sa, p as de, n as ua, o as rt, q as it, r as ra, s as ct, k as ia, l as ca, W as vt, a9 as R, c as va, b as ha, I as da, X as ya, Z as Te, a0 as fa, a1 as pa } from "./lib-DMzrGQHK.js";
+import { t as ht, u as ma } from "./useResponsive-DfdjqQps.js";
+import { u as ga } from "./useConfig-DTHxOX6V.js";
+import { u as ba, B as ka } from "./BaseScanner-BON3d_Sx.js";
+import { u as Ca } from "./usePrinter-C4t8DdQ-.js";
+import { u as wa } from "./useSvgExport-BTG4hVPO.js";
+import { u as Me } from "./useNestedProp-DH0BEVVS.js";
+import { u as La } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as xa } from "./useTimeLabels-Cv0tD9In.js";
+import { u as $a } from "./useUserOptionState-B7Ej974k.js";
+import { u as Sa } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as Aa } from "./useTimeLabelCollider-D3JeJ6Ye.js";
 import Ta from "./vue_ui_bump-CIht647H.js";
-import Ma from "./Title-BeMKE1cj.js";
-import { A as Pa } from "./A11yDataTable-KcVAX2cP.js";
-import Ia from "./BaseDraggableDialog-CIb-iD9g.js";
+import Ma from "./Title-BbKoiBk2.js";
+import { A as Pa } from "./A11yDataTable-BpmuNomI.js";
+import Ia from "./BaseDraggableDialog-Di8Hlru3.js";
 import { _ as za } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = ["xmlns", "aria-describedby", "viewBox"], Na = ["x", "y", "width", "height"], Ha = ["d", "stroke", "stroke-width", "onMouseenter"], Ea = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Fa = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Va = ["x", "y", "fill", "font-size"], Wa = ["onMouseenter", "onMouseleave", "onClick"], Ba = ["x", "y", "fill", "font-size"], Ua = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], Xa = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], Ya = { key: 0 }, ja = { key: 1 }, qa = ["text-anchor", "font-size", "font-weight", "fill", "transform"], Ga = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], Ka = {
   key: 0,
@@ -41,15 +41,23 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
     }
   },
   emits: ["copyAlt"],
-  setup(ht, { expose: yt, emit: ft }) {
-    const pt = V(() => import("./BaseIcon-Cb3zzG6s.js")), mt = V(() => import("./vue-ui-accordion-DDuJT1xA.js")), gt = V(() => import("./DataTable-DT2kIdQ6.js")), bt = V(() => import("./PenAndPaper-Ct3qJ4lA.js")), kt = V(() => import("./UserOptions-rW2fRf3V.js")), Ct = V(() => import("./PackageVersion-DP_kfXUM.js")), { vue_ui_bump: wt } = ga(), { isThemeValid: Lt, warnInvalidTheme: xt } = La(), w = ht, $t = ft, le = y({
+  setup(dt, { expose: yt, emit: ft }) {
+    const pt = V(() => import("./BaseIcon-DX0hTWa-.js")), mt = V(() => import("./vue-ui-accordion-BHmfmb_6.js")), gt = V(() => import("./DataTable-cMnb68Ik.js")), bt = V(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), kt = V(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Ct = V(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), { vue_ui_bump: wt } = ga(), { isThemeValid: Lt, warnInvalidTheme: xt } = La(), w = dt, $t = ft, le = y({
       get() {
         return !!w.dataset && w.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), M = d(null), N = d(st()), Pe = d(0), Ie = d(null), ze = d(null), Oe = d(null), oe = d(!1), ye = d(!1), Re = d(0), St = d(0), X = d(null), fe = d(null), _e = d(!1), ne = d(!1), se = d(!1), p = d(null), pe = d(null), me = d(null), ge = d(null), P = d(null), be = d(!1), e = d(ke()), Y = y(() => e.value.userOptions.useCursorPointer), At = y(() => ut({
+    }), M = h(null), N = h(st()), Pe = h(0), Ie = h(null), ze = h(null), Oe = h(null), oe = h(!1), ye = h(!1), Re = h(0), St = h(0), X = h(null), fe = h(null), _e = h(!1), ne = h(!1), se = h(!1), p = h(null), pe = h(null), me = h(null), ge = h(null), P = h(null), be = h(!1), e = h(ke()), Y = y(
+      () => e.value.userOptions.useCursorPointer
+    ), At = y(() => ut({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {
@@ -80,9 +88,21 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
       FINAL_CONFIG: e,
       prepareConfig: ke,
       skeletonDataset: w.config?.skeletonDataset ?? [
-        { name: "————", values: [1, 1, 1, 2, 2, 2, 3, 3, 2, 2], color: "#4A4A4A" },
-        { name: "————", values: [2, 2, 2, 1, 3, 3, 2, 2, 3, 3], color: "#6A6A6A" },
-        { name: "————", values: [3, 3, 3, 3, 1, 1, 1, 1, 1, 1], color: "#8A8A8A" }
+        {
+          name: "————",
+          values: [1, 1, 1, 2, 2, 2, 3, 3, 2, 2],
+          color: "#4A4A4A"
+        },
+        {
+          name: "————",
+          values: [2, 2, 2, 1, 3, 3, 2, 2, 3, 3],
+          color: "#6A6A6A"
+        },
+        {
+          name: "————",
+          values: [3, 3, 3, 3, 1, 1, 1, 1, 1, 1],
+          color: "#8A8A8A"
+        }
       ],
       skeletonConfig: ut({
         defaultConfig: e.value,
@@ -110,42 +130,55 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
               userConfig: w.config,
               defaultConfig: o
             }),
-            customPalette: t.customPalette.length ? t.customPalette : sa[a] || he
+            customPalette: t.customPalette.length ? t.customPalette : sa[a] || de
           };
         }
       else
         l = t;
       return l;
     }
-    const { userOptionsVisible: Ce, setUserOptionsVisibility: De, keepUserOptionState: Ne } = $a({ config: e.value }), { svgRef: j } = Sa({ config: e.value.style.chart.title });
+    const { userOptionsVisible: Ce, setUserOptionsVisibility: De, keepUserOptionState: Ne } = $a({ config: e.value }), { svgRef: j } = Sa({
+      config: e.value.style.chart.title
+    });
     function Mt() {
       _e.value = !0, De(!0);
     }
     function Pt() {
       De(!1), _e.value = !1;
     }
-    const _ = d({
+    const _ = h({
       showTable: e.value.table.show
     });
-    de(e, () => {
-      _.value = {
-        showTable: e.value.table.show
-      };
-    }, { immediate: !0 }), de(() => w.config, (t) => {
-      ue.value || (e.value = ke()), Ce.value = !e.value.userOptions.showOnChartHover, We(), Re.value += 1, St.value += 1, _.value.showTable = e.value.table.show, A.value.width = e.value.style.chart.width, A.value.height = e.value.style.chart.height, A.value.paddingRatio = {
-        top: e.value.style.chart.padding.top / e.value.style.chart.height,
-        right: e.value.style.chart.padding.right / e.value.style.chart.width,
-        bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
-        left: e.value.style.chart.padding.left / e.value.style.chart.width
-      };
-    }), de(() => w.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (re.value = !1);
-    }, { deep: !0 });
+    he(
+      e,
+      () => {
+        _.value = {
+          showTable: e.value.table.show
+        };
+      },
+      { immediate: !0 }
+    ), he(
+      () => w.config,
+      (t) => {
+        ue.value || (e.value = ke()), Ce.value = !e.value.userOptions.showOnChartHover, We(), Re.value += 1, St.value += 1, _.value.showTable = e.value.table.show, A.value.width = e.value.style.chart.width, A.value.height = e.value.style.chart.height, A.value.paddingRatio = {
+          top: e.value.style.chart.padding.top / e.value.style.chart.height,
+          right: e.value.style.chart.padding.right / e.value.style.chart.width,
+          bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
+          left: e.value.style.chart.padding.left / e.value.style.chart.width
+        };
+      }
+    ), he(
+      () => w.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (re.value = !1);
+      },
+      { deep: !0 }
+    );
     const { isPrinting: we, isImaging: Le, generatePdf: He, generateImage: Ee } = Ca({
       elementId: `bump_${N.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-bump",
       options: e.value.userOptions.print
-    }), It = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), A = d({
+    }), It = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), A = h({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       paddingRatio: {
@@ -154,7 +187,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), zt = y(() => ua(e.value.customPalette)), I = et(null), H = et(null), Fe = d(null), Ve = y(() => !!e.value.debug);
+    }), zt = y(() => ua(e.value.customPalette)), I = et(null), H = et(null), Fe = h(null), Ve = y(() => !!e.value.debug);
     function We() {
       if (rt(w.dataset) ? (it({
         componentName: "VueUiBump",
@@ -176,7 +209,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
       }), rt(w.dataset) || (re.value = e.value.loading), setTimeout(() => {
         ye.value = !0;
       }, 10), e.value.responsive) {
-        const t = dt(() => {
+        const t = ht(() => {
           ye.value = !1;
           const { width: l, height: a } = ma({
             chart: M.value,
@@ -199,14 +232,16 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
       I.value && (H.value && I.value.unobserve(H.value), I.value.disconnect());
     });
     const ie = y(() => Tt.value.map((t, l) => {
-      const a = ct(t.color) || zt.value[l] || he[l] || he[l % he.length];
+      const a = ct(t.color) || zt.value[l] || de[l] || de[l % de.length];
       return {
         ...t,
         absoluteIndex: l,
         id: st(),
         color: a
       };
-    })), E = y(() => Math.max(...ie.value.map((t) => t.values.length)));
+    })), E = y(
+      () => Math.max(...ie.value.map((t) => t.values.length))
+    );
     function Ot(t) {
       const l = t.map(() => Array(E.value).fill(null));
       for (let a = 0; a < E.value; a += 1) {
@@ -237,7 +272,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         return n > a ? n : a;
       }, 0)), t;
     }
-    const Be = d(0), Dt = dt((t) => {
+    const Be = h(0), Dt = ht((t) => {
       Be.value = t;
     }, 100);
     at((t) => {
@@ -261,10 +296,16 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         return Math.max(te, ve);
       }, 1), u = n.reduce((te, ae) => {
         const Qt = String(ae?.text ?? "").split(`
-`).reduce((ea, ta) => Math.max(ea, ta.length), 0);
+`).reduce(
+          (ea, ta) => Math.max(ea, ta.length),
+          0
+        );
         return Math.max(te, Qt);
       }, 0), v = l * 1.3, m = s * v, k = u * l * (u === 1 ? 1 : 0.6), O = Math.abs(Math.sin(o)) * k + Math.abs(Math.cos(o)) * m, ee = l * 0.3;
-      return Math.max(0, O + Math.abs(t.offsetY) + ee);
+      return Math.max(
+        0,
+        O + Math.abs(t.offsetY) + ee
+      );
     }), i = y(() => {
       const { height: t, width: l } = A.value, { right: a, left: o } = A.value.paddingRatio;
       let n = Rt(), s = _t();
@@ -309,9 +350,13 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
             displayValue: v,
             rank: l.positions[u] + 1,
             color: l.color,
-            labelColor: e.value.style.chart.layout.plots.labels.color === "auto" ? vt(l.color) : ct(e.value.style.chart.layout.plots.labels.color) ?? vt(l.color)
+            labelColor: e.value.style.chart.layout.plots.labels.color === "auto" ? vt(l.color) : ct(
+              e.value.style.chart.layout.plots.labels.color
+            ) ?? vt(l.color)
           };
-        }), o = a.filter((s) => R(s.value)), n = e.value.style.chart.layout.lines.smooth ? va(o) : da(o);
+        }), o = a.filter(
+          (s) => R(s.value)
+        ), n = e.value.style.chart.layout.lines.smooth ? va(o) : ha(o);
         return {
           ...l,
           coordinates: a,
@@ -351,7 +396,9 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
     const Xe = y(() => {
       const t = [], l = [];
       C.value.forEach((m) => {
-        const k = m.coordinates.filter((ee) => Number.isFinite(ee.rank));
+        const k = m.coordinates.filter(
+          (ee) => Number.isFinite(ee.rank)
+        );
         if (!k.length) return;
         t.push({ ...k[0] });
         const O = k[k.length - 1];
@@ -386,7 +433,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         rx: u / 2
       };
     }
-    const D = d([]);
+    const D = h([]);
     let Ye = 0;
     at(() => {
       const t = ++Ye, l = e.value.style.chart.layout.timeLabels, a = l.values, o = l.datetimeFormatter, n = E.value;
@@ -407,10 +454,13 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
     });
     const Et = y(() => {
       const t = e.value.style.chart.layout.timeLabels.modulo;
-      return D.value.length ? Math.min(t, [...new Set(D.value.map((l) => l.text))].length) : t;
+      return D.value.length ? Math.min(
+        t,
+        [...new Set(D.value.map((l) => l.text))].length
+      ) : t;
     }), q = y(() => {
       const t = e.value.style.chart.layout.timeLabels, l = D.value || [], a = D.value || [], o = 0, n = null, s = E.value, u = l.map((m) => m?.text ?? ""), v = a.map((m) => m?.text ?? "");
-      return ha(
+      return da(
         !!t.showOnlyFirstAndLast,
         !!t.showOnlyAtModulo,
         Math.max(1, Et.value || 1),
@@ -450,7 +500,8 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
     function Xt(t) {
       if (!j.value || Z.value || document.activeElement !== j.value || !G.value.length) return;
       const l = ["ArrowLeft", "ArrowUp"].includes(t.key), a = ["ArrowRight", "ArrowDown"].includes(t.key), o = t.key === "Enter" || t.key === " ", n = t.key === "Escape";
-      if (!l && !a && !o && !n) return;
+      if (!l && !a && !o && !n)
+        return;
       if (t.preventDefault(), t.stopPropagation(), n) {
         qe();
         return;
@@ -482,13 +533,20 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
       slicer: Wt,
       configRef: e,
       rotationPath: ["style", "chart", "layout", "timeLabels", "rotation"],
-      autoRotatePath: ["style", "chart", "layout", "timeLabels", "autoRotate", "enable"],
+      autoRotatePath: [
+        "style",
+        "chart",
+        "layout",
+        "timeLabels",
+        "autoRotate",
+        "enable"
+      ],
       isAutoSize: !1,
       width: Ft,
       height: Vt,
       rotation: e.value.style.chart.layout.timeLabels.autoRotate.angle
     });
-    const Z = d(!1);
+    const Z = h(!1);
     function xe() {
       Z.value = !Z.value;
     }
@@ -498,9 +556,12 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
     function Ke() {
       _.value.showTable = !_.value.showTable;
     }
-    de(() => _.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && X.value ? X.value.open() : "close" in X.value && X.value.close());
-    });
+    he(
+      () => _.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && X.value ? X.value.open() : "close" in X.value && X.value.close());
+      }
+    );
     function Ze() {
       _.value.showTable = !1, fe.value && fe.value.setTableIconState(!1);
     }
@@ -508,14 +569,15 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
       return C.value;
     }
     function $e(t = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ["", ...q.value.map((v) => v?.text ?? "")], o = C.value.map((v) => [
-        v.name,
-        ...v.coordinates.map((m) => `${m.displayValue}`)
-      ]), n = C.value.map((v) => [
-        v.name,
-        ...v.coordinates.map((m) => `${m.rank}`)
-      ]), s = l.concat([[e.value.table.columnNames.values]]).concat([a]).concat(o).concat([[""], [e.value.table.columnNames.ranking], [a]]).concat(n), u = fa(s);
-      t ? t(u) : pa({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-bump" });
+      const l = [
+        [e.value.style.chart.title.text],
+        [e.value.style.chart.title.subtitle.text],
+        [""]
+      ], a = ["", ...q.value.map((v) => v?.text ?? "")], o = C.value.map((v) => [v.name, ...v.coordinates.map((m) => `${m.displayValue}`)]), n = C.value.map((v) => [v.name, ...v.coordinates.map((m) => `${m.rank}`)]), s = l.concat([[e.value.table.columnNames.values]]).concat([a]).concat(o).concat([[""], [e.value.table.columnNames.ranking], [a]]).concat(n), u = fa(s);
+      t ? t(u) : pa({
+        csvContent: u,
+        title: e.value.style.chart.title.text || "vue-ui-bump"
+      });
     }
     const J = y(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = _.value.showTable;
@@ -577,7 +639,14 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
       try {
         if (t) {
           const { blob: l, url: a, text: o, dataUrl: n } = await Kt();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: n }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: a,
+              text: o,
+              dataUrl: n
+            })
+          );
         } else
           await Promise.resolve(Gt());
       } finally {
@@ -586,7 +655,12 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
     }
     async function Zt({ scale: t = 2 } = {}) {
       if (!M.value) return;
-      const { width: l, height: a } = M.value.getBoundingClientRect(), o = l / a, { imageUri: n, base64: s } = await img({ domElement: M.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = M.value.getBoundingClientRect(), o = l / a, { imageUri: n, base64: s } = await img({
+        domElement: M.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: n,
         base64: s,
@@ -630,13 +704,17 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         config: e.value,
         dataset: C.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: C.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: C.value
+        })
+      );
     }
     return yt({
       getData: Yt,
@@ -653,7 +731,11 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
       id: `bump_${N.value}`,
       ref_key: "bumpChart",
       ref: M,
-      class: lt({ "vue-data-ui-component": !0, "vue-ui-bump": !0, "vue-data-ui-wrapper-fullscreen": oe.value }),
+      class: lt({
+        "vue-data-ui-component": !0,
+        "vue-ui-bump": !0,
+        "vue-data-ui-wrapper-fullscreen": oe.value
+      }),
       style: x(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: Mt,
       onMouseleave: Pt
@@ -670,9 +752,9 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         caption: K.value.caption,
         notice: K.value.notice
       }, null, 8, ["uid", "head", "body", "caption", "notice"])) : b("", !0),
-      e.value.userOptions.buttons.annotator ? (r(), U(h(bt), {
+      e.value.userOptions.buttons.annotator ? (r(), U(d(bt), {
         key: 1,
-        svgRef: h(j),
+        svgRef: d(j),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: Z.value,
@@ -727,14 +809,14 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
           }
         }, null, 8, ["config"]))
       ], 512)) : b("", !0),
-      e.value.userOptions.show && le.value && (h(Ne) || h(Ce)) ? (r(), U(h(kt), {
+      e.value.userOptions.show && le.value && (d(Ne) || d(Ce)) ? (r(), U(d(kt), {
         ref_key: "userOptionsRef",
         ref: fe,
         key: `user_option_${Pe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: h(we),
-        isImaging: h(Le),
+        isPrinting: d(we),
+        isImaging: d(Le),
         uid: N.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -756,7 +838,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         tableDialog: e.value.table.useDialog,
         isCursorPointer: Y.value,
         onToggleFullscreen: Ge,
-        onGeneratePdf: h(He),
+        onGeneratePdf: d(He),
         onGenerateCsv: $e,
         onGenerateImage: Jt,
         onGenerateSvg: Je,
@@ -764,7 +846,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         onToggleAnnotator: xe,
         onCopyAlt: Qe,
         style: x({
-          visibility: h(Ne) ? h(Ce) ? "visible" : "hidden" : "visible"
+          visibility: d(Ne) ? d(Ce) ? "visible" : "hidden" : "visible"
         })
       }, ot({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -835,10 +917,14 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         (r(), c("svg", {
           ref_key: "svgRef",
           ref: j,
-          xmlns: h(ya),
+          xmlns: d(ya),
           "aria-describedby": `chart-instructions-${N.value}`,
           viewBox: `0 0 ${i.value.chartWidth <= 0 ? 10 : i.value.chartWidth} ${i.value.svgHeight <= 0 ? 10 : i.value.svgHeight}`,
-          class: lt({ "vue-data-ui-loading": h(ue), "no-transition": !e.value.useCssAnimation, "with-transition": e.value.useCssAnimation }),
+          class: lt({
+            "vue-data-ui-loading": d(ue),
+            "no-transition": !e.value.useCssAnimation,
+            "with-transition": e.value.useCssAnimation
+          }),
           style: x(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
           role: "img",
           "aria-live": "polite",
@@ -848,7 +934,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
           onBlur: Ut,
           onKeydown: Xt
         }, [
-          Se(h(Ct)),
+          Se(d(Ct)),
           t.$slots["chart-background"] ? (r(), c("foreignObject", {
             key: 0,
             x: i.value.left,
@@ -922,18 +1008,26 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
               })
             }, B(o.rank), 13, Va))), 256)) : b("", !0),
             e.value.style.chart.layout.plots.labels.displayedValue === "value" ? (r(!0), c(L, { key: 2 }, T(a.coordinates, (o) => (r(), c(L, null, [
-              h(R)(o.value) ? (r(), c("rect", Ae({
+              d(R)(o.value) ? (r(), c("rect", Ae({
                 key: 0,
                 class: "transition-opacity"
               }, { ref_for: !0 }, Ht(o), {
                 style: {
                   opacity: p.value == null || p.value === a.id ? 1 : 0.1
                 },
-                onMouseenter: (n) => z({ ...t.point, pointIndex: t.i }, a),
-                onMouseleave: (n) => F({ ...t.point, pointIndex: t.i }),
-                onClick: (n) => z({ ...t.point, pointIndex: t.i }, a)
+                onMouseenter: (n) => z(
+                  { ...t.point, pointIndex: t.i },
+                  a
+                ),
+                onMouseleave: (n) => F(
+                  { ...t.point, pointIndex: t.i }
+                ),
+                onClick: (n) => z(
+                  { ...t.point, pointIndex: t.i },
+                  a
+                )
               }), null, 16, Wa)) : b("", !0),
-              h(R)(o.value) && e.value.style.chart.layout.plots.labels.show ? (r(), c("text", {
+              d(R)(o.value) && e.value.style.chart.layout.plots.labels.show ? (r(), c("text", {
                 key: 1,
                 class: "transition-opacity",
                 x: o.x,
@@ -954,7 +1048,9 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
             ref_key: "labelsLeft",
             ref: pe
           }, [
-            (r(!0), c(L, null, T(Xe.value.left.filter((a) => h(R)(a.value)), (a, o) => (r(), c("text", {
+            (r(!0), c(L, null, T(Xe.value.left.filter(
+              (a) => d(R)(a.value)
+            ), (a, o) => (r(), c("text", {
               class: "transition-opacity",
               x: i.value.left,
               y: a.y + e.value.style.chart.layout.nameLabels.fontSize / 3,
@@ -962,7 +1058,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
               "font-size": e.value.style.chart.layout.nameLabels.fontSize,
               "font--weight": e.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
               "text-anchor": "end",
-              innerHTML: h(Te)({
+              innerHTML: d(Te)({
                 content: a.name,
                 fontSize: e.value.style.chart.layout.nameLabels.fontSize,
                 fill: e.value.style.chart.layout.nameLabels.useSerieColor ? a.color : e.value.style.chart.layout.nameLabels.color,
@@ -983,7 +1079,9 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
             ref_key: "labelsRight",
             ref: me
           }, [
-            (r(!0), c(L, null, T(Xe.value.right.filter((a) => h(R)(a.value)), (a, o) => (r(), c("text", {
+            (r(!0), c(L, null, T(Xe.value.right.filter(
+              (a) => d(R)(a.value)
+            ), (a, o) => (r(), c("text", {
               class: "transition-opacity",
               x: i.value.right,
               y: a.y + e.value.style.chart.layout.nameLabels.fontSize / 3,
@@ -991,7 +1089,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
               "font-size": e.value.style.chart.layout.nameLabels.fontSize,
               "font--weight": e.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
               "text-anchor": "start",
-              innerHTML: h(Te)({
+              innerHTML: d(Te)({
                 content: a.name,
                 fontSize: e.value.style.chart.layout.nameLabels.fontSize,
                 fill: e.value.style.chart.layout.nameLabels.useSerieColor ? a.color : e.value.style.chart.layout.nameLabels.color,
@@ -1041,7 +1139,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
                                         ),
                                         rotate(${e.value.style.chart.layout.timeLabels.rotation})
                                     `,
-                  innerHTML: h(Te)({
+                  innerHTML: d(Te)({
                     content: String(a.text),
                     fontSize: e.value.style.chart.layout.timeLabels.fontSize,
                     fill: e.value.style.chart.layout.timeLabels.color,
@@ -1064,17 +1162,22 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
             svg: {
               drawingArea: i.value,
               data: C.value,
-              isPrintingImg: h(we) | h(Le) | ne.value,
+              isPrintingImg: d(we) | d(Le) | ne.value,
               isPrintingSvg: se.value
             }
           }, void 0, !0)
         ], 46, Da)),
         t.$slots.hint ? (r(), c("div", Ka, [
-          f(t.$slots, "hint", $(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: be.value })), void 0, !0)
+          f(t.$slots, "hint", $(S({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: be.value
+          })), void 0, !0)
         ])) : b("", !0)
       ]),
       t.$slots.watermark ? (r(), c("div", Za, [
-        f(t.$slots, "watermark", $(S({ isPrinting: h(we) || h(Le) || ne.value || se.value })), void 0, !0)
+        f(t.$slots, "watermark", $(S({
+          isPrinting: d(we) || d(Le) || ne.value || se.value
+        })), void 0, !0)
       ])) : b("", !0),
       le.value && e.value.userOptions.buttons.table ? (r(), U(oa(J.value.component), Ae({ key: 6 }, J.value.props, {
         ref_key: "tableUnit",
@@ -1082,7 +1185,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         onClose: Ze
       }), ot({
         content: g(() => [
-          Se(h(gt), {
+          Se(d(gt), {
             colNames: Q.value.colNames,
             head: Q.value.head,
             body: Q.value.body,
@@ -1119,7 +1222,7 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
               onClick: l[1] || (l[1] = (a) => $e(e.value.userOptions.callbacks.csv)),
               style: x({ cursor: Y.value ? "pointer" : "default" })
             }, [
-              Se(h(pt), {
+              Se(d(pt), {
                 name: "fileCsv",
                 stroke: J.value.props.color
               }, null, 8, ["stroke"])
@@ -1137,11 +1240,11 @@ const Oa = ["id"], Ra = ["id"], _a = { style: { position: "relative" } }, Da = [
         f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : b("", !0),
       f(t.$slots, "skeleton", {}, () => [
-        h(ue) ? (r(), U(ka, { key: 0 })) : b("", !0)
+        d(ue) ? (r(), U(ka, { key: 0 })) : b("", !0)
       ], !0)
     ], 46, Oa));
   }
-}, gl = /* @__PURE__ */ za(Qa, [["__scopeId", "data-v-027add95"]]);
+}, gl = /* @__PURE__ */ za(Qa, [["__scopeId", "data-v-805819e2"]]);
 export {
   gl as default
 };