vue-data-ui 3.27.0 → 3.27.1

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

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