vue-data-ui 3.15.12 → 3.16.1

package/dist/{vue-ui-carousel-table-CmiHTJ8E.js → vue-ui-carousel-table-BHRZBYY0.js}

@@ -1,15 +1,16 @@
-import { defineAsyncComponent as me, ref as n, useSlots as Ne, onMounted as w, computed as O, watch as N, onBeforeUnmount as G, shallowRef as Ue, nextTick as ge, openBlock as r, createElementBlock as p, unref as u, createElementVNode as U, normalizeClass as Ve, normalizeStyle as h, createTextVNode as D, toDisplayString as X, renderSlot as d, Fragment as j, renderList as J, mergeProps as be, createCommentVNode as R, createBlock as ye, createSlots as Me, withCtx as b, normalizeProps as K, guardReactiveProps as Q } from "vue";
-import { u as qe } from "./useConfig-CIgyKZ6R.js";
-import { u as Le } from "./useNestedProp-BBT0mbHh.js";
-import { j as Ge, o as W, q as Y, u as De, a0 as Xe, a1 as je } from "./lib-GwPnJSrY.js";
-import { u as Je } from "./usePrinter-DiK5R6k-.js";
-import { u as Ke } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const We = ["id"], Ye = ["height"], Ze = ["data-cell", "height"], _e = {
+import { defineAsyncComponent as ge, ref as l, useSlots as Ue, onMounted as O, computed as I, watch as U, onBeforeUnmount as G, shallowRef as Me, nextTick as be, openBlock as r, createElementBlock as c, unref as u, createElementVNode as M, normalizeClass as Ve, normalizeStyle as h, createTextVNode as D, toDisplayString as X, renderSlot as d, Fragment as j, renderList as J, mergeProps as ye, createCommentVNode as z, createBlock as Ce, createSlots as qe, withCtx as b, normalizeProps as K, guardReactiveProps as Q } from "vue";
+import { u as Le } from "./useConfig-DO94Aj5s.js";
+import { u as Ge } from "./useNestedProp-Bf5XFbs8.js";
+import { j as De, o as W, q as Y, u as Xe, a0 as je, a1 as Je } from "./lib-DBptbyyI.js";
+import { u as Ke } from "./usePrinter-CEpYU3r5.js";
+import { u as Qe } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as We } from "./usePrefersMotion-CUKm8_t8.js";
+import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ze = ["id"], _e = ["aria-labelledby"], et = ["id"], tt = ["height"], at = ["id"], ot = ["data-cell", "aria-label", "height"], lt = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, et = {
+}, nt = {
   __name: "vue-ui-carousel-table",
   props: {
     config: {
@@ -26,213 +27,214 @@ const We = ["id"], Ye = ["height"], Ze = ["data-cell", "height"], _e = {
     }
   },
   emits: ["copyAlt"],
-  setup(k, { expose: Ce, emit: $e }) {
-    const Ae = me(() => import("./vue-ui-skeleton-CbqNz9IE.js")), ke = me(() => import("./UserOptions-CrLqEimB.js")), { vue_ui_carousel_table: Te } = qe(), l = k, we = $e, V = n(Ge()), Z = n(!1), I = n(!!l.dataset), Oe = Ne();
-    w(() => {
-      _();
-    }), w(() => {
-      Oe["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
+  setup(y, { expose: $e, emit: Ae }) {
+    const ke = ge(() => import("./vue-ui-skeleton-D6kTb9aO.js")), Te = ge(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_carousel_table: we } = Le(), Z = We(), n = y, Oe = Ae, P = l(De()), _ = l(!1), x = l(!!n.dataset), Ie = Ue();
+    O(() => {
+      ee();
+    }), O(() => {
+      Ie["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
     });
-    function _() {
-      W(l.dataset) ? Y({
+    function ee() {
+      W(n.dataset) ? Y({
         componentName: "VueUiCarouselTable",
         type: "dataset"
-      }) : ((!l.dataset.head || W(l.dataset.head)) && (Y({
+      }) : ((!n.dataset.head || W(n.dataset.head)) && (Y({
         componentName: "VueUiCarouselTable",
         type: "datasetAttribute",
         property: "head"
-      }), I.value = !1), (!l.dataset.body || W(l.dataset.body)) && (Y({
+      }), x.value = !1), (!n.dataset.body || W(n.dataset.body)) && (Y({
         componentName: "VueUiCarouselTable",
         type: "datasetAttribute",
         property: "body"
-      }), I.value = !1));
+      }), x.value = !1)), Z.value && (e.value.userOptions.buttons.animation = !1);
     }
-    const e = O({
-      get: () => ae(),
+    const e = I({
+      get: () => oe(),
       set: (t) => t
-    }), Ie = O(() => e.value.userOptions.useCursorPointer), { userOptionsVisible: M, setUserOptionsVisibility: ee, keepUserOptionState: te } = Ke({ config: e.value });
-    function ae() {
-      return Le({
-        userConfig: l.config,
-        defaultConfig: Te
+    }), Pe = I(() => e.value.userOptions.useCursorPointer), { userOptionsVisible: V, setUserOptionsVisibility: te, keepUserOptionState: ae } = Qe({ config: e.value });
+    function oe() {
+      return Ge({
+        userConfig: n.config,
+        defaultConfig: we
       });
     }
-    N(() => l.config, (t) => {
-      e.value = ae(), M.value = !e.value.userOptions.showOnChartHover, _();
-    }, { deep: !0 }), N(() => l.dataset, (t) => {
+    U(() => n.config, (t) => {
+      e.value = oe(), V.value = !e.value.userOptions.showOnChartHover, ee();
+    }, { deep: !0 }), U(() => n.dataset, (t) => {
       q();
     }, { deep: !0 });
-    const { isPrinting: oe, isImaging: ne, generatePdf: xe, generateImage: le } = Je({
-      elementId: `carousel-table_${V.value}`,
+    const { isPrinting: le, isImaging: ne, generatePdf: xe, generateImage: ie } = Ke({
+      elementId: `carousel-table_${P.value}`,
       fileName: e.value.caption.text || "vue-ui-carousel-table",
       options: e.value.userOptions.print
-    }), m = n({
+    }), m = l({
       showAnimation: e.value.animation.use
-    }), i = n(null), ie = n(null), x = n(null), P = n(null), F = n(0), z = n(0), E = n(!1), S = n(null), y = n(null), T = n(0);
+    }), i = l(null), se = l(null), F = l(null), R = l(null), S = l(0), E = l(0), H = l(!1), B = l(null), C = l(null), T = l(0);
     function q() {
-      S.value && (y.value = {
-        elements: S.value.getElementsByTagName("tr"),
-        heights: Array.from(S.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
+      B.value && (C.value = {
+        elements: B.value.getElementsByTagName("tr"),
+        heights: Array.from(B.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
       });
     }
-    w(q);
-    const Pe = O(() => !y.value || !y.value.heights.length ? 0 : Math.max(...y.value.heights) + F.value + z.value), Fe = O(() => l.dataset.body ? e.value.tbody.tr.visible <= l.dataset.body.length ? e.value.tbody.tr.visible : l.dataset.body.length : 0), Se = O(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Fe.value + F.value + z.value), c = n(0), C = n(null), v = n(0), $ = n(!1), se = n(0);
-    w(() => {
-      x.value && (F.value = x.value.getBoundingClientRect().height), P.value && (z.value = P.value.getBoundingClientRect().height), m.value.showAnimation && y.value && ue();
-    }), w(() => {
+    O(q);
+    const Fe = I(() => !C.value || !C.value.heights.length ? 0 : Math.max(...C.value.heights) + S.value + E.value), Re = I(() => n.dataset.body ? e.value.tbody.tr.visible <= n.dataset.body.length ? e.value.tbody.tr.visible : n.dataset.body.length : 0), Se = I(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Re.value + S.value + E.value), f = l(0), $ = l(null), v = l(0), A = l(!1), ue = l(0);
+    O(() => {
+      F.value && (S.value = F.value.getBoundingClientRect().height), R.value && (E.value = R.value.getBoundingClientRect().height), m.value.showAnimation && C.value && re();
+    }), O(() => {
       if (i.value) {
         let a = function() {
           const s = t.getBoundingClientRect().bottom;
-          o.forEach((f) => {
-            f.getBoundingClientRect().top < s ? f.style.visibility = "hidden" : f.style.visibility = "visible";
+          o.forEach((p) => {
+            p.getBoundingClientRect().top < s ? p.style.visibility = "hidden" : p.style.visibility = "visible";
           });
         };
-        const t = i.value.querySelector("thead"), o = Array.from(S.value.querySelectorAll("tr"));
+        const t = i.value.querySelector("thead"), o = Array.from(B.value.querySelectorAll("tr"));
         i.value.addEventListener("scroll", a), a(), G(() => {
           i.value.removeEventListener("scroll", a);
         });
       }
     });
     function Be(t) {
-      Z.value = t, se.value += 1;
+      _.value = t, ue.value += 1;
     }
-    function ue() {
-      !C.value && !$.value && (e.value.animation.type === "scroll" ? C.value = requestAnimationFrame(re) : C.value = requestAnimationFrame(de));
+    function re() {
+      Z.value || !$.value && !A.value && (e.value.animation.type === "scroll" ? $.value = requestAnimationFrame(de) : $.value = requestAnimationFrame(ve));
     }
-    function Re() {
+    function ze() {
       if (!i.value) return !1;
       const { scrollTop: t, scrollHeight: o, clientHeight: a } = i.value;
       return t + a >= o;
     }
-    function re(t) {
-      if ($.value) return;
-      v.value || (v.value = t), t - v.value >= e.value.animation.speedMs && (c.value += y.value.heights[T.value], (Re() || T.value >= y.value.heights.length) && (c.value = 0, T.value = -1), T.value += 1, i.value && i.value.scrollTo({
-        top: c.value,
+    function de(t) {
+      if (A.value) return;
+      v.value || (v.value = t), t - v.value >= e.value.animation.speedMs && (f.value += C.value.heights[T.value], (ze() || T.value >= C.value.heights.length) && (f.value = 0, T.value = -1), T.value += 1, i.value && i.value.scrollTo({
+        top: f.value,
         behavior: "smooth"
-      }), v.value = t), C.value = requestAnimationFrame(re);
+      }), v.value = t), $.value = requestAnimationFrame(de);
     }
-    function de(t) {
-      if ($.value) return;
+    function ve(t) {
+      if (A.value) return;
       v.value || (v.value = t);
       const o = t - v.value, a = e.value.animation.speedMs / 4 / 1e3;
-      o >= a && (c.value += a, c.value >= i.value.scrollHeight - i.value.clientHeight && (c.value = 0), i.value && i.value.scrollTo({
-        top: c.value,
+      o >= a && (f.value += a, f.value >= i.value.scrollHeight - i.value.clientHeight && (f.value = 0), i.value && i.value.scrollTo({
+        top: f.value,
         behavior: "auto"
-      }), v.value = t), C.value = requestAnimationFrame(de);
+      }), v.value = t), $.value = requestAnimationFrame(ve);
     }
     function g() {
-      $.value = !0, cancelAnimationFrame(C.value), C.value = null;
+      A.value = !0, cancelAnimationFrame($.value), $.value = null;
     }
     G(g);
-    function A() {
-      !$.value || !m.value.showAnimation || ($.value = !1, v.value = 0, ue());
+    function k() {
+      !A.value || !m.value.showAnimation || (A.value = !1, v.value = 0, re());
     }
-    function ze() {
+    function Ee() {
       e.value.animation.pauseOnHover && g();
     }
-    const L = n(null);
-    function Ee() {
+    const L = l(null);
+    function He() {
       g(), clearTimeout(L.value);
     }
-    function ve() {
-      clearTimeout(L.value), L.value = setTimeout(A, 1e3);
+    function pe() {
+      clearTimeout(L.value), L.value = setTimeout(k, 1e3);
     }
-    N(
+    U(
       () => e.value.animation.use,
       (t) => {
-        t ? (m.value.showAnimation = !0, A()) : (m.value.showAnimation = !1, g());
+        t ? (m.value.showAnimation = !0, k()) : (m.value.showAnimation = !1, g());
       }
-    ), N(
+    ), U(
       () => e.value.animation.type,
       (t) => {
-        g(), c.value = 0, T.value = 0, i.value.scrollTo({
+        g(), f.value = 0, T.value = 0, i.value.scrollTo({
           top: 0,
           behavior: "auto"
-        }), A();
+        }), k();
       }
     );
-    const He = O(() => e.value.responsiveBreakpoint), H = Ue(null);
-    w(() => {
-      H.value = new ResizeObserver((t) => {
+    const Ne = I(() => e.value.responsiveBreakpoint), N = Me(null);
+    O(() => {
+      N.value = new ResizeObserver((t) => {
         t.forEach((o) => {
-          E.value = o.contentRect.width < He.value;
-        }), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = P.value ? P.value.getBoundingClientRect().height : 0, T.value = 0, ge(() => {
-          g(), v.value = 0, c.value = 0, q(), A();
+          H.value = o.contentRect.width < Ne.value;
+        }), S.value = F.value ? F.value.getBoundingClientRect().height : 0, E.value = R.value ? R.value.getBoundingClientRect().height : 0, T.value = 0, be(() => {
+          g(), v.value = 0, f.value = 0, q(), k();
         });
-      }), i.value && H.value.observe(i.value);
+      }), i.value && N.value.observe(i.value);
     }), G(() => {
-      H.value && H.value.disconnect();
+      N.value && N.value.disconnect();
     });
-    function pe() {
+    function ce() {
       xe();
     }
-    function ce() {
-      m.value.showAnimation = !m.value.showAnimation, m.value.showAnimation ? A() : g();
+    function fe() {
+      m.value.showAnimation = !m.value.showAnimation, m.value.showAnimation ? k() : g();
     }
-    function fe(t = null) {
-      ge(() => {
-        const o = l.dataset.head.map((f, B) => [
-          [l.dataset.body[B]]
+    function he(t = null) {
+      be(() => {
+        const o = n.dataset.head.map((p, w) => [
+          [n.dataset.body[w]]
         ]), a = [
           [e.value.caption.text],
-          [l.dataset.head.map((f) => [f])]
-        ].concat(o), s = Xe(a);
-        t ? t(s) : je({
+          [n.dataset.head.map((p) => [p])]
+        ].concat(o), s = je(a);
+        t ? t(s) : Je({
           csvContent: s,
           title: e.value.caption.text || "vue-ui-carousel-table"
         });
       });
     }
-    async function he() {
-      if (we("copyAlt", {
+    async function me() {
+      if (Oe("copyAlt", {
         config: e.value,
-        dataset: l.dataset
+        dataset: n.dataset
       }), !e.value.userOptions.callbacks.altCopy) {
         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: l.dataset
+        dataset: n.dataset
       }));
     }
-    return Ce({
+    return $e({
       pauseAnimation: g,
-      resumeAnimation: A,
-      toggleAnimation: ce,
-      generateCsv: fe,
-      generatePdf: pe,
-      generateImage: le,
-      copyAlt: he
-    }), (t, o) => (r(), p("div", {
+      resumeAnimation: k,
+      toggleAnimation: fe,
+      generateCsv: he,
+      generatePdf: ce,
+      generateImage: ie,
+      copyAlt: me
+    }), (t, o) => (r(), c("div", {
       class: "vue-data-ui-component vue-ui-carousel-table",
       style: { position: "relative", overflow: "visible" },
       ref_key: "chartContainer",
-      ref: ie,
-      onMouseenter: o[5] || (o[5] = () => u(ee)(!0)),
-      onMouseleave: o[6] || (o[6] = () => u(ee)(!1))
+      ref: se,
+      onMouseenter: o[5] || (o[5] = () => u(te)(!0)),
+      onMouseleave: o[6] || (o[6] = () => u(te)(!1))
     }, [
-      U("div", {
+      M("div", {
         ref_key: "tableContainer",
         ref: i,
-        id: `carousel-table_${V.value}`,
+        id: `carousel-table_${P.value}`,
         style: h({
-          height: u(oe) || u(ne) ? "auto" : `${Math.max(Se.value, Pe.value)}px`,
+          height: u(le) || u(ne) ? "auto" : `${Math.max(Se.value, Fe.value)}px`,
           containerType: "inline-size",
           position: "relative",
           overflow: "auto",
           fontFamily: e.value.fontFamily
         }),
-        class: Ve({ "vue-ui-responsive": E.value, "is-playing": e.value.scrollbar.hide || !$.value && e.value.scrollbar.showOnlyOnHover }),
-        onMouseover: o[0] || (o[0] = (a) => ze()),
-        onMouseleave: o[1] || (o[1] = (a) => A()),
-        onTouchstart: o[2] || (o[2] = (a) => Ee()),
-        onTouchend: o[3] || (o[3] = (a) => ve()),
-        onTouchcancel: o[4] || (o[4] = (a) => ve())
+        class: Ve({ "vue-ui-responsive": H.value, "is-playing": e.value.scrollbar.hide || !A.value && e.value.scrollbar.showOnlyOnHover }),
+        onMouseover: o[0] || (o[0] = (a) => Ee()),
+        onMouseleave: o[1] || (o[1] = (a) => k()),
+        onTouchstart: o[2] || (o[2] = (a) => He()),
+        onTouchend: o[3] || (o[3] = (a) => pe()),
+        onTouchcancel: o[4] || (o[4] = (a) => pe())
       }, [
-        I.value ? (r(), p("table", {
+        x.value ? (r(), c("table", {
           key: 0,
           class: "vue-data-ui-carousel-table",
+          "aria-labelledby": `carousel-caption-${P.value}`,
           style: h({
             ...e.value.style,
             border: `${e.value.border.size}px solid ${e.value.border.color}`,
@@ -241,10 +243,11 @@ const We = ["id"], Ye = ["height"], Ze = ["data-cell", "height"], _e = {
             backgroundColor: e.value.tbody.backgroundColor
           })
         }, [
-          U("caption", {
+          M("caption", {
             ref_key: "caption",
-            ref: x,
+            ref: F,
             class: "vue-data-ui-carousel-table-caption",
+            id: `carousel-caption-${P.value}`,
             style: h({
               ...e.value.caption.style,
               fontFamily: "inherit",
@@ -255,31 +258,34 @@ const We = ["id"], Ye = ["height"], Ze = ["data-cell", "height"], _e = {
               paddingRight: e.value.caption.padding.right + "px",
               paddingBottom: e.value.caption.padding.bottom + "px",
               paddingLeft: e.value.caption.padding.left + "px",
-              boxShadow: E.value ? e.value.thead.tr.style.boxShadow : "none",
+              boxShadow: H.value ? e.value.thead.tr.style.boxShadow : "none",
               minHeight: "36px",
               display: t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? "" : "none"
             })
           }, [
             D(X(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
             d(t.$slots, "caption", {}, void 0, !0)
-          ], 4),
-          U("thead", {
-            style: h({ ...e.value.thead.style, position: "sticky", top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? F.value : 0}px`, zIndex: 1 })
+          ], 12, et),
+          M("thead", {
+            role: "rowgroup",
+            style: h({ ...e.value.thead.style, position: "sticky", top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? S.value : 0}px`, zIndex: 1 })
           }, [
-            U("tr", {
+            M("tr", {
               ref_key: "tableRow",
-              ref: P,
+              ref: R,
               role: "row",
               style: h({
                 ...e.value.thead.tr.style,
                 border: e.value.thead.tr.border.size ? `${e.value.thead.tr.border.size}px solid ${e.value.thead.tr.border.color}` : "none",
-                boxShadow: E.value ? "none" : e.value.thead.tr.style.boxShadow
+                boxShadow: H.value ? "none" : e.value.thead.tr.style.boxShadow
               }),
               height: `${e.value.thead.tr.height}px`
             }, [
-              (r(!0), p(j, null, J(k.dataset.head, (a, s) => (r(), p("th", {
+              (r(!0), c(j, null, J(y.dataset.head, (a, s) => (r(), c("th", {
                 role: "cell",
                 key: `th_${s}`,
+                id: `col-${s}`,
+                scope: "col",
                 style: h({
                   ...e.value.thead.tr.th.style,
                   border: e.value.thead.tr.th.border.size ? `${e.value.thead.tr.th.border.size}px solid ${e.value.thead.tr.th.border.color}` : "none",
@@ -290,32 +296,34 @@ const We = ["id"], Ye = ["height"], Ze = ["data-cell", "height"], _e = {
                 })
               }, [
                 D(X(t.$slots.th ? "" : a) + " ", 1),
-                d(t.$slots, "th", be({ ref_for: !0 }, { th: a, colIndex: s }), void 0, !0)
-              ], 4))), 128))
-            ], 12, Ye)
+                d(t.$slots, "th", ye({ ref_for: !0 }, { th: a, colIndex: s }), void 0, !0)
+              ], 12, at))), 128))
+            ], 12, tt)
           ], 4),
-          k.dataset.body && k.dataset.head ? (r(), p("tbody", {
+          y.dataset.body && y.dataset.head ? (r(), c("tbody", {
             key: 0,
             ref_key: "tbody",
-            ref: S,
+            ref: B,
+            "aria-live": "polite",
             style: {
               clipPath: "inset(0,0,0,0)"
             }
           }, [
-            (r(!0), p(j, null, J(k.dataset.body, (a, s) => (r(), p("tr", {
+            (r(!0), c(j, null, J(y.dataset.body, (a, s) => (r(), c("tr", {
               style: h({
                 ...e.value.tbody.tr.style,
                 border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`,
                 verticalAlign: "middle"
               })
             }, [
-              (r(!0), p(j, null, J(a, (f, B) => (r(), p("td", {
+              (r(!0), c(j, null, J(a, (p, w) => (r(), c("td", {
                 role: "cell",
-                "data-cell": k.dataset.head[B] || "",
+                "data-cell": y.dataset.head[w] || "",
+                "aria-label": `${y.dataset.head[w]}: ${p}`,
                 style: h({
                   ...e.value.tbody.tr.td.style,
                   border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
-                  backgroundColor: u(De)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
+                  backgroundColor: u(Xe)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
                   paddingTop: e.value.tbody.tr.td.padding.top + "px",
                   paddingRight: e.value.tbody.tr.td.padding.right + "px",
                   paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
@@ -324,27 +332,27 @@ const We = ["id"], Ye = ["height"], Ze = ["data-cell", "height"], _e = {
                 }),
                 height: `${e.value.tbody.tr.height}px`
               }, [
-                D(X(t.$slots.td ? "" : f) + " ", 1),
-                d(t.$slots, "td", be({ ref_for: !0 }, { td: f, rowIndex: s, colIndex: B }), void 0, !0)
-              ], 12, Ze))), 256))
+                D(X(t.$slots.td ? "" : p) + " ", 1),
+                d(t.$slots, "td", ye({ ref_for: !0 }, { td: p, rowIndex: s, colIndex: w }), void 0, !0)
+              ], 12, ot))), 256))
             ], 4))), 256))
-          ], 512)) : R("", !0)
-        ], 4)) : R("", !0)
-      ], 46, We),
-      I.value ? R("", !0) : (r(), ye(u(Ae), {
+          ], 512)) : z("", !0)
+        ], 12, _e)) : z("", !0)
+      ], 46, Ze),
+      x.value ? z("", !0) : (r(), Ce(u(ke), {
         key: 0,
         config: {
           type: "table"
         }
       })),
-      e.value.userOptions.show && I.value && (u(te) || u(M)) ? (r(), ye(u(ke), {
+      e.value.userOptions.show && x.value && (u(ae) || u(V)) ? (r(), Ce(u(Te), {
         ref: "details",
-        key: `user_option_${se.value}`,
+        key: `user_option_${ue.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isPrinting: u(oe),
+        isPrinting: u(le),
         isImaging: u(ne),
-        uid: V.value,
+        uid: P.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -355,25 +363,25 @@ const We = ["id"], Ye = ["height"], Ze = ["data-cell", "height"], _e = {
         isAnimation: !m.value.showAnimation,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: Z.value,
-        chartElement: ie.value,
+        isFullscreen: _.value,
+        chartElement: se.value,
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
         zIndex: 3,
         offsetX: 12,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        isCursorPointer: Ie.value,
-        onGeneratePdf: pe,
-        onGenerateCsv: fe,
-        onGenerateImage: u(le),
-        onToggleAnimation: ce,
+        isCursorPointer: Pe.value,
+        onGeneratePdf: ce,
+        onGenerateCsv: he,
+        onGenerateImage: u(ie),
+        onToggleAnimation: fe,
         onToggleFullscreen: Be,
-        onCopyAlt: he,
+        onCopyAlt: me,
         style: h({
-          visibility: u(te) ? u(M) ? "visible" : "hidden" : "visible"
+          visibility: u(ae) ? u(V) ? "visible" : "hidden" : "visible"
         })
-      }, Me({ _: 2 }, [
+      }, qe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: b(({ isOpen: a, color: s }) => [
@@ -430,13 +438,13 @@ const We = ["id"], Ye = ["height"], Ze = ["data-cell", "height"], _e = {
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "hasAltCopy", "isFullscreen", "chartElement", "position", "titles", "callbacks", "printScale", "isCursorPointer", "onGenerateImage", "style"])) : R("", !0),
-      t.$slots.source ? (r(), p("div", _e, [
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "hasAltCopy", "isFullscreen", "chartElement", "position", "titles", "callbacks", "printScale", "isCursorPointer", "onGenerateImage", "style"])) : z("", !0),
+      t.$slots.source ? (r(), c("div", lt, [
         d(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : R("", !0)
+      ], 512)) : z("", !0)
     ], 544));
   }
-}, ut = /* @__PURE__ */ Qe(et, [["__scopeId", "data-v-82bf3039"]]);
+}, ft = /* @__PURE__ */ Ye(nt, [["__scopeId", "data-v-8e65184f"]]);
 export {
-  ut as default
+  ft as default
 };