vue-data-ui 3.22.3 → 3.22.4

package/dist/{vue-ui-carousel-table-DiPXX1eV.js → vue-ui-carousel-table-ycbcmBKt.js}

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