vue-data-ui 3.22.14 → 3.23.1

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

@@ -1,512 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { K as t } from "./lib-C-QGo8GG.js";
-import { t as n } from "./useConfig-C0V0eG7L.js";
-import { t as r } from "./usePrinter-C5ordS-4.js";
-import { t as i } from "./useNestedProp-BYfiWVP8.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-BknvMNU1.js";
-import { n as ne } from "./PenAndPaper-D--sbRMA.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-D3jZ4lg1.js").then((e) => e.n)),
-			VueUi3dBar: f(() => import("./vue-ui-3d-bar-D9-jAA5Z.js").then((e) => e.n)),
-			VueUiAccordion: f(() => import("./vue-ui-accordion-FimGHtuy.js").then((e) => e.n)),
-			VueUiAgePyramid: f(() => import("./vue-ui-age-pyramid-D4f-Agb7.js").then((e) => e.n)),
-			VueUiAnnotator: f(() => import("./vue-ui-annotator-P9E8hpJl.js").then((e) => e.n)),
-			VueUiCandlestick: f(() => import("./vue-ui-candlestick-C3smYvQA.js").then((e) => e.n)),
-			VueUiChestnut: f(() => import("./vue-ui-chestnut-i7FYoqi8.js").then((e) => e.n)),
-			VueUiDigits: f(() => import("./vue-ui-digits-BnMqGAhl.js").then((e) => e.n)),
-			VueUiDonut: f(() => import("./vue-ui-donut-BCLG16Vb.js").then((e) => e.n)),
-			VueUiDonutEvolution: f(() => import("./vue-ui-donut-evolution-D54NP3FP.js").then((e) => e.n)),
-			VueUiDumbbell: f(() => import("./vue-ui-dumbbell-DZ78WASa.js").then((e) => e.n)),
-			VueUiFlow: f(() => import("./vue-ui-flow-CnateJjc.js").then((e) => e.n)),
-			VueUiGalaxy: f(() => import("./vue-ui-galaxy-CxKafV1X.js").then((e) => e.n)),
-			VueUiGauge: f(() => import("./vue-ui-gauge-CegUK3FD.js").then((e) => e.n)),
-			VueUiHeatmap: f(() => import("./vue-ui-heatmap-6Ja5LKYE.js").then((e) => e.n)),
-			VueUiKpi: f(() => import("./vue-ui-kpi-EenGDZ-l.js").then((e) => e.n)),
-			VueUiMiniLoader: f(() => import("./vue-ui-mini-loader-CA7XxPk7.js").then((e) => e.n)),
-			VueUiMolecule: f(() => import("./vue-ui-molecule-5rpD2mlK.js").then((e) => e.n)),
-			VueUiMoodRadar: f(() => import("./vue-ui-mood-radar-TWo57SKD.js").then((e) => e.n)),
-			VueUiNestedDonuts: f(() => import("./vue-ui-nested-donuts-W0TpPXIQ.js").then((e) => e.n)),
-			VueUiOnion: f(() => import("./vue-ui-onion-CDC9AGh1.js").then((e) => e.n)),
-			VueUiParallelCoordinatePlot: f(() => import("./vue-ui-parallel-coordinate-plot-DUOI7HoD.js").then((e) => e.n)),
-			VueUiQuadrant: f(() => import("./vue-ui-quadrant-BM9VLDcC.js").then((e) => e.n)),
-			VueUiQuickChart: f(() => import("./vue-ui-quick-chart-B8XCKef-.js").then((e) => e.n)),
-			VueUiRadar: f(() => import("./vue-ui-radar-BVz6Uq2k.js").then((e) => e.n)),
-			VueUiRating: f(() => import("./vue-ui-rating-B7ApWpIJ.js").then((e) => e.n)),
-			VueUiRelationCircle: f(() => import("./vue-ui-relation-circle-LVOR5VZ6.js").then((e) => e.n)),
-			VueUiRings: f(() => import("./vue-ui-rings-DEZrfBYX.js").then((e) => e.n)),
-			VueUiScatter: f(() => import("./vue-ui-scatter-owaIOpD0.js").then((e) => e.n)),
-			VueUiSkeleton: f(() => import("./vue-ui-skeleton-Cxszgax7.js").then((e) => e.n)),
-			VueUiSmiley: f(() => import("./vue-ui-smiley-DZBPvVeN.js").then((e) => e.n)),
-			VueUiSparkHistogram: f(() => import("./vue-ui-sparkhistogram-B5252IVr.js").then((e) => e.n)),
-			VueUiSparkStackbar: f(() => import("./vue-ui-sparkstackbar-CiLgNzaI.js").then((e) => e.n)),
-			VueUiSparkTrend: f(() => import("./vue-ui-spark-trend-CW4cLUqP.js").then((e) => e.n)),
-			VueUiSparkbar: f(() => import("./vue-ui-sparkbar-DeSSqv4v.js").then((e) => e.n)),
-			VueUiSparkgauge: f(() => import("./vue-ui-sparkgauge-VSiPVgUQ.js").then((e) => e.n)),
-			VueUiSparkline: f(() => import("./vue-ui-sparkline-DyZdAQMl.js").then((e) => e.n)),
-			VueUiStripPlot: f(() => import("./vue-ui-strip-plot-BquHFKHA.js").then((e) => e.n)),
-			VueUiTable: f(() => import("./vue-ui-table-DEhy61ln.js").then((e) => e.n)),
-			VueUiTableHeatmap: f(() => import("./vue-ui-table-heatmap-1LTxQfQX.js").then((e) => e.n)),
-			VueUiTableSparkline: f(() => import("./vue-ui-table-sparkline-CyGqW88t.js").then((e) => e.n)),
-			VueUiThermometer: f(() => import("./vue-ui-thermometer-CNvTQJUq.js").then((e) => e.n)),
-			VueUiTimer: f(() => import("./vue-ui-timer-BVjydam-.js").then((e) => e.n)),
-			VueUiTiremarks: f(() => import("./vue-ui-tiremarks-3ZBAE8SA.js").then((e) => e.n)),
-			VueUiTreemap: f(() => import("./vue-ui-treemap-FqqXQvZw.js").then((e) => e.n)),
-			VueUiVerticalBar: f(() => import("./vue-ui-horizontal-bar-BCTdLxjK.js").then((e) => e.n)),
-			VueUiHorizontalBar: f(() => import("./vue-ui-horizontal-bar-BCTdLxjK.js").then((e) => e.n)),
-			VueUiWaffle: f(() => import("./vue-ui-waffle-B37Yx9uw.js").then((e) => e.n)),
-			VueUiWheel: f(() => import("./vue-ui-wheel-D-VVxvxY.js").then((e) => e.n)),
-			VueUiWordCloud: f(() => import("./vue-ui-word-cloud-CcRch2t2.js").then((e) => e.n)),
-			VueUiXy: f(() => import("./vue-ui-xy-D64AB5Qy.js").then((e) => e.n)),
-			VueUiXyCanvas: f(() => import("./vue-ui-xy-canvas-mDqjPtxh.js").then((e) => e.n)),
-			VueUiCarouselTable: f(() => import("./vue-ui-carousel-table-BD_fxykj.js").then((e) => e.n)),
-			VueUiGizmo: f(() => import("./vue-ui-gizmo-DyxeSKIk.js").then((e) => e.n)),
-			VueUiStackbar: f(() => import("./vue-ui-stackbar-Bwz6Z7M4.js").then((e) => e.n)),
-			VueUiStackline: f(() => import("./vue-ui-stackline-DX3YDRSg.js").then((e) => e.n)),
-			VueUiBullet: f(() => import("./vue-ui-bullet-CKg0bShN.js").then((e) => e.n)),
-			VueUiFunnel: f(() => import("./vue-ui-funnel-DSpUMyDO.js").then((e) => e.n)),
-			VueUiHistoryPlot: f(() => import("./vue-ui-history-plot-XOexkxeI.js").then((e) => e.n)),
-			VueUiCirclePack: f(() => import("./vue-ui-circle-pack--DUVDQx3.js").then((e) => e.n)),
-			VueUiWorld: f(() => import("./vue-ui-world-BJq4PZqF.js").then((e) => e.n)),
-			VueUiChord: f(() => import("./vue-ui-chord-DCZo55QA.js").then((e) => e.n)),
-			VueUiRidgeline: f(() => import("./vue-ui-ridgeline-BlyzSJHc.js").then((e) => e.n)),
-			VueUiDag: f(() => import("./vue-ui-dag-beo3-quD.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", {
-					item: n,
-					index: r,
-					left: n.left,
-					top: n.top,
-					height: n.height,
-					width: n.width
-				}, void 0, !0, 2),
-				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 };