vue-data-ui 3.19.5 → 3.19.7

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

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

package/dist/{vue-ui-chestnut-CSHDoJzC.js → vue-ui-chestnut-BIfaNOqy.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { G as t, H as n, J as r, Lt as i, Mt as a, S as o, St as ee, Tt as s, X as te, bt as ne, d as re, i as c, jt as l, ot as ie, p as ae, r as oe, t as se, u, x as ce, y as le, zt as ue } from "./lib-BkiwukKO.js";
-import { t as de } from "./useConfig-lKgU652n.js";
+import { t as de } from "./useConfig-ByaaSKhz.js";
 import { t as fe } from "./usePrinter-X0yWOynH.js";
 import { n as pe, t as me } from "./BaseScanner-C7dmAref.js";
 import { t as he } from "./useSvgExport-Dtu973wa.js";
@@ -357,8 +357,8 @@ var Re = /* @__PURE__ */ e({ default: () => Zn }), ze = ["id"], Be = ["id"], Ve
 		"copyAlt"
 	],
 	setup(e, { expose: ye, emit: Re }) {
-		Fe((e) => ({ v4ff85fb8: e.tdo }));
-		let Zn = ke(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), Qn = ke(() => import("./vue-ui-accordion-CNtzLReQ.js").then((e) => e.n)), $n = ke(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), er = ke(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), tr = ke(() => import("./PackageVersion-CGiidfDW.js").then((e) => e.t)), nr = ke(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), { vue_ui_chestnut: rr } = de(), { isThemeValid: ir, warnInvalidTheme: ar } = _e(), D = e, or = f(() => !!D.dataset && D.dataset.length), O = x(n()), sr = x(null), cr = x(0), lr = x(null), ur = x(null), dr = x(!1), fr = x(!1), pr = x(!1), k = x(!1), A = x(""), j = x({
+		Fe((e) => ({ bd8a0696: e.tdo }));
+		let Zn = ke(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), Qn = ke(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), $n = ke(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), er = ke(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), tr = ke(() => import("./PackageVersion-DUU5Aku2.js").then((e) => e.t)), nr = ke(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_chestnut: rr } = de(), { isThemeValid: ir, warnInvalidTheme: ar } = _e(), D = e, or = f(() => !!D.dataset && D.dataset.length), O = x(n()), sr = x(null), cr = x(0), lr = x(null), ur = x(null), dr = x(!1), fr = x(!1), pr = x(!1), k = x(!1), A = x(""), j = x({
 			level: "root",
 			rootIndex: 0,
 			branchIndex: 0,
@@ -1277,6 +1277,16 @@ var Re = /* @__PURE__ */ e({ default: () => Zn }), ze = ["id"], Be = ["id"], Ve
 					name: "optionAltCopy",
 					fn: E(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", v(g({ altCopy: t })), void 0, !0)]),
 					key: "8"
+				} : void 0,
+				e.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: E(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "9"
+				} : void 0,
+				e.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: E(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					key: "10"
 				} : void 0
 			]), 1032, [
 				"backgroundColor",
@@ -1995,6 +2005,6 @@ var Re = /* @__PURE__ */ e({ default: () => Zn }), ze = ["id"], Be = ["id"], Ve
 			C(e.$slots, "skeleton", {}, () => [T(hr) ? (b(), Te(me, { key: 0 })) : p("", !0)], !0)
 		], 46, ze));
 	}
-}, [["__scopeId", "data-v-e7d32b66"]]);
+}, [["__scopeId", "data-v-6db5d986"]]);
 //#endregion
 export { Re as n, Zn as t };

package/dist/{vue-ui-chord-DdwmuNQX.js → vue-ui-chord-GDJiAjfD.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { G as t, H as n, Ht as r, J as i, Lt as a, S as o, St as s, Tt as c, V as ee, X as l, i as te, ot as ne, r as re, t as ie, x as ae, y as oe, zt as se } from "./lib-BkiwukKO.js";
-import { t as ce } from "./useConfig-lKgU652n.js";
+import { t as ce } from "./useConfig-ByaaSKhz.js";
 import { t as le } from "./usePrinter-X0yWOynH.js";
 import { n as ue, t as de } from "./BaseScanner-C7dmAref.js";
 import { t as fe } from "./useSvgExport-Dtu973wa.js";
@@ -140,8 +140,8 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 		"copyAlt"
 	],
 	setup(e, { expose: ve, emit: Be }) {
-		Le((e) => ({ v2cf8c7c9: e.slicerColor }));
-		let vt = g(() => import("./vue-ui-accordion-CNtzLReQ.js").then((e) => e.n)), yt = g(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), bt = g(() => import("./DataTable-BvDJEAma.js")), xt = g(() => import("./PackageVersion-CGiidfDW.js").then((e) => e.t)), St = g(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), Ct = g(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), wt = g(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = me(), O = e, Ot = Be, k = S(!!O.dataset && Object.hasOwn(O.dataset, "matrix")), A = S(n()), j = S(null), M = S(null), N = S(null), kt = S(0), P = S(null), At = S(null), jt = S(null), Mt = S(null), Nt = S(null), Pt = S(0), Ft = S(0), It = S(0), F = S(!1), I = Fe(null), L = Fe(null), Lt = S(!1), Rt = S(null), zt = S(null), Bt = S(!1), Vt = S(!1), R = S("group"), z = S(null), Ht = S(!1), B = S($t()), V = d(() => B.value.userOptions.useCursorPointer), Ut = d(() => se({
+		Le((e) => ({ v73ba9455: e.slicerColor }));
+		let vt = g(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), yt = g(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), bt = g(() => import("./DataTable-DmE8Oo4i.js")), xt = g(() => import("./PackageVersion-DUU5Aku2.js").then((e) => e.t)), St = g(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Ct = g(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), wt = g(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = me(), O = e, Ot = Be, k = S(!!O.dataset && Object.hasOwn(O.dataset, "matrix")), A = S(n()), j = S(null), M = S(null), N = S(null), kt = S(0), P = S(null), At = S(null), jt = S(null), Mt = S(null), Nt = S(null), Pt = S(0), Ft = S(0), It = S(0), F = S(!1), I = Fe(null), L = Fe(null), Lt = S(!1), Rt = S(null), zt = S(null), Bt = S(!1), Vt = S(!1), R = S("group"), z = S(null), Ht = S(!1), B = S($t()), V = d(() => B.value.userOptions.useCursorPointer), Ut = d(() => se({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -999,6 +999,16 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 					name: "optionAltCopy",
 					fn: D(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", y(_({ altCopy: t })), void 0, !0)]),
 					key: "8"
+				} : void 0,
+				e.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: D(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "9"
+				} : void 0,
+				e.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: D(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					key: "10"
 				} : void 0
 			]), 1032, [
 				"backgroundColor",
@@ -1376,6 +1386,6 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 			w(e.$slots, "skeleton", {}, () => [E(Wt) ? (x(), f(de, { key: 0 })) : p("", !0)], !0)
 		], 46, Ve));
 	}
-}, [["__scopeId", "data-v-68e75dcd"]]);
+}, [["__scopeId", "data-v-2716f6ca"]]);
 //#endregion
 export { Be as n, vt as t };

package/dist/{vue-ui-circle-pack-DJQmSf72.js → vue-ui-circle-pack-Bo4ljiP_.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { G as t, H as n, It as r, J as i, Lt as a, S as o, St as s, Tt as c, W as l, X as u, i as d, pt as f, r as p, t as m, x as h, y as g, yt as ee, z as te, zt as ne } from "./lib-BkiwukKO.js";
-import { t as re } from "./useConfig-lKgU652n.js";
+import { t as re } from "./useConfig-ByaaSKhz.js";
 import { t as ie } from "./usePrinter-X0yWOynH.js";
 import { n as ae, t as oe } from "./BaseScanner-C7dmAref.js";
 import { t as se } from "./useSvgExport-Dtu973wa.js";
@@ -293,8 +293,8 @@ var We = class {
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: fe, emit: Pe }) {
-		je((e) => ({ v04c3ba8a: ir.value }));
-		let Ie = C(() => import("./Tooltip-CuWEYGr3.js")), N = C(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-CNtzLReQ.js").then((e) => e.n)), Re = C(() => import("./DataTable-BvDJEAma.js")), ze = C(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), Be = C(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), Ve = C(() => import("./PackageVersion-CGiidfDW.js").then((e) => e.t)), He = C(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), P = e, Ue = Pe, { vue_ui_circle_pack: We } = re(), { isThemeValid: Ge, warnInvalidTheme: gt } = le(), _t = v(() => !!P.dataset && P.dataset.length), F = O(n()), I = O(null), vt = O(null), yt = O(null), bt = O(0), xt = O(0), St = O(0), Ct = O(null), L = O(null), wt = O(null), Tt = O(!1), Et = O(""), R = O(null), Dt = O(!1), Ot = O(!1), z = O(null), kt = O({
+		je((e) => ({ v0548cdba: ir.value }));
+		let Ie = C(() => import("./Tooltip-CuWEYGr3.js")), N = C(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), Re = C(() => import("./DataTable-DmE8Oo4i.js")), ze = C(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Be = C(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Ve = C(() => import("./PackageVersion-DUU5Aku2.js").then((e) => e.t)), He = C(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), P = e, Ue = Pe, { vue_ui_circle_pack: We } = re(), { isThemeValid: Ge, warnInvalidTheme: gt } = le(), _t = v(() => !!P.dataset && P.dataset.length), F = O(n()), I = O(null), vt = O(null), yt = O(null), bt = O(0), xt = O(0), St = O(0), Ct = O(null), L = O(null), wt = O(null), Tt = O(!1), Et = O(""), R = O(null), Dt = O(!1), Ot = O(!1), z = O(null), kt = O({
 			x: 0,
 			y: 0
 		}), At = O("pointer"), jt = O(!1), B = O(Rt()), V = v(() => B.value.userOptions.useCursorPointer), Mt = v(() => ne({
@@ -1275,6 +1275,16 @@ var We = class {
 					name: "optionAltCopy",
 					fn: M(({ altCopy: t }) => [k(e.$slots, "optionAltCopy", T(w({ altCopy: t })), void 0, !0)]),
 					key: "10"
+				} : void 0,
+				e.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: M(() => [k(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "11"
+				} : void 0,
+				e.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: M(() => [k(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					key: "12"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.isTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.callbacks.printScale.titles.hasAnnotator.isAnnotation.tableDialog.isCursorPointer.hasZoom.isZoom.onGeneratePdf.style".split("."))) : b("", !0),
 			S("div", { class: Te({
@@ -1593,6 +1603,6 @@ var We = class {
 			k(e.$slots, "skeleton", {}, () => [j(Nt) ? (D(), y(oe, { key: 0 })) : b("", !0)], !0)
 		], 46, Ke));
 	}
-}, [["__scopeId", "data-v-df9c6032"]]);
+}, [["__scopeId", "data-v-a67cc1b9"]]);
 //#endregion
 export { Ge as n, gt as t };

package/dist/{vue-ui-cursor-DFf_3h10.js → vue-ui-cursor-BuLoDOFw.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { H as t, jt as n, t as r } from "./lib-BkiwukKO.js";
-import { t as ee } from "./useConfig-lKgU652n.js";
+import { t as ee } from "./useConfig-ByaaSKhz.js";
 import { t as te } from "./useNestedProp-Ck4hsrpu.js";
 import { t as i } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { n as a } from "./PackageVersion-CGiidfDW.js";
+import { n as a } from "./PackageVersion-DUU5Aku2.js";
 import { Teleport as o, computed as s, createBlock as ne, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, toDisplayString as y, unref as b } from "vue";
 //#region src/components/vue-ui-cursor.vue
 var x = /* @__PURE__ */ e({ default: () => R }), re = [

package/dist/{vue-ui-dag-CkO3Ax7d.js → vue-ui-dag-BmbwijZi.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { H as t, St as n, V as r, X as i, lt as a, t as o, y as s, zt as c } from "./lib-BkiwukKO.js";
-import { t as l } from "./useConfig-lKgU652n.js";
+import { t as l } from "./useConfig-ByaaSKhz.js";
 import { t as u } from "./usePrinter-X0yWOynH.js";
 import { n as d, t as f } from "./BaseScanner-C7dmAref.js";
 import { t as p } from "./useSvgExport-Dtu973wa.js";
@@ -15,7 +15,7 @@ import { t as ie } from "./A11yDataTable-q2-8fSlJ.js";
 import { t as ae } from "./useUserOptionState-CjPJPTg2.js";
 import { t as oe } from "./useChartAccessibility-Do37qcw2.js";
 import { t as se } from "./usePanZoom-B-4M_gmY.js";
-import { t as ce } from "./BaseZoomControls-Ce1yqas1.js";
+import { t as ce } from "./BaseZoomControls-BkajQ8q9.js";
 import { t as le } from "./vue_ui_dag-Ci_MOnvd.js";
 import { Fragment as ue, Teleport as de, Transition as fe, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as pe, createTextVNode as me, createVNode as he, defineAsyncComponent as ge, guardReactiveProps as S, mergeProps as _e, nextTick as ve, normalizeClass as ye, normalizeProps as C, normalizeStyle as be, onBeforeUnmount as xe, onMounted as Se, openBlock as w, ref as T, renderList as Ce, renderSlot as E, toDisplayString as we, toRefs as Te, unref as D, watch as Ee, watchEffect as De, withCtx as O, withModifiers as Oe } from "vue";
 //#region src/DAG/graph.js
@@ -1809,7 +1809,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 		"rotate"
 	],
 	setup(e, { expose: a, emit: te }) {
-		let De = ge(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-CGiidfDW.js").then((e) => e.t)), { vue_ui_dag: je } = l(), { isThemeValid: k, warnInvalidTheme: Me } = h(), A = e, j = te, M = T(null), N = T(t()), Ne = T(null), Pe = T(null), Fe = T(null), Ie = T(0), Le = T(0), Re = T(!1), ze = T(!1), Be = T(!1), Ve = T(!1), P = T(null), F = T(null), I = T(null), L = T(null), He = T(null), Ue = T("pointer"), We = T(!1), R = T(ct()), Ge = _(() => R.value.userOptions.useCursorPointer), Ke = T(R.value.style.chart.width), qe = T(R.value.style.chart.height), Je = T({
+		let De = ge(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-DUU5Aku2.js").then((e) => e.t)), { vue_ui_dag: je } = l(), { isThemeValid: k, warnInvalidTheme: Me } = h(), A = e, j = te, M = T(null), N = T(t()), Ne = T(null), Pe = T(null), Fe = T(null), Ie = T(0), Le = T(0), Re = T(!1), ze = T(!1), Be = T(!1), Ve = T(!1), P = T(null), F = T(null), I = T(null), L = T(null), He = T(null), Ue = T("pointer"), We = T(!1), R = T(ct()), Ge = _(() => R.value.userOptions.useCursorPointer), Ke = T(R.value.style.chart.width), qe = T(R.value.style.chart.height), Je = T({
 			x: 0,
 			y: 0
 		}), z = T(null), B = T(null), Ye = T({
@@ -2577,6 +2577,16 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					name: "optionAltCopy",
 					fn: O(({ altCopy: t }) => [E(e.$slots, "optionAltCopy", C(S({ altCopy: t })), void 0, !0)]),
 					key: "7"
+				} : void 0,
+				e.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: O(() => [E(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "8"
+				} : void 0,
+				e.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: O(() => [E(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					key: "9"
 				} : void 0
 			]), 1032, [
 				"backgroundColor",
@@ -2894,6 +2904,6 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 			E(e.$slots, "skeleton", {}, () => [D(at) ? (w(), v(f, { key: 0 })) : y("", !0)], !0)
 		], 46, Xn));
 	}
-}, [["__scopeId", "data-v-04c5b754"]]);
+}, [["__scopeId", "data-v-3de9c8da"]]);
 //#endregion
 export { Yn as n, kr as t };