vue-data-ui 3.6.0 → 3.7.1

package/dist/{vue-ui-carousel-table-Cp_od0lI.js → vue-ui-carousel-table-DM2HJFMH.js}

@@ -1,10 +1,10 @@
-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-CIoDlpHu.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";
+import { defineAsyncComponent as ce, ref as n, useSlots as Re, onMounted as w, computed as P, 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 J, mergeProps as ge, createSlots as He, withCtx as T, normalizeProps as me, guardReactiveProps as be } from "vue";
+import { u as Ne, a as Ue } from "./useNestedProp-CWo6bftQ.js";
+import { c as Ve, o as K, g as Q, s as Me, u as qe, q as Le } from "./lib-C5BH09_g.js";
+import { u as Ge } from "./usePrinter-DCJzEiS8.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
+const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
   key: 2,
   ref: "source",
   dir: "auto"
@@ -25,27 +25,27 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
     }
   },
   setup(k, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-DsrlMELy.js")), $e = ce(() => import("./UserOptions-BqmUW9Kp.js")), { vue_ui_carousel_table: Te } = Ne(), i = k, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Re();
+    const Ce = ce(() => import("./vue-ui-skeleton-DdXq2gl1.js")), $e = ce(() => import("./UserOptions-B3I-s3Lw.js")), { vue_ui_carousel_table: Te } = Ne(), i = k, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Re();
     w(() => {
       Y();
     }), w(() => {
       ke["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
     });
     function Y() {
-      J(i.dataset) ? K({
+      K(i.dataset) ? Q({
         componentName: "VueUiCarouselTable",
         type: "dataset"
-      }) : ((!i.dataset.head || J(i.dataset.head)) && (K({
+      }) : ((!i.dataset.head || K(i.dataset.head)) && (Q({
         componentName: "VueUiCarouselTable",
         type: "datasetAttribute",
         property: "head"
-      }), O.value = !1), (!i.dataset.body || J(i.dataset.body)) && (K({
+      }), O.value = !1), (!i.dataset.body || K(i.dataset.body)) && (Q({
         componentName: "VueUiCarouselTable",
         type: "datasetAttribute",
         property: "body"
       }), O.value = !1));
     }
-    const e = B({
+    const e = P({
       get: () => ee(),
       set: (t) => t
     }), { userOptionsVisible: M, setUserOptionsVisibility: Z, keepUserOptionState: _ } = De({ config: e.value });
@@ -58,25 +58,25 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
     N(() => i.config, (t) => {
       e.value = ee(), M.value = !e.value.userOptions.showOnChartHover, Y();
     }, { deep: !0 }), N(() => i.dataset, (t) => {
-      L();
+      q();
     }, { deep: !0 });
     const { isPrinting: te, isImaging: ae, generatePdf: Ae, generateImage: oe } = Ge({
       elementId: `carousel-table_${V.value}`,
       fileName: e.value.caption.text || "vue-ui-carousel-table",
       options: e.value.userOptions.print
-    }), m = n({
+    }), g = n({
       showAnimation: e.value.animation.use
     }), 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() {
+    function q() {
       S.value && (b.value = {
         elements: S.value.getElementsByTagName("tr"),
         heights: Array.from(S.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
       });
     }
-    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(q);
+    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), Ie = 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), 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();
+      I.value && (F.value = I.value.getBoundingClientRect().height), x.value && (z.value = x.value.getBoundingClientRect().height), g.value.showAnimation && b.value && ie();
     }), w(() => {
       if (l.value) {
         let o = function() {
@@ -118,44 +118,44 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         behavior: "auto"
       }), v.value = t), y.value = requestAnimationFrame(ue);
     }
-    function g() {
+    function m() {
       C.value = !0, cancelAnimationFrame(y.value), y.value = null;
     }
-    G(g);
+    G(m);
     function $() {
-      !C.value || !m.value.showAnimation || (C.value = !1, v.value = 0, ie());
+      !C.value || !g.value.showAnimation || (C.value = !1, v.value = 0, ie());
     }
     function Se() {
-      e.value.animation.pauseOnHover && g();
+      e.value.animation.pauseOnHover && m();
     }
-    const q = n(null);
-    function Pe() {
-      g(), clearTimeout(q.value);
+    const L = n(null);
+    function Be() {
+      m(), clearTimeout(L.value);
     }
     function re() {
-      clearTimeout(q.value), q.value = setTimeout($, 1e3);
+      clearTimeout(L.value), L.value = setTimeout($, 1e3);
     }
     N(
       () => e.value.animation.use,
       (t) => {
-        t ? (m.value.showAnimation = !0, $()) : (m.value.showAnimation = !1, g());
+        t ? (g.value.showAnimation = !0, $()) : (g.value.showAnimation = !1, m());
       }
     ), N(
       () => e.value.animation.type,
       (t) => {
-        g(), c.value = 0, A.value = 0, l.value.scrollTo({
+        m(), c.value = 0, A.value = 0, l.value.scrollTo({
           top: 0,
           behavior: "auto"
         }), $();
       }
     );
-    const Be = B(() => e.value.responsiveBreakpoint), H = ze(null);
+    const Pe = P(() => e.value.responsiveBreakpoint), H = ze(null);
     w(() => {
       H.value = new ResizeObserver((t) => {
         t.forEach((a) => {
-          E.value = a.contentRect.width < Be.value;
+          E.value = a.contentRect.width < Pe.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(), $();
+          m(), v.value = 0, c.value = 0, q(), $();
         });
       }), l.value && H.value.observe(l.value);
     }), G(() => {
@@ -165,24 +165,24 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
       Ae();
     }
     function ve() {
-      m.value.showAnimation = !m.value.showAnimation, m.value.showAnimation ? $() : g();
+      g.value.showAnimation = !g.value.showAnimation, g.value.showAnimation ? $() : m();
     }
     function pe(t = null) {
       fe(() => {
-        const a = i.dataset.head.map((f, P) => [
-          [i.dataset.body[P]]
+        const a = i.dataset.head.map((f, B) => [
+          [i.dataset.body[B]]
         ]), o = [
           [e.value.caption.text],
           [i.dataset.head.map((f) => [f])]
-        ].concat(a), s = Le(o);
-        t ? t(s) : qe({
+        ].concat(a), s = qe(o);
+        t ? t(s) : Le({
           csvContent: s,
           title: e.value.caption.text || "vue-ui-carousel-table"
         });
       });
     }
     return ye({
-      pauseAnimation: g,
+      pauseAnimation: m,
       resumeAnimation: $,
       toggleAnimation: ve,
       generateCsv: pe,
@@ -210,7 +210,7 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         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) => Se()),
         onMouseleave: a[1] || (a[1] = (o) => $()),
-        onTouchstart: a[2] || (a[2] = (o) => Pe()),
+        onTouchstart: a[2] || (a[2] = (o) => Be()),
         onTouchend: a[3] || (a[3] = (o) => re()),
         onTouchcancel: a[4] || (a[4] = (o) => re())
       }, [
@@ -261,7 +261,7 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
               }),
               height: `${e.value.thead.tr.height}px`
             }, [
-              (r(!0), p(j, null, Q(k.dataset.head, (o, s) => (r(), p("th", {
+              (r(!0), p(j, null, J(k.dataset.head, (o, s) => (r(), p("th", {
                 role: "cell",
                 key: `th_${s}`,
                 style: h({
@@ -274,9 +274,9 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
                 })
               }, [
                 D(X(t.$slots.th ? "" : o) + " ", 1),
-                d(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
+                d(t.$slots, "th", ge({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
               ], 4))), 128))
-            ], 12, Qe)
+            ], 12, Je)
           ], 4),
           k.dataset.body && k.dataset.head ? (r(), p("tbody", {
             key: 0,
@@ -286,16 +286,16 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
               clipPath: "inset(0,0,0,0)"
             }
           }, [
-            (r(!0), p(j, null, Q(k.dataset.body, (o, s) => (r(), p("tr", {
+            (r(!0), p(j, null, J(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), p(j, null, Q(o, (f, P) => (r(), p("td", {
+              (r(!0), p(j, null, J(o, (f, B) => (r(), p("td", {
                 role: "cell",
-                "data-cell": k.dataset.head[P] || "",
+                "data-cell": k.dataset.head[B] || "",
                 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,8 +309,8 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
                 height: `${e.value.tbody.tr.height}px`
               }, [
                 D(X(t.$slots.td ? "" : f) + " ", 1),
-                d(t.$slots, "td", me({ ref_for: !0 }, { td: f, rowIndex: s, colIndex: P }), void 0, !0)
-              ], 12, Je))), 256))
+                d(t.$slots, "td", ge({ ref_for: !0 }, { td: f, rowIndex: s, colIndex: B }), void 0, !0)
+              ], 12, Ke))), 256))
             ], 4))), 256))
           ], 512)) : R("", !0)
         ], 4)) : R("", !0)
@@ -336,7 +336,7 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         hasTable: !1,
         hasLabel: !1,
         hasAnimation: e.value.userOptions.buttons.animation,
-        isAnimation: !m.value.showAnimation,
+        isAnimation: !g.value.showAnimation,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: W.value,
         chartElement: ne.value,
@@ -358,7 +358,7 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: T(({ isOpen: o, color: s }) => [
-            d(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
+            d(t.$slots, "menuIcon", me(be({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -400,12 +400,12 @@ const je = ["id"], Qe = ["height"], Je = ["data-cell", "height"], Ke = {
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: T(({ toggleFullscreen: o, isFullscreen: s }) => [
-            d(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
+            d(t.$slots, "optionFullscreen", me(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 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, [
+      t.$slots.source ? (r(), p("div", Qe, [
         d(t.$slots, "source", {}, void 0, !0)
       ], 512)) : R("", !0)
     ], 544));