vue-data-ui 3.20.1 → 3.20.2

package/dist/vue-ui-dashboard-CXDvRu27.js

@@ -0,0 +1,513 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { H as t } from "./lib-DUeYQsS0.js";
+import { t as n } from "./useConfig-DAyQk86L.js";
+import { t as r } from "./usePrinter-C1Gqt_Sp.js";
+import { t as i } from "./useNestedProp-CNcoy38D.js";
+import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as ee } from "./useUserOptionState-DK-_1ddE.js";
+import { t as te } from "./UserOptions-C1NgoGu6.js";
+import { n as ne } from "./PenAndPaper-DqrClVfb.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as re, defineAsyncComponent as f, guardReactiveProps as p, mergeProps as ie, normalizeClass as ae, normalizeProps as m, normalizeStyle as h, openBlock as g, ref as _, renderList as oe, renderSlot as v, resolveDynamicComponent as se, unref as y, useCssVars as ce, watch as b, withCtx as x } from "vue";
+//#region src/components/vue-ui-dashboard.vue
+var le = /* @__PURE__ */ e({ default: () => C }), ue = ["id"], de = ["onMousedown", "onTouchstart"], fe = ["onMousedown", "onTouchstart"], pe = ["onMousedown", "onTouchstart"], me = ["onMousedown", "onTouchstart"], he = ["onMousedown", "onTouchstart"], S = 1, C = /* @__PURE__ */ a({
+	__name: "vue-ui-dashboard",
+	props: {
+		dataset: Array,
+		config: Object
+	},
+	emits: ["change", "copyAlt"],
+	setup(e, { expose: a, emit: le }) {
+		ce((e) => ({
+			v175acab0: Oe.value,
+			v094a01b2: ke.value
+		}));
+		let C = {
+			VueDataUi: f(() => import("./vue-data-ui-C3m9eNp0.js").then((e) => e.n)),
+			VueUi3dBar: f(() => import("./vue-ui-3d-bar-Bfcitq55.js").then((e) => e.n)),
+			VueUiAccordion: f(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)),
+			VueUiAgePyramid: f(() => import("./vue-ui-age-pyramid-Dgzd45Ol.js").then((e) => e.n)),
+			VueUiAnnotator: f(() => import("./vue-ui-annotator-DLPUAKlm.js").then((e) => e.n)),
+			VueUiCandlestick: f(() => import("./vue-ui-candlestick-BadEBUcF.js").then((e) => e.n)),
+			VueUiChestnut: f(() => import("./vue-ui-chestnut-BTuAvc7L.js").then((e) => e.n)),
+			VueUiDigits: f(() => import("./vue-ui-digits-BlHqILF0.js").then((e) => e.n)),
+			VueUiDonut: f(() => import("./vue-ui-donut-CclzduCs.js").then((e) => e.n)),
+			VueUiDonutEvolution: f(() => import("./vue-ui-donut-evolution-DEfY2Zvy.js").then((e) => e.n)),
+			VueUiDumbbell: f(() => import("./vue-ui-dumbbell-BG5C4Hdg.js").then((e) => e.n)),
+			VueUiFlow: f(() => import("./vue-ui-flow-B73dHBrL.js").then((e) => e.n)),
+			VueUiGalaxy: f(() => import("./vue-ui-galaxy-eBY55Fue.js").then((e) => e.n)),
+			VueUiGauge: f(() => import("./vue-ui-gauge-s8pl305B.js").then((e) => e.n)),
+			VueUiHeatmap: f(() => import("./vue-ui-heatmap-V79kNqUi.js").then((e) => e.n)),
+			VueUiKpi: f(() => import("./vue-ui-kpi-DnfazUeY.js").then((e) => e.n)),
+			VueUiMiniLoader: f(() => import("./vue-ui-mini-loader-CyqBt2g4.js").then((e) => e.n)),
+			VueUiMolecule: f(() => import("./vue-ui-molecule-BeIVS2yp.js").then((e) => e.n)),
+			VueUiMoodRadar: f(() => import("./vue-ui-mood-radar-DHY1ry9I.js").then((e) => e.n)),
+			VueUiNestedDonuts: f(() => import("./vue-ui-nested-donuts-GNR6O-Z_.js").then((e) => e.n)),
+			VueUiOnion: f(() => import("./vue-ui-onion-DghkeKRu.js").then((e) => e.n)),
+			VueUiParallelCoordinatePlot: f(() => import("./vue-ui-parallel-coordinate-plot-DqfRRSnD.js").then((e) => e.n)),
+			VueUiQuadrant: f(() => import("./vue-ui-quadrant-BBucQ_8r.js").then((e) => e.n)),
+			VueUiQuickChart: f(() => import("./vue-ui-quick-chart-DxxGq-5d.js").then((e) => e.n)),
+			VueUiRadar: f(() => import("./vue-ui-radar-B0gW_Iur.js").then((e) => e.n)),
+			VueUiRating: f(() => import("./vue-ui-rating-BG4lf1z8.js").then((e) => e.n)),
+			VueUiRelationCircle: f(() => import("./vue-ui-relation-circle-C-fNOxJM.js").then((e) => e.n)),
+			VueUiRings: f(() => import("./vue-ui-rings-DNRdTVqV.js").then((e) => e.n)),
+			VueUiScatter: f(() => import("./vue-ui-scatter-CRgFebuE.js").then((e) => e.n)),
+			VueUiSkeleton: f(() => import("./vue-ui-skeleton-iNzRGgRn.js").then((e) => e.n)),
+			VueUiSmiley: f(() => import("./vue-ui-smiley-G89TxRU-.js").then((e) => e.n)),
+			VueUiSparkHistogram: f(() => import("./vue-ui-sparkhistogram-qtb6-Th8.js").then((e) => e.n)),
+			VueUiSparkStackbar: f(() => import("./vue-ui-sparkstackbar-DXEnV79Y.js").then((e) => e.n)),
+			VueUiSparkTrend: f(() => import("./vue-ui-spark-trend-CPgTOFNY.js").then((e) => e.n)),
+			VueUiSparkbar: f(() => import("./vue-ui-sparkbar-B4C_YxU-.js").then((e) => e.n)),
+			VueUiSparkgauge: f(() => import("./vue-ui-sparkgauge-DDkSKiba.js").then((e) => e.n)),
+			VueUiSparkline: f(() => import("./vue-ui-sparkline-TTSEEs7R.js").then((e) => e.n)),
+			VueUiStripPlot: f(() => import("./vue-ui-strip-plot-D2_WSwTF.js").then((e) => e.n)),
+			VueUiTable: f(() => import("./vue-ui-table-BzmQMHxi.js").then((e) => e.n)),
+			VueUiTableHeatmap: f(() => import("./vue-ui-table-heatmap-CCGjbSzQ.js").then((e) => e.n)),
+			VueUiTableSparkline: f(() => import("./vue-ui-table-sparkline-CXNxbqIw.js").then((e) => e.n)),
+			VueUiThermometer: f(() => import("./vue-ui-thermometer-Cqw2_Jpi.js").then((e) => e.n)),
+			VueUiTimer: f(() => import("./vue-ui-timer-BHP_5wgz.js").then((e) => e.n)),
+			VueUiTiremarks: f(() => import("./vue-ui-tiremarks-D8wFTxXl.js").then((e) => e.n)),
+			VueUiTreemap: f(() => import("./vue-ui-treemap-DbSebes7.js").then((e) => e.n)),
+			VueUiVerticalBar: f(() => import("./vue-ui-horizontal-bar-60b88qqU.js").then((e) => e.n)),
+			VueUiHorizontalBar: f(() => import("./vue-ui-horizontal-bar-60b88qqU.js").then((e) => e.n)),
+			VueUiWaffle: f(() => import("./vue-ui-waffle-CAIBpbY0.js").then((e) => e.n)),
+			VueUiWheel: f(() => import("./vue-ui-wheel-B5Cyopnp.js").then((e) => e.n)),
+			VueUiWordCloud: f(() => import("./vue-ui-word-cloud-BaGDKrKL.js").then((e) => e.n)),
+			VueUiXy: f(() => import("./vue-ui-xy-CyP5FAo8.js").then((e) => e.n)),
+			VueUiXyCanvas: f(() => import("./vue-ui-xy-canvas-BUPnRZ3C.js").then((e) => e.n)),
+			VueUiCarouselTable: f(() => import("./vue-ui-carousel-table-_LCF7RFm.js").then((e) => e.n)),
+			VueUiGizmo: f(() => import("./vue-ui-gizmo-CBNDeAzT.js").then((e) => e.n)),
+			VueUiStackbar: f(() => import("./vue-ui-stackbar-CwFVpEgH.js").then((e) => e.n)),
+			VueUiStackline: f(() => import("./vue-ui-stackline-Bph0kD43.js").then((e) => e.n)),
+			VueUiBullet: f(() => import("./vue-ui-bullet-DAeyHSHC.js").then((e) => e.n)),
+			VueUiFunnel: f(() => import("./vue-ui-funnel-Bn3c5lWX.js").then((e) => e.n)),
+			VueUiHistoryPlot: f(() => import("./vue-ui-history-plot-jiJh8oaM.js").then((e) => e.n)),
+			VueUiCirclePack: f(() => import("./vue-ui-circle-pack-BWzwg8Qb.js").then((e) => e.n)),
+			VueUiWorld: f(() => import("./vue-ui-world-DLcVBwLg.js").then((e) => e.n)),
+			VueUiChord: f(() => import("./vue-ui-chord-CAyRIJlh.js").then((e) => e.n)),
+			VueUiRidgeline: f(() => import("./vue-ui-ridgeline-CzDR20s3.js").then((e) => e.n)),
+			VueUiDag: f(() => import("./vue-ui-dag-8Puv77-a.js").then((e) => e.n))
+		}, { vue_ui_dashboard: ge } = n(), _e = _(null), ve = _(null), w = _(null), T = e, E = s(() => i({
+			userConfig: T.config,
+			defaultConfig: ge
+		})), D = s(() => E.value.userOptions.useCursorPointer), O = _(t()), k = _(E.value.locked);
+		function ye() {
+			k.value = !k.value;
+		}
+		b(() => T.config, () => {
+			k.value = E.value.locked, X.value = !E.value.userOptions.showOnChartHover;
+		});
+		function A() {
+			return T.dataset.map((e, t) => ({
+				...e,
+				index: t
+			}));
+		}
+		let j = _(A());
+		b(() => T.dataset, () => {
+			j.value = A();
+		});
+		let M = s(() => j.value.map((e) => ({
+			...e,
+			resolvedComponent: typeof e.component == "string" ? C[e.component] : e.component
+		}))), N = _(null), P = _(null), F = _({
+			x: 0,
+			y: 0
+		}), I = _({
+			x: 0,
+			y: 0
+		}), L = _(null), R = _(!1), z = _(null), B = _(!1);
+		function V(e) {
+			let t = e.target;
+			(t.tagName === "INPUT" && t.type === "range" || t.classList.contains("range-handle")) && (B.value = !0);
+		}
+		function H(e) {
+			let t = e.target;
+			t.tagName === "INPUT" && t.type === "range" && (B.value = !1);
+		}
+		let { isPrinting: be, isImaging: xe, generatePdf: U, generateImage: Se } = r({
+			elementId: `vue-ui-dashboard_${O.value}`,
+			fileName: E.value.userOptions.print.filename || "dashboard",
+			options: {
+				...E.value.userOptions.print,
+				aspectRatio: E.value.style.board.aspectRatio
+			}
+		});
+		function Ce(e) {
+			if (!k.value && (R.value = !0, z.value = e, P.value === null)) {
+				N.value = e, F.value = {
+					x: event.clientX,
+					y: event.clientY
+				};
+				let t = j.value[e], n = 100 - t.width, r = 100 - t.height;
+				t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left > n && (t.left = n), t.top > r && (t.top = r), t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left + t.width > 100 && (t.left = 100 - t.width), t.top + t.height > 100 && (t.top = 100 - t.height);
+			}
+		}
+		function W(e, t) {
+			R.value = !0, z.value = e, P.value = {
+				index: e,
+				direction: t
+			};
+			let n = j.value[e];
+			I.value = {
+				x: event.clientX,
+				y: event.clientY,
+				initialWidth: n.width,
+				initialHeight: n.height
+			};
+		}
+		function G(e, t, n) {
+			if (P.value.direction.includes("top")) {
+				let t = e.height - n / L.value.offsetHeight * 100;
+				t >= S && (e.top += n / L.value.offsetHeight * 100, e.height = t);
+			}
+			if (P.value.direction.includes("bottom")) {
+				let t = e.height + n / L.value.offsetHeight * 100;
+				t >= S && (e.height = t);
+			}
+			if (P.value.direction.includes("left")) {
+				let n = e.width - t / L.value.offsetWidth * 100;
+				n >= S && (e.left += t / L.value.offsetWidth * 100, e.width = n);
+			}
+			if (P.value.direction.includes("right")) {
+				let n = e.width + t / L.value.offsetWidth * 100;
+				n >= S && (e.width = n);
+			}
+		}
+		function we(e) {
+			if (!(k.value || B.value)) {
+				if (R.value = !0, N.value !== null) {
+					let t = j.value[N.value], n = e.clientX - F.value.x, r = e.clientY - F.value.y, i = t.left + n / L.value.offsetWidth * 100, a = t.top + r / L.value.offsetHeight * 100;
+					i >= 0 && a >= 0 && i + t.width <= 100 && a + t.height <= 100 && (t.left = i, t.top = a), F.value = {
+						x: e.clientX,
+						y: e.clientY
+					};
+				}
+				if (P.value !== null) {
+					let t = j.value[P.value.index];
+					G(t, e.clientX - I.value.x, e.clientY - I.value.y), I.value = {
+						x: e.clientX,
+						y: e.clientY
+					};
+				}
+			}
+		}
+		let K = le;
+		b(j, (e) => {
+			e && !R.value && K("change", j.value);
+		}, { deep: !0 });
+		function Te() {
+			N.value = null, P.value = null, R.value = !1, z.value = null, j.value.forEach((e) => {
+				e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
+			});
+		}
+		function Ee(e) {
+			k.value || B.value || (R.value = !0, z.value = e, P.value === null && (N.value = e, F.value = {
+				x: event.touches[0].clientX,
+				y: event.touches[0].clientY
+			}));
+		}
+		function q(e, t, n) {
+			if (R.value = !0, z.value = e, P.value === null) {
+				P.value = {
+					index: e,
+					direction: t
+				};
+				let r = j.value[e];
+				I.value = {
+					x: n.touches[0].clientX,
+					y: n.touches[0].clientY,
+					initialWidth: r.width,
+					initialHeight: r.height
+				};
+			}
+		}
+		function J(e) {
+			if (R.value = !0, e.preventDefault(), P.value !== null) {
+				let t = j.value[P.value.index];
+				G(t, e.touches[0].clientX - I.value.x, e.touches[0].clientY - I.value.y), I.value = {
+					x: e.touches[0].clientX,
+					y: e.touches[0].clientY
+				};
+			}
+		}
+		function De(e) {
+			if (!(k.value || B.value) && (R.value = !0, e.preventDefault(), N.value !== null)) {
+				let t = j.value[N.value], n = e.touches[0].clientX - F.value.x, r = e.touches[0].clientY - F.value.y, i = t.left + n / L.value.offsetWidth * 100, a = t.top + r / L.value.offsetHeight * 100;
+				i >= 0 && a >= 0 && i + t.width <= 100 && a + t.height <= 100 && (t.left = i, t.top = a), F.value = {
+					x: e.touches[0].clientX,
+					y: e.touches[0].clientY
+				};
+			}
+		}
+		function Y() {
+			R.value = !1, z.value = null, N.value = null, P.value = null, j.value.forEach((e) => {
+				e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
+			});
+		}
+		let Oe = s(() => E.value.style.item.borderColor), ke = s(() => E.value.style.resizeHandles.backgroundColor), Ae = s(() => E.value.style.board.aspectRatio), je = s(() => E.value.style.board.backgroundColor), Me = s(() => E.value.style.board.border);
+		function Ne() {
+			return j.value;
+		}
+		let { userOptionsVisible: X, setUserOptionsVisibility: Z, keepUserOptionState: Pe } = ee({ config: E.value }), Q = _(!1);
+		function Fe() {
+			Q.value = !Q.value;
+		}
+		function Ie() {
+			Z(!0);
+		}
+		function Le() {
+			Z(!1);
+		}
+		async function $() {
+			if (K("copyAlt", {
+				config: E.value,
+				dataset: M.value
+			}), !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: M.value
+			}));
+		}
+		return a({
+			generatePdf: U,
+			getItemsPositions: Ne,
+			toggleLock: ye,
+			copyAlt: $
+		}), (e, t) => (g(), u("div", {
+			id: `vue-ui-dashboard_${O.value}`,
+			onMousedown: V,
+			onMouseup: H,
+			onTouchstart: V,
+			onTouchend: H,
+			onMouseenter: Ie,
+			onMouseleave: Le,
+			ref_key: "dashboardRef",
+			ref: _e,
+			style: { position: "relative" },
+			class: "vue-data-ui-component"
+		}, [
+			d("div", {
+				class: "vue-ui-dashboard-container",
+				ref_key: "dashboardContainer",
+				ref: L,
+				style: h(`outline:${Me.value}; background:${je.value}; aspect-ratio:${Ae.value};${Q.value ? "pointer-events:none" : ""}`)
+			}, [d("div", {
+				class: "vue-ui-dashboard-grid-container",
+				ref: "container",
+				onMousemove: we,
+				onMouseup: Te,
+				onTouchmove: De,
+				onTouchend: Y,
+				style: h(`background:${E.value.style.board.backgroundColor}`)
+			}, [t[4] ||= d("div", { class: "vue-ui-dashboard-grid" }, null, -1), (g(!0), u(o, null, oe(M.value, (n, r) => (g(), u("div", {
+				key: n.id,
+				class: ae({
+					"vue-ui-dashboard-grid-item": !0,
+					"vue-ui-dashboard-grid-item--locked": k.value
+				}),
+				style: h({
+					width: `${n.width}%`,
+					height: `${n.height}%`,
+					left: `${n.left}%`,
+					top: `${n.top}%`,
+					cursor: "move",
+					boxShadow: z.value === r ? "0 6px 12px -3px rgba(0,0,0,0.3)" : "",
+					zIndex: z.value === r ? M.value.length + 1 : n.index,
+					backgroundColor: E.value.style.item.backgroundColor
+				}),
+				onMousedown: (e) => Ce(r),
+				onTouchstart: (e) => Ee(r, n)
+			}, [
+				k.value ? l("", !0) : (g(), u(o, { key: 0 }, [
+					d("div", {
+						class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",
+						onMousedown: (e) => W(r, "top-left"),
+						onTouchstart: (e) => q(r, "top-left", e),
+						onTouchmove: t[0] ||= (e) => J(e),
+						onTouchend: Y
+					}, null, 40, fe),
+					d("div", {
+						class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",
+						onMousedown: (e) => W(r, "top-right"),
+						onTouchstart: (e) => q(r, "top-right", e),
+						onTouchmove: t[1] ||= (e) => J(e),
+						onTouchend: Y
+					}, null, 40, pe),
+					d("div", {
+						class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",
+						onMousedown: (e) => W(r, "bottom-left"),
+						onTouchstart: (e) => q(r, "bottom-left", e),
+						onTouchmove: t[2] ||= (e) => J(e),
+						onTouchend: Y
+					}, null, 40, me),
+					d("div", {
+						class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",
+						onMousedown: (e) => W(r, "bottom-right"),
+						onTouchstart: (e) => q(r, "bottom-right", e),
+						onTouchmove: t[3] ||= (e) => J(e),
+						onTouchend: Y
+					}, null, 40, he)
+				], 64)),
+				v(e.$slots, "top", {
+					item: n,
+					index: r
+				}, void 0, !0),
+				n.resolvedComponent ? (g(), c(se(n.resolvedComponent), ie({
+					key: 1,
+					ref_for: !0
+				}, n.props), null, 16)) : v(e.$slots, "content", {
+					key: 2,
+					item: n,
+					index: r,
+					left: n.left,
+					top: n.top,
+					height: n.height,
+					width: n.width
+				}, void 0, !0),
+				v(e.$slots, "bottom", {
+					item: n,
+					index: r
+				}, void 0, !0)
+			], 46, de))), 128))], 36)], 4),
+			(g(), u("svg", {
+				style: h({
+					width: "100%",
+					height: "100%",
+					pointerEvents: "none",
+					position: "absolute",
+					top: 0,
+					left: 0,
+					zIndex: M.value.length + 1
+				}),
+				ref_key: "svgRef",
+				ref: w
+			}, null, 4)),
+			E.value.userOptions.buttons.annotator && L.value && w.value ? (g(), c(ne, {
+				key: 0,
+				color: E.value.style.board.color,
+				backgroundColor: E.value.style.board.backgroundColor,
+				active: Q.value,
+				svgRef: w.value,
+				isCursorPointer: D.value,
+				onClose: Fe,
+				style: h({ zIndex: M.value.length + 1 })
+			}, {
+				"annotator-action-close": x(() => [v(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": x(({ color: t }) => [v(e.$slots, "annotator-action-color", m(p({ color: t })), void 0, !0)]),
+				"annotator-action-draw": x(({ mode: t }) => [v(e.$slots, "annotator-action-draw", m(p({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": x(({ disabled: t }) => [v(e.$slots, "annotator-action-undo", m(p({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": x(({ disabled: t }) => [v(e.$slots, "annotator-action-redo", m(p({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": x(({ disabled: t }) => [v(e.$slots, "annotator-action-delete", m(p({ disabled: t })), void 0, !0)]),
+				_: 3
+			}, 8, [
+				"color",
+				"backgroundColor",
+				"active",
+				"svgRef",
+				"isCursorPointer",
+				"style"
+			])) : l("", !0),
+			(E.value.allowPrint || E.value.userOptions.show) && (E.value.userOptions.buttons.pdf || E.value.userOptions.buttons.img) ? (g(), c(te, {
+				key: 1,
+				ref_key: "userOptionsRef",
+				ref: ve,
+				backgroundColor: E.value.style.board.backgroundColor,
+				color: E.value.style.board.color,
+				isPrinting: y(be),
+				isImaging: y(xe),
+				uid: O.value,
+				position: E.value.userOptions.position,
+				hasTooltip: !1,
+				hasPdf: E.value.userOptions.buttons.pdf,
+				hasImg: E.value.userOptions.buttons.img,
+				hasXls: !1,
+				hasTable: !1,
+				hasLabel: !1,
+				hasFullscreen: !1,
+				hasAltCopy: E.value.userOptions.buttons.altCopy,
+				chartElement: L.value,
+				callbacks: E.value.userOptions.callbacks,
+				hasAnnotator: E.value.userOptions.buttons.annotator,
+				isAnnotation: Q.value,
+				printScale: E.value.userOptions.print.scale,
+				titles: { ...E.value.userOptions.buttonTitles },
+				isCursorPointer: D.value,
+				onGeneratePdf: y(U),
+				onGenerateImage: y(Se),
+				onToggleAnnotator: Fe,
+				onCopyAlt: $,
+				style: h({
+					visibility: y(Pe) ? y(X) ? "visible" : "hidden" : "visible",
+					zIndex: M.value.length + 1
+				})
+			}, re({ _: 2 }, [
+				e.$slots.menuIcon ? {
+					name: "menuIcon",
+					fn: x(({ isOpen: t, color: n }) => [v(e.$slots, "menuIcon", m(p({
+						isOpen: t,
+						color: n
+					})), void 0, !0)]),
+					key: "0"
+				} : void 0,
+				e.$slots.optionPdf ? {
+					name: "optionPdf",
+					fn: x(() => [v(e.$slots, "optionPdf", {}, void 0, !0)]),
+					key: "1"
+				} : void 0,
+				e.$slots.optionImg ? {
+					name: "optionImg",
+					fn: x(() => [v(e.$slots, "optionImg", {}, void 0, !0)]),
+					key: "2"
+				} : void 0,
+				e.$slots.optionAnnotator ? {
+					name: "optionAnnotator",
+					fn: x(({ toggleAnnotator: t, isAnnotator: n }) => [v(e.$slots, "optionAnnotator", m(p({
+						toggleAnnotator: t,
+						isAnnotator: n
+					})), void 0, !0)]),
+					key: "3"
+				} : void 0,
+				e.$slots.optionAltCopy ? {
+					name: "optionAltCopy",
+					fn: x(({ altCopy: t }) => [v(e.$slots, "optionAltCopy", m(p({ altCopy: t })), void 0, !0)]),
+					key: "4"
+				} : void 0,
+				e.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: x(() => [v(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "5"
+				} : void 0,
+				e.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: x(() => [v(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					key: "6"
+				} : void 0
+			]), 1032, [
+				"backgroundColor",
+				"color",
+				"isPrinting",
+				"isImaging",
+				"uid",
+				"position",
+				"hasPdf",
+				"hasImg",
+				"hasAltCopy",
+				"chartElement",
+				"callbacks",
+				"hasAnnotator",
+				"isAnnotation",
+				"printScale",
+				"titles",
+				"isCursorPointer",
+				"onGeneratePdf",
+				"onGenerateImage",
+				"style"
+			])) : l("", !0)
+		], 40, ue));
+	}
+}, [["__scopeId", "data-v-fc2ca20d"]]);
+//#endregion
+export { le as n, C as t };