vue-data-ui 3.20.0 → 3.20.1

package/dist/vue-ui-treemap-O3SBpD3K.js

@@ -1,1587 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Ct as n, Et as r, G as i, H as a, J as o, K as s, Rt as c, S as l, X as u, Z as d, bt as f, i as ee, nt as te, pt as ne, r as re, t as ie, x as ae, y as p } from "./lib-DUeYQsS0.js";
-import { t as oe } from "./useConfig-DAyQk86L.js";
-import { t as se } from "./usePrinter-C1Gqt_Sp.js";
-import { n as ce, t as le } from "./BaseScanner-Dr2a1Msy.js";
-import { t as ue } from "./useSvgExport-SVIsDot8.js";
-import { t as de } from "./useNestedProp-CNcoy38D.js";
-import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as pe } from "./img-1cKsci8e.js";
-import { n as me } from "./Title-NWp4qB4K.js";
-import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as ge } from "./canvas-lib-BOP_HS11.js";
-import { t as _e } from "./useResponsive-BfnK0KxU.js";
-import { t as ve } from "./BaseIcon-DfLoHNUj.js";
-import { t as ye } from "./BaseLegendToggle-C_Db-y7s.js";
-import { t as be } from "./A11yDataTable-BCbtxMU6.js";
-import { t as xe } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Se } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ce } from "./Legend-Cz2uQ5gs.js";
-import { t as we } from "./vue_ui_treemap-DoEtkRN6.js";
-import { Fragment as Te, Teleport as Ee, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as y, guardReactiveProps as b, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as Ne, onMounted as Pe, openBlock as C, ref as w, renderList as Fe, renderSlot as T, resolveDynamicComponent as Ie, shallowRef as E, toDisplayString as Le, toRefs as Re, unref as D, useSlots as ze, watch as Be, withCtx as O, withKeys as Ve, withModifiers as He } from "vue";
-//#region src/treemap.js
-function Ue(e, t) {
-	let n = e.length;
-	if (n === 0) throw Error(`Max aspect ratio cannot be computed: ${e} is an empty array`);
-	{
-		let r = Infinity, i = -Infinity, a = 0;
-		for (let t = 0; t < n; t += 1) {
-			let n = e[t].normalizedValue;
-			n < r && (r = n), n > i && (i = n), a += n;
-		}
-		return Math.max(t ** 2 * i / a ** 2, a ** 2 / (t ** 2 * r));
-	}
-}
-function We(e) {
-	let { xOffset: t, yOffset: n, width: r, height: i } = e;
-	return {
-		x0: t,
-		y0: n,
-		x1: t + r,
-		y1: n + i
-	};
-}
-function Ge(e, t, n) {
-	if (e.length === 0) return !0;
-	{
-		let r = e.concat(t);
-		return Ue(e, n) >= Ue(r, n);
-	}
-}
-function Ke(e) {
-	let t = [], n = e.length;
-	for (let r = 0; r < n; r += 1) {
-		let n = e[r], i = n.length;
-		for (let e = 0; e < i; e += 1) t.push(n[e]);
-	}
-	return t;
-}
-function qe(e, t) {
-	return et({
-		...t,
-		children: e
-	});
-}
-function Je(e) {
-	return (e.x1 - e.x0) * (e.y1 - e.y0);
-}
-function Ye(e, t) {
-	let { width: n, height: r, xOffset: i, yOffset: a } = Qe(t), o = e.length, s = e.map((e) => e.normalizedValue || 0).reduce((e, t) => e + t, 0), c = s / r, l = s / n, u = i, d = a, f = [];
-	if (n >= r) {
-		for (let t = 0; t < o; t += 1) {
-			let n = e[t], r = d + n.normalizedValue / c, i = {
-				x0: u,
-				y0: d,
-				x1: u + c,
-				y1: r
-			}, a = Object.assign({}, n, i);
-			d = r, f.push(a);
-		}
-		return f;
-	} else {
-		for (let t = 0; t < o; t += 1) {
-			let n = e[t], r = u + n.normalizedValue / l, i = {
-				x0: u,
-				y0: d,
-				x1: r,
-				y1: d + l
-			}, a = Object.assign({}, n, i);
-			u = r, f.push(a);
-		}
-		return f;
-	}
-}
-function Xe(e) {
-	let t = Qe(e), n = t.width, r = t.height;
-	return Math.min(n, r);
-}
-function Ze(e, t) {
-	let n = e.length, r = t / e.map((e) => e.value ?? 0).reduce((e, t) => e + t, 0), i = [], a, o;
-	for (let t = 0; t < n; t += 1) o = e[t], a = Object.assign({}, o, { normalizedValue: o.value * (r || 0) }), i.push(a);
-	return i;
-}
-function Qe(e) {
-	let { x0: t, y0: n, x1: r, y1: i } = e;
-	return {
-		xOffset: t,
-		yOffset: n,
-		width: r - t,
-		height: i - n
-	};
-}
-function $e(e, t, n, r) {
-	let i = e, a = t, o = n, s = r;
-	for (;;) {
-		let e = i.length;
-		if (e === 0) {
-			let e = Ye(a, o);
-			return s.concat(e);
-		}
-		let t = Xe(o), n = i[0], r = i.slice(1, e);
-		if (Ge(a, n, t)) {
-			let e = a.concat(n);
-			i = r, a = e, o = o, s = s;
-		} else {
-			let e = a.length, t = 0;
-			for (let n = 0; n < e; n += 1) t += a[n].normalizedValue;
-			let n = k(o, t), r = Ye(a, o), c = s.concat(r);
-			i = i, a = [], o = n, s = c;
-		}
-	}
-}
-function et(e) {
-	if (e.children === void 0 || !e.children.length) return [e];
-	{
-		let t = $e(Ze(e.children, Je(e)), [], e, []), n = t.length, r = [];
-		for (let e = 0; e < n; e += 1) r.push(et(t[e]));
-		return Ke(r);
-	}
-}
-function k(e, t) {
-	let { width: n, height: r, xOffset: i, yOffset: a } = Qe(e);
-	if (n >= r) {
-		let e = t / r, o = n - e;
-		return We({
-			xOffset: i + e,
-			yOffset: a,
-			width: o,
-			height: r
-		});
-	} else {
-		let e = t / n, o = r - e;
-		return We({
-			xOffset: i,
-			yOffset: a + e,
-			width: n,
-			height: o
-		});
-	}
-}
-//#endregion
-//#region src/components/vue-ui-treemap.vue
-var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it = ["id"], at = [
-	"tabindex",
-	"onClick",
-	"onKeydown",
-	"data-last-crumb",
-	"onMouseenter",
-	"onFocus"
-], ot = { class: "vue-ui-treemap-crumb-unit" }, st = { class: "vue-ui-treemap-crumb-unit-label" }, ct = {
-	key: 0,
-	style: {
-		width: "24px",
-		display: "flex",
-		"align-items": "center"
-	}
-}, lt = {
-	key: 0,
-	class: "vue-ui-treemap-crumb-unit-arrow"
-}, ut = { style: { position: "relative" } }, dt = [
-	"xmlns",
-	"aria-describedby",
-	"viewBox"
-], ft = { key: 0 }, pt = ["id"], mt = ["stop-color"], ht = ["stop-color"], gt = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"rx",
-	"stroke",
-	"stroke-width",
-	"onClick",
-	"onMouseenter",
-	"onMouseleave"
-], _t = ["innerHTML"], vt = [
-	"x",
-	"y",
-	"height",
-	"width"
-], yt = {
-	style: {
-		width: "100%",
-		height: "100%"
-	},
-	class: "vue-ui-treemap-cell"
-}, bt = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, xt = {
-	key: 6,
-	class: "vue-data-ui-watermark"
-}, St = ["id"], Ct = ["onClick"], wt = ["innerHTML"], Tt = /* @__PURE__ */ he({
-	__name: "vue-ui-treemap",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		}
-	},
-	emits: [
-		"selectLegend",
-		"selectDatapoint",
-		"copyAlt"
-	],
-	setup(e, { expose: he, emit: Ue }) {
-		let We = y(() => import("./DataTable-B--IN22e.js")), Ge = y(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ke = y(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), Je = y(() => import("./Tooltip-BENq327o.js")), Ye = y(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Xe = y(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), Ze = y(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_treemap: Qe } = oe(), { isThemeValid: $e, warnInvalidTheme: et } = fe(), k = e, tt = Ue, Tt = ze();
-		Pe(() => {
-			Tt["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
-		});
-		let Et = m(() => !!k.dataset && k.dataset.length), Dt = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = w(a()), Ot = w(!1), kt = w(""), j = w(!1), At = w(0), M = w([]), N = E(null), jt = E(null), Mt = E(null), Nt = E(null), Pt = E(null), Ft = w(0), It = w(0), Lt = w(0), P = w([]), Rt = w(null), zt = w(!1), Bt = w(null), Vt = w(null), Ht = w(null), Ut = w(/* @__PURE__ */ new Map()), Wt = w(!1), Gt = w(!1), F = w(null), Kt = w({
-			x: 0,
-			y: 0
-		}), qt = w("pointer"), Jt = w(!1), I = w(tn()), L = m(() => I.value.userOptions.useCursorPointer), Yt = m(() => t({
-			defaultConfig: {
-				userOptions: { show: !1 },
-				style: { chart: {
-					backgroundColor: "#999999",
-					layout: {
-						labels: { showDefaultLabels: !1 },
-						rects: { stroke: "#6A6A6A" }
-					},
-					legend: { backgroundColor: "transparent" }
-				} }
-			},
-			userConfig: I.value.skeletonConfig ?? {}
-		})), { loading: R, FINAL_DATASET: Xt, manualLoading: Zt } = ce({
-			...Re(k),
-			FINAL_CONFIG: I,
-			prepareConfig: tn,
-			skeletonDataset: k.config?.skeletonDataset ?? [{
-				name: "_",
-				value: 53,
-				color: "#CACACA90",
-				children: [
-					{
-						name: "_",
-						value: 21
-					},
-					{
-						name: "_",
-						value: 13
-					},
-					{
-						name: "_",
-						value: 8
-					},
-					{
-						name: "_",
-						value: 5
-					},
-					{
-						name: "_",
-						value: 3
-					},
-					{
-						name: "_",
-						value: 2
-					},
-					{
-						name: "_",
-						value: 1
-					}
-				]
-			}],
-			skeletonConfig: t({
-				defaultConfig: I.value,
-				userConfig: Yt.value
-			})
-		}), { userOptionsVisible: Qt, setUserOptionsVisibility: $t, keepUserOptionState: en } = xe({ config: I.value }), { svgRef: z } = Se({ config: I.value.style.chart.title });
-		function tn() {
-			let e = de({
-				userConfig: k.config,
-				defaultConfig: Qe
-			}), t = e.theme;
-			if (!t) return e;
-			if (!$e.value(e)) return et(e), e;
-			let n = de({
-				userConfig: we[t] || k.config,
-				defaultConfig: e
-			}), i = de({
-				userConfig: k.config,
-				defaultConfig: n
-			});
-			return {
-				...i,
-				customPalette: i.customPalette.length ? i.customPalette : c[t] || r
-			};
-		}
-		Be(() => k.config, (e) => {
-			R.value || (I.value = tn()), Qt.value = !I.value.userOptions.showOnChartHover, Ft.value += 1, It.value += 1, Lt.value += 1, B.value.showTable = I.value.table.show, B.value.showTooltip = I.value.style.chart.tooltip.show;
-		}, { deep: !0 });
-		let { isPrinting: nn, isImaging: rn, generatePdf: an, generateImage: on } = se({
-			elementId: `treemap_${A.value}`,
-			fileName: I.value.style.chart.title.text || "vue-ui-treemap",
-			options: I.value.userOptions.print
-		}), sn = m(() => I.value.userOptions.show && !I.value.style.chart.title.text), cn = m(() => ae(I.value.customPalette)), B = w({
-			showTable: I.value.table.show,
-			showTooltip: I.value.style.chart.tooltip.show
-		});
-		Be(I, () => {
-			B.value = {
-				showTable: I.value.table.show,
-				showTooltip: I.value.style.chart.tooltip.show
-			};
-		}, { immediate: !0 });
-		let V = w({
-			height: I.value.style.chart.height,
-			width: I.value.style.chart.width
-		});
-		function ln(e) {
-			let t = N.value, n = V.value.height;
-			return !t || !n ? e : e * (n / t.getBoundingClientRect().height);
-		}
-		function un() {
-			if (!Rt.value || Z.value.length <= 1) return 0;
-			let e = Rt.value, t = getComputedStyle(e);
-			return ln(e.offsetHeight + parseFloat(t.marginTop || "0") + parseFloat(t.marginBottom || "0") + parseFloat(t.paddingTop || "0") + parseFloat(t.paddingBottom || "0"));
-		}
-		let H = m(() => {
-			let e = I.value.style.chart.padding, t = V.value.width, n = V.value.height, r = un(), i = e.left, a = t - e.right, o = e.top, s = n - e.bottom - r;
-			return {
-				left: i,
-				top: o,
-				right: a,
-				bottom: s,
-				width: a - i,
-				height: Math.max(0, s - o),
-				vbWidth: t,
-				vbHeight: n - r,
-				offsetY: r
-			};
-		}), U = w(s(Xt.value)), W = w(U.value), dn = E(/* @__PURE__ */ new Map());
-		Be([U, () => I.value], () => {
-			Ht.value = null, Ut.value = /* @__PURE__ */ new Map();
-		}, { deep: !0 }), Be(() => M.value, () => {
-			Ht.value = null, Ut.value = /* @__PURE__ */ new Map(), hn(), Lt.value += 1, It.value += 1;
-		}, { deep: !0 }), Be([() => V.value.width, () => V.value.height], () => {
-			Ut.value = /* @__PURE__ */ new Map();
-		});
-		function fn(e) {
-			Array.isArray(e) && e.forEach((e, t) => {
-				e.id ||= a(), e.sourceColor === void 0 && (e.sourceColor = p(e.color) || null);
-				let n = e.sourceColor || dn.value.get(e.id) || cn.value[t] || r[t] || r[t % r.length];
-				n = p(n), dn.value.set(e.id, n), e.color = n, pn(e, n);
-			});
-		}
-		function pn(e, t) {
-			Array.isArray(e.children) && e.children.forEach((n) => {
-				n.id ||= a(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = p(n.color) || null);
-				let r = n.sourceColor || t;
-				n.color = r, pn(n, r);
-			});
-		}
-		function mn(e) {
-			let t = X(e);
-			for (; t?.parentId;) t = X(t.parentId);
-			return t?.id ?? null;
-		}
-		function hn() {
-			let e = U.value.filter((e) => !M.value.includes(e.id));
-			if (!P.value.length) {
-				W.value = e;
-				return;
-			}
-			let t = P.value[P.value.length - 1], n = X(t);
-			if (!n) {
-				P.value = [], W.value = e;
-				return;
-			}
-			let r = mn(n.id);
-			if (r && M.value.includes(r)) {
-				P.value = [], W.value = e;
-				return;
-			}
-			W.value = [n];
-		}
-		Be(() => Xt.value, () => {
-			U.value = s(Xt.value), fn(U.value), hn(), Lt.value += 1, It.value += 1;
-		}, {
-			deep: !0,
-			immediate: !0,
-			flush: "post"
-		});
-		let G = E(null), gn = E(null);
-		Pe(() => {
-			zt.value = !0, vn();
-		});
-		let _n = m(() => I.value.debug);
-		function vn() {
-			if (n(k.dataset) && u({
-				componentName: "VueUiTreemap",
-				type: "dataset",
-				debug: _n.value
-			}), fn(U.value), n(k.dataset) || (Zt.value = I.value.loading), I.value.responsive) {
-				let e = ge(() => {
-					let { width: e, height: t } = _e({
-						chart: N.value,
-						title: I.value.style.chart.title.text ? jt.value : null,
-						legend: I.value.style.chart.legend.show ? Mt.value : null,
-						source: Nt.value,
-						noTitle: Pt.value
-					});
-					requestAnimationFrame(() => {
-						V.value.width = e, V.value.height = t - 12;
-					});
-				});
-				G.value && (gn.value && G.value.unobserve(gn.value), G.value.disconnect()), G.value = new ResizeObserver(e), gn.value = N.value.parentNode, G.value.observe(gn.value);
-			}
-		}
-		Ne(() => {
-			G.value && (gn.value && G.value.unobserve(gn.value), G.value.disconnect());
-		});
-		let yn = m(() => W.value.map((e, t) => ({
-			...e,
-			color: p(e.color) || cn.value[t] || r[t] || r[t % r.length]
-		})).filter((e) => !M.value.includes(e.id))), bn = m(() => U.value.filter((e) => !M.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0)), xn = m({
-			get() {
-				let e = [...yn.value];
-				return I.value.style.chart.layout.sorted && (e = [...yn.value].sort((e, t) => t.value - e.value)), e.map((e) => ({ ...e }));
-			},
-			set(e) {
-				return e;
-			}
-		});
-		function Sn(e, t) {
-			return e.value / t;
-		}
-		function Cn(e, t, n) {
-			let r = I.value.style.chart.layout.rects.colorRatio - Sn(t, n);
-			return f(e, r < 0 ? 0 : r);
-		}
-		function wn(e) {
-			return Array.isArray(e.children) && e.children.length > 0;
-		}
-		function Tn(e) {
-			return [...e].sort((e, t) => {
-				let n = wn(e), r = wn(t);
-				if (n !== r) return n - r;
-				let i = Number(e.value) || 0;
-				return (Number(t.value) || 0) - i;
-			});
-		}
-		function En(e, t, n, i, a) {
-			return Tn(e).map((e, o) => {
-				let s = e.sourceColor || p(e.color) || p(t) || cn.value[o] || r[o] || r[o % r.length], c = e.sourceColor ? e.sourceColor : Cn(s, e, i), l = Sn(e, i), u = a ?? e.parentId ?? e.id, d = Array.isArray(e.children) && e.children.length && e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) || 1;
-				return {
-					...e,
-					color: c,
-					proportion: l,
-					parentName: n,
-					rootId: u,
-					children: Array.isArray(e.children) && e.children.length ? En(e.children, s, e.name, d, u) : void 0
-				};
-			});
-		}
-		function Dn(e) {
-			let t = jn(e), n = On(e), r = t * .55, i = t * .55, a = t * 1.05, o = t * 1.05, s = t * .35, c = n ? a + o + s : t * .45, l = e.x0 + r, u = e.x1 - r, d = e.y0 + c, f = e.y1 - i;
-			return u <= l || f <= d ? null : {
-				x0: l,
-				y0: d,
-				x1: u,
-				y1: f
-			};
-		}
-		function On(e) {
-			let { height: t, lineHeight: n, width: r } = yr(e);
-			return t >= n && r > 6;
-		}
-		function kn(e, t, n = 0, r = null) {
-			if (!Array.isArray(e) || !e.length) return [];
-			let i = e.map((e) => {
-				let { children: t, ...n } = e;
-				return { ...n };
-			}), a = new Map(e.map((e) => [e.id, Array.isArray(e.children) ? e.children : []])), o = new Map(e.map((e) => [e.id, e])), s = qe(i, t), c = [];
-			for (let e of s) {
-				let t = a.get(e.id) || [], i = o.get(e.id), s = {
-					...e,
-					depth: n,
-					parentId: r ?? e.parentId ?? null,
-					color: i?.color ?? e.color ?? null,
-					children: t,
-					isVisibleNode: !0,
-					showLabel: On(e)
-				};
-				if (c.push(s), t.length) {
-					let r = Dn(s);
-					r && c.push(...kn(t, r, n + 1, e.id));
-				}
-			}
-			return c;
-		}
-		let An = m(() => {
-			let e = W.value.length ? W.value : xn.value, t = e.map((e) => Number(e.value) || 0).reduce((e, t) => e + t, 0) || 1;
-			return kn(e.map((e, n) => {
-				let i = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: o, ...s } = e, c = e.sourceColor || p(e.color) || dn.value.get(e.id) || cn.value[n] || r[n] || r[n % r.length], l = e.sourceColor ? e.sourceColor : Cn(c, e, t);
-				return {
-					...s,
-					id: e.id || a(),
-					parentId: e.parentId ?? null,
-					name: e.name,
-					value: e.value,
-					color: l,
-					proportion: (Number(e.value) || 0) / t,
-					children: Array.isArray(e.children) && e.children.length ? En(e.children, c, e.name, i || 1) : void 0
-				};
-			}), {
-				x0: H.value.left,
-				y0: H.value.top,
-				x1: H.value.left + H.value.width,
-				y1: H.value.top + H.value.height
-			});
-		}), K = m(() => An.value);
-		function q({ y0: e, y1: t }) {
-			return t - e <= 0 ? 1e-4 : t - e;
-		}
-		function J({ x0: e, x1: t }) {
-			return t - e <= 0 ? 1e-4 : t - e;
-		}
-		function jn(e) {
-			let t = I.value.style.chart.layout.labels, n = t.fontSize, r = t.minFontSize, i = t.fontSize * 2, a = .6, o = e.proportion;
-			typeof o == "number" && isFinite(o) || (o = Math.max(1e-6, J(e) * q(e)) / Math.max(1e-6, H.value.width * H.value.height));
-			let s = a + (1 - a) * Math.min(1, Math.max(0, o)) ** .5, c = .9 ** Math.max(0, Number(e.depth) || 0), l = n * s * c, u = Math.max(1e-4, Math.min(J(e), q(e)));
-			return l = Math.min(l, u * .9), l = Math.min(l, i), l = Math.max(r, l), l;
-		}
-		function Mn(e) {
-			j.value = e, At.value += 1;
-		}
-		let Y = m(() => ({
-			startX: 0,
-			startY: 0,
-			width: H.value.vbWidth,
-			height: H.value.vbHeight
-		}));
-		function X(e, t = U.value) {
-			for (let n of t) {
-				if (n.id === e) return n;
-				if (n.children) {
-					let t = X(e, n.children);
-					if (t) return t;
-				}
-			}
-			return null;
-		}
-		function Nn(e) {
-			let t = [], n = X(e);
-			for (; n && n.parentId;) {
-				let e = X(n.parentId);
-				if (!e) break;
-				t.unshift(e.id), n = e;
-			}
-			return t;
-		}
-		let Pn = m(() => P.value.length > 0);
-		function Fn() {
-			W.value = U.value.slice(), P.value = [], tt("selectDatapoint", void 0);
-		}
-		function In() {
-			return P.value[P.value.length - 1] ?? null;
-		}
-		function Ln(e, t, n) {
-			P.value = [...Nn(e.id), e.id], W.value = [e], I.value.events.datapointClick && I.value.events.datapointClick({
-				datapoint: t ?? e,
-				seriesIndex: n
-			}), tt("selectDatapoint", t ?? e);
-		}
-		function Rn(e, t) {
-			let n = In();
-			if (!n) {
-				Fn();
-				return;
-			}
-			let r = X(n);
-			if (!r?.parentId) {
-				I.value.events.datapointClick && I.value.events.datapointClick({
-					datapoint: e,
-					seriesIndex: t
-				}), Fn();
-				return;
-			}
-			let i = X(r.parentId);
-			if (!i) {
-				Fn();
-				return;
-			}
-			P.value = [...Nn(i.id), i.id], W.value = [i], I.value.events.datapointClick && I.value.events.datapointClick({
-				datapoint: e,
-				seriesIndex: t
-			}), tt("selectDatapoint", e);
-		}
-		function zn(e, t) {
-			if (!e) {
-				Fn();
-				return;
-			}
-			let n = X(e.id);
-			if (n) {
-				if (In() === n.id) {
-					Rn(e, t);
-					return;
-				}
-				Ln(n, e, t);
-			}
-		}
-		function Bn(e) {
-			return e ? In() === e.id : !1;
-		}
-		let Z = m(() => {
-			let e = [{
-				id: null,
-				label: "All"
-			}];
-			if (P.value.length > 0) {
-				let t = X(P.value[P.value.length - 1]), n = [];
-				for (; t;) n.unshift(t), t = t.parentId ? X(t.parentId) : null;
-				for (let t of n) e.push({
-					id: t.id,
-					label: t.name,
-					node: t
-				});
-			}
-			return e;
-		}), Q = E(null), Vn = m(() => U.value.map((e, t) => ({
-			...e,
-			color: p(e.color) || cn.value[t] || r[t] || r[t % r.length],
-			shape: "square"
-		})).sort((e, t) => t.value - e.value).map((e, t) => {
-			let n = e.value / U.value.map((e) => e.value).reduce((e, t) => e + t, 0);
-			return {
-				...e,
-				proportion: n,
-				isSegregated: M.value.includes(e.id),
-				segregate: () => Gn(e),
-				opacity: M.value.includes(e.id) ? .5 : 1,
-				display: `${e.name}${I.value.style.chart.legend.showPercentage || I.value.style.chart.legend.showValue ? ": " : ""}${I.value.style.chart.legend.showValue ? ee(I.value.style.chart.layout.labels.formatter, e.value, i({
-					p: I.value.style.chart.layout.labels.prefix,
-					v: e.value,
-					s: I.value.style.chart.layout.labels.suffix,
-					r: I.value.style.chart.legend.roundingValue
-				}), { datapoint: e }) : ""}${I.value.style.chart.legend.showPercentage ? M.value.includes(e.id) ? `${I.value.style.chart.legend.showValue ? " (" : ""}- %${I.value.style.chart.legend.showValue ? ")" : ""}` : `${I.value.style.chart.legend.showValue ? " (" : ""}${isNaN(e.value / bn.value) ? "-" : (e.value / bn.value * 100).toFixed(I.value.style.chart.legend.roundingPercentage)}%${I.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
-			};
-		})), Hn = m(() => ({
-			cy: "treemap-div-legend",
-			backgroundColor: I.value.style.chart.legend.backgroundColor,
-			color: I.value.style.chart.legend.color,
-			fontSize: I.value.style.chart.legend.fontSize,
-			paddingBottom: 12,
-			fontWeight: I.value.style.chart.legend.bold ? "bold" : ""
-		})), Un = m(() => M.value.length === Vn.value.length);
-		function Wn() {
-			M.value.length ? M.value = [] : Vn.value.forEach((e) => {
-				M.value.push(e.id);
-			}), tt("selectLegend", U.value.filter((e) => !M.value.includes(e.id)));
-		}
-		function Gn(e) {
-			Q.value = null, M.value.includes(e.id) ? M.value = M.value.filter((t) => t !== e.id) : M.value.length < k.dataset.length - 1 && M.value.push(e.id), tt("selectLegend", U.value.filter((e) => !M.value.includes(e.id)));
-		}
-		function Kn(e) {
-			return U.value.length ? U.value.find((t) => t.name === e) || (I.value.debug && console.warn(`VueUiTreemap - Series name not found "${e}"`), null) : (I.value.debug && console.warn("VueUiTreemap - There are no series to show."), null);
-		}
-		function qn(e) {
-			let t = Kn(e);
-			t !== null && M.value.includes(t.id) && Gn({ id: t.id });
-		}
-		function Jn(e) {
-			let t = Kn(e);
-			t !== null && (M.value.includes(t.id) || Gn({ id: t.id }));
-		}
-		function Yn({ datapoint: e, seriesIndex: t }) {
-			Q.value = null, Ot.value = !1, F.value = null, qt.value = "pointer", I.value.events.datapointLeave && I.value.events.datapointLeave({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		let Xn = w(null);
-		function Zn({ datapoint: e, seriesIndex: t, triggerMode: n = "pointer" }) {
-			if (Un.value) return;
-			I.value.events.datapointEnter && I.value.events.datapointEnter({
-				datapoint: e,
-				seriesIndex: t
-			}), F.value = t, qt.value = n, Q.value = e, Xn.value = {
-				datapoint: e,
-				seriesIndex: t,
-				config: I.value,
-				series: yn.value
-			};
-			let r = I.value.style.chart.tooltip.customFormat;
-			if (ne(r) && te(() => r({
-				seriesIndex: t,
-				datapoint: e,
-				series: yn.value,
-				config: I.value
-			}))) kt.value = r({
-				seriesIndex: t,
-				datapoint: e,
-				series: yn.value,
-				config: I.value
-			});
-			else {
-				let n = "";
-				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, n += `<b>${ee(I.value.style.chart.layout.labels.formatter, e.value, i({
-					p: I.value.style.chart.layout.labels.prefix,
-					v: e.value,
-					s: I.value.style.chart.layout.labels.suffix,
-					r: I.value.style.chart.tooltip.roundingValue
-				}), {
-					datapoint: e,
-					seriesIndex: t
-				})}</b>`, kt.value = `<div>${n}</div>`;
-			}
-			Ot.value = !0;
-		}
-		let $ = m(() => ({
-			head: K.value.map((e) => ({
-				name: e.name,
-				color: e.color
-			})),
-			body: K.value.map((e) => e.value)
-		}));
-		function Qn(e = null) {
-			je(() => {
-				let t = $.value.head.map((e, t) => [
-					[e.name],
-					[$.value.body[t]],
-					[isNaN($.value.body[t] / bn.value) ? "-" : $.value.body[t] / bn.value * 100]
-				]), n = l([
-					[I.value.style.chart.title.text],
-					[I.value.style.chart.title.subtitle.text],
-					[
-						[""],
-						["val"],
-						["%"]
-					]
-				].concat(t));
-				e ? e(n) : o({
-					csvContent: n,
-					title: I.value.style.chart.title.text || "vue-ui-treemap"
-				});
-			});
-		}
-		let $n = m(() => {
-			let e = [
-				I.value.table.columnNames.series,
-				I.value.table.columnNames.value,
-				I.value.table.columnNames.percentage
-			], t = $.value.head.map((e, t) => {
-				let n = ee(I.value.style.chart.layout.labels.formatter, $.value.body[t], i({
-					p: I.value.style.chart.layout.labels.prefix,
-					v: $.value.body[t],
-					s: I.value.style.chart.layout.labels.suffix,
-					r: I.value.table.td.roundingValue
-				}));
-				return [
-					{
-						color: e.color,
-						name: e.name,
-						shape: "square"
-					},
-					n,
-					isNaN($.value.body[t] / bn.value) ? "-" : i({
-						v: $.value.body[t] / bn.value * 100,
-						s: "%",
-						r: I.value.table.td.roundingPercentage
-					})
-				];
-			}), n = {
-				th: {
-					backgroundColor: I.value.table.th.backgroundColor,
-					color: I.value.table.th.color,
-					outline: I.value.table.th.outline
-				},
-				td: {
-					backgroundColor: I.value.table.td.backgroundColor,
-					color: I.value.table.td.color,
-					outline: I.value.table.td.outline
-				},
-				breakpoint: I.value.table.responsiveBreakpoint
-			};
-			return {
-				colNames: [I.value.table.columnNames.series, I.value.table.columnNames.value],
-				head: e,
-				body: t,
-				config: n
-			};
-		});
-		function er() {
-			return K.value;
-		}
-		function tr() {
-			B.value.showTable = !B.value.showTable;
-		}
-		function nr() {
-			B.value.showTooltip = !B.value.showTooltip;
-		}
-		let rr = w(!1);
-		function ir() {
-			rr.value = !rr.value;
-		}
-		let ar = w(null);
-		function or(e) {
-			ar.value = e;
-		}
-		function sr() {
-			ar.value = null;
-		}
-		async function cr({ scale: e = 2 } = {}) {
-			if (!N.value) return;
-			let { width: t, height: n } = N.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await pe({
-				domElement: N.value,
-				base64: !0,
-				img: !0,
-				scale: e
-			});
-			return {
-				imageUri: i,
-				base64: a,
-				title: I.value.style.chart.title.text,
-				width: t,
-				height: n,
-				aspectRatio: r
-			};
-		}
-		let lr = m(() => {
-			let e = I.value.table.useDialog && !I.value.table.show, t = B.value.showTable;
-			return {
-				component: e ? Ze : Ke,
-				title: `${I.value.style.chart.title.text}${I.value.style.chart.title.subtitle.text ? `: ${I.value.style.chart.title.subtitle.text}` : ""}`,
-				props: e ? {
-					backgroundColor: I.value.table.th.backgroundColor,
-					color: I.value.table.th.color,
-					headerColor: I.value.table.th.color,
-					headerBg: I.value.table.th.backgroundColor,
-					isFullscreen: j.value,
-					fullscreenParent: N.value,
-					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: L.value
-				} : {
-					hideDetails: !0,
-					config: {
-						open: t,
-						maxHeight: 1e4,
-						body: {
-							backgroundColor: I.value.style.chart.backgroundColor,
-							color: I.value.style.chart.color
-						},
-						head: {
-							backgroundColor: I.value.style.chart.backgroundColor,
-							color: I.value.style.chart.color
-						}
-					}
-				}
-			};
-		});
-		Be(() => B.value.showTable, (e) => {
-			I.value.table.show || (e && I.value.table.useDialog && Bt.value ? Bt.value.open() : "close" in Bt.value && Bt.value.close());
-		});
-		function ur() {
-			B.value.showTable = !1, Vt.value && Vt.value.setTableIconState(!1);
-		}
-		let dr = m(() => Vn.value.map((e) => ({
-			...e,
-			name: e.display
-		}))), fr = m(() => I.value.style.chart.backgroundColor), pr = m(() => I.value.style.chart.legend), { exportSvg: mr, getSvg: hr } = ue({
-			svg: z,
-			title: m(() => I.value.style.chart.title),
-			legend: pr,
-			legendItems: dr,
-			backgroundColor: fr
-		});
-		async function gr({ isCb: e }) {
-			Gt.value = !0, await je();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await hr();
-					await Promise.resolve(I.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(mr());
-			} finally {
-				Gt.value = !1;
-			}
-		}
-		function _r(e) {
-			if (e?.stage === "start") {
-				Wt.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				Wt.value = !1;
-				return;
-			}
-			on();
-		}
-		function vr(e) {
-			let t = jn(e);
-			return {
-				fontSize: t,
-				paddingX: Math.max(t * .5, 4),
-				paddingTop: Math.max(t * .5, 4),
-				lineHeight: t * 1.1
-			};
-		}
-		function yr(e) {
-			let { paddingX: t, paddingTop: n, lineHeight: r } = vr(e);
-			return {
-				x: e.x0 + t,
-				y: e.y0 + n,
-				width: Math.max(J(e) - t * 2, 0),
-				height: Math.max(q(e) - n * 2, 0),
-				lineHeight: r
-			};
-		}
-		function br(e) {
-			return re(e.color ?? I.value.style.chart.backgroundColor);
-		}
-		function xr(e, t) {
-			let { fontSize: n, lineHeight: r } = vr(e), a = Dr(e), o = Or(e);
-			if (a <= 0 || o <= 0) return [];
-			let s = Math.max(Math.floor(o / Math.max(r, 1)), 1), c = ee(I.value.style.chart.layout.labels.formatter, e.value, i({
-				p: I.value.style.chart.layout.labels.prefix,
-				v: e.value,
-				s: I.value.style.chart.layout.labels.suffix,
-				r: I.value.style.chart.tooltip.roundingValue
-			}), {
-				datapoint: e,
-				seriesIndex: t
-			}), l = Math.ceil(n * .2), u = Math.ceil(n * 1.4), d = Math.max(a - u - l, 0);
-			if (d <= 0) return [];
-			if (Array.isArray(e.children) && e.children.length) {
-				let t = Er(`${e.name} (${c})`, d, n, 500);
-				return t ? [t] : [];
-			}
-			let f = [], te = Er(`${e.name}`, d, n, 500);
-			if (te && f.push(te), s >= 2) {
-				let e = Er(c, d, n, 400);
-				e && f.push(e);
-			}
-			return f.slice(0, s);
-		}
-		function Sr({ rect: e, seriesIndex: t, isTitle: n }) {
-			if (!e || !I.value.style.chart.layout.labels.showDefaultLabels || !On(e)) return "";
-			let { fontSize: r } = vr(e), i = br(e), a = xr(e, t), o = yr(e);
-			if (!a.length || o.width <= 0 || o.height <= 0) return "";
-			let s = `treemap_clip_${A.value}_${e.id}_${e.depth}_${t}`;
-			return `
-        <g>
-            <defs>
-                <clipPath id="${s}" clipPathUnits="userSpaceOnUse">
-                    <rect
-                        x="${o.x}"
-                        y="${o.y}"
-                        width="${Math.max(o.width, 0)}"
-                        height="${Math.max(o.height, 0)}"
-                    />
-                </clipPath>
-            </defs>
-            <g clip-path="url(#${s})">
-                ${a.map((e, t) => {
-				let n = o.y + o.lineHeight * t;
-				return `
-                <text
-                    x="${o.x}"
-                    y="${n}"
-                    fill="${i}"
-                    font-size="${r}"
-                    font-family="${I.value.style.fontFamily}"
-                    font-weight="${t === 0 ? 500 : 400}"
-                    text-anchor="start"
-                    dominant-baseline="text-before-edge"
-                >
-                    ${d(e)}
-                </text>
-            `;
-			}).join("")}
-            </g>
-        </g>
-    `;
-		}
-		let Cr;
-		function wr() {
-			return Cr ||= document.createElement("canvas"), Cr.getContext("2d");
-		}
-		function Tr(e, t, n = 400) {
-			let r = wr();
-			return r ? (r.font = `${n} ${t}px ${I.value.style.fontFamily}`, r.measureText(String(e)).width) : e.length * t * .6;
-		}
-		function Er(e, t, n, r = 400) {
-			let i = String(e ?? "");
-			if (!i.length || t <= 0) return "";
-			if (Tr(i, n, r) <= t) return i;
-			if (Tr("…", n, r) > t) return "";
-			let a = 0, o = i.length, s = "";
-			for (; a <= o;) {
-				let e = Math.floor((a + o) / 2), c = `${i.slice(0, e)}…`;
-				Tr(c, n, r) <= t ? (s = c, a = e + 1) : o = e - 1;
-			}
-			return s || "…";
-		}
-		function Dr(e) {
-			return yr(e).width;
-		}
-		function Or(e) {
-			return yr(e).height;
-		}
-		function kr(e) {
-			let t = I.value.style.chart.layout.rects.borderRadius, n = J(e), r = q(e);
-			return Math.min(t, Math.min(n, r) / 6);
-		}
-		async function Ar() {
-			if (tt("copyAlt", {
-				config: I.value,
-				dataset: K.value
-			}), !I.value.userOptions.callbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(I.value.userOptions.callbacks.altCopy({
-				config: I.value,
-				dataset: K.value
-			}));
-		}
-		function jr() {
-			F.value = null, Jt.value = !0;
-		}
-		function Mr() {
-			F.value = null, qt.value = "pointer", Ot.value = !1, Q.value = null, Jt.value = !1;
-		}
-		function Nr(e) {
-			if (!z.value || rr.value || document.activeElement !== z.value || !K.value.length || Un.value) 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) {
-				F.value = null, qt.value = "pointer", Ot.value = !1, Q.value = null;
-				return;
-			}
-			if (r) {
-				if (F.value === null) return;
-				let e = K.value[F.value];
-				if (!e) return;
-				zn(e, F.value);
-				return;
-			}
-			let a = F.value, o = Q.value ? K.value.findIndex((e) => e.id === Q.value.id) : null, s = a !== null && a >= 0 && a < K.value.length, c = o !== null && o >= 0 && o < K.value.length;
-			s ? n ? (a += 1, a >= K.value.length && (a = 0)) : t && (--a, a < 0 && (a = K.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= K.value.length && (a = 0), a < 0 && (a = K.value.length - 1)) : a = n ? 0 : K.value.length - 1;
-			let l = K.value[a];
-			l && (Pr(a), Zn({
-				datapoint: l,
-				seriesIndex: a,
-				triggerMode: "keyboard"
-			}));
-		}
-		function Pr(e) {
-			if (!Number.isFinite(e) || !z.value) return;
-			let t = K.value[e];
-			if (!t) return;
-			let n = t.x0 + J(t) / 2, r = t.y0 + q(t) / 2, i = z.value.getBoundingClientRect();
-			Kt.value = {
-				x: i.left + (n - Y.value.startX) / Y.value.width * i.width,
-				y: i.top + (r - Y.value.startY) / Y.value.height * i.height
-			};
-		}
-		let Fr = m(() => ({
-			headers: $n.value?.colNames ?? [],
-			rows: $n.value?.body ?? []
-		}));
-		return he({
-			getData: er,
-			getImage: cr,
-			generateCsv: Qn,
-			generateImage: on,
-			generateSvg: gr,
-			generatePdf: an,
-			hideSeries: Jn,
-			showSeries: qn,
-			toggleTable: tr,
-			toggleTooltip: nr,
-			toggleAnnotator: ir,
-			toggleFullscreen: Mn,
-			copyAlt: Ar
-		}), (e, t) => (C(), _("div", {
-			ref_key: "treemapChart",
-			ref: N,
-			class: Me(`vue-data-ui-component vue-ui-treemap ${j.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${I.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-			style: S(`font-family:${I.value.style.fontFamily};width:100%; ${I.value.responsive ? "height: 100%;" : ""} text-align:center;background:${I.value.style.chart.backgroundColor}`),
-			id: `treemap_${A.value}`,
-			onMouseenter: t[2] ||= () => D($t)(!0),
-			onMouseleave: t[3] ||= () => D($t)(!1)
-		}, [
-			v("div", {
-				id: `chart-instructions-${A.value}`,
-				class: "sr-only"
-			}, [v("p", null, Le(I.value.a11y.translations.keyboardNavigation), 1)], 8, rt),
-			Fr.value?.rows?.length ? (C(), h(be, {
-				key: 0,
-				uid: A.value,
-				head: Fr.value.headers,
-				body: Fr.value.rows,
-				notice: I.value.a11y.translations.tableAvailable,
-				caption: I.value.a11y.translations.tableCaption
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"notice",
-				"caption"
-			])) : g("", !0),
-			I.value.userOptions.buttons.annotator ? (C(), h(D(Ge), {
-				key: 1,
-				svgRef: D(z),
-				backgroundColor: I.value.style.chart.backgroundColor,
-				color: I.value.style.chart.color,
-				active: rr.value,
-				isCursorPointer: L.value,
-				onClose: ir
-			}, {
-				"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", x(b({ color: t })), void 0, !0)]),
-				"annotator-action-draw": O(({ mode: t }) => [T(e.$slots, "annotator-action-draw", x(b({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", x(b({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", x(b({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": O(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", x(b({ disabled: t })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"svgRef",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer"
-			])) : g("", !0),
-			sn.value ? (C(), _("div", {
-				key: 2,
-				ref_key: "noTitle",
-				ref: Pt,
-				class: "vue-data-ui-no-title-space",
-				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : g("", !0),
-			I.value.style.chart.title.text ? (C(), _("div", {
-				key: 3,
-				ref_key: "chartTitle",
-				ref: jt,
-				style: S(`width:100%;background:${I.value.style.chart.backgroundColor};padding-bottom:6px`)
-			}, [(C(), h(me, {
-				key: `title_${Ft.value}`,
-				config: {
-					title: {
-						cy: "treemap-div-title",
-						...I.value.style.chart.title
-					},
-					subtitle: {
-						cy: "treemap-div-subtitle",
-						...I.value.style.chart.title.subtitle
-					}
-				}
-			}, null, 8, ["config"]))], 4)) : g("", !0),
-			v("div", { id: `legend-top-${A.value}` }, null, 8, it),
-			I.value.userOptions.show && Et.value && (D(en) || D(Qt)) ? (C(), h(D(Ye), {
-				ref_key: "userOptionsRef",
-				ref: Vt,
-				key: `user_option_${At.value}`,
-				backgroundColor: I.value.style.chart.backgroundColor,
-				color: I.value.style.chart.color,
-				isPrinting: D(nn),
-				isImaging: D(rn),
-				uid: A.value,
-				hasTooltip: I.value.userOptions.buttons.tooltip && I.value.style.chart.tooltip.show,
-				hasPdf: I.value.userOptions.buttons.pdf,
-				hasXls: I.value.userOptions.buttons.csv,
-				hasImg: I.value.userOptions.buttons.img,
-				hasSvg: I.value.userOptions.buttons.svg,
-				hasTable: I.value.userOptions.buttons.table,
-				hasFullscreen: I.value.userOptions.buttons.fullscreen,
-				hasAltCopy: I.value.userOptions.buttons.altCopy,
-				isFullscreen: j.value,
-				isTooltip: B.value.showTooltip,
-				titles: { ...I.value.userOptions.buttonTitles },
-				chartElement: N.value,
-				position: I.value.userOptions.position,
-				hasAnnotator: I.value.userOptions.buttons.annotator,
-				isAnnotation: rr.value,
-				callbacks: I.value.userOptions.callbacks,
-				printScale: I.value.userOptions.print.scale,
-				tableDialog: I.value.table.useDialog,
-				isCursorPointer: L.value,
-				onToggleFullscreen: Mn,
-				onGeneratePdf: D(an),
-				onGenerateCsv: Qn,
-				onGenerateImage: _r,
-				onGenerateSvg: gr,
-				onToggleTable: tr,
-				onToggleTooltip: nr,
-				onToggleAnnotator: ir,
-				onCopyAlt: Ar,
-				style: S({ visibility: D(en) ? D(Qt) ? "visible" : "hidden" : "visible" })
-			}, De({ _: 2 }, [
-				e.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: O(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", x(b({
-						isOpen: t,
-						color: n
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				e.$slots.optionTooltip ? {
-					name: "optionTooltip",
-					fn: O(() => [T(e.$slots, "optionTooltip", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				e.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: O(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				e.$slots.optionCsv ? {
-					name: "optionCsv",
-					fn: O(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				e.$slots.optionImg ? {
-					name: "optionImg",
-					fn: O(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				e.$slots.optionSvg ? {
-					name: "optionSvg",
-					fn: O(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
-					key: "5"
-				} : void 0,
-				e.$slots.optionTable ? {
-					name: "optionTable",
-					fn: O(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
-					key: "6"
-				} : void 0,
-				e.$slots.optionFullscreen ? {
-					name: "optionFullscreen",
-					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", x(b({
-						toggleFullscreen: t,
-						isFullscreen: n
-					})), void 0, !0)]),
-					key: "7"
-				} : void 0,
-				e.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", x(b({
-						toggleAnnotator: t,
-						isAnnotator: n
-					})), void 0, !0)]),
-					key: "8"
-				} : void 0,
-				e.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					fn: O(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", x(b({ altCopy: t })), void 0, !0)]),
-					key: "9"
-				} : void 0,
-				e.$slots["custom-menu-before"] ? {
-					name: "custom-menu-before",
-					fn: O(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "10"
-				} : void 0,
-				e.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: O(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
-					key: "11"
-				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : g("", !0),
-			Z.value.length > 1 ? (C(), _("nav", {
-				key: 5,
-				class: "vue-ui-treemap-breadcrumbs",
-				"data-dom-to-png-ignore": "",
-				ref_key: "breadcrumbsNav",
-				ref: Rt
-			}, [(C(!0), _(Te, null, Fe(Z.value, (n, r) => (C(), _("span", {
-				role: "button",
-				tabindex: r < Z.value.length - 1 ? 0 : void 0,
-				key: n.id || "root",
-				onClick: (e) => r === Z.value.length - 1 ? () => {} : zn(n.node),
-				onKeydown: [Ve(He((e) => r === Z.value.length - 1 ? void 0 : zn(n.node), ["prevent"]), ["enter"]), Ve(He((e) => r === Z.value.length - 1 ? void 0 : zn(n.node), ["prevent"]), ["space"])],
-				class: "vue-ui-treemap-crumb",
-				"data-last-crumb": r === Z.value.length - 1,
-				style: S({
-					color: I.value.style.chart.color,
-					cursor: L.value ? "pointer" : "default"
-				}),
-				onMouseenter: (e) => or(r),
-				onMouseleave: sr,
-				onFocus: (e) => or(r),
-				onBlur: sr
-			}, [v("span", ot, [v("span", st, [T(e.$slots, "breadcrumb-label", Ae({ ref_for: !0 }, {
-				crumb: n,
-				isRoot: r === 0,
-				isFocus: ar.value === r
-			}), () => [r === 0 ? (C(), _("div", ct, [ke(ve, {
-				name: ar.value === 0 ? "homeFilled" : "home",
-				stroke: I.value.style.chart.color
-			}, null, 8, ["name", "stroke"])])) : (C(), _(Te, { key: 1 }, [Oe(Le(n.label), 1)], 64))], !0)]), r < Z.value.length - 1 ? (C(), _("span", lt, [T(e.$slots, "breadcrumb-arrow", {}, () => [t[4] ||= Oe(" › ", -1)], !0)])) : g("", !0)])], 44, at))), 128))], 512)) : g("", !0),
-			v("div", ut, [(C(), _("svg", {
-				ref_key: "svgRef",
-				ref: z,
-				xmlns: D(ie),
-				"aria-describedby": `chart-instructions-${A.value}`,
-				class: Me({
-					"vue-data-ui-fullscreen--on": j.value,
-					"vue-data-ui-fulscreen--off": !j.value,
-					"vue-data-ui-zoom-plus": !Pn.value,
-					"vue-data-ui-zoom-minus": Pn.value,
-					loading: D(R)
-				}),
-				viewBox: `${Y.value.startX} ${Y.value.startY} ${Y.value.width <= 0 ? 10 : Y.value.width} ${Y.value.height <= 0 ? 10 : Y.value.height}`,
-				style: S(`max-width:100%; overflow: hidden; background:transparent;color:${I.value.style.chart.color}`),
-				tabindex: "0",
-				onFocus: jr,
-				onBlur: Mr,
-				onKeydown: Nr
-			}, [
-				ke(D(Xe)),
-				(C(!0), _(Te, null, Fe(K.value, (e, t) => (C(), _("g", { key: `tgrad_${e.id}` }, [I.value.style.chart.layout.rects.gradient.show ? (C(), _("defs", ft, [v("radialGradient", {
-					id: `tgrad_${e.id}`,
-					gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
-				}, [v("stop", {
-					offset: "18%",
-					"stop-color": e.color
-				}, null, 8, mt), v("stop", {
-					offset: "100%",
-					"stop-color": D(f)(e.color, I.value.style.chart.layout.rects.gradient.intensity / 100)
-				}, null, 8, ht)], 8, pt)])) : g("", !0)]))), 128)),
-				v("g", null, [
-					(C(!0), _(Te, null, Fe(K.value, (e, t) => (C(), _("g", { key: `rect_${e.id}_${e.depth}` }, [v("rect", {
-						x: e.x0,
-						y: e.y0,
-						height: q(e),
-						width: J(e),
-						fill: Dt.value ? e.color ?? I.value.style.chart.backgroundColor : I.value.style.chart.layout.rects.gradient.show ? Un.value ? I.value.style.chart.backgroundColor : `url(#tgrad_${e.id})` : e.color ?? I.value.style.chart.backgroundColor,
-						rx: kr(e),
-						stroke: Q.value && Q.value.id === e.id ? I.value.style.chart.layout.rects.selected.stroke : I.value.style.chart.layout.rects.stroke,
-						"stroke-width": Q.value && Q.value.id === e.id ? I.value.style.chart.layout.rects.selected.strokeWidth : I.value.style.chart.layout.rects.strokeWidth,
-						onClick: He((n) => zn(e, t), ["stop"]),
-						onMouseenter: () => Zn({
-							datapoint: e,
-							seriesIndex: t,
-							triggerMode: "pointer"
-						}),
-						onMouseleave: (n) => Yn({
-							datapoint: e,
-							seriesIndex: t
-						}),
-						style: S(`opacity:${Q.value ? Q.value.id === e.id ? 1 : I.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
-						class: Me(["vue-ui-treemap-rect", Bn(e) ? "vue-data-ui-zoom-minus" : "vue-data-ui-zoom-plus"])
-					}, null, 46, gt)]))), 128)),
-					(C(!0), _(Te, null, Fe(K.value, (t, n) => (C(), _("g", { key: `label_${t.id}_${t.depth}` }, [!e.$slots.rect && !D(R) && I.value.style.chart.layout.labels.showDefaultLabels && !Un.value && t.showLabel ? (C(), _("g", {
-						key: 0,
-						style: { "pointer-events": "none" },
-						innerHTML: Sr({
-							rect: t,
-							seriesIndex: n,
-							isTitle: !!(t.children && t.children.length)
-						})
-					}, null, 8, _t)) : g("", !0)]))), 128)),
-					(C(!0), _(Te, null, Fe(K.value, (t, n) => (C(), _("g", { key: `slot_${t.id}_${t.depth}` }, [(C(), _("foreignObject", {
-						x: t.x0,
-						y: t.y0,
-						height: q(t),
-						width: J(t),
-						class: "vue-ui-treemap-cell-foreignObject",
-						style: { "pointer-events": "none" }
-					}, [v("div", yt, [D(R) ? g("", !0) : T(e.$slots, "rect", Ae({
-						key: 0,
-						ref_for: !0
-					}, {
-						rect: {
-							...t,
-							height: q(t),
-							width: J(t),
-							isSelected: Q.value ? Q.value.id === t.id : !0
-						},
-						shouldShow: t.proportion > I.value.style.chart.layout.labels.hideUnderProportion || Pn.value,
-						fontSize: jn(t),
-						isZoom: Pn.value,
-						textColor: D(re)(t.color)
-					}), void 0, !0)])], 8, vt))]))), 128))
-				]),
-				T(e.$slots, "svg", x(b({
-					svg: H.value,
-					isZoom: Pn.value,
-					rect: Q.value,
-					config: I.value,
-					isPrintingImg: D(nn) || D(rn) || Wt.value,
-					isPrintingSvg: Gt.value
-				})), void 0, !0)
-			], 46, dt)), e.$slots.hint ? (C(), _("div", bt, [T(e.$slots, "hint", x(b({
-				hint: I.value.a11y.translations.keyboardNavigation,
-				isVisible: Jt.value
-			})), void 0, !0)])) : g("", !0)]),
-			e.$slots.watermark ? (C(), _("div", xt, [T(e.$slots, "watermark", x(b({ isPrinting: D(nn) || D(rn) || Wt.value || Gt.value })), void 0, !0)])) : g("", !0),
-			v("div", { id: `legend-bottom-${A.value}` }, null, 8, St),
-			zt.value && (I.value.style.chart.legend.show || e.$slots.legend) ? (C(), h(Ee, {
-				key: 7,
-				to: I.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
-			}, [v("div", {
-				ref_key: "chartLegend",
-				ref: Mt
-			}, [T(e.$slots, "legend", { legend: Vn.value }, () => [I.value.style.chart.legend.show ? (C(), h(Ce, {
-				key: `legend_${Lt.value}`,
-				legendSet: Vn.value,
-				config: Hn.value,
-				id: `treemap_legend_${A.value}`,
-				isCursorPointer: L.value,
-				onClickMarker: t[0] ||= ({ legend: e }) => Gn(e)
-			}, {
-				item: O(({ legend: e, index: t }) => [D(R) ? g("", !0) : (C(), _("div", {
-					key: 0,
-					onClick: (t) => Gn(e),
-					style: S(`opacity:${M.value.includes(e.id) ? .5 : 1}`)
-				}, Le(e.display), 13, Ct))]),
-				legendToggle: O(() => [Vn.value.length > 2 && I.value.style.chart.legend.selectAllToggle.show && !D(R) ? (C(), h(ye, {
-					key: 0,
-					backgroundColor: I.value.style.chart.legend.selectAllToggle.backgroundColor,
-					color: I.value.style.chart.legend.selectAllToggle.color,
-					fontSize: I.value.style.chart.legend.fontSize,
-					checked: M.value.length > 0,
-					isCursorPointer: L.value,
-					onToggle: Wn
-				}, null, 8, [
-					"backgroundColor",
-					"color",
-					"fontSize",
-					"checked",
-					"isCursorPointer"
-				])) : g("", !0)]),
-				_: 1
-			}, 8, [
-				"legendSet",
-				"config",
-				"id",
-				"isCursorPointer"
-			])) : g("", !0)], !0)], 512)], 8, ["to"])) : g("", !0),
-			e.$slots.source ? (C(), _("div", {
-				key: 8,
-				ref_key: "source",
-				ref: Nt,
-				dir: "auto"
-			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			ke(D(Je), {
-				teleportTo: I.value.style.chart.tooltip.teleportTo,
-				show: B.value.showTooltip && Ot.value,
-				backgroundColor: I.value.style.chart.tooltip.backgroundColor,
-				color: I.value.style.chart.tooltip.color,
-				fontSize: I.value.style.chart.tooltip.fontSize,
-				borderRadius: I.value.style.chart.tooltip.borderRadius,
-				borderColor: I.value.style.chart.tooltip.borderColor,
-				borderWidth: I.value.style.chart.tooltip.borderWidth,
-				backgroundOpacity: I.value.style.chart.tooltip.backgroundOpacity,
-				position: I.value.style.chart.tooltip.position,
-				offsetX: I.value.style.chart.tooltip.offsetX,
-				offsetY: I.value.style.chart.tooltip.offsetY,
-				parent: N.value,
-				content: kt.value,
-				isFullscreen: j.value,
-				isCustom: D(ne)(I.value.style.chart.tooltip.customFormat),
-				smooth: I.value.style.chart.tooltip.smooth,
-				backdropFilter: I.value.style.chart.tooltip.backdropFilter,
-				smoothForce: I.value.style.chart.tooltip.smoothForce,
-				smoothSnapThreshold: I.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: qt.value === "keyboard",
-				a11yPosition: Kt.value
-			}, {
-				"tooltip-before": O(() => [T(e.$slots, "tooltip-before", x(b({ ...Xn.value })), void 0, !0)]),
-				tooltip: O(() => [T(e.$slots, "tooltip", x(b({ ...Xn.value })), void 0, !0)]),
-				"tooltip-after": O(() => [T(e.$slots, "tooltip-after", x(b({ ...Xn.value })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"teleportTo",
-				"show",
-				"backgroundColor",
-				"color",
-				"fontSize",
-				"borderRadius",
-				"borderColor",
-				"borderWidth",
-				"backgroundOpacity",
-				"position",
-				"offsetX",
-				"offsetY",
-				"parent",
-				"content",
-				"isFullscreen",
-				"isCustom",
-				"smooth",
-				"backdropFilter",
-				"smoothForce",
-				"smoothSnapThreshold",
-				"isA11yMode",
-				"a11yPosition"
-			]),
-			Et.value && I.value.userOptions.buttons.table ? (C(), h(Ie(lr.value.component), Ae({ key: 9 }, lr.value.props, {
-				ref_key: "tableUnit",
-				ref: Bt,
-				onClose: ur
-			}), De({
-				content: O(() => [(C(), h(D(We), {
-					key: `table_${It.value}`,
-					colNames: $n.value.colNames,
-					head: $n.value.head,
-					body: $n.value.body,
-					config: $n.value.config,
-					title: I.value.table.useDialog ? "" : lr.value.title,
-					withCloseButton: !I.value.table.useDialog,
-					isCursorPointer: L.value,
-					onClose: ur
-				}, {
-					th: O(({ th: e }) => [v("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, wt)]),
-					td: O(({ td: e }) => [Oe(Le(e.name || e), 1)]),
-					_: 1
-				}, 8, [
-					"colNames",
-					"head",
-					"body",
-					"config",
-					"title",
-					"withCloseButton",
-					"isCursorPointer"
-				]))]),
-				_: 2
-			}, [I.value.table.useDialog ? {
-				name: "title",
-				fn: O(() => [Oe(Le(lr.value.title), 1)]),
-				key: "0"
-			} : void 0, I.value.table.useDialog ? {
-				name: "actions",
-				fn: O(() => [v("button", {
-					tabindex: "0",
-					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Qn(I.value.userOptions.callbacks.csv),
-					style: S({ cursor: L.value ? "pointer" : "default" })
-				}, [ke(ve, {
-					name: "fileCsv",
-					stroke: lr.value.props.color
-				}, null, 8, ["stroke"])], 4)]),
-				key: "1"
-			} : void 0]), 1040)) : g("", !0),
-			T(e.$slots, "skeleton", {}, () => [D(R) ? (C(), h(le, { key: 0 })) : g("", !0)], !0)
-		], 46, nt));
-	}
-}, [["__scopeId", "data-v-d3d40b0c"]]);
-//#endregion
-export { tt as n, Tt as t };