vue-data-ui 3.22.8 → 3.22.10

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

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