vue-data-ui 3.17.13 → 3.18.0

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

@@ -1,487 +0,0 @@
-import { defineAsyncComponent as ge, ref as l, useSlots as Ue, onMounted as O, computed as I, watch as U, onBeforeUnmount as G, shallowRef as Me, nextTick as be, openBlock as r, createElementBlock as c, unref as u, createElementVNode as M, normalizeClass as Ve, normalizeStyle as h, createTextVNode as D, toDisplayString as X, renderSlot as d, Fragment as j, renderList as J, mergeProps as ye, createCommentVNode as z, createBlock as Ce, createSlots as qe, withCtx as b, normalizeProps as K, guardReactiveProps as Q } from "vue";
-import { u as Le } from "./useConfig-CG4HT3wS.js";
-import { u as Ge } from "./useNestedProp-DH0BEVVS.js";
-import { j as De, o as W, q as Y, u as Xe, a0 as je, a1 as Je } from "./lib-DMzrGQHK.js";
-import { u as Ke } from "./usePrinter-C4t8DdQ-.js";
-import { u as Qe } from "./useUserOptionState-B7Ej974k.js";
-import { u as We } from "./usePrefersMotion-Co0nj1eS.js";
-import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ze = ["id"], _e = ["aria-labelledby"], et = ["id"], tt = ["height"], at = ["id"], ot = ["data-cell", "aria-label", "height"], lt = {
-  key: 2,
-  ref: "source",
-  dir: "auto"
-}, nt = {
-  __name: "vue-ui-carousel-table",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  emits: ["copyAlt"],
-  setup(y, { expose: $e, emit: Ae }) {
-    const ke = ge(() => import("./vue-ui-skeleton-YD6rZjY_.js")), Te = ge(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), { vue_ui_carousel_table: we } = Le(), Z = We(), n = y, Oe = Ae, P = l(De()), _ = l(!1), x = l(!!n.dataset), Ie = Ue();
-    O(() => {
-      ee();
-    }), O(() => {
-      Ie["chart-background"] && console.warn(
-        "VueUiCarouselTable does not support the #chart-background slot."
-      );
-    });
-    function ee() {
-      W(n.dataset) ? Y({
-        componentName: "VueUiCarouselTable",
-        type: "dataset"
-      }) : ((!n.dataset.head || W(n.dataset.head)) && (Y({
-        componentName: "VueUiCarouselTable",
-        type: "datasetAttribute",
-        property: "head"
-      }), x.value = !1), (!n.dataset.body || W(n.dataset.body)) && (Y({
-        componentName: "VueUiCarouselTable",
-        type: "datasetAttribute",
-        property: "body"
-      }), x.value = !1)), Z.value && (e.value.userOptions.buttons.animation = !1);
-    }
-    const e = I({
-      get: () => oe(),
-      set: (t) => t
-    }), Pe = I(
-      () => e.value.userOptions.useCursorPointer
-    ), { userOptionsVisible: V, setUserOptionsVisibility: te, keepUserOptionState: ae } = Qe({ config: e.value });
-    function oe() {
-      return Ge({
-        userConfig: n.config,
-        defaultConfig: we
-      });
-    }
-    U(
-      () => n.config,
-      (t) => {
-        e.value = oe(), V.value = !e.value.userOptions.showOnChartHover, ee();
-      },
-      { deep: !0 }
-    ), U(
-      () => n.dataset,
-      (t) => {
-        q();
-      },
-      { deep: !0 }
-    );
-    const {
-      isPrinting: le,
-      isImaging: ne,
-      generatePdf: xe,
-      generateImage: ie
-    } = Ke({
-      elementId: `carousel-table_${P.value}`,
-      fileName: e.value.caption.text || "vue-ui-carousel-table",
-      options: e.value.userOptions.print
-    }), m = l({
-      showAnimation: e.value.animation.use
-    }), i = l(null), se = l(null), F = l(null), R = l(null), S = l(0), E = l(0), H = l(!1), B = l(null), C = l(null), T = l(0);
-    function q() {
-      B.value && (C.value = {
-        elements: B.value.getElementsByTagName("tr"),
-        heights: Array.from(B.value.getElementsByTagName("tr")).map(
-          (t) => t.getBoundingClientRect().height
-        )
-      });
-    }
-    O(q);
-    const Fe = I(() => !C.value || !C.value.heights.length ? 0 : Math.max(...C.value.heights) + S.value + E.value), Re = I(() => n.dataset.body ? e.value.tbody.tr.visible <= n.dataset.body.length ? e.value.tbody.tr.visible : n.dataset.body.length : 0), Se = I(() => (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) * Re.value + S.value + E.value), f = l(0), $ = l(null), v = l(0), A = l(!1), ue = l(0);
-    O(() => {
-      F.value && (S.value = F.value.getBoundingClientRect().height), R.value && (E.value = R.value.getBoundingClientRect().height), m.value.showAnimation && C.value && re();
-    }), O(() => {
-      if (i.value) {
-        let a = function() {
-          const s = t.getBoundingClientRect().bottom;
-          o.forEach((p) => {
-            p.getBoundingClientRect().top < s ? p.style.visibility = "hidden" : p.style.visibility = "visible";
-          });
-        };
-        const t = i.value.querySelector("thead"), o = Array.from(B.value.querySelectorAll("tr"));
-        i.value.addEventListener("scroll", a), a(), G(() => {
-          i.value.removeEventListener(
-            "scroll",
-            a
-          );
-        });
-      }
-    });
-    function Be(t) {
-      _.value = t, ue.value += 1;
-    }
-    function re() {
-      Z.value || !$.value && !A.value && (e.value.animation.type === "scroll" ? $.value = requestAnimationFrame(de) : $.value = requestAnimationFrame(ve));
-    }
-    function ze() {
-      if (!i.value) return !1;
-      const { scrollTop: t, scrollHeight: o, clientHeight: a } = i.value;
-      return t + a >= o;
-    }
-    function de(t) {
-      if (A.value) return;
-      v.value || (v.value = t), t - v.value >= e.value.animation.speedMs && (f.value += C.value.heights[T.value], (ze() || T.value >= C.value.heights.length) && (f.value = 0, T.value = -1), T.value += 1, i.value && i.value.scrollTo({
-        top: f.value,
-        behavior: "smooth"
-      }), v.value = t), $.value = requestAnimationFrame(de);
-    }
-    function ve(t) {
-      if (A.value) return;
-      v.value || (v.value = t);
-      const o = t - v.value, a = e.value.animation.speedMs / 4 / 1e3;
-      o >= a && (f.value += a, f.value >= i.value.scrollHeight - i.value.clientHeight && (f.value = 0), i.value && i.value.scrollTo({
-        top: f.value,
-        behavior: "auto"
-      }), v.value = t), $.value = requestAnimationFrame(ve);
-    }
-    function g() {
-      A.value = !0, cancelAnimationFrame($.value), $.value = null;
-    }
-    G(g);
-    function k() {
-      !A.value || !m.value.showAnimation || (A.value = !1, v.value = 0, re());
-    }
-    function Ee() {
-      e.value.animation.pauseOnHover && g();
-    }
-    const L = l(null);
-    function He() {
-      g(), clearTimeout(L.value);
-    }
-    function pe() {
-      clearTimeout(L.value), L.value = setTimeout(k, 1e3);
-    }
-    U(
-      () => e.value.animation.use,
-      (t) => {
-        t ? (m.value.showAnimation = !0, k()) : (m.value.showAnimation = !1, g());
-      }
-    ), U(
-      () => e.value.animation.type,
-      (t) => {
-        g(), f.value = 0, T.value = 0, i.value.scrollTo({
-          top: 0,
-          behavior: "auto"
-        }), k();
-      }
-    );
-    const Ne = I(() => e.value.responsiveBreakpoint), N = Me(null);
-    O(() => {
-      N.value = new ResizeObserver((t) => {
-        t.forEach((o) => {
-          H.value = o.contentRect.width < Ne.value;
-        }), S.value = F.value ? F.value.getBoundingClientRect().height : 0, E.value = R.value ? R.value.getBoundingClientRect().height : 0, T.value = 0, be(() => {
-          g(), v.value = 0, f.value = 0, q(), k();
-        });
-      }), i.value && N.value.observe(i.value);
-    }), G(() => {
-      N.value && N.value.disconnect();
-    });
-    function ce() {
-      xe();
-    }
-    function fe() {
-      m.value.showAnimation = !m.value.showAnimation, m.value.showAnimation ? k() : g();
-    }
-    function he(t = null) {
-      be(() => {
-        const o = n.dataset.head.map((p, w) => [[n.dataset.body[w]]]), a = [
-          [e.value.caption.text],
-          [n.dataset.head.map((p) => [p])]
-        ].concat(o), s = je(a);
-        t ? t(s) : Je({
-          csvContent: s,
-          title: e.value.caption.text || "vue-ui-carousel-table"
-        });
-      });
-    }
-    async function me() {
-      if (Oe("copyAlt", {
-        config: e.value,
-        dataset: n.dataset
-      }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: n.dataset
-        })
-      );
-    }
-    return $e({
-      pauseAnimation: g,
-      resumeAnimation: k,
-      toggleAnimation: fe,
-      generateCsv: he,
-      generatePdf: ce,
-      generateImage: ie,
-      copyAlt: me
-    }), (t, o) => (r(), c("div", {
-      class: "vue-data-ui-component vue-ui-carousel-table",
-      style: { position: "relative", overflow: "visible" },
-      ref_key: "chartContainer",
-      ref: se,
-      onMouseenter: o[5] || (o[5] = () => u(te)(!0)),
-      onMouseleave: o[6] || (o[6] = () => u(te)(!1))
-    }, [
-      M("div", {
-        ref_key: "tableContainer",
-        ref: i,
-        id: `carousel-table_${P.value}`,
-        style: h({
-          height: u(le) || u(ne) ? "auto" : `${Math.max(Se.value, Fe.value)}px`,
-          containerType: "inline-size",
-          position: "relative",
-          overflow: "auto",
-          fontFamily: e.value.fontFamily
-        }),
-        class: Ve({
-          "vue-ui-responsive": H.value,
-          "is-playing": e.value.scrollbar.hide || !A.value && e.value.scrollbar.showOnlyOnHover
-        }),
-        onMouseover: o[0] || (o[0] = (a) => Ee()),
-        onMouseleave: o[1] || (o[1] = (a) => k()),
-        onTouchstart: o[2] || (o[2] = (a) => He()),
-        onTouchend: o[3] || (o[3] = (a) => pe()),
-        onTouchcancel: o[4] || (o[4] = (a) => pe())
-      }, [
-        x.value ? (r(), c("table", {
-          key: 0,
-          class: "vue-data-ui-carousel-table",
-          "aria-labelledby": `carousel-caption-${P.value}`,
-          style: h({
-            ...e.value.style,
-            border: `${e.value.border.size}px solid ${e.value.border.color}`,
-            width: "100%",
-            borderCollapse: "collapse",
-            backgroundColor: e.value.tbody.backgroundColor
-          })
-        }, [
-          M("caption", {
-            ref_key: "caption",
-            ref: F,
-            class: "vue-data-ui-carousel-table-caption",
-            id: `carousel-caption-${P.value}`,
-            style: h({
-              ...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: H.value ? e.value.thead.tr.style.boxShadow : "none",
-              minHeight: "36px",
-              display: t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? "" : "none"
-            })
-          }, [
-            D(X(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
-            d(t.$slots, "caption", {}, void 0, !0)
-          ], 12, et),
-          M("thead", {
-            role: "rowgroup",
-            style: h({
-              ...e.value.thead.style,
-              position: "sticky",
-              top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? S.value : 0}px`,
-              zIndex: 1
-            })
-          }, [
-            M("tr", {
-              ref_key: "tableRow",
-              ref: R,
-              role: "row",
-              style: h({
-                ...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: H.value ? "none" : e.value.thead.tr.style.boxShadow
-              }),
-              height: `${e.value.thead.tr.height}px`
-            }, [
-              (r(!0), c(j, null, J(y.dataset.head, (a, s) => (r(), c("th", {
-                role: "cell",
-                key: `th_${s}`,
-                id: `col-${s}`,
-                scope: "col",
-                style: h({
-                  ...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"
-                })
-              }, [
-                D(X(t.$slots.th ? "" : a) + " ", 1),
-                d(t.$slots, "th", ye({ ref_for: !0 }, { th: a, colIndex: s }), void 0, !0)
-              ], 12, at))), 128))
-            ], 12, tt)
-          ], 4),
-          y.dataset.body && y.dataset.head ? (r(), c("tbody", {
-            key: 0,
-            ref_key: "tbody",
-            ref: B,
-            "aria-live": "polite",
-            style: {
-              clipPath: "inset(0,0,0,0)"
-            }
-          }, [
-            (r(!0), c(j, null, J(y.dataset.body, (a, s) => (r(), c("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), c(j, null, J(a, (p, w) => (r(), c("td", {
-                role: "cell",
-                "data-cell": y.dataset.head[w] || "",
-                "aria-label": `${y.dataset.head[w]}: ${p}`,
-                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}`,
-                  backgroundColor: u(Xe)(
-                    e.value.tbody.tr.td.style.backgroundColor,
-                    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",
-                  verticalAlign: "middle"
-                }),
-                height: `${e.value.tbody.tr.height}px`
-              }, [
-                D(X(t.$slots.td ? "" : p) + " ", 1),
-                d(t.$slots, "td", ye({ ref_for: !0 }, { td: p, rowIndex: s, colIndex: w }), void 0, !0)
-              ], 12, ot))), 256))
-            ], 4))), 256))
-          ], 512)) : z("", !0)
-        ], 12, _e)) : z("", !0)
-      ], 46, Ze),
-      x.value ? z("", !0) : (r(), Ce(u(ke), {
-        key: 0,
-        config: {
-          type: "table"
-        }
-      })),
-      e.value.userOptions.show && x.value && (u(ae) || u(V)) ? (r(), Ce(u(Te), {
-        ref: "details",
-        key: `user_option_${ue.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isPrinting: u(le),
-        isImaging: u(ne),
-        uid: P.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: !m.value.showAnimation,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: _.value,
-        chartElement: se.value,
-        position: e.value.userOptions.position,
-        titles: { ...e.value.userOptions.buttonTitles },
-        zIndex: 3,
-        offsetX: 12,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        isCursorPointer: Pe.value,
-        onGeneratePdf: ce,
-        onGenerateCsv: he,
-        onGenerateImage: u(ie),
-        onToggleAnimation: fe,
-        onToggleFullscreen: Be,
-        onCopyAlt: me,
-        style: h({
-          visibility: u(ae) ? u(V) ? "visible" : "hidden" : "visible"
-        })
-      }, qe({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: b(({ isOpen: a, color: s }) => [
-            d(t.$slots, "menuIcon", K(Q({ isOpen: a, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: b(() => [
-            d(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: b(() => [
-            d(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: b(() => [
-            d(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: b(() => [
-            d(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionAnimation ? {
-          name: "optionAnimation",
-          fn: b(() => [
-            d(t.$slots, "optionAnimation", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: a, isFullscreen: s }) => [
-            d(t.$slots, "optionFullscreen", K(Q({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: b(({ altCopy: a }) => [
-            d(t.$slots, "optionAltCopy", K(Q({ altCopy: a })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "hasAltCopy", "isFullscreen", "chartElement", "position", "titles", "callbacks", "printScale", "isCursorPointer", "onGenerateImage", "style"])) : z("", !0),
-      t.$slots.source ? (r(), c("div", lt, [
-        d(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : z("", !0)
-    ], 544));
-  }
-}, ft = /* @__PURE__ */ Ye(nt, [["__scopeId", "data-v-d9a7e414"]]);
-export {
-  ft as default
-};