vue-data-ui 3.22.7 → 3.22.9

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

@@ -1,1249 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Gt as t, H as n, Ot as r, Q as i, R as a, S as o, Ut as ee, W as s, X as c, b as l, i as te, j as ne, jt as u, q as re, r as ie, s as ae, t as oe, ut as se, w as ce, xt as d } from "./lib-EAmk-PgA.js";
-import { t as le } from "./useTimeLabels-BmBRv27Y.js";
-import { t as ue } from "./useConfig-DYM3f6EI.js";
-import { t as de } from "./usePrinter-DnGzpp6Q.js";
-import { n as fe, t as pe } from "./BaseScanner-DZvpgOjM.js";
-import { t as me } from "./useSvgExport-SVIsDot8.js";
-import { t as he } from "./useNestedProp-D8XqxgOU.js";
-import { t as ge } from "./useThemeCheck-C43Tcqmk.js";
-import { t as _e } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { n as ve } from "./Title-PiTKr6sp.js";
-import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as be } from "./canvas-lib-BOP_HS11.js";
-import { t as xe } from "./useResponsive-BfnK0KxU.js";
-import { t as Se } from "./A11yDataTable-DdRsVULz.js";
-import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
-import { t as we } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Te } from "./vue_ui_bump-Vl-zYAtG.js";
-import { t as Ee } from "./BaseDraggableDialog-1wwwdwV2.js";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Ne, onMounted as Pe, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Fe, shallowRef as Ie, toDisplayString as E, toRefs as Le, unref as D, watch as Re, watchEffect as ze, withCtx as O } from "vue";
-//#region src/components/vue-ui-bump.vue
-var Be = /* @__PURE__ */ e({ default: () => st }), Ve = ["id"], He = ["id"], Ue = { style: { position: "relative" } }, We = [
-	"xmlns",
-	"aria-describedby",
-	"viewBox"
-], Ge = [
-	"x",
-	"y",
-	"width",
-	"height"
-], Ke = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"onMouseenter"
-], qe = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Je = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Ye = [
-	"x",
-	"y",
-	"fill",
-	"font-size"
-], Xe = [
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Ze = [
-	"x",
-	"y",
-	"fill",
-	"font-size"
-], Qe = [
-	"x",
-	"y",
-	"fill",
-	"font-size",
-	"font--weight",
-	"innerHTML",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], $e = [
-	"x",
-	"y",
-	"fill",
-	"font-size",
-	"font--weight",
-	"innerHTML",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], et = { key: 0 }, tt = { key: 1 }, nt = [
-	"text-anchor",
-	"font-size",
-	"font-weight",
-	"fill",
-	"transform"
-], rt = [
-	"text-anchor",
-	"font-size",
-	"fill",
-	"transform",
-	"innerHTML"
-], it = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, at = {
-	key: 5,
-	class: "vue-data-ui-watermark"
-}, ot = ["innerHTML"], st = /*#__PURE__*/ ye({
-	__name: "vue-ui-bump",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		}
-	},
-	emits: ["copyAlt"],
-	setup(e, { expose: ye, emit: Be }) {
-		let st = v(() => import("./BaseIcon-_-BX7be3.js").then((e) => e.n)), ct = v(() => import("./vue-ui-accordion-Dzz8XhX3.js").then((e) => e.n)), lt = v(() => import("./DataTable-CVF7DoZn.js")), ut = v(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), dt = v(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), ft = v(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), { vue_ui_bump: pt } = ue(), { isThemeValid: mt, warnInvalidTheme: ht } = ge(), k = e, gt = Be, _t = p({
-			get() {
-				return !!k.dataset && k.dataset.length;
-			},
-			set(e) {
-				return e;
-			}
-		}), A = C(null), j = C(s()), vt = C(0), yt = C(null), bt = C(null), xt = C(null), St = C(!1), Ct = C(!1), wt = C(0), Tt = C(0), M = C(null), Et = C(null), Dt = C(!1), Ot = C(!1), kt = C(!1), N = C(null), At = C(null), jt = C(null), Mt = C(null), P = C(null), Nt = C(!1), F = C(Rt()), I = p(() => F.value.userOptions.useCursorPointer), Pt = p(() => t({
-			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 } = fe({
-			...Le(k),
-			FINAL_CONFIG: F,
-			prepareConfig: Rt,
-			skeletonDataset: k.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: t({
-				defaultConfig: F.value,
-				userConfig: Pt.value
-			})
-		});
-		Pe(Qt);
-		function Rt() {
-			let e = he({
-				userConfig: k.config,
-				defaultConfig: pt
-			}), t = {}, n = e.theme;
-			if (n) if (!mt.value(e)) ht(e), t = e;
-			else {
-				let r = he({
-					userConfig: Te[n] || k.config,
-					defaultConfig: e
-				});
-				t = {
-					...he({
-						userConfig: k.config,
-						defaultConfig: r
-					}),
-					customPalette: e.customPalette.length ? e.customPalette : ee[n] || u
-				};
-			}
-			else t = e;
-			return t;
-		}
-		let { userOptionsVisible: zt, setUserOptionsVisibility: Bt, keepUserOptionState: Vt } = Ce({ config: F.value }), { svgRef: L } = we({ config: F.value.style.chart.title });
-		function Ht() {
-			Dt.value = !0, Bt(!0);
-		}
-		function Ut() {
-			Bt(!1), Dt.value = !1;
-		}
-		let R = C({ showTable: F.value.table.show });
-		Re(F, () => {
-			R.value = { showTable: F.value.table.show };
-		}, { immediate: !0 }), Re(() => k.config, (e) => {
-			Ft.value || (F.value = Rt()), zt.value = !F.value.userOptions.showOnChartHover, Qt(), wt.value += 1, Tt.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
-			};
-		}), Re(() => k.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Lt.value = !1);
-		}, { deep: !0 });
-		let { isPrinting: Wt, isImaging: Gt, generatePdf: Kt, generateImage: qt } = de({
-			elementId: `bump_${j.value}`,
-			fileName: F.value.style.chart.title.text || "vue-ui-bump",
-			options: F.value.userOptions.print
-		}), Jt = p(() => F.value.userOptions.show && !F.value.style.chart.title.text), z = C({
-			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 = p(() => o(F.value.customPalette)), B = Ie(null), V = Ie(null), Xt = C(null), Zt = p(() => !!F.value.debug);
-		function Qt() {
-			if (r(k.dataset) ? (i({
-				componentName: "VueUiBump",
-				type: "dataset",
-				debug: Zt.value
-			}), Lt.value = !0) : k.dataset.forEach((e, t) => {
-				se({
-					datasetObject: e,
-					requiredAttributes: ["name", "values"]
-				}).forEach((e) => {
-					_t.value = !1, i({
-						componentName: "VueUiBump",
-						type: "datasetSerieAttribute",
-						property: e,
-						index: t,
-						debug: Zt.value
-					}), Lt.value = !0;
-				});
-			}), r(k.dataset) || (Lt.value = F.value.loading), setTimeout(() => {
-				Ct.value = !0;
-			}, 10), F.value.responsive) {
-				let e = be(() => {
-					Ct.value = !1;
-					let { width: e, height: t } = xe({
-						chart: A.value,
-						noTitle: bt.value,
-						title: F.value.style.chart.title.text ? yt.value : null,
-						legend: null,
-						slicer: null,
-						source: xt.value
-					});
-					requestAnimationFrame(() => {
-						z.value.width = e, z.value.height = t - 12, clearTimeout(Xt.value), Xt.value = setTimeout(() => {
-							Ct.value = !0;
-						}, 10);
-					});
-				});
-				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = A.value.parentNode, B.value.observe(V.value);
-			}
-		}
-		Ne(() => {
-			B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
-		});
-		let $t = p(() => It.value.map((e, t) => {
-			let n = l(e.color) || Yt.value[t] || u[t] || u[t % u.length];
-			return {
-				...e,
-				absoluteIndex: t,
-				id: s(),
-				color: n
-			};
-		})), H = p(() => 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 = C(0), an = be((e) => {
-			rn.value = e;
-		}, 100);
-		ze((e) => {
-			let t = Mt.value;
-			if (!t) return;
-			let n = new ResizeObserver((e) => {
-				an(e[0].contentRect.height);
-			});
-			n.observe(t), e(() => n.disconnect());
-		}), Ne(() => {
-			rn.value = 0;
-		});
-		let on = p(() => {
-			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), ee = t * 1.3 * a, s = o * t * (o === 1 ? 1 : .6), c = Math.abs(Math.sin(r)) * s + Math.abs(Math.cos(r)) * ee, l = t * .3;
-			return Math.max(0, c + Math.abs(e.offsetY) + l);
-		}), U = p(() => {
-			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, ee = t - t * n - a, s = 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, u = Math.max(0, e);
-			return {
-				chartHeight: ne,
-				chartWidth: Math.max(0, t),
-				top: o,
-				right: Math.max(0, ee),
-				bottom: Math.max(0, te),
-				left: Math.max(0, s),
-				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: u
-			};
-		}), W = p(() => {
-			if (!_t.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 = te(F.value.style.chart.layout.plots.labels.formatter, e.values[n], re({
-						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" ? ie(e.color) : l(F.value.style.chart.layout.plots.labels.color) ?? ie(e.color)
-					};
-				}), n = t.filter((e) => d(e.value)), r = F.value.style.chart.layout.lines.smooth ? ne(n) : a(n);
-				return {
-					...e,
-					coordinates: t,
-					path: r
-				};
-			});
-		});
-		p(() => 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) => d(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 = p(() => {
-			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, ee = e.x - a / 2, s = e.y - o / 2, c = F.value.style.chart.layout.plots.strokeWidth;
-			return {
-				x: ee - c / 2,
-				y: s - 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 = C([]), un = 0;
-		ze(() => {
-			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 le({
-					values: n,
-					maxDatapoints: i,
-					formatter: r,
-					start: 0,
-					end: i
-				});
-				e === un && (G.value = t);
-			})();
-		});
-		let dn = p(() => {
-			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 = p(() => {
-			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 ae(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, dn.value || 1), i, a, 0, null, r);
-		}), fn = p(() => z.value.width), pn = p(() => z.value.height), mn = p(() => ({
-			start: 0,
-			end: H.value
-		})), q = p(() => [...W.value].map((e) => {
-			let t = [...e.coordinates].filter((e) => d(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 = p(() => ({
-			head: Z.value.head,
-			body: W.value.map((e) => [e.name, ...e.coordinates.map((e) => d(e.value) ? `${e.displayValue} (${e.rank})` : "-")]),
-			caption: F.value.a11y.translations.tableCaption,
-			notice: F.value.a11y.translations.tableAvailable
-		}));
-		_e({
-			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 = C(!1);
-		function bn() {
-			Y.value = !Y.value;
-		}
-		function xn(e) {
-			St.value = e, vt.value += 1;
-		}
-		function Sn() {
-			R.value.showTable = !R.value.showTable;
-		}
-		Re(() => R.value.showTable, (e) => {
-			F.value.table.show || (e && F.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
-		});
-		function Cn() {
-			R.value.showTable = !1, Et.value && Et.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}`)]), a = ce(t.concat([[F.value.table.columnNames.values]]).concat([n]).concat(r).concat([
-				[""],
-				[F.value.table.columnNames.ranking],
-				[n]
-			]).concat(i));
-			e ? e(a) : c({
-				csvContent: a,
-				title: F.value.style.chart.title.text || "vue-ui-bump"
-			});
-		}
-		let X = p(() => {
-			let e = F.value.table.useDialog && !F.value.table.show, t = R.value.showTable;
-			return {
-				component: e ? Ee : ct,
-				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: St.value,
-					fullscreenParent: A.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 = p(() => ({
-			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 = p(() => F.value.style.chart.backgroundColor), { exportSvg: Dn, getSvg: On } = me({
-			svg: L,
-			title: p(() => F.value.style.chart.title),
-			legend: null,
-			legendItems: null,
-			backgroundColor: En
-		});
-		async function kn({ isCb: e }) {
-			kt.value = !0, await je();
-			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 {
-				kt.value = !1;
-			}
-		}
-		async function An({ scale: e = 2 } = {}) {
-			if (!A.value) return;
-			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
-				domElement: A.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") {
-				Ot.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				Ot.value = !1;
-				return;
-			}
-			qt();
-		}
-		async function Nn() {
-			if (gt("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 ye({
-			getData: wn,
-			getImage: An,
-			generatePdf: Kt,
-			generateCsv: Tn,
-			generateImage: qt,
-			generateSvg: kn,
-			toggleTable: Sn,
-			toggleAnnotator: bn,
-			toggleFullscreen: xn,
-			copyAlt: Nn
-		}), (e, t) => (S(), g("div", {
-			id: `bump_${j.value}`,
-			ref_key: "bumpChart",
-			ref: A,
-			class: Me({
-				"vue-data-ui-component": !0,
-				"vue-ui-bump": !0,
-				"vue-data-ui-wrapper-fullscreen": St.value
-			}),
-			style: x(`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
-		}, [
-			_("p", {
-				id: `chart-instructions-${j.value}`,
-				class: "sr-only"
-			}, E(F.value.a11y.translations.keyboardNavigation), 9, He),
-			J.value.body.length ? (S(), m(Se, {
-				key: 0,
-				uid: j.value,
-				head: J.value.head,
-				body: J.value.body,
-				caption: J.value.caption,
-				notice: J.value.notice
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"caption",
-				"notice"
-			])) : h("", !0),
-			F.value.userOptions.buttons.annotator ? (S(), m(D(ut), {
-				key: 1,
-				svgRef: D(L),
-				backgroundColor: F.value.style.chart.backgroundColor,
-				color: F.value.style.chart.color,
-				active: Y.value,
-				isCursorPointer: I.value,
-				onClose: bn
-			}, {
-				"annotator-action-close": O(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": O(({ color: t }) => [T(e.$slots, "annotator-action-color", b(y({ color: t })), void 0, !0)]),
-				"annotator-action-draw": O(({ mode: t }) => [T(e.$slots, "annotator-action-draw", b(y({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", b(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", b(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": O(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", b(y({ disabled: t })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"svgRef",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer"
-			])) : h("", !0),
-			T(e.$slots, "userConfig", {}, void 0, !0),
-			Jt.value ? (S(), g("div", {
-				key: 2,
-				ref_key: "noTitle",
-				ref: bt,
-				class: "vue-data-ui-no-title-space",
-				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : h("", !0),
-			F.value.style.chart.title.text ? (S(), g("div", {
-				key: 3,
-				ref_key: "chartTitle",
-				ref: yt,
-				style: "width:100%;background:transparent;"
-			}, [(S(), m(ve, {
-				key: `title_${wt.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)) : h("", !0),
-			F.value.userOptions.show && _t.value && (D(Vt) || D(zt)) ? (S(), m(D(dt), {
-				ref_key: "userOptionsRef",
-				ref: Et,
-				key: `user_option_${vt.value}`,
-				backgroundColor: F.value.style.chart.backgroundColor,
-				color: F.value.style.chart.color,
-				isPrinting: D(Wt),
-				isImaging: D(Gt),
-				uid: j.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: St.value,
-				chartElement: A.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: D(Kt),
-				onGenerateCsv: Tn,
-				onGenerateImage: Mn,
-				onGenerateSvg: kn,
-				onToggleTable: Sn,
-				onToggleAnnotator: bn,
-				onCopyAlt: Nn,
-				style: x({ visibility: D(Vt) ? D(zt) ? "visible" : "hidden" : "visible" })
-			}, De({ _: 2 }, [
-				e.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: O(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", b(y({
-						isOpen: t,
-						color: n
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				e.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: O(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				e.$slots.optionCsv ? {
-					name: "optionCsv",
-					fn: O(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				e.$slots.optionImg ? {
-					name: "optionImg",
-					fn: O(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				e.$slots.optionSvg ? {
-					name: "optionSvg",
-					fn: O(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				e.$slots.optionTable ? {
-					name: "optionTable",
-					fn: O(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
-					key: "5"
-				} : void 0,
-				e.$slots.optionFullscreen ? {
-					name: "optionFullscreen",
-					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", b(y({
-						toggleFullscreen: t,
-						isFullscreen: n
-					})), void 0, !0)]),
-					key: "6"
-				} : void 0,
-				e.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", b(y({
-						toggleAnnotator: t,
-						isAnnotator: n
-					})), void 0, !0)]),
-					key: "7"
-				} : void 0,
-				e.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					fn: O(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", b(y({ altCopy: t })), void 0, !0)]),
-					key: "8"
-				} : void 0,
-				e.$slots["custom-menu-before"] ? {
-					name: "custom-menu-before",
-					fn: O(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "9"
-				} : void 0,
-				e.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: O(() => [T(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"
-			])) : h("", !0),
-			_("div", Ue, [(S(), g("svg", {
-				ref_key: "svgRef",
-				ref: L,
-				xmlns: D(oe),
-				"aria-describedby": `chart-instructions-${j.value}`,
-				viewBox: `0 0 ${U.value.chartWidth <= 0 ? 10 : U.value.chartWidth} ${U.value.svgHeight <= 0 ? 10 : U.value.svgHeight}`,
-				class: Me({
-					"vue-data-ui-loading": D(Ft),
-					"no-transition": !F.value.useCssAnimation,
-					"with-transition": F.value.useCssAnimation
-				}),
-				style: x(`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
-			}, [
-				ke(D(ft)),
-				e.$slots["chart-background"] ? (S(), g("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" }
-				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : h("", !0),
-				(S(!0), g(f, null, w(W.value, (e) => (S(), g(f, null, [_("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: x({ 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, Ke), _("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: x({ 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, qe)], 64))), 256)),
-				(S(!0), g(f, null, w(W.value, (t) => (S(), g(f, null, [
-					F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (S(!0), g(f, { key: 0 }, w(t.coordinates, (e, n) => (S(), g("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: x({ 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, Je))), 256)) : h("", !0),
-					F.value.style.chart.layout.plots.labels.show && F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (S(!0), g(f, { key: 1 }, w(t.coordinates, (e) => (S(), g("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: x({
-							userSelect: "none",
-							pointerEvents: "none",
-							opacity: N.value == null || N.value === t.id ? 1 : .1
-						})
-					}, E(e.rank), 13, Ye))), 256)) : h("", !0),
-					F.value.style.chart.layout.plots.labels.displayedValue === "value" ? (S(!0), g(f, { key: 2 }, w(t.coordinates, (n) => (S(), g(f, null, [D(d)(n.value) ? (S(), g("rect", Ae({
-						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, Xe)) : h("", !0), D(d)(n.value) && F.value.style.chart.layout.plots.labels.show ? (S(), g("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: x({
-							userSelect: "none",
-							pointerEvents: "none",
-							opacity: N.value == null || N.value === t.id ? 1 : .1
-						})
-					}, E(n.displayValue), 13, Ze)) : h("", !0)], 64))), 256)) : h("", !0)
-				], 64))), 256)),
-				F.value.style.chart.layout.nameLabels.leftLabels.show ? (S(), g("g", {
-					key: 1,
-					ref_key: "labelsLeft",
-					ref: At
-				}, [(S(!0), g(f, null, w(cn.value.left.filter((e) => D(d)(e.value)), (e, t) => (S(), g("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: D(n)({
-						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: x({ 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, Qe))), 256))], 512)) : h("", !0),
-				F.value.style.chart.layout.nameLabels.rightLabels.show ? (S(), g("g", {
-					key: 2,
-					ref_key: "labelsRight",
-					ref: jt
-				}, [(S(!0), g(f, null, w(cn.value.right.filter((e) => D(d)(e.value)), (e, t) => (S(), g("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: D(n)({
-						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: x({ 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, $e))), 256))], 512)) : h("", !0),
-				F.value.style.chart.layout.timeLabels.show ? (S(), g("g", {
-					key: 3,
-					ref_key: "timeLabelsEls",
-					ref: Mt
-				}, [e.$slots["time-label"] ? (S(), g("g", et, [(S(!0), g(f, null, w(K.value, (t, n) => (S(), g("g", null, [T(e.$slots, "time-label", Ae({ 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))])) : (S(), g("g", tt, [(S(!0), g(f, null, w(K.value, (e, t) => (S(), g("g", null, [String(e.text).includes("\n") ? (S(), g("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: D(n)({
-						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, rt)) : (S(), g("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})`
-				}, E(e.text), 9, nt))]))), 256))]))], 512)) : h("", !0),
-				T(e.$slots, "svg", { svg: {
-					drawingArea: U.value,
-					data: W.value,
-					isPrintingImg: D(Wt) || D(Gt) || Ot.value,
-					isPrintingSvg: kt.value
-				} }, void 0, !0)
-			], 46, We)), e.$slots.hint ? (S(), g("div", it, [T(e.$slots, "hint", b(y({
-				hint: F.value.a11y.translations.keyboardNavigation,
-				isVisible: Nt.value
-			})), void 0, !0)])) : h("", !0)]),
-			e.$slots.watermark ? (S(), g("div", at, [T(e.$slots, "watermark", b(y({ isPrinting: D(Wt) || D(Gt) || Ot.value || kt.value })), void 0, !0)])) : h("", !0),
-			_t.value && F.value.userOptions.buttons.table ? (S(), m(Fe(X.value.component), Ae({ key: 6 }, X.value.props, {
-				ref_key: "tableUnit",
-				ref: M,
-				onClose: Cn
-			}), De({
-				content: O(() => [ke(D(lt), {
-					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: O(({ th: e }) => [_("div", { innerHTML: e }, null, 8, ot)]),
-					td: O(({ td: e }) => [Oe(E(e), 1)]),
-					_: 1
-				}, 8, [
-					"colNames",
-					"head",
-					"body",
-					"config",
-					"title",
-					"withCloseButton",
-					"isCursorPointer"
-				])]),
-				_: 2
-			}, [F.value.table.useDialog ? {
-				name: "title",
-				fn: O(() => [Oe(E(X.value.title), 1)]),
-				key: "0"
-			} : void 0, F.value.table.useDialog ? {
-				name: "actions",
-				fn: O(() => [_("button", {
-					tabindex: "0",
-					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Tn(F.value.userOptions.callbacks.csv),
-					style: x({ cursor: I.value ? "pointer" : "default" })
-				}, [ke(D(st), {
-					name: "fileCsv",
-					stroke: X.value.props.color
-				}, null, 8, ["stroke"])], 4)]),
-				key: "1"
-			} : void 0]), 1040)) : h("", !0),
-			e.$slots.source ? (S(), g("div", {
-				key: 7,
-				ref_key: "source",
-				ref: xt,
-				dir: "auto"
-			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
-			T(e.$slots, "skeleton", {}, () => [D(Ft) ? (S(), m(pe, { key: 0 })) : h("", !0)], !0)
-		], 46, Ve));
-	}
-}, [["__scopeId", "data-v-893ac120"]]);
-//#endregion
-export { Be as n, st as t };