vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-carousel-table-Bwf70lBb.js → vue-ui-carousel-table-BqRERrjs.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ce, ref as n, useSlots as Se, onMounted as A, computed as R, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as S, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as Q, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
+import { defineAsyncComponent as ce, ref as n, useSlots as Re, onMounted as w, computed as B, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as p, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as R, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as d, toDisplayString as X, Fragment as j, renderList as Q, mergeProps as me, createSlots as He, withCtx as T, normalizeProps as ge, guardReactiveProps as be } from "vue";
 import { u as Ne, a as Ue } from "./useNestedProp-BjZe1Y85.js";
 import { c as Ve, o as J, f as K, s as Me, P as Le, Q as qe } from "./lib-C_mNZmhD.js";
 import { u as Ge } from "./usePrinter-DTzqpYKF.js";
@@ -24,11 +24,11 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
       }
     }
   },
-  setup(T, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-DfuGqFYM.js")), $e = ce(() => import("./UserOptions-CnzumGJj.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Se();
-    A(() => {
+  setup(k, { expose: ye }) {
+    const Ce = ce(() => import("./vue-ui-skeleton-b5fdgyHv.js")), $e = ce(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_carousel_table: Te } = Ne(), i = k, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Re();
+    w(() => {
       Y();
-    }), A(() => {
+    }), w(() => {
       ke["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
     });
     function Y() {
@@ -45,7 +45,7 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         property: "body"
       }), O.value = !1));
     }
-    const e = R({
+    const e = B({
       get: () => ee(),
       set: (t) => t
     }), { userOptionsVisible: M, setUserOptionsVisibility: Z, keepUserOptionState: _ } = De({ config: e.value });
@@ -66,18 +66,18 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
       options: e.value.userOptions.print
     }), 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), E = n(!1), P = n(null), b = n(null), k = n(0);
+    }), l = n(null), ne = n(null), I = n(null), x = n(null), F = n(0), z = n(0), E = n(!1), S = n(null), b = n(null), A = n(0);
     function L() {
-      P.value && (b.value = {
-        elements: P.value.getElementsByTagName("tr"),
-        heights: Array.from(P.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
+      S.value && (b.value = {
+        elements: S.value.getElementsByTagName("tr"),
+        heights: Array.from(S.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
       });
     }
-    A(L);
-    const we = R(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.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 + z.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), m.value.showAnimation && b.value && ie();
-    }), A(() => {
+    w(L);
+    const we = B(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = B(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), Ie = B(() => (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), c = n(0), y = n(null), v = n(0), C = n(!1), le = n(0);
+    w(() => {
+      I.value && (F.value = I.value.getBoundingClientRect().height), x.value && (z.value = x.value.getBoundingClientRect().height), m.value.showAnimation && b.value && ie();
+    }), w(() => {
       if (l.value) {
         let o = function() {
           const s = t.getBoundingClientRect().bottom;
@@ -85,13 +85,13 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
             f.getBoundingClientRect().top < s ? f.style.visibility = "hidden" : f.style.visibility = "visible";
           });
         };
-        const t = l.value.querySelector("thead"), a = Array.from(P.value.querySelectorAll("tr"));
+        const t = l.value.querySelector("thead"), a = Array.from(S.value.querySelectorAll("tr"));
         l.value.addEventListener("scroll", o), o(), G(() => {
           l.value.removeEventListener("scroll", o);
         });
       }
     });
-    function Ie(t) {
+    function xe(t) {
       W.value = t, le.value += 1;
     }
     function ie() {
@@ -104,32 +104,32 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
     }
     function se(t) {
       if (C.value) return;
-      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({
+      v.value || (v.value = t), t - v.value >= e.value.animation.speedMs && (c.value += b.value.heights[A.value], (Fe() || A.value >= b.value.heights.length) && (c.value = 0, A.value = -1), A.value += 1, l.value && l.value.scrollTo({
         top: c.value,
         behavior: "smooth"
-      }), d.value = t), y.value = requestAnimationFrame(se);
+      }), v.value = t), y.value = requestAnimationFrame(se);
     }
     function ue(t) {
       if (C.value) return;
-      d.value || (d.value = t);
-      const a = t - d.value, o = e.value.animation.speedMs / 4 / 1e3;
+      v.value || (v.value = t);
+      const a = t - v.value, o = e.value.animation.speedMs / 4 / 1e3;
       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);
+      }), v.value = t), y.value = requestAnimationFrame(ue);
     }
     function g() {
       C.value = !0, cancelAnimationFrame(y.value), y.value = null;
     }
     G(g);
     function $() {
-      !C.value || !m.value.showAnimation || (C.value = !1, d.value = 0, ie());
+      !C.value || !m.value.showAnimation || (C.value = !1, v.value = 0, ie());
     }
-    function Pe() {
+    function Se() {
       e.value.animation.pauseOnHover && g();
     }
     const q = n(null);
-    function Be() {
+    function Pe() {
       g(), clearTimeout(q.value);
     }
     function re() {
@@ -143,19 +143,19 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
     ), N(
       () => e.value.animation.type,
       (t) => {
-        g(), c.value = 0, k.value = 0, l.value.scrollTo({
+        g(), c.value = 0, A.value = 0, l.value.scrollTo({
           top: 0,
           behavior: "auto"
         }), $();
       }
     );
-    const Re = R(() => e.value.responsiveBreakpoint), H = ze(null);
-    A(() => {
+    const Be = B(() => e.value.responsiveBreakpoint), H = ze(null);
+    w(() => {
       H.value = new ResizeObserver((t) => {
         t.forEach((a) => {
-          E.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(() => {
-          g(), d.value = 0, c.value = 0, L(), $();
+          E.value = a.contentRect.width < Be.value;
+        }), F.value = I.value ? I.value.getBoundingClientRect().height : 0, z.value = x.value ? x.value.getBoundingClientRect().height : 0, A.value = 0, fe(() => {
+          g(), v.value = 0, c.value = 0, L(), $();
         });
       }), l.value && H.value.observe(l.value);
     }), G(() => {
@@ -169,8 +169,8 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
     }
     function pe(t = null) {
       fe(() => {
-        const a = i.dataset.head.map((f, B) => [
-          [i.dataset.body[B]]
+        const a = i.dataset.head.map((f, P) => [
+          [i.dataset.body[P]]
         ]), o = [
           [e.value.caption.text],
           [i.dataset.head.map((f) => [f])]
@@ -188,7 +188,7 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
       generateCsv: pe,
       generatePdf: de,
       generateImage: oe
-    }), (t, a) => (r(), v("div", {
+    }), (t, a) => (r(), p("div", {
       class: "vue-data-ui-component vue-ui-carousel-table",
       style: { position: "relative", overflow: "visible" },
       ref_key: "chartContainer",
@@ -201,20 +201,20 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         ref: l,
         id: `carousel-table_${V.value}`,
         style: h({
-          height: u(te) || u(ae) ? "auto" : `${Math.max(xe.value, we.value)}px`,
+          height: u(te) || u(ae) ? "auto" : `${Math.max(Ie.value, we.value)}px`,
           containerType: "inline-size",
           position: "relative",
           overflow: "auto",
           fontFamily: e.value.fontFamily
         }),
         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) => Pe()),
+        onMouseover: a[0] || (a[0] = (o) => Se()),
         onMouseleave: a[1] || (a[1] = (o) => $()),
-        onTouchstart: a[2] || (a[2] = (o) => Be()),
+        onTouchstart: a[2] || (a[2] = (o) => Pe()),
         onTouchend: a[3] || (a[3] = (o) => re()),
         onTouchcancel: a[4] || (a[4] = (o) => re())
       }, [
-        O.value ? (r(), v("table", {
+        O.value ? (r(), p("table", {
           key: 0,
           class: "vue-data-ui-carousel-table",
           style: h({
@@ -227,7 +227,7 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         }, [
           U("caption", {
             ref_key: "caption",
-            ref: x,
+            ref: I,
             class: "vue-data-ui-carousel-table-caption",
             style: h({
               ...e.value.caption.style,
@@ -245,14 +245,14 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
             })
           }, [
             D(X(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
-            p(t.$slots, "caption", {}, void 0, !0)
+            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 })
           }, [
             U("tr", {
               ref_key: "tableRow",
-              ref: I,
+              ref: x,
               role: "row",
               style: h({
                 ...e.value.thead.tr.style,
@@ -261,7 +261,7 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
               }),
               height: `${e.value.thead.tr.height}px`
             }, [
-              (r(!0), v(j, null, Q(T.dataset.head, (o, s) => (r(), v("th", {
+              (r(!0), p(j, null, Q(k.dataset.head, (o, s) => (r(), p("th", {
                 role: "cell",
                 key: `th_${s}`,
                 style: h({
@@ -274,28 +274,28 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
                 })
               }, [
                 D(X(t.$slots.th ? "" : o) + " ", 1),
-                p(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
+                d(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
               ], 4))), 128))
             ], 12, Qe)
           ], 4),
-          T.dataset.body && T.dataset.head ? (r(), v("tbody", {
+          k.dataset.body && k.dataset.head ? (r(), p("tbody", {
             key: 0,
             ref_key: "tbody",
-            ref: P,
+            ref: S,
             style: {
               clipPath: "inset(0,0,0,0)"
             }
           }, [
-            (r(!0), v(j, null, Q(T.dataset.body, (o, s) => (r(), v("tr", {
+            (r(!0), p(j, null, Q(k.dataset.body, (o, s) => (r(), p("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), v(j, null, Q(o, (f, B) => (r(), v("td", {
+              (r(!0), p(j, null, Q(o, (f, P) => (r(), p("td", {
                 role: "cell",
-                "data-cell": T.dataset.head[B] || "",
+                "data-cell": k.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}`,
@@ -309,13 +309,13 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
                 height: `${e.value.tbody.tr.height}px`
               }, [
                 D(X(t.$slots.td ? "" : f) + " ", 1),
-                p(t.$slots, "td", me({ ref_for: !0 }, { td: f, rowIndex: s, colIndex: B }), void 0, !0)
+                d(t.$slots, "td", me({ ref_for: !0 }, { td: f, rowIndex: s, colIndex: P }), void 0, !0)
               ], 12, Je))), 256))
             ], 4))), 256))
-          ], 512)) : S("", !0)
-        ], 4)) : S("", !0)
+          ], 512)) : R("", !0)
+        ], 4)) : R("", !0)
       ], 46, je),
-      O.value ? S("", !0) : (r(), he(u(Ce), {
+      O.value ? R("", !0) : (r(), he(u(Ce), {
         key: 0,
         config: {
           type: "table"
@@ -350,60 +350,67 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         onGenerateCsv: pe,
         onGenerateImage: u(oe),
         onToggleAnimation: ve,
-        onToggleFullscreen: Ie,
+        onToggleFullscreen: xe,
         style: h({
           visibility: u(_) ? u(M) ? "visible" : "hidden" : "visible"
         })
       }, He({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: w(({ isOpen: o, color: s }) => [
-            p(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
+          fn: T(({ isOpen: o, color: s }) => [
+            d(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: w(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: T(() => [
+            d(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: w(() => [
-            p(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: T(() => [
+            d(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: w(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
+          fn: T(() => [
+            d(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: T(() => [
+            d(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
         t.$slots.optionAnimation ? {
           name: "optionAnimation",
-          fn: w(() => [
-            p(t.$slots, "optionAnimation", {}, void 0, !0)
+          fn: T(() => [
+            d(t.$slots, "optionAnimation", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: w(({ toggleFullscreen: o, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
+          fn: T(({ toggleFullscreen: o, isFullscreen: s }) => [
+            d(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "callbacks", "printScale", "onGenerateImage", "style"])) : S("", !0),
-      t.$slots.source ? (r(), v("div", Ke, [
-        p(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : S("", !0)
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "callbacks", "printScale", "onGenerateImage", "style"])) : R("", !0),
+      t.$slots.source ? (r(), p("div", Ke, [
+        d(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : R("", !0)
     ], 544));
   }
-}, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-bae4718a"]]);
+}, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-563981b9"]]);
 export {
   ot as default
 };