vue-data-ui 3.22.9 → 3.22.10

package/dist/vue-ui-bump-B8fJoxHF.js

@@ -0,0 +1,1249 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { At as t, B as n, C as r, Ct as i, E as a, Gt as o, K as s, N as ee, Nt as c, Q as l, W as te, Y as ne, et as re, ft as ie, i as ae, qt as oe, r as se, s as ce, t as le, x as ue } from "./lib-CnHx5WfV.js";
+import { t as de } from "./useTimeLabels-BmBRv27Y.js";
+import { t as fe } from "./useConfig-DYM3f6EI.js";
+import { t as pe } from "./usePrinter-B-X_Pub0.js";
+import { n as me, t as he } from "./BaseScanner-DZvpgOjM.js";
+import { t as ge } from "./useSvgExport-SVIsDot8.js";
+import { t as _e } from "./useNestedProp-D8NuRneO.js";
+import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ye } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { n as be } from "./Title-Cr3jP7Qd.js";
+import { t as xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as Se } from "./canvas-lib-BOP_HS11.js";
+import { t as Ce } from "./useResponsive-BfnK0KxU.js";
+import { t as we } from "./A11yDataTable-DdRsVULz.js";
+import { t as Te } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Ee } from "./useChartAccessibility-DYqac8yF.js";
+import { t as De } from "./vue_ui_bump-Vl-zYAtG.js";
+import { t as Oe } from "./BaseDraggableDialog-CdkCqtag.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as ke, createTextVNode as Ae, createVNode as je, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Me, nextTick as Ne, normalizeClass as Pe, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as Fe, onMounted as Ie, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as w, toRefs as ze, unref as T, watch as Be, watchEffect as Ve, withCtx as E } from "vue";
+//#region src/components/vue-ui-bump.vue
+var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge = { style: { position: "relative" } }, Ke = [
+	"xmlns",
+	"aria-describedby",
+	"viewBox"
+], qe = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Je = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"onMouseenter"
+], Ye = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], Xe = [
+	"cx",
+	"cy",
+	"r",
+	"fill",
+	"stroke",
+	"stroke-width",
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], Ze = [
+	"x",
+	"y",
+	"fill",
+	"font-size"
+], Qe = [
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], $e = [
+	"x",
+	"y",
+	"fill",
+	"font-size"
+], et = [
+	"x",
+	"y",
+	"fill",
+	"font-size",
+	"font--weight",
+	"innerHTML",
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], tt = [
+	"x",
+	"y",
+	"fill",
+	"font-size",
+	"font--weight",
+	"innerHTML",
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], nt = { key: 0 }, rt = { key: 1 }, it = [
+	"text-anchor",
+	"font-size",
+	"font-weight",
+	"fill",
+	"transform"
+], at = [
+	"text-anchor",
+	"font-size",
+	"fill",
+	"transform",
+	"innerHTML"
+], ot = {
+	key: 0,
+	style: {
+		position: "absolute",
+		top: "100%",
+		left: "0",
+		width: "100%"
+	},
+	"data-dom-to-png-ignore": "",
+	"aria-hidden": "true"
+}, st = {
+	key: 5,
+	class: "vue-data-ui-watermark"
+}, ct = ["innerHTML"], lt = /*#__PURE__*/ xe({
+	__name: "vue-ui-bump",
+	props: {
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		dataset: {
+			type: Array,
+			default() {
+				return [];
+			}
+		}
+	},
+	emits: ["copyAlt"],
+	setup(e, { expose: xe, emit: He }) {
+		let lt = g(() => import("./BaseIcon-CDTIUIKV.js").then((e) => e.n)), ut = g(() => import("./vue-ui-accordion-Oo3IsX3-.js").then((e) => e.n)), dt = g(() => import("./DataTable-ByZy5gt1.js")), ft = g(() => import("./PenAndPaper-CLaZJl6K.js").then((e) => e.t)), pt = g(() => import("./UserOptions-BUQOnoPR.js").then((e) => e.n)), mt = g(() => import("./PackageVersion-BoTvk0i5.js").then((e) => e.t)), { vue_ui_bump: ht } = fe(), { isThemeValid: gt, warnInvalidTheme: _t } = ve(), D = e, vt = He, yt = d({
+			get() {
+				return !!D.dataset && D.dataset.length;
+			},
+			set(e) {
+				return e;
+			}
+		}), O = x(null), k = x(s()), bt = x(0), xt = x(null), St = x(null), Ct = x(null), wt = x(!1), Tt = x(!1), Et = x(0), Dt = x(0), A = x(null), Ot = x(null), kt = x(!1), j = x(!1), M = x(!1), N = x(null), At = x(null), jt = x(null), Mt = x(null), P = x(null), Nt = x(!1), F = x(Rt()), I = d(() => F.value.userOptions.useCursorPointer), Pt = d(() => oe({
+			defaultConfig: {
+				userOptions: { show: !1 },
+				style: { chart: {
+					backgroundColor: "#99999930",
+					layout: {
+						timeLabels: { show: !1 },
+						lines: { coatingColor: "#4A4A4A" },
+						plots: {
+							stroke: "#4A4A4A",
+							labels: {
+								show: !1,
+								displayedValue: "rank"
+							}
+						},
+						nameLabels: { useSerieColor: !0 }
+					}
+				} }
+			},
+			userConfig: F.value.skeletonConfig ?? {}
+		})), { loading: Ft, FINAL_DATASET: It, manualLoading: Lt } = me({
+			...ze(D),
+			FINAL_CONFIG: F,
+			prepareConfig: Rt,
+			skeletonDataset: D.config?.skeletonDataset ?? [
+				{
+					name: "————",
+					values: [
+						1,
+						1,
+						1,
+						2,
+						2,
+						2,
+						3,
+						3,
+						2,
+						2
+					],
+					color: "#4A4A4A"
+				},
+				{
+					name: "————",
+					values: [
+						2,
+						2,
+						2,
+						1,
+						3,
+						3,
+						2,
+						2,
+						3,
+						3
+					],
+					color: "#6A6A6A"
+				},
+				{
+					name: "————",
+					values: [
+						3,
+						3,
+						3,
+						3,
+						1,
+						1,
+						1,
+						1,
+						1,
+						1
+					],
+					color: "#8A8A8A"
+				}
+			],
+			skeletonConfig: oe({
+				defaultConfig: F.value,
+				userConfig: Pt.value
+			})
+		});
+		Ie(Qt);
+		function Rt() {
+			let e = _e({
+				userConfig: D.config,
+				defaultConfig: ht
+			}), t = {}, n = e.theme;
+			if (n) if (!gt.value(e)) _t(e), t = e;
+			else {
+				let r = _e({
+					userConfig: De[n] || D.config,
+					defaultConfig: e
+				});
+				t = {
+					..._e({
+						userConfig: D.config,
+						defaultConfig: r
+					}),
+					customPalette: e.customPalette.length ? e.customPalette : o[n] || c
+				};
+			}
+			else t = e;
+			return t;
+		}
+		let { userOptionsVisible: zt, setUserOptionsVisibility: Bt, keepUserOptionState: Vt } = Te({ config: F.value }), { svgRef: L } = Ee({ config: F.value.style.chart.title });
+		function Ht() {
+			kt.value = !0, Bt(!0);
+		}
+		function Ut() {
+			Bt(!1), kt.value = !1;
+		}
+		let R = x({ showTable: F.value.table.show });
+		Be(F, () => {
+			R.value = { showTable: F.value.table.show };
+		}, { immediate: !0 }), Be(() => D.config, (e) => {
+			Ft.value || (F.value = Rt()), zt.value = !F.value.userOptions.showOnChartHover, Qt(), Et.value += 1, Dt.value += 1, R.value.showTable = F.value.table.show, z.value.width = F.value.style.chart.width, z.value.height = F.value.style.chart.height, z.value.paddingRatio = {
+				top: F.value.style.chart.padding.top / F.value.style.chart.height,
+				right: F.value.style.chart.padding.right / F.value.style.chart.width,
+				bottom: F.value.style.chart.padding.bottom / F.value.style.chart.height,
+				left: F.value.style.chart.padding.left / F.value.style.chart.width
+			};
+		}), Be(() => D.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (Lt.value = !1);
+		}, { deep: !0 });
+		let { isPrinting: Wt, isImaging: Gt, generatePdf: Kt, generateImage: qt } = pe({
+			elementId: `bump_${k.value}`,
+			fileName: F.value.style.chart.title.text || "vue-ui-bump",
+			options: F.value.userOptions.print
+		}), Jt = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), z = x({
+			width: F.value.style.chart.width,
+			height: F.value.style.chart.height,
+			paddingRatio: {
+				top: F.value.style.chart.padding.top / F.value.style.chart.height,
+				right: F.value.style.chart.padding.right / F.value.style.chart.width,
+				bottom: F.value.style.chart.padding.bottom / F.value.style.chart.height,
+				left: F.value.style.chart.padding.left / F.value.style.chart.width
+			}
+		}), Yt = d(() => r(F.value.customPalette)), B = Re(null), V = Re(null), Xt = x(null), Zt = d(() => !!F.value.debug);
+		function Qt() {
+			if (t(D.dataset) ? (re({
+				componentName: "VueUiBump",
+				type: "dataset",
+				debug: Zt.value
+			}), Lt.value = !0) : D.dataset.forEach((e, t) => {
+				ie({
+					datasetObject: e,
+					requiredAttributes: ["name", "values"]
+				}).forEach((e) => {
+					yt.value = !1, re({
+						componentName: "VueUiBump",
+						type: "datasetSerieAttribute",
+						property: e,
+						index: t,
+						debug: Zt.value
+					}), Lt.value = !0;
+				});
+			}), t(D.dataset) || (Lt.value = F.value.loading), setTimeout(() => {
+				Tt.value = !0;
+			}, 10), F.value.responsive) {
+				let e = Se(() => {
+					Tt.value = !1;
+					let { width: e, height: t } = Ce({
+						chart: O.value,
+						noTitle: St.value,
+						title: F.value.style.chart.title.text ? xt.value : null,
+						legend: null,
+						slicer: null,
+						source: Ct.value
+					});
+					requestAnimationFrame(() => {
+						z.value.width = e, z.value.height = t - 12, clearTimeout(Xt.value), Xt.value = setTimeout(() => {
+							Tt.value = !0;
+						}, 10);
+					});
+				});
+				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = O.value.parentNode, B.value.observe(V.value);
+			}
+		}
+		Fe(() => {
+			B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
+		});
+		let $t = d(() => It.value.map((e, t) => {
+			let n = ue(e.color) || Yt.value[t] || c[t] || c[t % c.length];
+			return {
+				...e,
+				absoluteIndex: t,
+				id: s(),
+				color: n
+			};
+		})), H = d(() => Math.max(...$t.value.map((e) => e.values.length)));
+		function en(e) {
+			let t = e.map(() => Array(H.value).fill(null));
+			for (let n = 0; n < H.value; n += 1) {
+				let r = e.map((e, r) => ({
+					seriesIndex: r,
+					value: e.values?.[n],
+					previousPosition: n > 0 ? t[r][n - 1] : r
+				})).filter((e) => Number.isFinite(e.value));
+				r.sort((e, t) => t.value === e.value ? e.previousPosition - t.previousPosition : t.value - e.value);
+				for (let e = 0; e < r.length; e += 1) {
+					let i = r[e];
+					t[i.seriesIndex][n] = e;
+				}
+			}
+			return t;
+		}
+		function tn() {
+			let e = 0;
+			return At.value && (e = Array.from(At.value.querySelectorAll("tspan")).reduce((e, t) => {
+				let n = t.getComputedTextLength();
+				return n > e ? n : e;
+			}, 0)), e;
+		}
+		function nn() {
+			let e = 0;
+			return jt.value && (e = Array.from(jt.value.querySelectorAll("tspan")).reduce((e, t) => {
+				let n = t.getComputedTextLength();
+				return n > e ? n : e;
+			}, 0)), e;
+		}
+		let rn = x(0), an = Se((e) => {
+			rn.value = e;
+		}, 100);
+		Ve((e) => {
+			let t = Mt.value;
+			if (!t) return;
+			let n = new ResizeObserver((e) => {
+				an(e[0].contentRect.height);
+			});
+			n.observe(t), e(() => n.disconnect());
+		}), Fe(() => {
+			rn.value = 0;
+		});
+		let on = d(() => {
+			let e = F.value.style.chart.layout.timeLabels;
+			if (!e.show) return 0;
+			let t = e.fontSize, n = e.rotation, r = Math.PI / 180 * n, i = K.value || [];
+			if (!i.length) return 0;
+			let a = i.reduce((e, t) => {
+				let n = String(t?.text ?? "").split("\n").length;
+				return Math.max(e, n);
+			}, 1), o = i.reduce((e, t) => {
+				let n = String(t?.text ?? "").split("\n").reduce((e, t) => Math.max(e, t.length), 0);
+				return Math.max(e, n);
+			}, 0), s = t * 1.3 * a, ee = o * t * (o === 1 ? 1 : .6), c = Math.abs(Math.sin(r)) * ee + Math.abs(Math.cos(r)) * s, l = t * .3;
+			return Math.max(0, c + Math.abs(e.offsetY) + l);
+		}), U = d(() => {
+			let { height: e, width: t } = z.value, { right: n, left: r } = z.value.paddingRatio, i = tn(), a = nn(), o = F.value.style.chart.padding.top, s = t - t * n - a, ee = t * r + i, c = t - t * n - t * r - i - a, l = e - o - F.value.style.chart.padding.bottom - on.value, te = o + l, ne = o + l, re = Math.max(0, e);
+			return {
+				chartHeight: ne,
+				chartWidth: Math.max(0, t),
+				top: o,
+				right: Math.max(0, s),
+				bottom: Math.max(0, te),
+				left: Math.max(0, ee),
+				width: Math.max(0, c),
+				height: Math.max(0, l),
+				unitH: Math.max(0, l) / $t.value.length,
+				unitW: Math.max(0, c) / H.value,
+				svgHeight: re
+			};
+		}), W = d(() => {
+			if (!yt.value && !Ft.value) return [];
+			let e = en($t.value);
+			return $t.value.map((t, n) => ({
+				...t,
+				positions: e[n]
+			})).map((e) => {
+				let t = e.positions.map((t, n) => {
+					let r = ae(F.value.style.chart.layout.plots.labels.formatter, e.values[n], ne({
+						p: F.value.style.chart.layout.plots.labels.prefix,
+						v: e.values[n],
+						s: F.value.style.chart.layout.plots.labels.suffix,
+						r: F.value.style.chart.layout.plots.labels.rounding
+					}));
+					return {
+						name: e.name,
+						id: e.id,
+						x: U.value.left + n * U.value.unitW + U.value.unitW / 2,
+						y: U.value.top + t * U.value.unitH + U.value.unitH / 2,
+						value: e.values[n],
+						displayValue: r,
+						rank: e.positions[n] + 1,
+						color: e.color,
+						labelColor: F.value.style.chart.layout.plots.labels.color === "auto" ? se(e.color) : ue(F.value.style.chart.layout.plots.labels.color) ?? se(e.color)
+					};
+				}), r = t.filter((e) => i(e.value)), a = F.value.style.chart.layout.lines.smooth ? ee(r) : n(r);
+				return {
+					...e,
+					coordinates: t,
+					path: a
+				};
+			});
+		});
+		d(() => W.value.flatMap((e, t) => e.coordinates.map((n, r) => ({
+			...n,
+			pointIndex: r,
+			seriesIndex: t,
+			seriesId: e.id,
+			seriesName: e.name,
+			pointId: `${e.id}_${r}`
+		})).filter((e) => i(e.value))));
+		function sn(e, t, n, r) {
+			let i = e.toSorted((e, t) => e.y - t.y);
+			for (let e = 1; e < i.length; e += 1) {
+				let n = i[e - 1], r = i[e];
+				r.y < n.y + t && (r.y = n.y + t);
+			}
+			let a = i.length - 1;
+			if (a >= 0 && i[a].y > r) {
+				i[a].y = r;
+				for (let e = a - 1; e >= 0; --e) {
+					let n = i[e + 1], r = i[e];
+					r.y > n.y - t && (r.y = n.y - t);
+				}
+			}
+			if (i.length && i[0].y < n) {
+				let e = n - i[0].y;
+				for (let t = 0; t < i.length; t += 1) i[t].y += e;
+			}
+			return i;
+		}
+		let cn = d(() => {
+			let e = [], t = [];
+			W.value.forEach((n) => {
+				let r = n.coordinates.filter((e) => Number.isFinite(e.rank));
+				if (!r.length) return;
+				e.push({ ...r[0] });
+				let i = r[r.length - 1];
+				t.push({ ...i });
+			});
+			let n = F.value.style.chart.layout.nameLabels.fontSize, r = n * 1.4, i = U.value.top + n, a = U.value.bottom - n, o = sn(t, r, i, a);
+			return {
+				left: sn(e, r, i, a),
+				right: o
+			};
+		});
+		function ln(e) {
+			let t = F.value.style.chart.layout.plots.labels.fontSize * .4, n = e.displayValue, r = n.length * (F.value.style.chart.layout.plots.labels.fontSize * (n.length === 1 ? 1 : .6)), i = F.value.style.chart.layout.plots.labels.fontSize, a = r + t * 2, o = i + t * 2, s = e.x - a / 2, ee = e.y - o / 2, c = F.value.style.chart.layout.plots.strokeWidth;
+			return {
+				x: s - c / 2,
+				y: ee - c / 2,
+				width: a + c,
+				height: o + c,
+				fill: e.color,
+				stroke: F.value.style.chart.layout.plots.stroke,
+				"stroke-width": c,
+				rx: o / 2
+			};
+		}
+		let G = x([]), un = 0;
+		Ve(() => {
+			let e = ++un, t = F.value.style.chart.layout.timeLabels, n = t.values, r = t.datetimeFormatter, i = H.value;
+			if (!i || !Array.isArray(n) || n.length === 0) {
+				G.value = [];
+				return;
+			}
+			(async () => {
+				let t = await de({
+					values: n,
+					maxDatapoints: i,
+					formatter: r,
+					start: 0,
+					end: i
+				});
+				e === un && (G.value = t);
+			})();
+		});
+		let dn = d(() => {
+			let e = F.value.style.chart.layout.timeLabels.modulo;
+			return G.value.length ? Math.min(e, [...new Set(G.value.map((e) => e.text))].length) : e;
+		}), K = d(() => {
+			let e = F.value.style.chart.layout.timeLabels, t = G.value || [], n = G.value || [], r = H.value, i = t.map((e) => e?.text ?? ""), a = n.map((e) => e?.text ?? "");
+			return ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, dn.value || 1), i, a, 0, null, r);
+		}), fn = d(() => z.value.width), pn = d(() => z.value.height), mn = d(() => ({
+			start: 0,
+			end: H.value
+		})), q = d(() => [...W.value].map((e) => {
+			let t = [...e.coordinates].filter((e) => i(e.value)).at(-1);
+			return {
+				...e,
+				navigationRank: t?.rank ?? Infinity
+			};
+		}).sort((e, t) => e.navigationRank - t.navigationRank));
+		function hn() {
+			P.value = null, Nt.value = !0;
+		}
+		function gn() {
+			vn(), Nt.value = !1;
+		}
+		function _n(e, t) {
+			let n = q.value.length;
+			return n ? e === null || e < 0 || e >= n ? 0 : t === "previous" ? (e - 1 + n) % n : (e + 1) % n : null;
+		}
+		function vn() {
+			if (P.value !== null) {
+				let e = q.value[P.value];
+				e && $(e, e);
+			}
+			P.value = null, N.value = null;
+		}
+		function yn(e) {
+			if (!L.value || Y.value || document.activeElement !== L.value || !q.value.length) return;
+			let t = ["ArrowLeft", "ArrowUp"].includes(e.key), n = ["ArrowRight", "ArrowDown"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
+			if (!t && !n && !r && !i) return;
+			if (e.preventDefault(), e.stopPropagation(), i) {
+				vn();
+				return;
+			}
+			if (r) {
+				if (P.value === null) return;
+				let e = q.value[P.value];
+				if (!e) return;
+				jn(e, e);
+				return;
+			}
+			let a = P.value;
+			a === null ? a = 0 : t ? a = _n(a, "previous") : n && (a = _n(a, "next"));
+			let o = q.value[a];
+			o && (P.value = a, Q(o, o));
+		}
+		let J = d(() => ({
+			head: Z.value.head,
+			body: W.value.map((e) => [e.name, ...e.coordinates.map((e) => i(e.value) ? `${e.displayValue} (${e.rank})` : "-")]),
+			caption: F.value.a11y.translations.tableCaption,
+			notice: F.value.a11y.translations.tableAvailable
+		}));
+		ye({
+			timeLabelsEls: Mt,
+			timeLabels: G,
+			slicer: mn,
+			configRef: F,
+			rotationPath: [
+				"style",
+				"chart",
+				"layout",
+				"timeLabels",
+				"rotation"
+			],
+			autoRotatePath: [
+				"style",
+				"chart",
+				"layout",
+				"timeLabels",
+				"autoRotate",
+				"enable"
+			],
+			isAutoSize: !1,
+			width: fn,
+			height: pn,
+			rotation: F.value.style.chart.layout.timeLabels.autoRotate.angle
+		});
+		let Y = x(!1);
+		function bn() {
+			Y.value = !Y.value;
+		}
+		function xn(e) {
+			wt.value = e, bt.value += 1;
+		}
+		function Sn() {
+			R.value.showTable = !R.value.showTable;
+		}
+		Be(() => R.value.showTable, (e) => {
+			F.value.table.show || (e && F.value.table.useDialog && A.value ? A.value.open() : "close" in A.value && A.value.close());
+		});
+		function Cn() {
+			R.value.showTable = !1, Ot.value && Ot.value.setTableIconState(!1);
+		}
+		function wn() {
+			return W.value;
+		}
+		function Tn(e = null) {
+			let t = [
+				[F.value.style.chart.title.text],
+				[F.value.style.chart.title.subtitle.text],
+				[""]
+			], n = ["", ...K.value.map((e) => e?.text ?? "")], r = W.value.map((e) => [e.name, ...e.coordinates.map((e) => `${e.displayValue}`)]), i = W.value.map((e) => [e.name, ...e.coordinates.map((e) => `${e.rank}`)]), o = a(t.concat([[F.value.table.columnNames.values]]).concat([n]).concat(r).concat([
+				[""],
+				[F.value.table.columnNames.ranking],
+				[n]
+			]).concat(i));
+			e ? e(o) : l({
+				csvContent: o,
+				title: F.value.style.chart.title.text || "vue-ui-bump"
+			});
+		}
+		let X = d(() => {
+			let e = F.value.table.useDialog && !F.value.table.show, t = R.value.showTable;
+			return {
+				component: e ? Oe : ut,
+				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
+				props: e ? {
+					backgroundColor: F.value.table.th.backgroundColor,
+					color: F.value.table.th.color,
+					headerColor: F.value.table.th.color,
+					headerBg: F.value.table.th.backgroundColor,
+					isFullscreen: wt.value,
+					fullscreenParent: O.value,
+					forcedWidth: Math.min(800, window.innerWidth * .8),
+					isCursorPointer: I.value
+				} : {
+					hideDetails: !0,
+					config: {
+						open: t,
+						maxHeight: 1e4,
+						body: {
+							backgroundColor: F.value.style.chart.backgroundColor,
+							color: F.value.style.chart.color
+						},
+						head: {
+							backgroundColor: F.value.style.chart.backgroundColor,
+							color: F.value.style.chart.color
+						}
+					}
+				}
+			};
+		}), Z = d(() => ({
+			head: [""].concat(K.value.map((e) => e.text)),
+			body: W.value.map((e, t) => [e.name, ...e.coordinates.map((e) => `${e.displayValue} (${e.rank})`)]),
+			config: {
+				th: {
+					backgroundColor: F.value.table.th.backgroundColor,
+					color: F.value.table.th.color,
+					outline: F.value.table.th.outline
+				},
+				td: {
+					backgroundColor: F.value.table.td.backgroundColor,
+					color: F.value.table.td.color,
+					outline: F.value.table.td.outline
+				},
+				breakpoint: F.value.table.responsiveBreakpoint
+			},
+			colNames: [F.value.table.columnNames.series]
+		})), En = d(() => F.value.style.chart.backgroundColor), { exportSvg: Dn, getSvg: On } = ge({
+			svg: L,
+			title: d(() => F.value.style.chart.title),
+			legend: null,
+			legendItems: null,
+			backgroundColor: En
+		});
+		async function kn({ isCb: e }) {
+			M.value = !0, await Ne();
+			try {
+				if (e) {
+					let { blob: e, url: t, text: n, dataUrl: r } = await On();
+					await Promise.resolve(F.value.userOptions.callbacks.svg({
+						blob: e,
+						url: t,
+						text: n,
+						dataUrl: r
+					}));
+				} else await Promise.resolve(Dn());
+			} finally {
+				M.value = !1;
+			}
+		}
+		async function An({ scale: e = 2 } = {}) {
+			if (!O.value) return;
+			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
+				domElement: O.value,
+				base64: !0,
+				img: !0,
+				scale: e
+			});
+			return {
+				imageUri: i,
+				base64: a,
+				title: F.value.style.chart.title.text,
+				width: t,
+				height: n,
+				aspectRatio: r
+			};
+		}
+		function Q(e, t) {
+			N.value = t.id, F.value.events.datapointEnter && F.value.events.datapointEnter({
+				datapoint: e,
+				seriesIndex: e?.pointIndex ?? null
+			});
+		}
+		function $(e, t) {
+			N.value = null, F.value.events.datapointLeave && F.value.events.datapointLeave({
+				datapoint: e,
+				seriesIndex: e?.pointIndex ?? null
+			});
+		}
+		function jn(e, t) {
+			F.value.events.datapointClick && F.value.events.datapointClick({
+				datapoint: e,
+				seriesIndex: e?.pointIndex ?? null
+			});
+		}
+		function Mn(e) {
+			if (e?.stage === "start") {
+				j.value = !0;
+				return;
+			}
+			if (e?.stage === "end") {
+				j.value = !1;
+				return;
+			}
+			qt();
+		}
+		async function Nn() {
+			if (vt("copyAlt", {
+				config: F.value,
+				dataset: W.value
+			}), !F.value.userOptions.callbacks.altCopy) {
+				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+				return;
+			}
+			await Promise.resolve(F.value.userOptions.callbacks.altCopy({
+				config: F.value,
+				dataset: W.value
+			}));
+		}
+		return xe({
+			getData: wn,
+			getImage: An,
+			generatePdf: Kt,
+			generateCsv: Tn,
+			generateImage: qt,
+			generateSvg: kn,
+			toggleTable: Sn,
+			toggleAnnotator: bn,
+			toggleFullscreen: xn,
+			copyAlt: Nn
+		}), (e, t) => (b(), m("div", {
+			id: `bump_${k.value}`,
+			ref_key: "bumpChart",
+			ref: O,
+			class: Pe({
+				"vue-data-ui-component": !0,
+				"vue-ui-bump": !0,
+				"vue-data-ui-wrapper-fullscreen": wt.value
+			}),
+			style: y(`background:${F.value.style.chart.backgroundColor};color:${F.value.style.chart.color};font-family:${F.value.style.fontFamily}; position: relative; ${F.value.responsive ? "height: 100%" : ""}`),
+			onMouseenter: Ht,
+			onMouseleave: Ut
+		}, [
+			h("p", {
+				id: `chart-instructions-${k.value}`,
+				class: "sr-only"
+			}, w(F.value.a11y.translations.keyboardNavigation), 9, We),
+			J.value.body.length ? (b(), f(we, {
+				key: 0,
+				uid: k.value,
+				head: J.value.head,
+				body: J.value.body,
+				caption: J.value.caption,
+				notice: J.value.notice
+			}, null, 8, [
+				"uid",
+				"head",
+				"body",
+				"caption",
+				"notice"
+			])) : p("", !0),
+			F.value.userOptions.buttons.annotator ? (b(), f(T(ft), {
+				key: 1,
+				svgRef: T(L),
+				backgroundColor: F.value.style.chart.backgroundColor,
+				color: F.value.style.chart.color,
+				active: Y.value,
+				isCursorPointer: I.value,
+				onClose: bn
+			}, {
+				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", v(_({ color: t })), void 0, !0)]),
+				"annotator-action-draw": E(({ mode: t }) => [C(e.$slots, "annotator-action-draw", v(_({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", v(_({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", v(_({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": E(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", v(_({ disabled: t })), void 0, !0)]),
+				_: 3
+			}, 8, [
+				"svgRef",
+				"backgroundColor",
+				"color",
+				"active",
+				"isCursorPointer"
+			])) : p("", !0),
+			C(e.$slots, "userConfig", {}, void 0, !0),
+			Jt.value ? (b(), m("div", {
+				key: 2,
+				ref_key: "noTitle",
+				ref: St,
+				class: "vue-data-ui-no-title-space",
+				style: "height:36px; width: 100%;background:transparent"
+			}, null, 512)) : p("", !0),
+			F.value.style.chart.title.text ? (b(), m("div", {
+				key: 3,
+				ref_key: "chartTitle",
+				ref: xt,
+				style: "width:100%;background:transparent;"
+			}, [(b(), f(be, {
+				key: `title_${Et.value}`,
+				config: {
+					title: {
+						cy: "bump-title",
+						...F.value.style.chart.title
+					},
+					subtitle: {
+						cy: "bump-subtitle",
+						...F.value.style.chart.title.subtitle
+					}
+				}
+			}, null, 8, ["config"]))], 512)) : p("", !0),
+			F.value.userOptions.show && yt.value && (T(Vt) || T(zt)) ? (b(), f(T(pt), {
+				ref_key: "userOptionsRef",
+				ref: Ot,
+				key: `user_option_${bt.value}`,
+				backgroundColor: F.value.style.chart.backgroundColor,
+				color: F.value.style.chart.color,
+				isPrinting: T(Wt),
+				isImaging: T(Gt),
+				uid: k.value,
+				hasTooltip: !1,
+				hasPdf: F.value.userOptions.buttons.pdf,
+				hasImg: F.value.userOptions.buttons.img,
+				hasSvg: F.value.userOptions.buttons.svg,
+				hasXls: F.value.userOptions.buttons.csv,
+				hasTable: F.value.userOptions.buttons.table,
+				hasLabel: !1,
+				hasAltCopy: F.value.userOptions.buttons.altCopy,
+				hasFullscreen: F.value.userOptions.buttons.fullscreen,
+				isFullcreen: wt.value,
+				chartElement: O.value,
+				position: F.value.userOptions.position,
+				titles: { ...F.value.userOptions.buttonTitles },
+				hasAnnotator: F.value.userOptions.buttons.annotator,
+				isAnnotation: Y.value,
+				callbacks: F.value.userOptions.callbacks,
+				printScale: F.value.userOptions.print.scale,
+				tableDialog: F.value.table.useDialog,
+				isCursorPointer: I.value,
+				onToggleFullscreen: xn,
+				onGeneratePdf: T(Kt),
+				onGenerateCsv: Tn,
+				onGenerateImage: Mn,
+				onGenerateSvg: kn,
+				onToggleTable: Sn,
+				onToggleAnnotator: bn,
+				onCopyAlt: Nn,
+				style: y({ visibility: T(Vt) ? T(zt) ? "visible" : "hidden" : "visible" })
+			}, ke({ _: 2 }, [
+				e.$slots.menuIcon ? {
+					name: "menuIcon",
+					fn: E(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", v(_({
+						isOpen: t,
+						color: n
+					})), void 0, !0)]),
+					key: "0"
+				} : void 0,
+				e.$slots.optionPdf ? {
+					name: "optionPdf",
+					fn: E(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
+					key: "1"
+				} : void 0,
+				e.$slots.optionCsv ? {
+					name: "optionCsv",
+					fn: E(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
+					key: "2"
+				} : void 0,
+				e.$slots.optionImg ? {
+					name: "optionImg",
+					fn: E(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
+					key: "3"
+				} : void 0,
+				e.$slots.optionSvg ? {
+					name: "optionSvg",
+					fn: E(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
+					key: "4"
+				} : void 0,
+				e.$slots.optionTable ? {
+					name: "optionTable",
+					fn: E(() => [C(e.$slots, "optionTable", {}, void 0, !0)]),
+					key: "5"
+				} : void 0,
+				e.$slots.optionFullscreen ? {
+					name: "optionFullscreen",
+					fn: E(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", v(_({
+						toggleFullscreen: t,
+						isFullscreen: n
+					})), void 0, !0)]),
+					key: "6"
+				} : void 0,
+				e.$slots.optionAnnotator ? {
+					name: "optionAnnotator",
+					fn: E(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", v(_({
+						toggleAnnotator: t,
+						isAnnotator: n
+					})), void 0, !0)]),
+					key: "7"
+				} : void 0,
+				e.$slots.optionAltCopy ? {
+					name: "optionAltCopy",
+					fn: E(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", v(_({ 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",
+				"color",
+				"isPrinting",
+				"isImaging",
+				"uid",
+				"hasPdf",
+				"hasImg",
+				"hasSvg",
+				"hasXls",
+				"hasTable",
+				"hasAltCopy",
+				"hasFullscreen",
+				"isFullcreen",
+				"chartElement",
+				"position",
+				"titles",
+				"hasAnnotator",
+				"isAnnotation",
+				"callbacks",
+				"printScale",
+				"tableDialog",
+				"isCursorPointer",
+				"onGeneratePdf",
+				"style"
+			])) : p("", !0),
+			h("div", Ge, [(b(), m("svg", {
+				ref_key: "svgRef",
+				ref: L,
+				xmlns: T(le),
+				"aria-describedby": `chart-instructions-${k.value}`,
+				viewBox: `0 0 ${U.value.chartWidth <= 0 ? 10 : U.value.chartWidth} ${U.value.svgHeight <= 0 ? 10 : U.value.svgHeight}`,
+				class: Pe({
+					"vue-data-ui-loading": T(Ft),
+					"no-transition": !F.value.useCssAnimation,
+					"with-transition": F.value.useCssAnimation
+				}),
+				style: y(`max-width:100%;overflow:visible;background:transparent;color:${F.value.style.chart.color}`),
+				role: "img",
+				"aria-live": "polite",
+				preserveAspectRatio: "xMidYMid",
+				tabindex: "0",
+				onFocus: hn,
+				onBlur: gn,
+				onKeydown: yn
+			}, [
+				je(T(mt)),
+				e.$slots["chart-background"] ? (b(), m("foreignObject", {
+					key: 0,
+					x: U.value.left,
+					y: U.value.top,
+					width: U.value.width <= 0 ? 10 : U.value.width,
+					height: U.value.height <= 0 ? 10 : U.value.height,
+					style: { pointerEvents: "none" }
+				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, qe)) : p("", !0),
+				(b(!0), m(u, null, S(W.value, (e) => (b(), m(u, null, [h("path", {
+					class: "transition-opacity",
+					d: `M${e.path}`,
+					stroke: F.value.style.chart.layout.lines.coatingColor,
+					"stroke-width": F.value.style.chart.layout.lines.strokeWidth + 2,
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					fill: "none",
+					style: y({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					onMouseenter: (t) => N.value = e.id,
+					onMouseleave: t[0] ||= (e) => N.value = null
+				}, null, 44, Je), h("path", {
+					class: "transition-opacity",
+					d: `M${e.path}`,
+					stroke: e.color,
+					"stroke-width": F.value.style.chart.layout.lines.strokeWidth,
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					fill: "none",
+					style: y({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					onMouseenter: (t) => Q(e, e),
+					onMouseleave: (t) => $(e, e),
+					onClick: (t) => jn(e, e)
+				}, null, 44, Ye)], 64))), 256)),
+				(b(!0), m(u, null, S(W.value, (t) => (b(), m(u, null, [
+					F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (b(!0), m(u, { key: 0 }, S(t.coordinates, (e, n) => (b(), m("circle", {
+						class: "transition-opacity",
+						cx: e.x,
+						cy: e.y,
+						r: F.value.style.chart.layout.plots.radius,
+						fill: t.color,
+						stroke: F.value.style.chart.layout.plots.stroke,
+						"stroke-width": F.value.style.chart.layout.plots.strokeWidth,
+						style: y({ opacity: N.value == null || N.value === t.id ? 1 : .1 }),
+						onMouseenter: (r) => Q({
+							...e,
+							pointIndex: n
+						}, t),
+						onMouseleave: (r) => $({
+							...e,
+							pointIndex: n
+						}, t),
+						onClick: (r) => Q({
+							...e,
+							pointIndex: n
+						}, t)
+					}, null, 44, Xe))), 256)) : p("", !0),
+					F.value.style.chart.layout.plots.labels.show && F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (b(!0), m(u, { key: 1 }, S(t.coordinates, (e) => (b(), m("text", {
+						class: "transition-opacity",
+						x: e.x,
+						y: e.y + F.value.style.chart.layout.plots.labels.fontSize / 3,
+						fill: e.labelColor,
+						"font-size": F.value.style.chart.layout.plots.labels.fontSize,
+						"text-anchor": "middle",
+						style: y({
+							userSelect: "none",
+							pointerEvents: "none",
+							opacity: N.value == null || N.value === t.id ? 1 : .1
+						})
+					}, w(e.rank), 13, Ze))), 256)) : p("", !0),
+					F.value.style.chart.layout.plots.labels.displayedValue === "value" ? (b(!0), m(u, { key: 2 }, S(t.coordinates, (n) => (b(), m(u, null, [T(i)(n.value) ? (b(), m("rect", Me({
+						key: 0,
+						class: "transition-opacity"
+					}, { ref_for: !0 }, ln(n), {
+						style: { opacity: N.value == null || N.value === t.id ? 1 : .1 },
+						onMouseenter: (n) => Q({
+							...e.point,
+							pointIndex: e.i
+						}, t),
+						onMouseleave: (n) => $({
+							...e.point,
+							pointIndex: e.i
+						}, t),
+						onClick: (n) => Q({
+							...e.point,
+							pointIndex: e.i
+						}, t)
+					}), null, 16, Qe)) : p("", !0), T(i)(n.value) && F.value.style.chart.layout.plots.labels.show ? (b(), m("text", {
+						key: 1,
+						class: "transition-opacity",
+						x: n.x,
+						y: n.y + F.value.style.chart.layout.plots.labels.fontSize / 3,
+						fill: n.labelColor,
+						"font-size": F.value.style.chart.layout.plots.labels.fontSize,
+						"text-anchor": "middle",
+						style: y({
+							userSelect: "none",
+							pointerEvents: "none",
+							opacity: N.value == null || N.value === t.id ? 1 : .1
+						})
+					}, w(n.displayValue), 13, $e)) : p("", !0)], 64))), 256)) : p("", !0)
+				], 64))), 256)),
+				F.value.style.chart.layout.nameLabels.leftLabels.show ? (b(), m("g", {
+					key: 1,
+					ref_key: "labelsLeft",
+					ref: At
+				}, [(b(!0), m(u, null, S(cn.value.left.filter((e) => T(i)(e.value)), (e, t) => (b(), m("text", {
+					class: "transition-opacity",
+					x: U.value.left,
+					y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
+					fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
+					"font-size": F.value.style.chart.layout.nameLabels.fontSize,
+					"font--weight": F.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
+					"text-anchor": "end",
+					innerHTML: T(te)({
+						content: e.name,
+						fontSize: F.value.style.chart.layout.nameLabels.fontSize,
+						fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
+						x: U.value.left - F.value.style.chart.layout.nameLabels.offsetX,
+						y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
+						translateY: !0
+					}),
+					style: y({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					onMouseenter: (t) => Q(e, e),
+					onMouseleave: (t) => $(e, e),
+					onClick: (t) => jn(e, e)
+				}, null, 44, et))), 256))], 512)) : p("", !0),
+				F.value.style.chart.layout.nameLabels.rightLabels.show ? (b(), m("g", {
+					key: 2,
+					ref_key: "labelsRight",
+					ref: jt
+				}, [(b(!0), m(u, null, S(cn.value.right.filter((e) => T(i)(e.value)), (e, t) => (b(), m("text", {
+					class: "transition-opacity",
+					x: U.value.right,
+					y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
+					fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
+					"font-size": F.value.style.chart.layout.nameLabels.fontSize,
+					"font--weight": F.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
+					"text-anchor": "start",
+					innerHTML: T(te)({
+						content: e.name,
+						fontSize: F.value.style.chart.layout.nameLabels.fontSize,
+						fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
+						x: U.value.right + F.value.style.chart.layout.nameLabels.offsetX,
+						y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
+						translateY: !0
+					}),
+					style: y({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					onMouseenter: (t) => Q(e, e),
+					onMouseleave: (t) => $(e, e),
+					onClick: (t) => jn(e, e)
+				}, null, 44, tt))), 256))], 512)) : p("", !0),
+				F.value.style.chart.layout.timeLabels.show ? (b(), m("g", {
+					key: 3,
+					ref_key: "timeLabelsEls",
+					ref: Mt
+				}, [e.$slots["time-label"] ? (b(), m("g", nt, [(b(!0), m(u, null, S(K.value, (t, n) => (b(), m("g", null, [C(e.$slots, "time-label", Me({ ref_for: !0 }, {
+					x: U.value.unitW * n + U.value.unitW / 2 + U.value.left,
+					y: U.value.chartHeight + F.value.style.chart.layout.timeLabels.offsetY,
+					fontSize: F.value.style.chart.layout.timeLabels.fontSize,
+					fill: F.value.style.chart.layout.timeLabels.color,
+					transform: `translate(${U.value.unitW * n + U.value.unitW / 2 + U.value.left}, ${U.value.chartHeight + F.value.style.chart.layout.timeLabels.offsetY}), rotate(${F.value.style.chart.layout.timeLabels.rotation})`,
+					absoluteIndex: t.absoluteIndex,
+					content: t.text,
+					textAnchor: F.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : F.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+					show: !0
+				}), void 0, !0)]))), 256))])) : (b(), m("g", rt, [(b(!0), m(u, null, S(K.value, (e, t) => (b(), m("g", null, [String(e.text).includes("\n") ? (b(), m("text", {
+					key: t + "-multi",
+					"text-anchor": F.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : F.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+					"font-size": F.value.style.chart.layout.timeLabels.fontSize,
+					fill: F.value.style.chart.layout.timeLabels.color,
+					transform: `
+                                        translate(
+                                        ${U.value.unitW * t + U.value.unitW / 2 + U.value.left},
+                                        ${U.value.chartHeight + F.value.style.chart.layout.timeLabels.fontSize * 1.3 + F.value.style.chart.layout.timeLabels.offsetY}
+                                        ),
+                                        rotate(${F.value.style.chart.layout.timeLabels.rotation})
+                                    `,
+					innerHTML: T(te)({
+						content: String(e.text),
+						fontSize: F.value.style.chart.layout.timeLabels.fontSize,
+						fill: F.value.style.chart.layout.timeLabels.color,
+						x: 0,
+						y: 0
+					})
+				}, null, 8, at)) : (b(), m("text", {
+					class: "vue-data-ui-time-label",
+					key: t,
+					"text-anchor": F.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : F.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+					"font-size": F.value.style.chart.layout.timeLabels.fontSize,
+					"font-weight": F.value.style.chart.layout.timeLabels.bold ? "bold" : "normal",
+					fill: F.value.style.chart.layout.timeLabels.color,
+					transform: `translate(${U.value.unitW * t + U.value.unitW / 2 + U.value.left}, ${U.value.chartHeight + F.value.style.chart.layout.timeLabels.offsetY}), rotate(${F.value.style.chart.layout.timeLabels.rotation})`
+				}, w(e.text), 9, it))]))), 256))]))], 512)) : p("", !0),
+				C(e.$slots, "svg", { svg: {
+					drawingArea: U.value,
+					data: W.value,
+					isPrintingImg: T(Wt) || T(Gt) || j.value,
+					isPrintingSvg: M.value
+				} }, void 0, !0)
+			], 46, Ke)), e.$slots.hint ? (b(), m("div", ot, [C(e.$slots, "hint", v(_({
+				hint: F.value.a11y.translations.keyboardNavigation,
+				isVisible: Nt.value
+			})), void 0, !0)])) : p("", !0)]),
+			e.$slots.watermark ? (b(), m("div", st, [C(e.$slots, "watermark", v(_({ isPrinting: T(Wt) || T(Gt) || j.value || M.value })), void 0, !0)])) : p("", !0),
+			yt.value && F.value.userOptions.buttons.table ? (b(), f(Le(X.value.component), Me({ key: 6 }, X.value.props, {
+				ref_key: "tableUnit",
+				ref: A,
+				onClose: Cn
+			}), ke({
+				content: E(() => [je(T(dt), {
+					colNames: Z.value.colNames,
+					head: Z.value.head,
+					body: Z.value.body,
+					config: Z.value.config,
+					title: F.value.table.useDialog ? "" : X.value.title,
+					withCloseButton: !F.value.table.useDialog,
+					isCursorPointer: I.value,
+					onClose: Cn
+				}, {
+					th: E(({ th: e }) => [h("div", { innerHTML: e }, null, 8, ct)]),
+					td: E(({ td: e }) => [Ae(w(e), 1)]),
+					_: 1
+				}, 8, [
+					"colNames",
+					"head",
+					"body",
+					"config",
+					"title",
+					"withCloseButton",
+					"isCursorPointer"
+				])]),
+				_: 2
+			}, [F.value.table.useDialog ? {
+				name: "title",
+				fn: E(() => [Ae(w(X.value.title), 1)]),
+				key: "0"
+			} : void 0, F.value.table.useDialog ? {
+				name: "actions",
+				fn: E(() => [h("button", {
+					tabindex: "0",
+					class: "vue-ui-user-options-button",
+					onClick: t[1] ||= (e) => Tn(F.value.userOptions.callbacks.csv),
+					style: y({ cursor: I.value ? "pointer" : "default" })
+				}, [je(T(lt), {
+					name: "fileCsv",
+					stroke: X.value.props.color
+				}, null, 8, ["stroke"])], 4)]),
+				key: "1"
+			} : void 0]), 1040)) : p("", !0),
+			e.$slots.source ? (b(), m("div", {
+				key: 7,
+				ref_key: "source",
+				ref: Ct,
+				dir: "auto"
+			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			C(e.$slots, "skeleton", {}, () => [T(Ft) ? (b(), f(he, { key: 0 })) : p("", !0)], !0)
+		], 46, Ue));
+	}
+}, [["__scopeId", "data-v-893ac120"]]);
+//#endregion
+export { He as n, lt as t };