vue-data-ui 2.3.8 → 2.3.9

package/dist/vue-ui-carousel-table-CxTbe6SP.js

@@ -1,314 +0,0 @@
-import { useCssVars as ce, ref as o, onMounted as S, computed as T, watch as he, openBlock as i, createElementBlock as u, createElementVNode as O, normalizeStyle as v, unref as f, normalizeClass as be, createTextVNode as U, toDisplayString as E, renderSlot as p, Fragment as H, renderList as L, normalizeProps as V, guardReactiveProps as G, createCommentVNode as P, createBlock as oe, createSlots as fe, withCtx as w, nextTick as ge } from "vue";
-import { u as me, c as ye, o as D, e as M, r as Ce, n as $e, q as ke } from "./index-DLi6mPet.js";
-import { u as xe } from "./useNestedProp-DmMzRJ1O.js";
-import { u as Ae, U as Te } from "./usePrinter-BnaEziDF.js";
-import we from "./vue-ui-skeleton-CmXMTbOC.js";
-import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Fe = ["id"], ze = ["height"], Oe = { key: 0 }, Pe = ["data-cell", "height"], Re = {
-  __name: "vue-ui-carousel-table",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(r, { expose: ne }) {
-    const a = r;
-    ce((t) => ({
-      "3b9147fd": t.tdo
-    }));
-    const { vue_ui_carousel_table: le } = me(), R = o(ye()), q = o(!1), g = o(!!a.dataset);
-    S(() => {
-      D(a.dataset) ? M({
-        componentName: "VueUiCarouselTable",
-        type: "dataset"
-      }) : ((!a.dataset.head || D(a.dataset.head)) && (M({
-        componentName: "VueUiCarouselTable",
-        type: "datasetAttribute",
-        property: "head"
-      }), g.value = !1), (!a.dataset.body || D(a.dataset.body)) && (M({
-        componentName: "VueUiCarouselTable",
-        type: "datasetAttribute",
-        property: "body"
-      }), g.value = !1));
-    });
-    const e = T(() => xe({
-      userConfig: a.config,
-      defaultConfig: le
-    })), { isPrinting: X, isImaging: j, generatePdf: ie, generateImage: J } = Ae({
-      elementId: `carousel-table_${R.value}`,
-      fileName: e.value.caption.text || "vue-ui-carousel-table"
-    }), d = o({
-      showAnimation: e.value.animation.use
-    }), m = o(null), K = o(null), y = o(null), C = o(null), I = o(0), B = o(0), c = o(!1), Q = T(() => a.dataset.body ? e.value.tbody.tr.visible <= a.dataset.body.length ? e.value.tbody.tr.visible : a.dataset.body.length : 0), se = T(() => (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) * Q.value + I.value + B.value), ue = T(() => !a.dataset || !a.dataset.body || !a.dataset.head ? 0 : (a.dataset.body.length * (c.value ? a.dataset.head.length : 1) - Q.value) * (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)), F = o(0), $ = o(null), k = o(0), b = o(!1), W = o(0);
-    S(() => {
-      y.value && (I.value = y.value.getBoundingClientRect().height), C.value && (B.value = C.value.getBoundingClientRect().height), d.value.showAnimation && Y();
-    });
-    function re(t) {
-      q.value = t, W.value += 1;
-    }
-    function Y() {
-      !$.value && !b.value && ($.value = requestAnimationFrame(Z));
-    }
-    function Z(t) {
-      if (b.value) return;
-      k.value || (k.value = t), t - k.value >= e.value.animation.speedMs && (F.value += 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, F.value > ue.value && (F.value = 0), m.value && m.value.scrollTo({
-        top: F.value,
-        behavior: "smooth"
-      }), k.value = t), $.value = requestAnimationFrame(Z);
-    }
-    function x() {
-      b.value = !0, cancelAnimationFrame($.value), $.value = null;
-    }
-    function A() {
-      !b.value || !d.value.showAnimation || (b.value = !1, k.value = 0, Y());
-    }
-    function de() {
-      e.value.animation.pauseOnHover && x();
-    }
-    const N = o(null);
-    function ve() {
-      x(), clearTimeout(N.value);
-    }
-    function _() {
-      clearTimeout(N.value), N.value = setTimeout(A, 1e3);
-    }
-    he(
-      () => e.value.animation.use,
-      (t) => {
-        t ? (d.value.showAnimation = !0, A()) : (d.value.showAnimation = !1, x());
-      }
-    );
-    const pe = T(() => e.value.responsiveBreakpoint);
-    S(() => {
-      const t = new ResizeObserver((n) => {
-        n.forEach((l) => {
-          c.value = l.contentRect.width < pe.value;
-        }), I.value = y.value ? y.value.getBoundingClientRect().height : 0, B.value = C.value ? C.value.getBoundingClientRect().height : 0;
-      });
-      m.value && t.observe(m.value);
-    });
-    function ee() {
-      ie();
-    }
-    function te() {
-      d.value.showAnimation = !d.value.showAnimation, d.value.showAnimation ? A() : x();
-    }
-    function ae() {
-      ge(() => {
-        const t = a.dataset.head.map((s, h) => [
-          [a.dataset.body[h]]
-        ]), n = [
-          [e.value.caption.text],
-          [a.dataset.head.map((s) => [s])]
-        ].concat(t), l = $e(n);
-        ke({
-          csvContent: l,
-          title: e.value.caption.text || "vue-ui-carousel-table"
-        });
-      });
-    }
-    return ne({
-      pauseAnimation: x,
-      resumeAnimation: A,
-      toggleAnimation: te,
-      generateCsv: ae,
-      generatePdf: ee,
-      generateImage: J
-    }), (t, n) => (i(), u("div", {
-      style: { position: "relative", overflow: "visible" },
-      ref_key: "chartContainer",
-      ref: K
-    }, [
-      O("div", {
-        ref_key: "tableContainer",
-        ref: m,
-        id: `carousel-table_${R.value}`,
-        style: v({
-          height: f(X) || f(j) ? "auto" : `${se.value}px`,
-          containerType: "inline-size",
-          position: "relative",
-          overflow: "auto",
-          fontFamily: e.value.fontFamily
-        }),
-        class: be({ "vue-ui-responsive": c.value, "is-playing": !b.value }),
-        onMouseenter: n[0] || (n[0] = (l) => de()),
-        onMouseleave: n[1] || (n[1] = (l) => A()),
-        onTouchstart: n[2] || (n[2] = (l) => ve()),
-        onTouchend: n[3] || (n[3] = (l) => _()),
-        onTouchcancel: n[4] || (n[4] = (l) => _())
-      }, [
-        g.value ? (i(), u("table", {
-          key: 0,
-          class: "vue-data-ui-carousel-table",
-          style: v({
-            ...e.value.style,
-            border: `${e.value.border.size}px solid ${e.value.border.color}`,
-            width: "100%",
-            borderCollapse: "collapse"
-          })
-        }, [
-          O("caption", {
-            ref_key: "caption",
-            ref: y,
-            class: "vue-data-ui-carousel-table-caption",
-            style: v({
-              ...e.value.caption.style,
-              fontFamily: "inherit",
-              position: "sticky",
-              top: 0,
-              zIndex: 2,
-              paddingTop: e.value.caption.padding.top + "px",
-              paddingRight: e.value.caption.padding.right + "px",
-              paddingBottom: e.value.caption.padding.bottom + "px",
-              paddingLeft: e.value.caption.padding.left + "px",
-              boxShadow: c.value ? e.value.thead.tr.style.boxShadow : "none",
-              minHeight: "36px"
-            })
-          }, [
-            U(E(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
-            p(t.$slots, "caption", {}, void 0, !0)
-          ], 4),
-          O("thead", {
-            style: v({ ...e.value.thead.style, position: "sticky", top: `${I.value}px`, zIndex: 1 })
-          }, [
-            O("tr", {
-              ref_key: "tableRow",
-              ref: C,
-              role: "row",
-              style: v({
-                ...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: c.value ? "none" : e.value.thead.tr.style.boxShadow
-              }),
-              height: `${e.value.thead.tr.height}px`
-            }, [
-              (i(!0), u(H, null, L(r.dataset.head, (l, s) => (i(), u("th", {
-                role: "cell",
-                key: `th_${s}`,
-                style: v({
-                  ...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",
-                  paddingRight: e.value.thead.tr.th.padding.right + "px",
-                  paddingBottom: e.value.thead.tr.th.padding.bottom + "px",
-                  paddingLeft: e.value.thead.tr.th.padding.left + "px"
-                })
-              }, [
-                U(E(t.$slots.th ? "" : l) + " ", 1),
-                p(t.$slots, "th", V(G({ th: l, colIndex: s })), void 0, !0)
-              ], 4))), 128))
-            ], 12, ze)
-          ], 4),
-          r.dataset.body && r.dataset.head ? (i(), u("tbody", Oe, [
-            (i(!0), u(H, null, L(r.dataset.body, (l, s) => (i(), u("tr", {
-              style: v({
-                ...e.value.tbody.tr.style,
-                border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`
-              })
-            }, [
-              (i(!0), u(H, null, L(l, (h, z) => (i(), u("td", {
-                role: "cell",
-                "data-cell": c.value && r.dataset.head[z].length > 50 ? r.dataset.head[z].slice(0, 50) + "..." : r.dataset.head[z] || "",
-                style: v({
-                  ...e.value.tbody.tr.td.style,
-                  border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
-                  backgroundColor: e.value.tbody.tr.td.style.backgroundColor + f(Ce)[s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100],
-                  paddingTop: e.value.tbody.tr.td.padding.top + "px",
-                  paddingRight: e.value.tbody.tr.td.padding.right + "px",
-                  paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
-                  paddingLeft: e.value.tbody.tr.td.padding.left + "px"
-                }),
-                height: `${e.value.tbody.tr.height}px`
-              }, [
-                U(E(t.$slots.td ? "" : c.value && typeof h == "string" ? h.slice(0, 30) + "..." : h) + " ", 1),
-                p(t.$slots, "td", V(G({ td: h, rowIndex: s, colIndex: z })), void 0, !0)
-              ], 12, Pe))), 256))
-            ], 4))), 256))
-          ])) : P("", !0)
-        ], 4)) : P("", !0)
-      ], 46, Fe),
-      g.value ? P("", !0) : (i(), oe(we, {
-        key: 0,
-        config: {
-          type: "table"
-        }
-      })),
-      e.value.userOptions.show && g.value ? (i(), oe(Te, {
-        ref: "details",
-        key: `user_option_${W.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isPrinting: f(X),
-        isImaging: f(j),
-        uid: R.value,
-        hasTooltip: !1,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: !1,
-        hasLabel: !1,
-        hasAnimation: e.value.userOptions.buttons.animation,
-        isAnimation: !d.value.showAnimation,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: q.value,
-        chartElement: K.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        zIndex: 3,
-        noOffset: "",
-        onGeneratePdf: ee,
-        onGenerateCsv: ae,
-        onGenerateImage: f(J),
-        onToggleAnimation: te,
-        onToggleFullscreen: re
-      }, fe({ _: 2 }, [
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: w(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: w(() => [
-            p(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: w(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionAnimation ? {
-          name: "optionAnimation",
-          fn: w(() => [
-            p(t.$slots, "optionAnimation", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: w(({ toggleFullscreen: l, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", V(G({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "titles", "onGenerateImage"])) : P("", !0)
-    ], 512));
-  }
-}, Le = /* @__PURE__ */ Ie(Re, [["__scopeId", "data-v-c5df50fc"]]);
-export {
-  Le as default
-};