vue-data-ui 2.12.8-beta.3 → 2.13.0

package/dist/{vue-ui-carousel-table-Det9Kwmy.js → vue-ui-carousel-table-UQjCOJJV.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as pe, ref as n, useSlots as ze, onMounted as A, computed as P, watch as H, onBeforeUnmount as G, shallowRef as Se, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as N, createBlock as he, createCommentVNode as R, normalizeClass as Ee, normalizeStyle as f, createTextVNode as D, renderSlot as c, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
-import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-CH_mJIWj.js";
-import { u as Le } from "./useNestedProp-rMR-JeOJ.js";
-import { u as Ge } from "./usePrinter-DJ7WfWUs.js";
+import { defineAsyncComponent as ce, ref as n, useSlots as ze, onMounted as A, computed as R, watch as N, onBeforeUnmount as G, shallowRef as Se, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as z, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
+import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-BXbyT0Qn.js";
+import { u as Le } from "./useNestedProp-DVZpeH84.js";
+import { u as Ge } from "./usePrinter-aKh5-HcK.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(T, { expose: ye }) {
-    const Ce = pe(() => import("./vue-ui-skeleton-C6PWt_m5.js")), $e = pe(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, U = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
+    const Ce = ce(() => import("./vue-ui-skeleton-Fxr752Oi.js")), $e = ce(() => import("./UserOptions-B3q-xfQV.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
     A(() => {
       Y();
     }), A(() => {
@@ -45,44 +45,44 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
         property: "body"
       }), O.value = !1));
     }
-    const e = P({
+    const e = R({
       get: () => ee(),
       set: (t) => t
-    }), { userOptionsVisible: V, setUserOptionsVisibility: Z, keepUserOptionState: _ } = De({ config: e.value });
+    }), { userOptionsVisible: M, setUserOptionsVisibility: Z, keepUserOptionState: _ } = De({ config: e.value });
     function ee() {
       return Le({
         userConfig: i.config,
         defaultConfig: Te
       });
     }
-    H(() => i.config, (t) => {
-      e.value = ee(), V.value = !e.value.userOptions.showOnChartHover, Y();
-    }, { deep: !0 }), H(() => i.dataset, (t) => {
-      M();
+    N(() => i.config, (t) => {
+      e.value = ee(), M.value = !e.value.userOptions.showOnChartHover, Y();
+    }, { deep: !0 }), N(() => i.dataset, (t) => {
+      q();
     }, { deep: !0 });
     const { isPrinting: te, isImaging: ae, generatePdf: Ae, generateImage: oe } = Ge({
-      elementId: `carousel-table_${U.value}`,
+      elementId: `carousel-table_${V.value}`,
       fileName: e.value.caption.text || "vue-ui-carousel-table",
       options: e.value.userOptions.print
-    }), h = n({
+    }), m = n({
       showAnimation: e.value.animation.use
-    }), l = n(null), ne = n(null), x = n(null), I = n(null), F = n(0), z = n(0), S = n(!1), B = n(null), b = n(null), k = n(0);
-    function M() {
+    }), l = n(null), ne = n(null), x = n(null), I = n(null), F = n(0), S = n(0), E = n(!1), B = n(null), b = n(null), k = n(0);
+    function q() {
       B.value && (b.value = {
         elements: B.value.getElementsByTagName("tr"),
         heights: Array.from(B.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
       });
     }
-    A(M);
-    const we = P(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = P(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = P(() => (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) * Oe.value + F.value + z.value), p = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
+    A(q);
+    const we = R(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + S.value), Oe = R(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = R(() => (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) * Oe.value + F.value + S.value), c = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
     A(() => {
-      x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), h.value.showAnimation && b.value && ie();
+      x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (S.value = I.value.getBoundingClientRect().height), m.value.showAnimation && b.value && ie();
     }), A(() => {
       if (l.value) {
         let o = function() {
           const s = t.getBoundingClientRect().bottom;
-          a.forEach((g) => {
-            g.getBoundingClientRect().top < s ? g.style.visibility = "hidden" : g.style.visibility = "visible";
+          a.forEach((f) => {
+            f.getBoundingClientRect().top < s ? f.style.visibility = "hidden" : f.style.visibility = "visible";
           });
         };
         const t = l.value.querySelector("thead"), a = Array.from(B.value.querySelectorAll("tr"));
@@ -104,8 +104,8 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
     function se(t) {
       if (C.value) return;
-      d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (p.value += b.value.heights[k.value], (Fe() || k.value >= b.value.heights.length) && (p.value = 0, k.value = -1), k.value += 1, l.value && l.value.scrollTo({
-        top: p.value,
+      d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (c.value += b.value.heights[k.value], (Fe() || k.value >= b.value.heights.length) && (c.value = 0, k.value = -1), k.value += 1, l.value && l.value.scrollTo({
+        top: c.value,
         behavior: "smooth"
       }), d.value = t), y.value = requestAnimationFrame(se);
     }
@@ -113,79 +113,79 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       if (C.value) return;
       d.value || (d.value = t);
       const a = t - d.value, o = e.value.animation.speedMs / 4 / 1e3;
-      a >= o && (p.value += o, p.value >= l.value.scrollHeight - l.value.clientHeight && (p.value = 0), l.value && l.value.scrollTo({
-        top: p.value,
+      a >= o && (c.value += o, c.value >= l.value.scrollHeight - l.value.clientHeight && (c.value = 0), l.value && l.value.scrollTo({
+        top: c.value,
         behavior: "auto"
       }), d.value = t), y.value = requestAnimationFrame(ue);
     }
-    function m() {
+    function g() {
       C.value = !0, cancelAnimationFrame(y.value), y.value = null;
     }
-    G(m);
+    G(g);
     function $() {
-      !C.value || !h.value.showAnimation || (C.value = !1, d.value = 0, ie());
+      !C.value || !m.value.showAnimation || (C.value = !1, d.value = 0, ie());
     }
     function Be() {
-      e.value.animation.pauseOnHover && m();
+      e.value.animation.pauseOnHover && g();
     }
-    const q = n(null);
+    const L = n(null);
     function Pe() {
-      m(), clearTimeout(q.value);
+      g(), clearTimeout(L.value);
     }
     function re() {
-      clearTimeout(q.value), q.value = setTimeout($, 1e3);
+      clearTimeout(L.value), L.value = setTimeout($, 1e3);
     }
-    H(
+    N(
       () => e.value.animation.use,
       (t) => {
-        t ? (h.value.showAnimation = !0, $()) : (h.value.showAnimation = !1, m());
+        t ? (m.value.showAnimation = !0, $()) : (m.value.showAnimation = !1, g());
       }
-    ), H(
+    ), N(
       () => e.value.animation.type,
       (t) => {
-        m(), p.value = 0, k.value = 0, l.value.scrollTo({
+        g(), c.value = 0, k.value = 0, l.value.scrollTo({
           top: 0,
           behavior: "auto"
         }), $();
       }
     );
-    const Re = P(() => e.value.responsiveBreakpoint), E = Se(null);
+    const Re = R(() => e.value.responsiveBreakpoint), H = Se(null);
     A(() => {
-      E.value = new ResizeObserver((t) => {
+      H.value = new ResizeObserver((t) => {
         t.forEach((a) => {
-          S.value = a.contentRect.width < Re.value;
-        }), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0, fe(() => {
-          m(), d.value = 0, p.value = 0, M(), $();
+          E.value = a.contentRect.width < Re.value;
+        }), F.value = x.value ? x.value.getBoundingClientRect().height : 0, S.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0, fe(() => {
+          g(), d.value = 0, c.value = 0, q(), $();
         });
-      }), l.value && E.value.observe(l.value);
+      }), l.value && H.value.observe(l.value);
     }), G(() => {
-      E.value && E.value.disconnect();
+      H.value && H.value.disconnect();
     });
     function de() {
       Ae();
     }
     function ve() {
-      h.value.showAnimation = !h.value.showAnimation, h.value.showAnimation ? $() : m();
+      m.value.showAnimation = !m.value.showAnimation, m.value.showAnimation ? $() : g();
     }
-    function ce() {
+    function pe(t = null) {
       fe(() => {
-        const t = i.dataset.head.map((s, g) => [
-          [i.dataset.body[g]]
-        ]), a = [
+        const a = i.dataset.head.map((f, P) => [
+          [i.dataset.body[P]]
+        ]), o = [
           [e.value.caption.text],
-          [i.dataset.head.map((s) => [s])]
-        ].concat(t), o = Me(a);
-        qe({
-          csvContent: o,
+          [i.dataset.head.map((f) => [f])]
+        ].concat(a), s = Me(o);
+        t ? t(s) : qe({
+          csvContent: s,
           title: e.value.caption.text || "vue-ui-carousel-table"
         });
       });
     }
     return ye({
-      pauseAnimation: m,
+      pauseAnimation: g,
       resumeAnimation: $,
       toggleAnimation: ve,
-      generateCsv: ce,
+      generateCsv: pe,
       generatePdf: de,
       generateImage: oe
     }), (t, a) => (r(), v("div", {
@@ -196,18 +196,18 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       onMouseenter: a[5] || (a[5] = () => u(Z)(!0)),
       onMouseleave: a[6] || (a[6] = () => u(Z)(!1))
     }, [
-      N("div", {
+      U("div", {
         ref_key: "tableContainer",
         ref: l,
-        id: `carousel-table_${U.value}`,
-        style: f({
+        id: `carousel-table_${V.value}`,
+        style: h({
           height: u(te) || u(ae) ? "auto" : `${Math.max(xe.value, we.value)}px`,
           containerType: "inline-size",
           position: "relative",
           overflow: "auto",
           fontFamily: e.value.fontFamily
         }),
-        class: Ee({ "vue-ui-responsive": S.value, "is-playing": e.value.scrollbar.hide || !C.value && e.value.scrollbar.showOnlyOnHover }),
+        class: Ee({ "vue-ui-responsive": E.value, "is-playing": e.value.scrollbar.hide || !C.value && e.value.scrollbar.showOnlyOnHover }),
         onMouseover: a[0] || (a[0] = (o) => Be()),
         onMouseleave: a[1] || (a[1] = (o) => $()),
         onTouchstart: a[2] || (a[2] = (o) => Pe()),
@@ -217,7 +217,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
         O.value ? (r(), v("table", {
           key: 0,
           class: "vue-data-ui-carousel-table",
-          style: f({
+          style: h({
             ...e.value.style,
             border: `${e.value.border.size}px solid ${e.value.border.color}`,
             width: "100%",
@@ -225,11 +225,11 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
             backgroundColor: e.value.tbody.backgroundColor
           })
         }, [
-          N("caption", {
+          U("caption", {
             ref_key: "caption",
             ref: x,
             class: "vue-data-ui-carousel-table-caption",
-            style: f({
+            style: h({
               ...e.value.caption.style,
               fontFamily: "inherit",
               position: "sticky",
@@ -239,32 +239,32 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
               paddingRight: e.value.caption.padding.right + "px",
               paddingBottom: e.value.caption.padding.bottom + "px",
               paddingLeft: e.value.caption.padding.left + "px",
-              boxShadow: S.value ? e.value.thead.tr.style.boxShadow : "none",
+              boxShadow: E.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),
-            c(t.$slots, "caption", {}, void 0, !0)
+            p(t.$slots, "caption", {}, void 0, !0)
           ], 4),
-          N("thead", {
-            style: f({ ...e.value.thead.style, position: "sticky", top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? F.value : 0}px`, zIndex: 1 })
+          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 })
           }, [
-            N("tr", {
+            U("tr", {
               ref_key: "tableRow",
               ref: I,
               role: "row",
-              style: f({
+              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: S.value ? "none" : e.value.thead.tr.style.boxShadow
+                boxShadow: E.value ? "none" : e.value.thead.tr.style.boxShadow
               }),
               height: `${e.value.thead.tr.height}px`
             }, [
               (r(!0), v(j, null, J(T.dataset.head, (o, s) => (r(), v("th", {
                 role: "cell",
                 key: `th_${s}`,
-                style: f({
+                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",
                   paddingTop: e.value.thead.tr.th.padding.top + "px",
@@ -274,7 +274,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
                 })
               }, [
                 D(X(t.$slots.th ? "" : o) + " ", 1),
-                c(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
+                p(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
               ], 4))), 128))
             ], 12, Je)
           ], 4),
@@ -287,16 +287,16 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
             }
           }, [
             (r(!0), v(j, null, J(T.dataset.body, (o, s) => (r(), v("tr", {
-              style: f({
+              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), v(j, null, J(o, (g, L) => (r(), v("td", {
+              (r(!0), v(j, null, J(o, (f, P) => (r(), v("td", {
                 role: "cell",
-                "data-cell": T.dataset.head[L] || "",
-                style: f({
+                "data-cell": T.dataset.head[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(Ve)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
@@ -308,27 +308,27 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
                 }),
                 height: `${e.value.tbody.tr.height}px`
               }, [
-                D(X(t.$slots.td ? "" : g) + " ", 1),
-                c(t.$slots, "td", me({ ref_for: !0 }, { td: g, rowIndex: s, colIndex: L }), void 0, !0)
+                D(X(t.$slots.td ? "" : f) + " ", 1),
+                p(t.$slots, "td", me({ ref_for: !0 }, { td: f, rowIndex: s, colIndex: P }), void 0, !0)
               ], 12, Ke))), 256))
             ], 4))), 256))
-          ], 512)) : R("", !0)
-        ], 4)) : R("", !0)
+          ], 512)) : z("", !0)
+        ], 4)) : z("", !0)
       ], 46, je),
-      O.value ? R("", !0) : (r(), he(u(Ce), {
+      O.value ? z("", !0) : (r(), he(u(Ce), {
         key: 0,
         config: {
           type: "table"
         }
       })),
-      e.value.userOptions.show && O.value && (u(_) || u(V)) ? (r(), he(u($e), {
+      e.value.userOptions.show && O.value && (u(_) || u(M)) ? (r(), he(u($e), {
         ref: "details",
         key: `user_option_${le.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         isPrinting: u(te),
         isImaging: u(ae),
-        uid: U.value,
+        uid: V.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -336,7 +336,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
         hasTable: !1,
         hasLabel: !1,
         hasAnimation: e.value.userOptions.buttons.animation,
-        isAnimation: !h.value.showAnimation,
+        isAnimation: !m.value.showAnimation,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: W.value,
         chartElement: ne.value,
@@ -346,63 +346,63 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
         offsetX: 12,
         callbacks: e.value.userOptions.callbacks,
         onGeneratePdf: de,
-        onGenerateCsv: ce,
+        onGenerateCsv: pe,
         onGenerateImage: u(oe),
         onToggleAnimation: ve,
         onToggleFullscreen: Ie,
-        style: f({
-          visibility: u(_) ? u(V) ? "visible" : "hidden" : "visible"
+        style: h({
+          visibility: u(_) ? u(M) ? "visible" : "hidden" : "visible"
         })
       }, He({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: w(({ isOpen: o, color: s }) => [
-            c(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
+            p(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: w(() => [
-            c(t.$slots, "optionPdf", {}, void 0, !0)
+            p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: w(() => [
-            c(t.$slots, "optionCsv", {}, void 0, !0)
+            p(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: w(() => [
-            c(t.$slots, "optionImg", {}, void 0, !0)
+            p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnimation ? {
           name: "optionAnimation",
           fn: w(() => [
-            c(t.$slots, "optionAnimation", {}, void 0, !0)
+            p(t.$slots, "optionAnimation", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: w(({ toggleFullscreen: o, isFullscreen: s }) => [
-            c(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
+            p(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "callbacks", "onGenerateImage", "style"])) : R("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "callbacks", "onGenerateImage", "style"])) : z("", !0),
       t.$slots.source ? (r(), v("div", Qe, [
-        c(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : R("", !0)
+        p(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : z("", !0)
     ], 544));
   }
-}, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-4116811f"]]);
+}, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-5b513ee8"]]);
 export {
   ot as default
 };