vue-data-ui 2.6.19 → 2.6.21

package/dist/{vue-ui-carousel-table-6uP-Kk9U.js → vue-ui-carousel-table-BLo52Rqu.js}

@@ -1,8 +1,8 @@
-import { ref as l, useSlots as Oe, onMounted as A, computed as B, watch as E, onBeforeUnmount as ve, nextTick as pe, createElementBlock as v, openBlock as u, unref as r, createElementVNode as H, createBlock as ce, createCommentVNode as P, normalizeClass as Ie, normalizeStyle as c, createTextVNode as L, renderSlot as f, toDisplayString as G, Fragment as D, renderList as X, mergeProps as fe, createSlots as Fe, withCtx as R, normalizeProps as Be, guardReactiveProps as Pe } from "vue";
-import { u as Re, c as ze, o as j, e as J, s as Se, q as Ee, r as He } from "./index-DvAaY6OP.js";
-import { u as Ne } from "./useNestedProp-CGzX7c5Q.js";
-import { u as Ue, U as Ve } from "./usePrinter-D_2jA4x8.js";
-import Me from "./vue-ui-skeleton-WoggMoff.js";
+import { ref as n, useSlots as Fe, onMounted as A, computed as P, watch as E, onBeforeUnmount as ve, nextTick as pe, createElementBlock as v, openBlock as u, unref as r, createElementVNode as H, createBlock as ce, createCommentVNode as R, normalizeClass as Be, normalizeStyle as f, createTextVNode as L, renderSlot as p, toDisplayString as G, Fragment as D, renderList as X, mergeProps as fe, createSlots as Pe, withCtx as w, normalizeProps as he, guardReactiveProps as me } from "vue";
+import { u as Re, c as ze, o as j, e as J, s as Se, q as Ee, r as He } from "./index-DUnEDLbc.js";
+import { u as Ne } from "./useNestedProp-CEMeoM-f.js";
+import { u as Ue, U as Ve } from "./usePrinter-Undaynpo.js";
+import Me from "./vue-ui-skeleton-DieABKlo.js";
 import { u as qe } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
@@ -25,12 +25,12 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
       }
     }
   },
-  setup(T, { expose: he }) {
-    const { vue_ui_carousel_table: ge } = Re(), i = T, N = l(ze()), K = l(!1), w = l(!!i.dataset), me = Oe();
+  setup(T, { expose: ge }) {
+    const { vue_ui_carousel_table: be } = Re(), i = T, N = n(ze()), K = n(!1), O = n(!!i.dataset), ye = Fe();
     A(() => {
       Q();
     }), A(() => {
-      me["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
+      ye["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
     });
     function Q() {
       j(i.dataset) ? J({
@@ -40,20 +40,20 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
         componentName: "VueUiCarouselTable",
         type: "datasetAttribute",
         property: "head"
-      }), w.value = !1), (!i.dataset.body || j(i.dataset.body)) && (J({
+      }), O.value = !1), (!i.dataset.body || j(i.dataset.body)) && (J({
         componentName: "VueUiCarouselTable",
         type: "datasetAttribute",
         property: "body"
-      }), w.value = !1));
+      }), O.value = !1));
     }
-    const e = B({
+    const e = P({
       get: () => Z(),
       set: (t) => t
     }), { userOptionsVisible: U, setUserOptionsVisibility: W, keepUserOptionState: Y } = qe({ config: e.value });
     function Z() {
       return Ne({
         userConfig: i.config,
-        defaultConfig: ge
+        defaultConfig: be
       });
     }
     E(() => i.config, (t) => {
@@ -61,76 +61,76 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
     }, { deep: !0 }), E(() => i.dataset, (t) => {
       V();
     }, { deep: !0 });
-    const { isPrinting: _, isImaging: ee, generatePdf: be, generateImage: te } = Ue({
+    const { isPrinting: _, isImaging: ee, generatePdf: Ce, generateImage: te } = Ue({
       elementId: `carousel-table_${N.value}`,
       fileName: e.value.caption.text || "vue-ui-carousel-table"
-    }), h = l({
+    }), h = n({
       showAnimation: e.value.animation.use
-    }), n = l(null), ae = l(null), x = l(null), O = l(null), I = l(0), z = l(0), S = l(!1), F = l(null), b = l(null), k = l(0);
+    }), l = n(null), ae = 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 V() {
-      F.value && (b.value = {
-        elements: F.value.getElementsByTagName("tr"),
-        heights: Array.from(F.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
+      B.value && (b.value = {
+        elements: B.value.getElementsByTagName("tr"),
+        heights: Array.from(B.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
       });
     }
     A(V);
-    const ye = B(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + I.value + z.value), Ce = B(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), $e = 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) * Ce.value + I.value + z.value), p = l(0), y = l(null), d = l(0), C = l(!1), oe = l(0);
+    const $e = P(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Te = P(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), ke = 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) * Te.value + F.value + z.value), c = n(0), y = n(null), d = n(0), C = n(!1), oe = n(0);
     A(() => {
-      x.value && (I.value = x.value.getBoundingClientRect().height), O.value && (z.value = O.value.getBoundingClientRect().height), h.value.showAnimation && b.value && le();
+      x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), h.value.showAnimation && b.value && ne();
     }), A(() => {
-      if (n.value) {
-        let o = function() {
+      if (l.value) {
+        let a = function() {
           const s = t.getBoundingClientRect().bottom;
-          a.forEach((m) => {
-            m.getBoundingClientRect().top < s ? m.style.visibility = "hidden" : m.style.visibility = "visible";
+          o.forEach((g) => {
+            g.getBoundingClientRect().top < s ? g.style.visibility = "hidden" : g.style.visibility = "visible";
           });
         };
-        const t = n.value.querySelector("thead"), a = Array.from(F.value.querySelectorAll("tr"));
-        n.value.addEventListener("scroll", o), o(), ve(() => {
-          n.value.removeEventListener("scroll", o);
+        const t = l.value.querySelector("thead"), o = Array.from(B.value.querySelectorAll("tr"));
+        l.value.addEventListener("scroll", a), a(), ve(() => {
+          l.value.removeEventListener("scroll", a);
         });
       }
     });
-    function Te(t) {
+    function Ae(t) {
       K.value = t, oe.value += 1;
     }
-    function le() {
-      !y.value && !C.value && (e.value.animation.type === "scroll" ? y.value = requestAnimationFrame(ne) : y.value = requestAnimationFrame(ie));
+    function ne() {
+      !y.value && !C.value && (e.value.animation.type === "scroll" ? y.value = requestAnimationFrame(le) : y.value = requestAnimationFrame(ie));
     }
-    function ke() {
-      if (!n.value) return !1;
-      const { scrollTop: t, scrollHeight: a, clientHeight: o } = n.value;
-      return t + o >= a;
+    function we() {
+      if (!l.value) return !1;
+      const { scrollTop: t, scrollHeight: o, clientHeight: a } = l.value;
+      return t + a >= o;
     }
-    function ne(t) {
+    function le(t) {
       if (C.value) return;
-      d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (p.value += b.value.heights[k.value], (ke() || k.value >= b.value.heights.length) && (p.value = 0, k.value = -1), k.value += 1, n.value && n.value.scrollTo({
-        top: p.value,
+      d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (c.value += b.value.heights[k.value], (we() || 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(ne);
+      }), d.value = t), y.value = requestAnimationFrame(le);
     }
     function ie(t) {
       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 >= n.value.scrollHeight - n.value.clientHeight && (p.value = 0), n.value && n.value.scrollTo({
-        top: p.value,
+      const o = t - d.value, a = e.value.animation.speedMs / 4 / 1e3;
+      o >= a && (c.value += a, 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(ie);
     }
-    function g() {
+    function m() {
       C.value = !0, cancelAnimationFrame(y.value), y.value = null;
     }
-    ve(g);
+    ve(m);
     function $() {
-      !C.value || !h.value.showAnimation || (C.value = !1, d.value = 0, le());
+      !C.value || !h.value.showAnimation || (C.value = !1, d.value = 0, ne());
     }
-    function Ae() {
-      e.value.animation.pauseOnHover && g();
+    function Oe() {
+      e.value.animation.pauseOnHover && m();
     }
-    const M = l(null);
-    function we() {
-      g(), clearTimeout(M.value);
+    const M = n(null);
+    function xe() {
+      m(), clearTimeout(M.value);
     }
     function se() {
       clearTimeout(M.value), M.value = setTimeout($, 1e3);
@@ -138,85 +138,85 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
     E(
       () => e.value.animation.use,
       (t) => {
-        t ? (h.value.showAnimation = !0, $()) : (h.value.showAnimation = !1, g());
+        t ? (h.value.showAnimation = !0, $()) : (h.value.showAnimation = !1, m());
       }
     ), E(
       () => e.value.animation.type,
       (t) => {
-        g(), p.value = 0, k.value = 0, n.value.scrollTo({
+        m(), c.value = 0, k.value = 0, l.value.scrollTo({
           top: 0,
           behavior: "auto"
         }), $();
       }
     );
-    const xe = B(() => e.value.responsiveBreakpoint);
+    const Ie = P(() => e.value.responsiveBreakpoint);
     A(() => {
-      const t = new ResizeObserver((a) => {
-        a.forEach((o) => {
-          S.value = o.contentRect.width < xe.value;
-        }), I.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = O.value ? O.value.getBoundingClientRect().height : 0, k.value = 0, pe(() => {
-          g(), d.value = 0, p.value = 0, V(), $();
+      const t = new ResizeObserver((o) => {
+        o.forEach((a) => {
+          S.value = a.contentRect.width < Ie.value;
+        }), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0, pe(() => {
+          m(), d.value = 0, c.value = 0, V(), $();
         });
       });
-      n.value && t.observe(n.value);
+      l.value && t.observe(l.value);
     });
     function ue() {
-      be();
+      Ce();
     }
     function re() {
-      h.value.showAnimation = !h.value.showAnimation, h.value.showAnimation ? $() : g();
+      h.value.showAnimation = !h.value.showAnimation, h.value.showAnimation ? $() : m();
     }
     function de() {
       pe(() => {
-        const t = i.dataset.head.map((s, m) => [
-          [i.dataset.body[m]]
-        ]), a = [
+        const t = i.dataset.head.map((s, g) => [
+          [i.dataset.body[g]]
+        ]), o = [
           [e.value.caption.text],
           [i.dataset.head.map((s) => [s])]
-        ].concat(t), o = Ee(a);
+        ].concat(t), a = Ee(o);
         He({
-          csvContent: o,
+          csvContent: a,
           title: e.value.caption.text || "vue-ui-carousel-table"
         });
       });
     }
-    return he({
-      pauseAnimation: g,
+    return ge({
+      pauseAnimation: m,
       resumeAnimation: $,
       toggleAnimation: re,
       generateCsv: de,
       generatePdf: ue,
       generateImage: te
-    }), (t, a) => (u(), v("div", {
+    }), (t, o) => (u(), v("div", {
       class: "vue-ui-carousel-table",
       style: { position: "relative", overflow: "visible" },
       ref_key: "chartContainer",
       ref: ae,
-      onMouseenter: a[5] || (a[5] = () => r(W)(!0)),
-      onMouseleave: a[6] || (a[6] = () => r(W)(!1))
+      onMouseenter: o[5] || (o[5] = () => r(W)(!0)),
+      onMouseleave: o[6] || (o[6] = () => r(W)(!1))
     }, [
       H("div", {
         ref_key: "tableContainer",
-        ref: n,
+        ref: l,
         id: `carousel-table_${N.value}`,
-        style: c({
-          height: r(_) || r(ee) ? "auto" : `${Math.max($e.value, ye.value)}px`,
+        style: f({
+          height: r(_) || r(ee) ? "auto" : `${Math.max(ke.value, $e.value)}px`,
           containerType: "inline-size",
           position: "relative",
           overflow: "auto",
           fontFamily: e.value.fontFamily
         }),
-        class: Ie({ "vue-ui-responsive": S.value, "is-playing": e.value.scrollbar.hide || !C.value && e.value.scrollbar.showOnlyOnHover }),
-        onMouseover: a[0] || (a[0] = (o) => Ae()),
-        onMouseleave: a[1] || (a[1] = (o) => $()),
-        onTouchstart: a[2] || (a[2] = (o) => we()),
-        onTouchend: a[3] || (a[3] = (o) => se()),
-        onTouchcancel: a[4] || (a[4] = (o) => se())
+        class: Be({ "vue-ui-responsive": S.value, "is-playing": e.value.scrollbar.hide || !C.value && e.value.scrollbar.showOnlyOnHover }),
+        onMouseover: o[0] || (o[0] = (a) => Oe()),
+        onMouseleave: o[1] || (o[1] = (a) => $()),
+        onTouchstart: o[2] || (o[2] = (a) => xe()),
+        onTouchend: o[3] || (o[3] = (a) => se()),
+        onTouchcancel: o[4] || (o[4] = (a) => se())
       }, [
-        w.value ? (u(), v("table", {
+        O.value ? (u(), v("table", {
           key: 0,
           class: "vue-data-ui-carousel-table",
-          style: c({
+          style: f({
             ...e.value.style,
             border: `${e.value.border.size}px solid ${e.value.border.color}`,
             width: "100%",
@@ -228,7 +228,7 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
             ref_key: "caption",
             ref: x,
             class: "vue-data-ui-carousel-table-caption",
-            style: c({
+            style: f({
               ...e.value.caption.style,
               fontFamily: "inherit",
               position: "sticky",
@@ -244,26 +244,26 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
             })
           }, [
             L(G(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
-            f(t.$slots, "caption", {}, void 0, !0)
+            p(t.$slots, "caption", {}, void 0, !0)
           ], 4),
           H("thead", {
-            style: c({ ...e.value.thead.style, position: "sticky", top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? I.value : 0}px`, zIndex: 1 })
+            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 })
           }, [
             H("tr", {
               ref_key: "tableRow",
-              ref: O,
+              ref: I,
               role: "row",
-              style: c({
+              style: f({
                 ...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
               }),
               height: `${e.value.thead.tr.height}px`
             }, [
-              (u(!0), v(D, null, X(T.dataset.head, (o, s) => (u(), v("th", {
+              (u(!0), v(D, null, X(T.dataset.head, (a, s) => (u(), v("th", {
                 role: "cell",
                 key: `th_${s}`,
-                style: c({
+                style: f({
                   ...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",
@@ -272,30 +272,30 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
                   paddingLeft: e.value.thead.tr.th.padding.left + "px"
                 })
               }, [
-                L(G(t.$slots.th ? "" : o) + " ", 1),
-                f(t.$slots, "th", fe({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
+                L(G(t.$slots.th ? "" : a) + " ", 1),
+                p(t.$slots, "th", fe({ ref_for: !0 }, { th: a, colIndex: s }), void 0, !0)
               ], 4))), 128))
             ], 12, De)
           ], 4),
           T.dataset.body && T.dataset.head ? (u(), v("tbody", {
             key: 0,
             ref_key: "tbody",
-            ref: F,
+            ref: B,
             style: {
               clipPath: "inset(0,0,0,0)"
             }
           }, [
-            (u(!0), v(D, null, X(T.dataset.body, (o, s) => (u(), v("tr", {
-              style: c({
+            (u(!0), v(D, null, X(T.dataset.body, (a, s) => (u(), v("tr", {
+              style: f({
                 ...e.value.tbody.tr.style,
                 border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`,
                 verticalAlign: "middle"
               })
             }, [
-              (u(!0), v(D, null, X(o, (m, q) => (u(), v("td", {
+              (u(!0), v(D, null, X(a, (g, q) => (u(), v("td", {
                 role: "cell",
                 "data-cell": T.dataset.head[q] || "",
-                style: c({
+                style: f({
                   ...e.value.tbody.tr.td.style,
                   border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
                   backgroundColor: r(Se)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
@@ -307,20 +307,20 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
                 }),
                 height: `${e.value.tbody.tr.height}px`
               }, [
-                L(G(t.$slots.td ? "" : m) + " ", 1),
-                f(t.$slots, "td", fe({ ref_for: !0 }, { td: m, rowIndex: s, colIndex: q }), void 0, !0)
+                L(G(t.$slots.td ? "" : g) + " ", 1),
+                p(t.$slots, "td", fe({ ref_for: !0 }, { td: g, rowIndex: s, colIndex: q }), void 0, !0)
               ], 12, Xe))), 256))
             ], 4))), 256))
-          ], 512)) : P("", !0)
-        ], 4)) : P("", !0)
+          ], 512)) : R("", !0)
+        ], 4)) : R("", !0)
       ], 46, Ge),
-      w.value ? P("", !0) : (u(), ce(Me, {
+      O.value ? R("", !0) : (u(), ce(Me, {
         key: 0,
         config: {
           type: "table"
         }
       })),
-      e.value.userOptions.show && w.value && (r(Y) || r(U)) ? (u(), ce(Ve, {
+      e.value.userOptions.show && O.value && (r(Y) || r(U)) ? (u(), ce(Ve, {
         ref: "details",
         key: `user_option_${oe.value}`,
         backgroundColor: e.value.style.backgroundColor,
@@ -347,53 +347,60 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
         onGenerateCsv: de,
         onGenerateImage: r(te),
         onToggleAnimation: re,
-        onToggleFullscreen: Te,
-        style: c({
+        onToggleFullscreen: Ae,
+        style: f({
           visibility: r(Y) ? r(U) ? "visible" : "hidden" : "visible"
         })
-      }, Fe({ _: 2 }, [
+      }, Pe({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: w(({ isOpen: a, color: s }) => [
+            p(t.$slots, "menuIcon", he(me({ isOpen: a, color: s })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: R(() => [
-            f(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: w(() => [
+            p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: R(() => [
-            f(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: w(() => [
+            p(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: R(() => [
-            f(t.$slots, "optionImg", {}, void 0, !0)
+          fn: w(() => [
+            p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         t.$slots.optionAnimation ? {
           name: "optionAnimation",
-          fn: R(() => [
-            f(t.$slots, "optionAnimation", {}, void 0, !0)
+          fn: w(() => [
+            p(t.$slots, "optionAnimation", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: R(({ toggleFullscreen: o, isFullscreen: s }) => [
-            f(t.$slots, "optionFullscreen", Be(Pe({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
+          fn: w(({ toggleFullscreen: a, isFullscreen: s }) => [
+            p(t.$slots, "optionFullscreen", he(me({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "onGenerateImage", "style"])) : P("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "onGenerateImage", "style"])) : R("", !0),
       t.$slots.source ? (u(), v("div", je, [
-        f(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : P("", !0)
+        p(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : R("", !0)
     ], 544));
   }
-}, tt = /* @__PURE__ */ Le(Je, [["__scopeId", "data-v-d651cb34"]]);
+}, tt = /* @__PURE__ */ Le(Je, [["__scopeId", "data-v-3823c499"]]);
 export {
   tt as default
 };

package/dist/{vue-ui-carousel-table-DCcPnWRU.cjs → vue-ui-carousel-table-DgcY4j9y.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-3OrObUP-.cjs"),ue=require("./useNestedProp-B53Yi1Rk.cjs"),Q=require("./usePrinter-bPnqqKha.cjs"),se=require("./vue-ui-skeleton-DaowWOKJ.cjs"),de=require("./useUserOptionState-BgepsfED.cjs"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ce=["id"],pe=["height"],fe=["data-cell","height"],me={key:2,ref:"source",dir:"auto"},he={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(b,{expose:W}){const{vue_ui_carousel_table:Y}=u.useConfig(),r=b,S=e.ref(u.createUid()),F=e.ref(!1),k=e.ref(!!r.dataset),Z=e.useSlots();e.onMounted(()=>{z()}),e.onMounted(()=>{Z["chart-background"]&&console.warn("VueUiCarouselTable does not support the #chart-background slot.")});function z(){u.objectIsEmpty(r.dataset)?u.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!r.dataset.head||u.objectIsEmpty(r.dataset.head))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),k.value=!1),(!r.dataset.body||u.objectIsEmpty(r.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),k.value=!1))}const t=e.computed({get:()=>V(),set:o=>o}),{userOptionsVisible:A,setUserOptionsVisibility:N,keepUserOptionState:P}=de.useUserOptionState({config:t.value});function V(){return ue.useNestedProp({userConfig:r.config,defaultConfig:Y})}e.watch(()=>r.config,o=>{t.value=V(),A.value=!t.value.userOptions.showOnChartHover,z()},{deep:!0}),e.watch(()=>r.dataset,o=>{O()},{deep:!0});const{isPrinting:R,isImaging:M,generatePdf:_,generateImage:q}=Q.usePrinter({elementId:`carousel-table_${S.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),v=e.ref({showAnimation:t.value.animation.use}),l=e.ref(null),U=e.ref(null),C=e.ref(null),T=e.ref(null),$=e.ref(0),B=e.ref(0),x=e.ref(!1),w=e.ref(null),f=e.ref(null),y=e.ref(0);function O(){w.value&&(f.value={elements:w.value.getElementsByTagName("tr"),heights:Array.from(w.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(O);const ee=e.computed(()=>!f.value||!f.value.heights.length?0:Math.max(...f.value.heights)+$.value+B.value),te=e.computed(()=>r.dataset.body?t.value.tbody.tr.visible<=r.dataset.body.length?t.value.tbody.tr.visible:r.dataset.body.length:0),oe=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*te.value+$.value+B.value),d=e.ref(0),m=e.ref(null),s=e.ref(0),h=e.ref(!1),H=e.ref(0);e.onMounted(()=>{C.value&&($.value=C.value.getBoundingClientRect().height),T.value&&(B.value=T.value.getBoundingClientRect().height),v.value.showAnimation&&f.value&&L()}),e.onMounted(()=>{if(l.value){let n=function(){const i=o.getBoundingClientRect().bottom;a.forEach(p=>{p.getBoundingClientRect().top<i?p.style.visibility="hidden":p.style.visibility="visible"})};const o=l.value.querySelector("thead"),a=Array.from(w.value.querySelectorAll("tr"));l.value.addEventListener("scroll",n),n(),e.onBeforeUnmount(()=>{l.value.removeEventListener("scroll",n)})}});function ae(o){F.value=o,H.value+=1}function L(){!m.value&&!h.value&&(t.value.animation.type==="scroll"?m.value=requestAnimationFrame(D):m.value=requestAnimationFrame(G))}function ne(){if(!l.value)return!1;const{scrollTop:o,scrollHeight:a,clientHeight:n}=l.value;return o+n>=a}function D(o){if(h.value)return;s.value||(s.value=o),o-s.value>=t.value.animation.speedMs&&(d.value+=f.value.heights[y.value],(ne()||y.value>=f.value.heights.length)&&(d.value=0,y.value=-1),y.value+=1,l.value&&l.value.scrollTo({top:d.value,behavior:"smooth"}),s.value=o),m.value=requestAnimationFrame(D)}function G(o){if(h.value)return;s.value||(s.value=o);const a=o-s.value,n=t.value.animation.speedMs/4/1e3;a>=n&&(d.value+=n,d.value>=l.value.scrollHeight-l.value.clientHeight&&(d.value=0),l.value&&l.value.scrollTo({top:d.value,behavior:"auto"}),s.value=o),m.value=requestAnimationFrame(G)}function c(){h.value=!0,cancelAnimationFrame(m.value),m.value=null}e.onBeforeUnmount(c);function g(){!h.value||!v.value.showAnimation||(h.value=!1,s.value=0,L())}function le(){t.value.animation.pauseOnHover&&c()}const E=e.ref(null);function re(){c(),clearTimeout(E.value)}function j(){clearTimeout(E.value),E.value=setTimeout(g,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(v.value.showAnimation=!0,g()):(v.value.showAnimation=!1,c())}),e.watch(()=>t.value.animation.type,o=>{c(),d.value=0,y.value=0,l.value.scrollTo({top:0,behavior:"auto"}),g()});const ie=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(a=>{a.forEach(n=>{x.value=n.contentRect.width<ie.value}),$.value=C.value?C.value.getBoundingClientRect().height:0,B.value=T.value?T.value.getBoundingClientRect().height:0,y.value=0,e.nextTick(()=>{c(),s.value=0,d.value=0,O(),g()})});l.value&&o.observe(l.value)});function X(){_()}function J(){v.value.showAnimation=!v.value.showAnimation,v.value.showAnimation?g():c()}function K(){e.nextTick(()=>{const o=r.dataset.head.map((i,p)=>[[r.dataset.body[p]]]),a=[[t.value.caption.text],[r.dataset.head.map(i=>[i])]].concat(o),n=u.createCsvContent(a);u.downloadCsv({csvContent:n,title:t.value.caption.text||"vue-ui-carousel-table"})})}return W({pauseAnimation:c,resumeAnimation:g,toggleAnimation:J,generateCsv:K,generatePdf:X,generateImage:q}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-carousel-table",style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:U,onMouseenter:a[5]||(a[5]=()=>e.unref(N)(!0)),onMouseleave:a[6]||(a[6]=()=>e.unref(N)(!1))},[e.createElementVNode("div",{ref_key:"tableContainer",ref:l,id:`carousel-table_${S.value}`,style:e.normalizeStyle({height:e.unref(R)||e.unref(M)?"auto":`${Math.max(oe.value,ee.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":x.value,"is-playing":t.value.scrollbar.hide||!h.value&&t.value.scrollbar.showOnlyOnHover}),onMouseover:a[0]||(a[0]=n=>le()),onMouseleave:a[1]||(a[1]=n=>g()),onTouchstart:a[2]||(a[2]=n=>re()),onTouchend:a[3]||(a[3]=n=>j()),onTouchcancel:a[4]||(a[4]=n=>j())},[k.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse",backgroundColor:t.value.tbody.backgroundColor})},[e.createElementVNode("caption",{ref_key:"caption",ref:C,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:x.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px",display:o.$slots.caption||t.value.caption.text||t.value.userOptions.show?"":"none"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${o.$slots.caption||t.value.caption.text||t.value.userOptions.show?$.value:0}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:T,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:x.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.head,(n,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":n)+" ",1),e.renderSlot(o.$slots,"th",e.mergeProps({ref_for:!0},{th:n,colIndex:i}),void 0,!0)],4))),128))],12,pe)],4),b.dataset.body&&b.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:w,style:{clipPath:"inset(0,0,0,0)"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.body,(n,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(p,I)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":b.dataset.head[I]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:e.unref(u.setOpacity)(t.value.tbody.tr.td.style.backgroundColor,i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":p)+" ",1),e.renderSlot(o.$slots,"td",e.mergeProps({ref_for:!0},{td:p,rowIndex:i,colIndex:I}),void 0,!0)],12,fe))),256))],4))),256))],512)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ce),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(se.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&k.value&&(e.unref(P)||e.unref(A))?(e.openBlock(),e.createBlock(Q.UserOptions,{ref:"details",key:`user_option_${H.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(R),isImaging:e.unref(M),uid:S.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!v.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:F.value,chartElement:U.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},zIndex:3,offsetX:12,onGeneratePdf:X,onGenerateCsv:K,onGenerateImage:e.unref(q),onToggleAnimation:J,onToggleFullscreen:ae,style:e.normalizeStyle({visibility:e.unref(P)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","position","titles","onGenerateImage","style"])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],544))}},ge=ve._export_sfc(he,[["__scopeId","data-v-d651cb34"]]);exports.default=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-DM-Bs-Ua.cjs"),ue=require("./useNestedProp-CYy5g-mh.cjs"),Q=require("./usePrinter-DbpIk44f.cjs"),se=require("./vue-ui-skeleton-DlC-U64G.cjs"),de=require("./useUserOptionState-BgepsfED.cjs"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ce=["id"],pe=["height"],fe=["data-cell","height"],me={key:2,ref:"source",dir:"auto"},he={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(b,{expose:W}){const{vue_ui_carousel_table:Y}=u.useConfig(),r=b,x=e.ref(u.createUid()),z=e.ref(!1),k=e.ref(!!r.dataset),Z=e.useSlots();e.onMounted(()=>{F()}),e.onMounted(()=>{Z["chart-background"]&&console.warn("VueUiCarouselTable does not support the #chart-background slot.")});function F(){u.objectIsEmpty(r.dataset)?u.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!r.dataset.head||u.objectIsEmpty(r.dataset.head))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),k.value=!1),(!r.dataset.body||u.objectIsEmpty(r.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),k.value=!1))}const t=e.computed({get:()=>V(),set:o=>o}),{userOptionsVisible:A,setUserOptionsVisibility:P,keepUserOptionState:N}=de.useUserOptionState({config:t.value});function V(){return ue.useNestedProp({userConfig:r.config,defaultConfig:Y})}e.watch(()=>r.config,o=>{t.value=V(),A.value=!t.value.userOptions.showOnChartHover,F()},{deep:!0}),e.watch(()=>r.dataset,o=>{O()},{deep:!0});const{isPrinting:R,isImaging:M,generatePdf:_,generateImage:q}=Q.usePrinter({elementId:`carousel-table_${x.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),v=e.ref({showAnimation:t.value.animation.use}),l=e.ref(null),U=e.ref(null),C=e.ref(null),T=e.ref(null),$=e.ref(0),B=e.ref(0),S=e.ref(!1),w=e.ref(null),f=e.ref(null),y=e.ref(0);function O(){w.value&&(f.value={elements:w.value.getElementsByTagName("tr"),heights:Array.from(w.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(O);const ee=e.computed(()=>!f.value||!f.value.heights.length?0:Math.max(...f.value.heights)+$.value+B.value),te=e.computed(()=>r.dataset.body?t.value.tbody.tr.visible<=r.dataset.body.length?t.value.tbody.tr.visible:r.dataset.body.length:0),oe=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*te.value+$.value+B.value),d=e.ref(0),m=e.ref(null),s=e.ref(0),h=e.ref(!1),H=e.ref(0);e.onMounted(()=>{C.value&&($.value=C.value.getBoundingClientRect().height),T.value&&(B.value=T.value.getBoundingClientRect().height),v.value.showAnimation&&f.value&&L()}),e.onMounted(()=>{if(l.value){let a=function(){const i=o.getBoundingClientRect().bottom;n.forEach(p=>{p.getBoundingClientRect().top<i?p.style.visibility="hidden":p.style.visibility="visible"})};const o=l.value.querySelector("thead"),n=Array.from(w.value.querySelectorAll("tr"));l.value.addEventListener("scroll",a),a(),e.onBeforeUnmount(()=>{l.value.removeEventListener("scroll",a)})}});function ae(o){z.value=o,H.value+=1}function L(){!m.value&&!h.value&&(t.value.animation.type==="scroll"?m.value=requestAnimationFrame(D):m.value=requestAnimationFrame(G))}function ne(){if(!l.value)return!1;const{scrollTop:o,scrollHeight:n,clientHeight:a}=l.value;return o+a>=n}function D(o){if(h.value)return;s.value||(s.value=o),o-s.value>=t.value.animation.speedMs&&(d.value+=f.value.heights[y.value],(ne()||y.value>=f.value.heights.length)&&(d.value=0,y.value=-1),y.value+=1,l.value&&l.value.scrollTo({top:d.value,behavior:"smooth"}),s.value=o),m.value=requestAnimationFrame(D)}function G(o){if(h.value)return;s.value||(s.value=o);const n=o-s.value,a=t.value.animation.speedMs/4/1e3;n>=a&&(d.value+=a,d.value>=l.value.scrollHeight-l.value.clientHeight&&(d.value=0),l.value&&l.value.scrollTo({top:d.value,behavior:"auto"}),s.value=o),m.value=requestAnimationFrame(G)}function c(){h.value=!0,cancelAnimationFrame(m.value),m.value=null}e.onBeforeUnmount(c);function g(){!h.value||!v.value.showAnimation||(h.value=!1,s.value=0,L())}function le(){t.value.animation.pauseOnHover&&c()}const I=e.ref(null);function re(){c(),clearTimeout(I.value)}function j(){clearTimeout(I.value),I.value=setTimeout(g,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(v.value.showAnimation=!0,g()):(v.value.showAnimation=!1,c())}),e.watch(()=>t.value.animation.type,o=>{c(),d.value=0,y.value=0,l.value.scrollTo({top:0,behavior:"auto"}),g()});const ie=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(n=>{n.forEach(a=>{S.value=a.contentRect.width<ie.value}),$.value=C.value?C.value.getBoundingClientRect().height:0,B.value=T.value?T.value.getBoundingClientRect().height:0,y.value=0,e.nextTick(()=>{c(),s.value=0,d.value=0,O(),g()})});l.value&&o.observe(l.value)});function X(){_()}function J(){v.value.showAnimation=!v.value.showAnimation,v.value.showAnimation?g():c()}function K(){e.nextTick(()=>{const o=r.dataset.head.map((i,p)=>[[r.dataset.body[p]]]),n=[[t.value.caption.text],[r.dataset.head.map(i=>[i])]].concat(o),a=u.createCsvContent(n);u.downloadCsv({csvContent:a,title:t.value.caption.text||"vue-ui-carousel-table"})})}return W({pauseAnimation:c,resumeAnimation:g,toggleAnimation:J,generateCsv:K,generatePdf:X,generateImage:q}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-carousel-table",style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:U,onMouseenter:n[5]||(n[5]=()=>e.unref(P)(!0)),onMouseleave:n[6]||(n[6]=()=>e.unref(P)(!1))},[e.createElementVNode("div",{ref_key:"tableContainer",ref:l,id:`carousel-table_${x.value}`,style:e.normalizeStyle({height:e.unref(R)||e.unref(M)?"auto":`${Math.max(oe.value,ee.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":S.value,"is-playing":t.value.scrollbar.hide||!h.value&&t.value.scrollbar.showOnlyOnHover}),onMouseover:n[0]||(n[0]=a=>le()),onMouseleave:n[1]||(n[1]=a=>g()),onTouchstart:n[2]||(n[2]=a=>re()),onTouchend:n[3]||(n[3]=a=>j()),onTouchcancel:n[4]||(n[4]=a=>j())},[k.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse",backgroundColor:t.value.tbody.backgroundColor})},[e.createElementVNode("caption",{ref_key:"caption",ref:C,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:S.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px",display:o.$slots.caption||t.value.caption.text||t.value.userOptions.show?"":"none"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${o.$slots.caption||t.value.caption.text||t.value.userOptions.show?$.value:0}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:T,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:S.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.head,(a,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":a)+" ",1),e.renderSlot(o.$slots,"th",e.mergeProps({ref_for:!0},{th:a,colIndex:i}),void 0,!0)],4))),128))],12,pe)],4),b.dataset.body&&b.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:w,style:{clipPath:"inset(0,0,0,0)"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.body,(a,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,(p,E)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":b.dataset.head[E]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:e.unref(u.setOpacity)(t.value.tbody.tr.td.style.backgroundColor,i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":p)+" ",1),e.renderSlot(o.$slots,"td",e.mergeProps({ref_for:!0},{td:p,rowIndex:i,colIndex:E}),void 0,!0)],12,fe))),256))],4))),256))],512)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ce),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(se.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&k.value&&(e.unref(N)||e.unref(A))?(e.openBlock(),e.createBlock(Q.UserOptions,{ref:"details",key:`user_option_${H.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(R),isImaging:e.unref(M),uid:x.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!v.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:z.value,chartElement:U.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},zIndex:3,offsetX:12,onGeneratePdf:X,onGenerateCsv:K,onGenerateImage:e.unref(q),onToggleAnimation:J,onToggleFullscreen:ae,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:a,color:i})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:a,color:i})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:i})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","position","titles","onGenerateImage","style"])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],544))}},ge=ve._export_sfc(he,[["__scopeId","data-v-3823c499"]]);exports.default=ge;