vue-data-ui 2.3.22 → 2.3.24

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

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