vue-data-ui 3.0.0-next.9 → 3.0.0

package/dist/{vue-ui-carousel-table-6MTDYf-H.js → vue-ui-carousel-table-DGz0nw28.js}

@@ -1,7 +1,7 @@
-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 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-CgShIRes.js";
-import { u as Le } from "./useNestedProp-BC4Ciblw.js";
-import { u as Ge } from "./usePrinter-rIrqBbbm.js";
+import { defineAsyncComponent as ce, ref as n, useSlots as Se, onMounted as w, 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 J, mergeProps as me, createSlots as He, withCtx as A, normalizeProps as ge, guardReactiveProps as be } from "vue";
+import { u as Ne, c as Ue, o as K, f as Q, s as Ve, v as Me, w as Le } from "./index-BtNwOUja.js";
+import { u as qe } from "./useNestedProp-f2H3m6Yj.js";
+import { u as Ge } from "./usePrinter-DUNjpQNe.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,10 +25,10 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(T, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-BsBaCvoE.js")), $e = ce(() => import("./UserOptions-Bk03FRqW.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = Se();
-    A(() => {
+    const Ce = ce(() => import("./vue-ui-skeleton-oG4Bm5nL.js")), $e = ce(() => import("./UserOptions-Ck8fz9f4.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = Se();
+    w(() => {
       Y();
-    }), A(() => {
+    }), w(() => {
       ke["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
     });
     function Y() {
@@ -50,7 +50,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       set: (t) => t
     }), { userOptionsVisible: M, setUserOptionsVisibility: Z, keepUserOptionState: _ } = De({ config: e.value });
     function ee() {
-      return Le({
+      return qe({
         userConfig: i.config,
         defaultConfig: Te
       });
@@ -58,26 +58,26 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     N(() => i.config, (t) => {
       e.value = ee(), M.value = !e.value.userOptions.showOnChartHover, Y();
     }, { deep: !0 }), N(() => i.dataset, (t) => {
-      q();
+      L();
     }, { deep: !0 });
-    const { isPrinting: te, isImaging: ae, generatePdf: Ae, generateImage: oe } = Ge({
+    const { isPrinting: te, isImaging: ae, generatePdf: we, generateImage: oe } = Ge({
       elementId: `carousel-table_${V.value}`,
       fileName: e.value.caption.text || "vue-ui-carousel-table",
       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), B = n(null), b = n(null), k = n(0);
-    function q() {
+    function L() {
       B.value && (b.value = {
         elements: B.value.getElementsByTagName("tr"),
         heights: Array.from(B.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
       });
     }
-    A(q);
-    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(() => {
+    w(L);
+    const Ae = 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);
+    w(() => {
       x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), m.value.showAnimation && b.value && ie();
-    }), A(() => {
+    }), w(() => {
       if (l.value) {
         let o = function() {
           const s = t.getBoundingClientRect().bottom;
@@ -128,12 +128,12 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     function Be() {
       e.value.animation.pauseOnHover && g();
     }
-    const L = n(null);
+    const q = n(null);
     function Pe() {
-      g(), clearTimeout(L.value);
+      g(), clearTimeout(q.value);
     }
     function re() {
-      clearTimeout(L.value), L.value = setTimeout($, 1e3);
+      clearTimeout(q.value), q.value = setTimeout($, 1e3);
     }
     N(
       () => e.value.animation.use,
@@ -150,19 +150,19 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       }
     );
     const Re = R(() => e.value.responsiveBreakpoint), H = ze(null);
-    A(() => {
+    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, q(), $();
+          g(), d.value = 0, c.value = 0, L(), $();
         });
       }), l.value && H.value.observe(l.value);
     }), G(() => {
       H.value && H.value.disconnect();
     });
     function de() {
-      Ae();
+      we();
     }
     function ve() {
       m.value.showAnimation = !m.value.showAnimation, m.value.showAnimation ? $() : g();
@@ -175,7 +175,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
           [e.value.caption.text],
           [i.dataset.head.map((f) => [f])]
         ].concat(a), s = Me(o);
-        t ? t(s) : qe({
+        t ? t(s) : Le({
           csvContent: s,
           title: e.value.caption.text || "vue-ui-carousel-table"
         });
@@ -201,7 +201,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
         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(xe.value, Ae.value)}px`,
           containerType: "inline-size",
           position: "relative",
           overflow: "auto",
@@ -357,42 +357,42 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       }, He({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: w(({ isOpen: o, color: s }) => [
+          fn: A(({ isOpen: o, color: s }) => [
             p(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: w(() => [
+          fn: A(() => [
             p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: w(() => [
+          fn: A(() => [
             p(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: w(() => [
+          fn: A(() => [
             p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnimation ? {
           name: "optionAnimation",
-          fn: w(() => [
+          fn: A(() => [
             p(t.$slots, "optionAnimation", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: w(({ toggleFullscreen: o, isFullscreen: s }) => [
+          fn: A(({ toggleFullscreen: o, isFullscreen: s }) => [
             p(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "5"