vue-data-ui 3.22.8 → 3.22.9

package/dist/{vue-ui-treemap-uUz07Prw.js → vue-ui-treemap-F9upPyOI.js}

@@ -11,18 +11,19 @@ import { n as me } from "./Title-CcNiYzEo.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-C2qlyHc7.js";
-import { t as ye } from "./BaseLegendToggle-DtQ8vyfr.js";
-import { t as be } from "./A11yDataTable-DdRsVULz.js";
-import { t as xe } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Se } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ce } from "./Legend-ROt6ugzW.js";
-import { t as we } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as Te } from "./usePanZoom-CYU3B4T3.js";
-import { t as Ee } from "./vue_ui_treemap-DoEtkRN6.js";
-import { Fragment as p, Teleport as De, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as Oe, createTextVNode as ke, createVNode as Ae, defineAsyncComponent as je, guardReactiveProps as y, mergeProps as Me, nextTick as Ne, normalizeClass as Pe, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Fe, onMounted as Ie, openBlock as S, ref as C, renderList as Le, renderSlot as w, resolveDynamicComponent as Re, shallowRef as T, toDisplayString as ze, toRefs as Be, unref as E, useCssVars as Ve, useSlots as He, watch as D, withCtx as O, withKeys as Ue, withModifiers as We } from "vue";
+import { t as ve } from "./BaseIcon-UdRAvP2h.js";
+import { t as ye } from "./DefGrad-DVBqDjhO.js";
+import { t as be } from "./BaseLegendToggle-DWtet-Hh.js";
+import { t as xe } from "./A11yDataTable-DdRsVULz.js";
+import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
+import { t as we } from "./Legend-ROt6ugzW.js";
+import { t as Te } from "./usePrefersMotion-BC-CsqR1.js";
+import { t as Ee } from "./usePanZoom-CYU3B4T3.js";
+import { t as De } from "./vue_ui_treemap-DoEtkRN6.js";
+import { Fragment as p, Teleport as Oe, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as ke, createTextVNode as Ae, createVNode as je, defineAsyncComponent as Me, guardReactiveProps as y, mergeProps as Ne, nextTick as Pe, normalizeClass as Fe, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Ie, onMounted as Le, openBlock as S, ref as C, renderList as Re, renderSlot as w, resolveDynamicComponent as ze, shallowRef as T, toDisplayString as Be, toRefs as Ve, unref as E, useCssVars as He, useSlots as Ue, watch as D, withCtx as O, withKeys as We, withModifiers as Ge } from "vue";
 //#region src/treemap.js
-function Ge(e, t) {
+function Ke(e, t) {
 	let n = e.length;
 	if (n === 0) throw Error(`Max aspect ratio cannot be computed: ${e} is an empty array`);
 	{
@@ -34,7 +35,7 @@ function Ge(e, t) {
 		return Math.max(t ** 2 * i / a ** 2, a ** 2 / (t ** 2 * r));
 	}
 }
-function Ke(e) {
+function qe(e) {
 	let { xOffset: t, yOffset: n, width: r, height: i } = e;
 	return {
 		x0: t,
@@ -43,14 +44,14 @@ function Ke(e) {
 		y1: n + i
 	};
 }
-function qe(e, t, n) {
+function Je(e, t, n) {
 	if (e.length === 0) return !0;
 	{
 		let r = e.concat(t);
-		return Ge(e, n) >= Ge(r, n);
+		return Ke(e, n) >= Ke(r, n);
 	}
 }
-function Je(e) {
+function Ye(e) {
 	let t = [], n = e.length;
 	for (let r = 0; r < n; r += 1) {
 		let n = e[r], i = n.length;
@@ -58,17 +59,17 @@ function Je(e) {
 	}
 	return t;
 }
-function Ye(e, t) {
-	return nt({
+function Xe(e, t) {
+	return rt({
 		...t,
 		children: e
 	});
 }
-function Xe(e) {
+function Ze(e) {
 	return (e.x1 - e.x0) * (e.y1 - e.y0);
 }
-function Ze(e, t) {
-	let { width: n, height: r, xOffset: i, yOffset: a } = et(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 = [];
+function Qe(e, t) {
+	let { width: n, height: r, xOffset: i, yOffset: a } = tt(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 = {
@@ -93,16 +94,16 @@ function Ze(e, t) {
 		return f;
 	}
 }
-function Qe(e) {
-	let t = et(e), n = t.width, r = t.height;
+function $e(e) {
+	let t = tt(e), n = t.width, r = t.height;
 	return Math.min(n, r);
 }
-function $e(e, t) {
+function et(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 et(e) {
+function tt(e) {
 	let { x0: t, y0: n, x1: r, y1: i } = e;
 	return {
 		xOffset: t,
@@ -111,39 +112,39 @@ function et(e) {
 		height: i - n
 	};
 }
-function tt(e, t, n, r) {
+function nt(e, t, n, r) {
 	let i = e, a = t, o = n, s = r;
 	for (;;) {
 		let e = i.length;
 		if (e === 0) {
-			let e = Ze(a, o);
+			let e = Qe(a, o);
 			return s.concat(e);
 		}
-		let t = Qe(o), n = i[0], r = i.slice(1, e);
-		if (qe(a, n, t)) {
+		let t = $e(o), n = i[0], r = i.slice(1, e);
+		if (Je(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 = Ze(a, o), c = s.concat(r);
+			let n = k(o, t), r = Qe(a, o), c = s.concat(r);
 			i = i, a = [], o = n, s = c;
 		}
 	}
 }
-function nt(e) {
+function rt(e) {
 	if (e.children === void 0 || !e.children.length) return [e];
 	{
-		let t = tt($e(e.children, Xe(e)), [], e, []), n = t.length, r = [];
-		for (let e = 0; e < n; e += 1) r.push(nt(t[e]));
-		return Je(r);
+		let t = nt(et(e.children, Ze(e)), [], e, []), n = t.length, r = [];
+		for (let e = 0; e < n; e += 1) r.push(rt(t[e]));
+		return Ye(r);
 	}
 }
 function k(e, t) {
-	let { width: n, height: r, xOffset: i, yOffset: a } = et(e);
+	let { width: n, height: r, xOffset: i, yOffset: a } = tt(e);
 	if (n >= r) {
 		let e = t / r, o = n - e;
-		return Ke({
+		return qe({
 			xOffset: i + e,
 			yOffset: a,
 			width: o,
@@ -151,7 +152,7 @@ function k(e, t) {
 		});
 	} else {
 		let e = t / n, o = r - e;
-		return Ke({
+		return qe({
 			xOffset: i,
 			yOffset: a + e,
 			width: n,
@@ -161,28 +162,28 @@ function k(e, t) {
 }
 //#endregion
 //#region src/components/vue-ui-treemap.vue
-var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at = ["id"], ot = [
+var A = /* @__PURE__ */ e({ default: () => At }), it = ["id"], at = ["id"], ot = ["id"], st = [
 	"tabindex",
 	"onClick",
 	"onKeydown",
 	"data-last-crumb",
 	"onMouseenter",
 	"onFocus"
-], st = { class: "vue-ui-treemap-crumb-unit" }, ct = { class: "vue-ui-treemap-crumb-unit-label" }, lt = {
+], ct = { class: "vue-ui-treemap-crumb-unit" }, lt = { class: "vue-ui-treemap-crumb-unit-label" }, ut = {
 	key: 0,
 	style: {
 		width: "24px",
 		display: "flex",
 		"align-items": "center"
 	}
-}, ut = {
+}, dt = {
 	key: 0,
 	class: "vue-ui-treemap-crumb-unit-arrow"
-}, dt = { style: { position: "relative" } }, ft = [
+}, ft = { style: { position: "relative" } }, pt = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], pt = { key: 0 }, mt = ["id"], ht = ["stop-color"], gt = ["stop-color"], _t = [
+], mt = { key: 0 }, ht = [
 	"x",
 	"y",
 	"height",
@@ -194,34 +195,34 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], vt = ["id"], yt = [
+], gt = ["id"], _t = [
 	"x",
 	"y",
 	"width",
 	"height"
-], bt = ["clip-path"], xt = [
+], vt = ["clip-path"], yt = [
 	"transform",
 	"fill",
 	"font-size",
 	"font-family",
 	"font-weight"
-], St = { key: 0 }, Ct = [
+], bt = { key: 0 }, xt = [
 	"x",
 	"y",
 	"height",
 	"width"
-], wt = {
+], St = {
 	style: {
 		width: "100%",
 		height: "100%",
 		overflow: "hidden"
 	},
 	class: "vue-ui-treemap-cell"
-}, Tt = {
+}, Ct = {
 	key: 0,
 	"data-dom-to-png-ignore": "",
 	class: "reset-wrapper"
-}, Et = {
+}, wt = {
 	key: 1,
 	style: {
 		position: "absolute",
@@ -231,10 +232,10 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Dt = {
+}, Tt = {
 	key: 6,
 	class: "vue-data-ui-watermark"
-}, Ot = ["id"], kt = ["onClick"], At = ["innerHTML"], jt = 4, Mt = /*#__PURE__*/ he({
+}, Et = ["id"], Dt = ["onClick"], Ot = ["innerHTML"], kt = 4, At = /*#__PURE__*/ he({
 	__name: "vue-ui-treemap",
 	props: {
 		config: {
@@ -255,16 +256,16 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 		"selectDatapoint",
 		"copyAlt"
 	],
-	setup(e, { expose: he, emit: Ge }) {
-		Ve((e) => ({ v76935d24: pi.value }));
-		let Ke = je(() => import("./DataTable-D9NvewTT.js")), qe = je(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), Je = je(() => import("./vue-ui-accordion-YyosvEPo.js").then((e) => e.n)), Xe = je(() => import("./Tooltip-CxOrWlFy.js")), Ze = je(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), Qe = je(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), $e = je(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_treemap: et } = oe(), { isThemeValid: tt, warnInvalidTheme: nt } = fe(), k = e, A = Ge, Mt = He(), Nt = we();
-		Ie(() => {
-			Mt["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
+	setup(e, { expose: he, emit: Ke }) {
+		He((e) => ({ v191a094c: di.value }));
+		let qe = Me(() => import("./DataTable-BxpTMgfK.js")), Je = Me(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), Ye = Me(() => import("./vue-ui-accordion-CjAGqEJg.js").then((e) => e.n)), Ze = Me(() => import("./Tooltip-CxOrWlFy.js")), Qe = Me(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), $e = Me(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), et = Me(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_treemap: tt } = oe(), { isThemeValid: nt, warnInvalidTheme: rt } = fe(), k = e, A = Ke, At = Ue(), jt = Te();
+		Le(() => {
+			At["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
 		});
-		let Pt = m(() => !!k.dataset && k.dataset.length), Ft = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), j = C(r()), It = C(!1), Lt = C(""), M = C(!1), Rt = C(0), N = C([]), P = T(null), zt = T(null), Bt = T(null), Vt = T(null), Ht = T(null), Ut = C(0), Wt = C(0), Gt = C(0), F = C([]), Kt = C(null), qt = C(!1), Jt = C(null), Yt = C(null), Xt = C(null), Zt = C(/* @__PURE__ */ new Map()), Qt = C(!1), $t = C(!1), I = C(null), en = C({
+		let Mt = m(() => !!k.dataset && k.dataset.length), Nt = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), j = C(r()), Pt = C(!1), Ft = C(""), M = C(!1), It = C(0), N = C([]), P = T(null), Lt = T(null), Rt = T(null), zt = T(null), Bt = T(null), Vt = C(0), Ht = C(0), Ut = C(0), F = C([]), Wt = C(null), Gt = C(!1), Kt = C(null), qt = C(null), Jt = C(null), Yt = C(/* @__PURE__ */ new Map()), Xt = C(!1), Zt = C(!1), I = C(null), Qt = C({
 			x: 0,
 			y: 0
-		}), tn = C("pointer"), nn = C(!1), L = C(dn()), R = m(() => L.value.userOptions.useCursorPointer), rn = m(() => a({
+		}), $t = C("pointer"), en = C(!1), L = C(ln()), R = m(() => L.value.userOptions.useCursorPointer), tn = m(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -277,10 +278,10 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				} }
 			},
 			userConfig: L.value.skeletonConfig ?? {}
-		})), { loading: an, FINAL_DATASET: on, manualLoading: sn } = ce({
-			...Be(k),
+		})), { loading: nn, FINAL_DATASET: rn, manualLoading: an } = ce({
+			...Ve(k),
 			FINAL_CONFIG: L,
-			prepareConfig: dn,
+			prepareConfig: ln,
 			skeletonDataset: k.config?.skeletonDataset ?? [{
 				name: "_",
 				value: 53,
@@ -318,18 +319,18 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 			}],
 			skeletonConfig: a({
 				defaultConfig: L.value,
-				userConfig: rn.value
+				userConfig: tn.value
 			})
-		}), { userOptionsVisible: cn, setUserOptionsVisibility: ln, keepUserOptionState: un } = xe({ config: L.value }), { svgRef: z } = Se({ config: L.value.style.chart.title });
-		function dn() {
+		}), { userOptionsVisible: on, setUserOptionsVisibility: sn, keepUserOptionState: cn } = Se({ config: L.value }), { svgRef: z } = Ce({ config: L.value.style.chart.title });
+		function ln() {
 			let e = de({
 				userConfig: k.config,
-				defaultConfig: et
+				defaultConfig: tt
 			}), t = e.theme;
 			if (!t) return e;
-			if (!tt.value(e)) return nt(e), e;
+			if (!nt.value(e)) return rt(e), e;
 			let n = de({
-				userConfig: Ee[t] || k.config,
+				userConfig: De[t] || k.config,
 				defaultConfig: e
 			}), r = de({
 				userConfig: k.config,
@@ -341,13 +342,13 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 			};
 		}
 		D(() => k.config, (e) => {
-			an.value || (L.value = dn()), cn.value = !L.value.userOptions.showOnChartHover, Ut.value += 1, Wt.value += 1, Gt.value += 1, B.value.showTable = L.value.table.show, B.value.showTooltip = L.value.style.chart.tooltip.show, B.value.showZoom = L.value.style.chart.zoom?.show ?? !1;
+			nn.value || (L.value = ln()), on.value = !L.value.userOptions.showOnChartHover, Vt.value += 1, Ht.value += 1, Ut.value += 1, B.value.showTable = L.value.table.show, B.value.showTooltip = L.value.style.chart.tooltip.show, B.value.showZoom = L.value.style.chart.zoom?.show ?? !1;
 		}, { deep: !0 });
-		let { isPrinting: fn, isImaging: pn, generatePdf: mn, generateImage: hn } = se({
+		let { isPrinting: un, isImaging: dn, generatePdf: fn, generateImage: pn } = se({
 			elementId: `treemap_${j.value}`,
 			fileName: L.value.style.chart.title.text || "vue-ui-treemap",
 			options: L.value.userOptions.print
-		}), gn = m(() => L.value.userOptions.show && !L.value.style.chart.title.text), _n = m(() => s(L.value.customPalette)), B = C({
+		}), mn = m(() => L.value.userOptions.show && !L.value.style.chart.title.text), hn = m(() => s(L.value.customPalette)), B = C({
 			showTable: L.value.table.show,
 			showTooltip: L.value.style.chart.tooltip.show,
 			showZoom: L.value.style.chart.zoom?.show ?? !1
@@ -359,21 +360,21 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				showZoom: L.value.style.chart.zoom?.show ?? !1
 			};
 		}, { immediate: !0 });
-		let vn = C({
+		let gn = C({
 			height: L.value.style.chart.height,
 			width: L.value.style.chart.width
 		});
-		function yn(e) {
-			let t = P.value, n = vn.value.height;
+		function _n(e) {
+			let t = P.value, n = gn.value.height;
 			return !t || !n ? e : e * (n / t.getBoundingClientRect().height);
 		}
-		function bn() {
-			if (!Kt.value || X.value.length <= 1) return 0;
-			let e = Kt.value, t = getComputedStyle(e);
-			return yn(e.offsetHeight + parseFloat(t.marginTop || "0") + parseFloat(t.marginBottom || "0") + parseFloat(t.paddingTop || "0") + parseFloat(t.paddingBottom || "0"));
+		function vn() {
+			if (!Wt.value || X.value.length <= 1) return 0;
+			let e = Wt.value, t = getComputedStyle(e);
+			return _n(e.offsetHeight + parseFloat(t.marginTop || "0") + parseFloat(t.marginBottom || "0") + parseFloat(t.paddingTop || "0") + parseFloat(t.paddingBottom || "0"));
 		}
 		let V = m(() => {
-			let e = L.value.style.chart.padding, t = vn.value.width, n = vn.value.height, r = bn(), i = e.left, a = t - e.right, o = e.top, s = n - e.bottom - r;
+			let e = L.value.style.chart.padding, t = gn.value.width, n = gn.value.height, r = vn(), i = e.left, a = t - e.right, o = e.top, s = n - e.bottom - r;
 			return {
 				left: i,
 				top: o,
@@ -385,34 +386,34 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				vbHeight: n - r,
 				offsetY: r
 			};
-		}), H = C(u(on.value)), U = C(H.value), xn = T(/* @__PURE__ */ new Map());
+		}), H = C(u(rn.value)), U = C(H.value), yn = T(/* @__PURE__ */ new Map());
 		D([H, () => L.value], () => {
-			Xt.value = null, Zt.value = /* @__PURE__ */ new Map();
+			Jt.value = null, Yt.value = /* @__PURE__ */ new Map();
 		}, { deep: !0 }), D(() => N.value, () => {
-			Xt.value = null, Zt.value = /* @__PURE__ */ new Map(), Tn(), Gt.value += 1, Wt.value += 1;
-		}, { deep: !0 }), D([() => vn.value.width, () => vn.value.height], () => {
-			Zt.value = /* @__PURE__ */ new Map();
+			Jt.value = null, Yt.value = /* @__PURE__ */ new Map(), Cn(), Ut.value += 1, Ht.value += 1;
+		}, { deep: !0 }), D([() => gn.value.width, () => gn.value.height], () => {
+			Yt.value = /* @__PURE__ */ new Map();
 		});
-		function Sn(e) {
+		function bn(e) {
 			Array.isArray(e) && e.forEach((e, t) => {
 				e.id ||= r(), e.sourceColor === void 0 && (e.sourceColor = f(e.color) || null);
-				let n = e.sourceColor || xn.value.get(e.id) || _n.value[t] || o[t] || o[t % o.length];
-				n = f(n), xn.value.set(e.id, n), e.color = n, Cn(e, n);
+				let n = e.sourceColor || yn.value.get(e.id) || hn.value[t] || o[t] || o[t % o.length];
+				n = f(n), yn.value.set(e.id, n), e.color = n, xn(e, n);
 			});
 		}
-		function Cn(e, t) {
+		function xn(e, t) {
 			Array.isArray(e.children) && e.children.forEach((n) => {
 				n.id ||= r(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = f(n.color) || null);
 				let i = n.sourceColor || t;
-				n.color = i, Cn(n, i);
+				n.color = i, xn(n, i);
 			});
 		}
-		function wn(e) {
+		function Sn(e) {
 			let t = Y(e);
 			for (; t?.parentId;) t = Y(t.parentId);
 			return t?.id ?? null;
 		}
-		function Tn() {
+		function Cn() {
 			let e = H.value.filter((e) => !N.value.includes(e.id));
 			if (!F.value.length) {
 				U.value = e;
@@ -423,94 +424,94 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				F.value = [], U.value = e;
 				return;
 			}
-			let r = wn(n.id);
+			let r = Sn(n.id);
 			if (r && N.value.includes(r)) {
 				F.value = [], U.value = e;
 				return;
 			}
 			U.value = [n];
 		}
-		D(() => on.value, () => {
-			H.value = u(on.value), Sn(H.value), Tn(), Gt.value += 1, Wt.value += 1;
+		D(() => rn.value, () => {
+			H.value = u(rn.value), bn(H.value), Cn(), Ut.value += 1, Ht.value += 1;
 		}, {
 			deep: !0,
 			immediate: !0,
 			flush: "post"
 		});
-		let W = T(null), En = T(null);
-		Ie(() => {
-			qt.value = !0, On();
+		let W = T(null), wn = T(null);
+		Le(() => {
+			Gt.value = !0, En();
 		});
-		let Dn = m(() => L.value.debug);
-		function On() {
+		let Tn = m(() => L.value.debug);
+		function En() {
 			if (te(k.dataset) && t({
 				componentName: "VueUiTreemap",
 				type: "dataset",
-				debug: Dn.value
-			}), Sn(H.value), te(k.dataset) || (sn.value = L.value.loading), L.value.responsive) {
+				debug: Tn.value
+			}), bn(H.value), te(k.dataset) || (an.value = L.value.loading), L.value.responsive) {
 				let e = ge(() => {
 					let { width: e, height: t } = _e({
 						chart: P.value,
-						title: L.value.style.chart.title.text ? zt.value : null,
-						legend: L.value.style.chart.legend.show ? Bt.value : null,
-						source: Vt.value,
-						noTitle: Ht.value
+						title: L.value.style.chart.title.text ? Lt.value : null,
+						legend: L.value.style.chart.legend.show ? Rt.value : null,
+						source: zt.value,
+						noTitle: Bt.value
 					});
 					requestAnimationFrame(() => {
-						vn.value.width = e, vn.value.height = t - 12;
+						gn.value.width = e, gn.value.height = t - 12;
 					});
 				});
-				W.value && (En.value && W.value.unobserve(En.value), W.value.disconnect()), W.value = new ResizeObserver(e), En.value = P.value.parentNode, W.value.observe(En.value);
+				W.value && (wn.value && W.value.unobserve(wn.value), W.value.disconnect()), W.value = new ResizeObserver(e), wn.value = P.value.parentNode, W.value.observe(wn.value);
 			}
 		}
-		Fe(() => {
-			W.value && (En.value && W.value.unobserve(En.value), W.value.disconnect());
+		Ie(() => {
+			W.value && (wn.value && W.value.unobserve(wn.value), W.value.disconnect());
 		});
-		let kn = m(() => U.value.map((e, t) => ({
+		let Dn = m(() => U.value.map((e, t) => ({
 			...e,
-			color: f(e.color) || _n.value[t] || o[t] || o[t % o.length]
-		})).filter((e) => !N.value.includes(e.id))), An = m(() => H.value.filter((e) => !N.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0)), jn = m({
+			color: f(e.color) || hn.value[t] || o[t] || o[t % o.length]
+		})).filter((e) => !N.value.includes(e.id))), On = m(() => H.value.filter((e) => !N.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0)), kn = m({
 			get() {
-				let e = [...kn.value];
-				return L.value.style.chart.layout.sorted && (e = [...kn.value].sort((e, t) => t.value - e.value)), e.map((e) => ({ ...e }));
+				let e = [...Dn.value];
+				return L.value.style.chart.layout.sorted && (e = [...Dn.value].sort((e, t) => t.value - e.value)), e.map((e) => ({ ...e }));
 			},
 			set(e) {
 				return e;
 			}
 		});
-		function Mn(e, t) {
+		function An(e, t) {
 			return e.value / t;
 		}
-		function Nn(e, t, r) {
-			let i = L.value.style.chart.layout.rects.colorRatio - Mn(t, r);
+		function jn(e, t, r) {
+			let i = L.value.style.chart.layout.rects.colorRatio - An(t, r);
 			return n(e, i < 0 ? 0 : i);
 		}
-		function Pn(e) {
+		function Mn(e) {
 			return Array.isArray(e.children) && e.children.length > 0;
 		}
-		function Fn(e) {
+		function Nn(e) {
 			return [...e].sort((e, t) => {
-				let n = Pn(e), r = Pn(t);
+				let n = Mn(e), r = Mn(t);
 				if (n !== r) return n - r;
 				let i = Number(e.value) || 0;
 				return (Number(t.value) || 0) - i;
 			});
 		}
-		function In(e, t, n, r, i) {
-			return Fn(e).map((e, a) => {
-				let s = e.sourceColor || f(e.color) || f(t) || _n.value[a] || o[a] || o[a % o.length], c = e.sourceColor ? e.sourceColor : Nn(s, e, r), l = Mn(e, r), u = i ?? e.parentId ?? e.id, d = Array.isArray(e.children) && e.children.length && e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) || 1;
+		function Pn(e, t, n, r, i) {
+			return Nn(e).map((e, a) => {
+				let s = e.sourceColor || f(e.color) || f(t) || hn.value[a] || o[a] || o[a % o.length], c = e.sourceColor ? e.sourceColor : jn(s, e, r), l = An(e, r), u = i ?? 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 ? In(e.children, s, e.name, d, u) : void 0
+					children: Array.isArray(e.children) && e.children.length ? Pn(e.children, s, e.name, d, u) : void 0
 				};
 			});
 		}
-		function Ln(e) {
-			let t = Yn(e), n = Rn(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;
+		function Fn(e) {
+			let t = qn(e), n = In(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,
@@ -518,19 +519,19 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				y1: f
 			};
 		}
-		function Rn(e) {
-			return zn(e);
+		function In(e) {
+			return Ln(e);
 		}
-		function zn(e) {
+		function Ln(e) {
 			let t = Number(L.value.style.chart.layout.labels.hideUnderProportion);
 			return !Number.isFinite(t) || t <= 0 ? !0 : e.proportion > t;
 		}
-		function Bn(e, t, n = 0, r = null) {
+		function Rn(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 = Ye(i, t), c = [];
+			}), a = new Map(e.map((e) => [e.id, Array.isArray(e.children) ? e.children : []])), o = new Map(e.map((e) => [e.id, e])), s = Xe(i, t), c = [];
 			for (let e of s) {
 				let t = a.get(e.id) || [], i = o.get(e.id), s = {
 					...e,
@@ -539,19 +540,19 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 					color: i?.color ?? e.color ?? null,
 					children: t,
 					isVisibleNode: !0,
-					showLabel: Rn(e)
+					showLabel: In(e)
 				};
 				if (c.push(s), t.length) {
-					let r = Ln(s);
-					r && c.push(...Bn(t, r, n + 1, e.id));
+					let r = Fn(s);
+					r && c.push(...Rn(t, r, n + 1, e.id));
 				}
 			}
 			return c;
 		}
-		let Vn = m(() => {
-			let e = U.value.length ? U.value : jn.value, t = e.map((e) => Number(e.value) || 0).reduce((e, t) => e + t, 0) || 1;
-			return Bn(e.map((e, n) => {
-				let i = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: a, ...s } = e, c = e.sourceColor || f(e.color) || xn.value.get(e.id) || _n.value[n] || o[n] || o[n % o.length], l = e.sourceColor ? e.sourceColor : Nn(c, e, t);
+		let zn = m(() => {
+			let e = U.value.length ? U.value : kn.value, t = e.map((e) => Number(e.value) || 0).reduce((e, t) => e + t, 0) || 1;
+			return Rn(e.map((e, n) => {
+				let i = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: a, ...s } = e, c = e.sourceColor || f(e.color) || yn.value.get(e.id) || hn.value[n] || o[n] || o[n % o.length], l = e.sourceColor ? e.sourceColor : jn(c, e, t);
 				return {
 					...s,
 					id: e.id || r(),
@@ -560,7 +561,7 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 					value: e.value,
 					color: l,
 					proportion: (Number(e.value) || 0) / t,
-					children: Array.isArray(e.children) && e.children.length ? In(e.children, c, e.name, i || 1) : void 0
+					children: Array.isArray(e.children) && e.children.length ? Pn(e.children, c, e.name, i || 1) : void 0
 				};
 			}), {
 				x0: V.value.left,
@@ -568,29 +569,29 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				x1: V.value.left + V.value.width,
 				y1: V.value.top + V.value.height
 			});
-		}), G = m(() => Vn.value);
+		}), G = m(() => zn.value);
 		function K({ y0: e, y1: t }) {
 			return t - e <= 0 ? 1e-4 : t - e;
 		}
 		function q({ x0: e, x1: t }) {
 			return t - e <= 0 ? 1e-4 : t - e;
 		}
-		function Hn() {
+		function Bn() {
 			let e = L.value.style.chart.layout.labels, 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 Un(e) {
+		function Vn(e) {
 			let t = Math.min(4, Math.max(e * .25, .5));
 			return {
 				paddingX: t,
 				paddingTop: t
 			};
 		}
-		function Wn(e, t) {
-			let { paddingX: n, paddingTop: r } = Un(t), i = t * 1.1;
+		function Hn(e, t) {
+			let { paddingX: n, paddingTop: r } = Vn(t), i = t * 1.1;
 			return {
 				x: e.x0 + n,
 				y: e.y0 + r,
@@ -599,7 +600,7 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				lineHeight: i
 			};
 		}
-		function Gn(e, t) {
+		function Un(e, t) {
 			return ee(L.value.style.chart.layout.labels.formatter, e.value, i({
 				p: L.value.style.chart.layout.labels.prefix,
 				v: e.value,
@@ -610,31 +611,31 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				seriesIndex: t
 			});
 		}
-		function Kn(e, t) {
-			let n = Gn(e, t);
+		function Wn(e, t) {
+			let n = Un(e, t);
 			return Array.isArray(e.children) && e.children.length ? [`${e.name} (${n})`] : [`${e.name}`, n].filter((e) => `${e}`.length);
 		}
-		function qn(e, t, n) {
-			let r = Kn(e, n), i = Wn(e, t);
-			return !r.length || i.width <= 0 || i.height <= 0 || r.length * i.lineHeight > i.height ? !1 : r.every((e, n) => ri(e, t, n === 0 ? 500 : 400) <= i.width);
+		function Gn(e, t, n) {
+			let r = Wn(e, n), i = Hn(e, t);
+			return !r.length || i.width <= 0 || i.height <= 0 || r.length * i.lineHeight > i.height ? !1 : r.every((e, n) => ti(e, t, n === 0 ? 500 : 400) <= i.width);
 		}
-		function Jn(e, t, n, r) {
-			let i = Kn(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);
+		function Kn(e, t, n, r) {
+			let i = Wn(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 Yn(e, t) {
-			let { lowerBound: n, upperBound: r } = Hn(), i = Math.max(1e-4, Math.min(q(e), K(e))), a = Math.max(n, Math.min(r, i * .9)), o = Math.min(a, Jn(e, t, n, r));
-			if (qn(e, o, t) || !qn(e, n, t)) return o;
+		function qn(e, t) {
+			let { lowerBound: n, upperBound: r } = Bn(), i = Math.max(1e-4, Math.min(q(e), K(e))), a = Math.max(n, Math.min(r, i * .9)), o = Math.min(a, Kn(e, t, n, r));
+			if (Gn(e, o, t) || !Gn(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;
-				qn(e, n, t) ? (l = n, s = n) : c = n;
+				Gn(e, n, t) ? (l = n, s = n) : c = n;
 			}
 			let u = Math.max(n, o * .7);
 			return l >= u ? l : o;
 		}
-		function Xn(e) {
-			M.value = e, Rt.value += 1;
+		function Jn(e) {
+			M.value = e, It.value += 1;
 		}
 		let J = m(() => ({
 			x: 0,
@@ -652,7 +653,7 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 			}
 			return null;
 		}
-		function Zn(e) {
+		function Yn(e) {
 			let t = [], n = Y(e);
 			for (; n && n.parentId;) {
 				let e = Y(n.parentId);
@@ -661,23 +662,23 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 			}
 			return t;
 		}
-		let Qn = m(() => F.value.length > 0);
-		function $n() {
+		let Xn = m(() => F.value.length > 0);
+		function Zn() {
 			U.value = H.value.slice(), F.value = [], A("selectDatapoint", void 0);
 		}
-		function er() {
+		function Qn() {
 			return F.value[F.value.length - 1] ?? null;
 		}
-		function tr(e, t, n) {
-			F.value = [...Zn(e.id), e.id], U.value = [e], L.value.events.datapointClick && L.value.events.datapointClick({
+		function $n(e, t, n) {
+			F.value = [...Yn(e.id), e.id], U.value = [e], L.value.events.datapointClick && L.value.events.datapointClick({
 				datapoint: t ?? e,
 				seriesIndex: n
 			}), A("selectDatapoint", t ?? e);
 		}
-		function nr(e, t) {
-			let n = er();
+		function er(e, t) {
+			let n = Qn();
 			if (!n) {
-				$n();
+				Zn();
 				return;
 			}
 			let r = Y(n);
@@ -685,35 +686,35 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				L.value.events.datapointClick && L.value.events.datapointClick({
 					datapoint: e,
 					seriesIndex: t
-				}), $n();
+				}), Zn();
 				return;
 			}
 			let i = Y(r.parentId);
 			if (!i) {
-				$n();
+				Zn();
 				return;
 			}
-			F.value = [...Zn(i.id), i.id], U.value = [i], L.value.events.datapointClick && L.value.events.datapointClick({
+			F.value = [...Yn(i.id), i.id], U.value = [i], L.value.events.datapointClick && L.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			}), A("selectDatapoint", e);
 		}
-		function rr(e, t) {
+		function tr(e, t) {
 			if (!e) {
-				$n();
+				Zn();
 				return;
 			}
 			let n = Y(e.id);
 			if (n) {
-				if (er() === n.id) {
-					nr(e, t);
+				if (Qn() === n.id) {
+					er(e, t);
 					return;
 				}
-				tr(n, e, t);
+				$n(n, e, t);
 			}
 		}
-		function ir(e) {
-			return e ? er() === e.id : !1;
+		function nr(e) {
+			return e ? Qn() === e.id : !1;
 		}
 		let X = m(() => {
 			let e = [{
@@ -730,9 +731,9 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				});
 			}
 			return e;
-		}), Z = T(null), ar = m(() => H.value.map((e, t) => ({
+		}), Z = T(null), rr = m(() => H.value.map((e, t) => ({
 			...e,
-			color: f(e.color) || _n.value[t] || o[t] || o[t % o.length],
+			color: f(e.color) || hn.value[t] || o[t] || o[t % o.length],
 			shape: "square"
 		})).sort((e, t) => t.value - e.value).map((e, t) => {
 			let n = e.value / H.value.map((e) => e.value).reduce((e, t) => e + t, 0);
@@ -740,70 +741,70 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				...e,
 				proportion: n,
 				isSegregated: N.value.includes(e.id),
-				segregate: () => lr(e),
+				segregate: () => sr(e),
 				opacity: N.value.includes(e.id) ? .5 : 1,
 				display: `${e.name}${L.value.style.chart.legend.showPercentage || L.value.style.chart.legend.showValue ? ": " : ""}${L.value.style.chart.legend.showValue ? ee(L.value.style.chart.layout.labels.formatter, e.value, i({
 					p: L.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: L.value.style.chart.layout.labels.suffix,
 					r: L.value.style.chart.legend.roundingValue
-				}), { datapoint: e }) : ""}${L.value.style.chart.legend.showPercentage ? N.value.includes(e.id) ? `${L.value.style.chart.legend.showValue ? " (" : ""}- %${L.value.style.chart.legend.showValue ? ")" : ""}` : `${L.value.style.chart.legend.showValue ? " (" : ""}${isNaN(e.value / An.value) ? "-" : (e.value / An.value * 100).toFixed(L.value.style.chart.legend.roundingPercentage)}%${L.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
+				}), { datapoint: e }) : ""}${L.value.style.chart.legend.showPercentage ? N.value.includes(e.id) ? `${L.value.style.chart.legend.showValue ? " (" : ""}- %${L.value.style.chart.legend.showValue ? ")" : ""}` : `${L.value.style.chart.legend.showValue ? " (" : ""}${isNaN(e.value / On.value) ? "-" : (e.value / On.value * 100).toFixed(L.value.style.chart.legend.roundingPercentage)}%${L.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
 			};
-		})), or = m(() => ({
+		})), ir = m(() => ({
 			cy: "treemap-div-legend",
 			backgroundColor: L.value.style.chart.legend.backgroundColor,
 			color: L.value.style.chart.legend.color,
 			fontSize: L.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: L.value.style.chart.legend.bold ? "bold" : ""
-		})), sr = m(() => N.value.length === ar.value.length);
-		function cr() {
-			N.value.length ? N.value = [] : ar.value.forEach((e) => {
+		})), ar = m(() => N.value.length === rr.value.length);
+		function or() {
+			N.value.length ? N.value = [] : rr.value.forEach((e) => {
 				N.value.push(e.id);
 			}), A("selectLegend", H.value.filter((e) => !N.value.includes(e.id)));
 		}
-		function lr(e) {
+		function sr(e) {
 			Z.value = null, N.value.includes(e.id) ? N.value = N.value.filter((t) => t !== e.id) : N.value.length < k.dataset.length - 1 && N.value.push(e.id), A("selectLegend", H.value.filter((e) => !N.value.includes(e.id)));
 		}
-		function ur(e) {
+		function cr(e) {
 			return H.value.length ? H.value.find((t) => t.name === e) || (L.value.debug && console.warn(`VueUiTreemap - Series name not found "${e}"`), null) : (L.value.debug && console.warn("VueUiTreemap - There are no series to show."), null);
 		}
-		function dr(e) {
-			let t = ur(e);
-			t !== null && N.value.includes(t.id) && lr({ id: t.id });
+		function lr(e) {
+			let t = cr(e);
+			t !== null && N.value.includes(t.id) && sr({ id: t.id });
 		}
-		function fr(e) {
-			let t = ur(e);
-			t !== null && (N.value.includes(t.id) || lr({ id: t.id }));
+		function ur(e) {
+			let t = cr(e);
+			t !== null && (N.value.includes(t.id) || sr({ id: t.id }));
 		}
-		function pr({ datapoint: e, seriesIndex: t }) {
-			Z.value = null, It.value = !1, I.value = null, tn.value = "pointer", L.value.events.datapointLeave && L.value.events.datapointLeave({
+		function dr({ datapoint: e, seriesIndex: t }) {
+			Z.value = null, Pt.value = !1, I.value = null, $t.value = "pointer", L.value.events.datapointLeave && L.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		let mr = C(null);
-		function hr({ datapoint: e, seriesIndex: t, triggerMode: n = "pointer" }) {
-			if (sr.value || n === "pointer" && Tr.value) return;
+		let fr = C(null);
+		function pr({ datapoint: e, seriesIndex: t, triggerMode: n = "pointer" }) {
+			if (ar.value || n === "pointer" && Cr.value) return;
 			L.value.events.datapointEnter && L.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), I.value = t, tn.value = n, Z.value = e, mr.value = {
+			}), I.value = t, $t.value = n, Z.value = e, fr.value = {
 				datapoint: e,
 				seriesIndex: t,
 				config: L.value,
-				series: kn.value
+				series: Dn.value
 			};
 			let r = L.value.style.chart.tooltip.customFormat;
 			if (ae(r) && ne(() => r({
 				seriesIndex: t,
 				datapoint: e,
-				series: kn.value,
+				series: Dn.value,
 				config: L.value
-			}))) Lt.value = r({
+			}))) Ft.value = r({
 				seriesIndex: t,
 				datapoint: e,
-				series: kn.value,
+				series: Dn.value,
 				config: L.value
 			});
 			else {
@@ -816,9 +817,9 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})}</b>`, Lt.value = `<div>${n}</div>`;
+				})}</b>`, Ft.value = `<div>${n}</div>`;
 			}
-			It.value = !0;
+			Pt.value = !0;
 		}
 		let Q = m(() => ({
 			head: G.value.map((e) => ({
@@ -827,12 +828,12 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 			})),
 			body: G.value.map((e) => e.value)
 		}));
-		function gr(e = null) {
-			Ne(() => {
+		function mr(e = null) {
+			Pe(() => {
 				let t = Q.value.head.map((e, t) => [
 					[e.name],
 					[Q.value.body[t]],
-					[isNaN(Q.value.body[t] / An.value) ? "-" : Q.value.body[t] / An.value * 100]
+					[isNaN(Q.value.body[t] / On.value) ? "-" : Q.value.body[t] / On.value * 100]
 				]), n = c([
 					[L.value.style.chart.title.text],
 					[L.value.style.chart.title.subtitle.text],
@@ -848,7 +849,7 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				});
 			});
 		}
-		let _r = m(() => {
+		let hr = m(() => {
 			let e = [
 				L.value.table.columnNames.series,
 				L.value.table.columnNames.value,
@@ -867,8 +868,8 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 						shape: "square"
 					},
 					n,
-					isNaN(Q.value.body[t] / An.value) ? "-" : i({
-						v: Q.value.body[t] / An.value * 100,
+					isNaN(Q.value.body[t] / On.value) ? "-" : i({
+						v: Q.value.body[t] / On.value * 100,
 						s: "%",
 						r: L.value.table.td.roundingPercentage
 					})
@@ -893,36 +894,36 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				config: n
 			};
 		});
-		function vr() {
+		function gr() {
 			return G.value;
 		}
-		function yr() {
+		function _r() {
 			B.value.showTable = !B.value.showTable;
 		}
-		function br() {
+		function vr() {
 			B.value.showTooltip = !B.value.showTooltip;
 		}
-		function xr() {
+		function yr() {
 			B.value.showZoom = !B.value.showZoom;
 		}
-		let Sr = C(!1);
-		function Cr() {
-			Sr.value = !Sr.value;
+		let br = C(!1);
+		function xr() {
+			br.value = !br.value;
 		}
-		let wr = m(() => !Sr.value && B.value.showZoom), Tr = C(null), Er = C(!1), { viewBox: $, resetZoom: Dr, isZoom: Or, setInitialViewBox: kr } = Te(z, {
+		let Sr = m(() => !br.value && B.value.showZoom), Cr = C(null), wr = C(!1), { viewBox: $, resetZoom: Tr, isZoom: Er, setInitialViewBox: Dr } = Ee(z, {
 			x: J.value.x,
 			y: J.value.y,
 			width: Math.max(10, J.value.width),
 			height: Math.max(10, J.value.height)
-		}, 1, wr), Ar = m(() => B.value.showZoom || Or.value);
+		}, 1, Sr), Or = m(() => B.value.showZoom || Er.value);
 		D([
 			() => J.value.x,
 			() => J.value.y,
 			() => J.value.width,
 			() => J.value.height
 		], () => {
-			Ne(() => {
-				kr({
+			Pe(() => {
+				Dr({
 					x: J.value.x,
 					y: J.value.y,
 					width: Math.max(10, J.value.width),
@@ -930,33 +931,33 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				});
 			});
 		}, { immediate: !0 });
-		function jr(e) {
-			wr.value && (e.button !== void 0 && e.button !== 0 || (Tr.value = {
+		function kr(e) {
+			Sr.value && (e.button !== void 0 && e.button !== 0 || (Cr.value = {
 				x: e.clientX,
 				y: e.clientY
-			}, Er.value = !1));
+			}, wr.value = !1));
 		}
-		function Mr(e) {
-			if (!wr.value || !Tr.value) return;
-			let t = e.clientX - Tr.value.x, n = e.clientY - Tr.value.y;
-			Math.hypot(t, n) > jt && (Er.value = !0);
+		function Ar(e) {
+			if (!Sr.value || !Cr.value) return;
+			let t = e.clientX - Cr.value.x, n = e.clientY - Cr.value.y;
+			Math.hypot(t, n) > kt && (wr.value = !0);
 		}
-		function Nr() {
-			Tr.value = null, Er.value && window.setTimeout(() => {
-				Er.value = !1;
+		function jr() {
+			Cr.value = null, wr.value && window.setTimeout(() => {
+				wr.value = !1;
 			}, 0);
 		}
-		function Pr(e, t) {
-			Er.value || rr(e, t);
+		function Mr(e, t) {
+			wr.value || tr(e, t);
 		}
-		let Fr = C(null);
-		function Ir(e) {
-			Fr.value = e;
+		let Nr = C(null);
+		function Pr(e) {
+			Nr.value = e;
 		}
-		function Lr() {
-			Fr.value = null;
+		function Fr() {
+			Nr.value = null;
 		}
-		async function Rr({ scale: e = 2 } = {}) {
+		async function Ir({ scale: e = 2 } = {}) {
 			if (!P.value) return;
 			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await pe({
 				domElement: P.value,
@@ -973,10 +974,10 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				aspectRatio: r
 			};
 		}
-		let zr = m(() => {
+		let Lr = m(() => {
 			let e = L.value.table.useDialog && !L.value.table.show, t = B.value.showTable;
 			return {
-				component: e ? $e : Je,
+				component: e ? et : Ye,
 				title: `${L.value.style.chart.title.text}${L.value.style.chart.title.subtitle.text ? `: ${L.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: L.value.table.th.backgroundColor,
@@ -1005,50 +1006,50 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 			};
 		});
 		D(() => B.value.showTable, (e) => {
-			L.value.table.show || (e && L.value.table.useDialog && Jt.value ? Jt.value.open() : "close" in Jt.value && Jt.value.close());
+			L.value.table.show || (e && L.value.table.useDialog && Kt.value ? Kt.value.open() : "close" in Kt.value && Kt.value.close());
 		});
-		function Br() {
-			B.value.showTable = !1, Yt.value && Yt.value.setTableIconState(!1);
+		function Rr() {
+			B.value.showTable = !1, qt.value && qt.value.setTableIconState(!1);
 		}
-		let Vr = m(() => ar.value.map((e) => ({
+		let zr = m(() => rr.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), Hr = m(() => L.value.style.chart.backgroundColor), Ur = m(() => L.value.style.chart.legend), { exportSvg: Wr, getSvg: Gr } = ue({
+		}))), Br = m(() => L.value.style.chart.backgroundColor), Vr = m(() => L.value.style.chart.legend), { exportSvg: Hr, getSvg: Ur } = ue({
 			svg: z,
 			title: m(() => L.value.style.chart.title),
-			legend: Ur,
-			legendItems: Vr,
-			backgroundColor: Hr
+			legend: Vr,
+			legendItems: zr,
+			backgroundColor: Br
 		});
-		async function Kr({ isCb: e }) {
-			$t.value = !0, await Ne();
+		async function Wr({ isCb: e }) {
+			Zt.value = !0, await Pe();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Gr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Ur();
 					await Promise.resolve(L.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Wr());
+				} else await Promise.resolve(Hr());
 			} finally {
-				$t.value = !1;
+				Zt.value = !1;
 			}
 		}
-		function qr(e) {
+		function Gr(e) {
 			if (e?.stage === "start") {
-				Qt.value = !0;
+				Xt.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				Qt.value = !1;
+				Xt.value = !1;
 				return;
 			}
-			hn();
+			pn();
 		}
-		function Jr(e, t) {
-			let n = Yn(e, t), { paddingX: r, paddingTop: i } = Un(n);
+		function Kr(e, t) {
+			let n = qn(e, t), { paddingX: r, paddingTop: i } = Vn(n);
 			return {
 				fontSize: n,
 				paddingX: r,
@@ -1056,25 +1057,25 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				lineHeight: n * 1.1
 			};
 		}
-		function Yr(e, t) {
-			return Wn(e, Jr(e, t).fontSize);
+		function qr(e, t) {
+			return Hn(e, Kr(e, t).fontSize);
 		}
-		function Xr(e) {
+		function Jr(e) {
 			return re(e.color ?? L.value.style.chart.backgroundColor);
 		}
-		function Zr(e, t) {
-			let { fontSize: n, lineHeight: r } = Jr(e, t), i = ii(e, t), a = ai(e, t);
+		function Yr(e, t) {
+			let { fontSize: n, lineHeight: r } = Kr(e, t), i = ni(e, t), a = ri(e, t);
 			if (i <= 0 || a <= 0) return [];
 			let o = Math.max(Math.floor(a / Math.max(r, 1e-4)), 1);
-			return Kn(e, t).slice(0, o).map((e) => String(e ?? "")).filter(Boolean);
+			return Wn(e, t).slice(0, o).map((e) => String(e ?? "")).filter(Boolean);
 		}
-		function Qr({ rect: e, seriesIndex: t }) {
-			if (!e || !L.value.style.chart.layout.labels.showDefaultLabels || !Rn(e)) return null;
-			let { fontSize: n } = Jr(e, t), r = Xr(e), i = Zr(e, t), a = Yr(e, t);
+		function Xr({ rect: e, seriesIndex: t }) {
+			if (!e || !L.value.style.chart.layout.labels.showDefaultLabels || !In(e)) return null;
+			let { fontSize: n } = Kr(e, t), r = Jr(e), i = Yr(e, t), a = qr(e, t);
 			if (!i.length || a.width <= 0 || a.height <= 0) return null;
 			let o = `treemap_clip_${j.value}_${e.id}`, s = e.x0, c = e.y0, l = Math.max(q(e), 0), u = Math.max(K(e), 0);
 			return {
-				key: $r(e),
+				key: Zr(e),
 				clipId: o,
 				clipX: s,
 				clipY: c,
@@ -1092,31 +1093,31 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				}))
 			};
 		}
-		function $r(e) {
+		function Zr(e) {
 			return `${e.id}`;
 		}
-		let ei = m(() => Mt.rect || an.value || !L.value.style.chart.layout.labels.showDefaultLabels || sr.value ? [] : G.value.map((e, t) => e.showLabel ? Qr({
+		let Qr = m(() => At.rect || nn.value || !L.value.style.chart.layout.labels.showDefaultLabels || ar.value ? [] : G.value.map((e, t) => e.showLabel ? Xr({
 			rect: e,
 			seriesIndex: t
-		}) : null).filter(Boolean)), ti;
-		function ni() {
-			return typeof document > "u" ? null : (ti ||= document.createElement("canvas"), ti.getContext("2d"));
+		}) : null).filter(Boolean)), $r;
+		function ei() {
+			return typeof document > "u" ? null : ($r ||= document.createElement("canvas"), $r.getContext("2d"));
 		}
-		function ri(e, t, n = 400) {
-			let r = ni();
+		function ti(e, t, n = 400) {
+			let r = ei();
 			return r ? (r.font = `${n} ${t}px ${L.value.style.fontFamily}`, r.measureText(String(e)).width) : e.length * t * .6;
 		}
-		function ii(e, t) {
-			return Yr(e, t).width;
+		function ni(e, t) {
+			return qr(e, t).width;
 		}
-		function ai(e, t) {
-			return Yr(e, t).height;
+		function ri(e, t) {
+			return qr(e, t).height;
 		}
-		function oi(e) {
+		function ii(e) {
 			let t = L.value.style.chart.layout.rects.borderRadius, n = q(e), r = K(e);
 			return Math.min(t, Math.min(n, r) / 6);
 		}
-		async function si() {
+		async function ai() {
 			if (A("copyAlt", {
 				config: L.value,
 				dataset: G.value
@@ -1129,84 +1130,84 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				dataset: G.value
 			}));
 		}
-		function ci() {
-			I.value = null, nn.value = !0;
+		function oi() {
+			I.value = null, en.value = !0;
 		}
-		function li() {
-			I.value = null, tn.value = "pointer", It.value = !1, Z.value = null, nn.value = !1;
+		function si() {
+			I.value = null, $t.value = "pointer", Pt.value = !1, Z.value = null, en.value = !1;
 		}
-		function ui(e) {
-			if (!z.value || Sr.value || document.activeElement !== z.value || !G.value.length || sr.value) return;
+		function ci(e) {
+			if (!z.value || br.value || document.activeElement !== z.value || !G.value.length || ar.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) {
-				I.value = null, tn.value = "pointer", It.value = !1, Z.value = null;
+				I.value = null, $t.value = "pointer", Pt.value = !1, Z.value = null;
 				return;
 			}
 			if (r) {
 				if (I.value === null) return;
 				let e = G.value[I.value];
 				if (!e) return;
-				rr(e, I.value);
+				tr(e, I.value);
 				return;
 			}
 			let a = I.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 && (di(a), hr({
+			l && (li(a), pr({
 				datapoint: l,
 				seriesIndex: a,
 				triggerMode: "keyboard"
 			}));
 		}
-		function di(e) {
+		function li(e) {
 			if (!Number.isFinite(e) || !z.value) return;
 			let t = G.value[e];
 			if (!t) return;
 			let n = t.x0 + q(t) / 2, r = t.y0 + K(t) / 2, i = z.value.getBoundingClientRect();
-			en.value = {
+			Qt.value = {
 				x: i.left + (n - $.value.x) / $.value.width * i.width,
 				y: i.top + (r - $.value.y) / $.value.height * i.height
 			};
 		}
-		let fi = m(() => ({
-			headers: _r.value?.colNames ?? [],
-			rows: _r.value?.body ?? []
-		})), pi = m(() => L.value.style.chart.color);
+		let ui = m(() => ({
+			headers: hr.value?.colNames ?? [],
+			rows: hr.value?.body ?? []
+		})), di = m(() => L.value.style.chart.color);
 		return he({
-			getData: vr,
-			getImage: Rr,
-			generateCsv: gr,
-			generateImage: hn,
-			generateSvg: Kr,
-			generatePdf: mn,
-			hideSeries: fr,
-			showSeries: dr,
-			toggleTable: yr,
-			toggleTooltip: br,
-			toggleZoom: xr,
-			toggleAnnotator: Cr,
-			toggleFullscreen: Xn,
-			resetZoom: Dr,
-			copyAlt: si
+			getData: gr,
+			getImage: Ir,
+			generateCsv: mr,
+			generateImage: pn,
+			generateSvg: Wr,
+			generatePdf: fn,
+			hideSeries: ur,
+			showSeries: lr,
+			toggleTable: _r,
+			toggleTooltip: vr,
+			toggleZoom: yr,
+			toggleAnnotator: xr,
+			toggleFullscreen: Jn,
+			resetZoom: Tr,
+			copyAlt: ai
 		}), (e, t) => (S(), _("div", {
 			ref_key: "treemapChart",
 			ref: P,
-			class: Pe(`vue-data-ui-component vue-ui-treemap ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${L.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			class: Fe(`vue-data-ui-component vue-ui-treemap ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${L.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: x(`font-family:${L.value.style.fontFamily};width:100%; ${L.value.responsive ? "height: 100%;" : ""} text-align:center;background:${L.value.style.chart.backgroundColor}`),
 			id: `treemap_${j.value}`,
-			onMouseenter: t[3] ||= () => E(ln)(!0),
-			onMouseleave: t[4] ||= () => E(ln)(!1)
+			onMouseenter: t[3] ||= () => E(sn)(!0),
+			onMouseleave: t[4] ||= () => E(sn)(!1)
 		}, [
 			v("div", {
 				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
-			}, [v("p", null, ze(L.value.a11y.translations.keyboardNavigation), 1)], 8, it),
-			fi.value?.rows?.length ? (S(), h(be, {
+			}, [v("p", null, Be(L.value.a11y.translations.keyboardNavigation), 1)], 8, at),
+			ui.value?.rows?.length ? (S(), h(xe, {
 				key: 0,
 				uid: j.value,
-				head: fi.value.headers,
-				body: fi.value.rows,
+				head: ui.value.headers,
+				body: ui.value.rows,
 				notice: L.value.a11y.translations.tableAvailable,
 				caption: L.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1216,14 +1217,14 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				"notice",
 				"caption"
 			])) : g("", !0),
-			L.value.userOptions.buttons.annotator ? (S(), h(E(qe), {
+			L.value.userOptions.buttons.annotator ? (S(), h(E(Je), {
 				key: 1,
 				svgRef: E(z),
 				backgroundColor: L.value.style.chart.backgroundColor,
 				color: L.value.style.chart.color,
-				active: Sr.value,
+				active: br.value,
 				isCursorPointer: R.value,
-				onClose: Cr
+				onClose: xr
 			}, {
 				"annotator-action-close": O(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": O(({ color: t }) => [w(e.$slots, "annotator-action-color", b(y({ color: t })), void 0, !0)]),
@@ -1239,20 +1240,20 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				"active",
 				"isCursorPointer"
 			])) : g("", !0),
-			gn.value ? (S(), _("div", {
+			mn.value ? (S(), _("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Ht,
+				ref: Bt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : g("", !0),
 			L.value.style.chart.title.text ? (S(), _("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: zt,
+				ref: Lt,
 				style: x(`width:100%;background:${L.value.style.chart.backgroundColor};padding-bottom:6px`)
 			}, [(S(), h(me, {
-				key: `title_${Ut.value}`,
+				key: `title_${Vt.value}`,
 				config: {
 					title: {
 						cy: "treemap-div-title",
@@ -1264,15 +1265,15 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 					}
 				}
 			}, null, 8, ["config"]))], 4)) : g("", !0),
-			v("div", { id: `legend-top-${j.value}` }, null, 8, at),
-			L.value.userOptions.show && Pt.value && (E(un) || E(cn)) ? (S(), h(E(Ze), {
+			v("div", { id: `legend-top-${j.value}` }, null, 8, ot),
+			L.value.userOptions.show && Mt.value && (E(cn) || E(on)) ? (S(), h(E(Qe), {
 				ref_key: "userOptionsRef",
-				ref: Yt,
-				key: `user_option_${Rt.value}`,
+				ref: qt,
+				key: `user_option_${It.value}`,
 				backgroundColor: L.value.style.chart.backgroundColor,
 				color: L.value.style.chart.color,
-				isPrinting: E(fn),
-				isImaging: E(pn),
+				isPrinting: E(un),
+				isImaging: E(dn),
 				uid: j.value,
 				hasTooltip: L.value.userOptions.buttons.tooltip && L.value.style.chart.tooltip.show,
 				hasPdf: L.value.userOptions.buttons.pdf,
@@ -1288,25 +1289,25 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				chartElement: P.value,
 				position: L.value.userOptions.position,
 				hasAnnotator: L.value.userOptions.buttons.annotator,
-				isAnnotation: Sr.value,
+				isAnnotation: br.value,
 				callbacks: L.value.userOptions.callbacks,
 				printScale: L.value.userOptions.print.scale,
 				tableDialog: L.value.table.useDialog,
 				isCursorPointer: R.value,
 				hasZoom: L.value.userOptions.buttons.zoom,
 				isZoom: B.value.showZoom,
-				onToggleFullscreen: Xn,
-				onGeneratePdf: E(mn),
-				onGenerateCsv: gr,
-				onGenerateImage: qr,
-				onGenerateSvg: Kr,
-				onToggleTable: yr,
-				onToggleTooltip: br,
-				onToggleAnnotator: Cr,
-				onToggleZoom: xr,
-				onCopyAlt: si,
-				style: x({ visibility: E(un) ? E(cn) ? "visible" : "hidden" : "visible" })
-			}, Oe({ _: 2 }, [
+				onToggleFullscreen: Jn,
+				onGeneratePdf: E(fn),
+				onGenerateCsv: mr,
+				onGenerateImage: Gr,
+				onGenerateSvg: Wr,
+				onToggleTable: _r,
+				onToggleTooltip: vr,
+				onToggleAnnotator: xr,
+				onToggleZoom: yr,
+				onCopyAlt: ai,
+				style: x({ visibility: E(cn) ? E(on) ? "visible" : "hidden" : "visible" })
+			}, ke({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: O(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", b(y({
@@ -1390,92 +1391,96 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				class: "vue-ui-treemap-breadcrumbs",
 				"data-dom-to-png-ignore": "",
 				ref_key: "breadcrumbsNav",
-				ref: Kt
-			}, [(S(!0), _(p, null, Le(X.value, (n, r) => (S(), _("span", {
+				ref: Wt
+			}, [(S(!0), _(p, null, Re(X.value, (n, r) => (S(), _("span", {
 				role: "button",
 				tabindex: r < X.value.length - 1 ? 0 : void 0,
 				key: n.id || "root",
-				onClick: (e) => r === X.value.length - 1 ? () => {} : rr(n.node),
-				onKeydown: [Ue(We((e) => r === X.value.length - 1 ? void 0 : rr(n.node), ["prevent"]), ["enter"]), Ue(We((e) => r === X.value.length - 1 ? void 0 : rr(n.node), ["prevent"]), ["space"])],
+				onClick: (e) => r === X.value.length - 1 ? () => {} : tr(n.node),
+				onKeydown: [We(Ge((e) => r === X.value.length - 1 ? void 0 : tr(n.node), ["prevent"]), ["enter"]), We(Ge((e) => r === X.value.length - 1 ? void 0 : tr(n.node), ["prevent"]), ["space"])],
 				class: "vue-ui-treemap-crumb",
 				"data-last-crumb": r === X.value.length - 1,
 				style: x({
 					color: L.value.style.chart.color,
 					cursor: R.value ? "pointer" : "default"
 				}),
-				onMouseenter: (e) => Ir(r),
-				onMouseleave: Lr,
-				onFocus: (e) => Ir(r),
-				onBlur: Lr
-			}, [v("span", st, [v("span", ct, [w(e.$slots, "breadcrumb-label", Me({ ref_for: !0 }, {
+				onMouseenter: (e) => Pr(r),
+				onMouseleave: Fr,
+				onFocus: (e) => Pr(r),
+				onBlur: Fr
+			}, [v("span", ct, [v("span", lt, [w(e.$slots, "breadcrumb-label", Ne({ ref_for: !0 }, {
 				crumb: n,
 				isRoot: r === 0,
-				isFocus: Fr.value === r
-			}), () => [r === 0 ? (S(), _("div", lt, [Ae(ve, {
-				name: Fr.value === 0 ? "homeFilled" : "home",
+				isFocus: Nr.value === r
+			}), () => [r === 0 ? (S(), _("div", ut, [je(ve, {
+				name: Nr.value === 0 ? "homeFilled" : "home",
 				stroke: L.value.style.chart.color
-			}, null, 8, ["name", "stroke"])])) : (S(), _(p, { key: 1 }, [ke(ze(n.label), 1)], 64))], !0)]), r < X.value.length - 1 ? (S(), _("span", ut, [w(e.$slots, "breadcrumb-arrow", {}, () => [t[5] ||= ke(" › ", -1)], !0)])) : g("", !0)])], 44, ot))), 128))], 512)) : g("", !0),
-			v("div", dt, [
+			}, null, 8, ["name", "stroke"])])) : (S(), _(p, { key: 1 }, [Ae(Be(n.label), 1)], 64))], !0)]), r < X.value.length - 1 ? (S(), _("span", dt, [w(e.$slots, "breadcrumb-arrow", {}, () => [t[5] ||= Ae(" › ", -1)], !0)])) : g("", !0)])], 44, st))), 128))], 512)) : g("", !0),
+			v("div", ft, [
 				(S(), _("svg", {
 					ref_key: "svgRef",
 					ref: z,
 					xmlns: E(ie),
 					"aria-describedby": `chart-instructions-${j.value}`,
-					class: Pe({
+					class: Fe({
 						"vue-data-ui-fullscreen--on": M.value,
 						"vue-data-ui-fulscreen--off": !M.value,
-						"vue-data-ui-zoom-plus": !Qn.value,
-						"vue-data-ui-zoom-minus": Qn.value,
-						"no-transition": E(Nt),
-						loading: E(an)
+						"vue-data-ui-zoom-plus": !Xn.value,
+						"vue-data-ui-zoom-minus": Xn.value,
+						"no-transition": E(jt),
+						loading: E(nn)
 					}),
 					viewBox: `${E($).x} ${E($).y} ${E($).width <= 0 ? 10 : E($).width} ${E($).height <= 0 ? 10 : E($).height}`,
-					style: x(`max-width:100%; overflow:${Ar.value ? "hidden" : "visible"}; background:transparent;color:${L.value.style.chart.color}`),
+					style: x(`max-width:100%; overflow:${Or.value ? "hidden" : "visible"}; background:transparent;color:${L.value.style.chart.color}`),
 					tabindex: "0",
-					onFocus: ci,
-					onBlur: li,
-					onKeydown: ui,
-					onPointerdown: jr,
-					onPointermove: Mr,
-					onPointerup: Nr,
-					onPointercancel: Nr,
-					onPointerleave: Nr
+					onFocus: oi,
+					onBlur: si,
+					onKeydown: ci,
+					onPointerdown: kr,
+					onPointermove: Ar,
+					onPointerup: jr,
+					onPointercancel: jr,
+					onPointerleave: jr
 				}, [
-					Ae(E(Qe)),
-					(S(!0), _(p, null, Le(G.value, (e, t) => (S(), _("g", { key: `tgrad_${e.id}` }, [L.value.style.chart.layout.rects.gradient.show ? (S(), _("defs", pt, [v("radialGradient", {
+					je(E($e)),
+					(S(!0), _(p, null, Re(G.value, (e, t) => (S(), _("g", { key: `tgrad_${e.id}` }, [L.value.style.chart.layout.rects.gradient.show ? (S(), _("defs", mt, [je(ye, {
+						t: "radial",
 						id: `tgrad_${e.id}`,
-						gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
-					}, [v("stop", {
-						offset: "18%",
-						"stop-color": e.color
-					}, null, 8, ht), v("stop", {
-						offset: "100%",
-						"stop-color": E(n)(e.color, L.value.style.chart.layout.rects.gradient.intensity / 100)
-					}, null, 8, gt)], 8, mt)])) : g("", !0)]))), 128)),
+						gradientTransform: "translate(-1, -1.000001) scale(2, 2)",
+						stops: [[
+							"18%",
+							e.color,
+							1
+						], [
+							"100%",
+							E(n)(e.color, L.value.style.chart.layout.rects.gradient.intensity / 100),
+							1
+						]]
+					}, null, 8, ["id", "stops"])])) : g("", !0)]))), 128)),
 					v("g", null, [
-						(S(!0), _(p, null, Le(G.value, (e, t) => (S(), _("g", { key: `rect_${e.id}_${e.depth}` }, [v("rect", {
+						(S(!0), _(p, null, Re(G.value, (e, t) => (S(), _("g", { key: `rect_${e.id}_${e.depth}` }, [v("rect", {
 							x: e.x0,
 							y: e.y0,
 							height: K(e),
 							width: q(e),
-							fill: Ft.value ? e.color ?? L.value.style.chart.backgroundColor : L.value.style.chart.layout.rects.gradient.show ? sr.value ? L.value.style.chart.backgroundColor : `url(#tgrad_${e.id})` : e.color ?? L.value.style.chart.backgroundColor,
-							rx: oi(e),
+							fill: Nt.value ? e.color ?? L.value.style.chart.backgroundColor : L.value.style.chart.layout.rects.gradient.show ? ar.value ? L.value.style.chart.backgroundColor : `url(#tgrad_${e.id})` : e.color ?? L.value.style.chart.backgroundColor,
+							rx: ii(e),
 							stroke: Z.value && Z.value.id === e.id ? L.value.style.chart.layout.rects.selected.stroke : L.value.style.chart.layout.rects.stroke,
 							"stroke-width": Z.value && Z.value.id === e.id ? L.value.style.chart.layout.rects.selected.strokeWidth : L.value.style.chart.layout.rects.strokeWidth,
-							onClick: We((n) => Pr(e, t), ["stop"]),
-							onMouseenter: () => hr({
+							onClick: Ge((n) => Mr(e, t), ["stop"]),
+							onMouseenter: () => pr({
 								datapoint: e,
 								seriesIndex: t,
 								triggerMode: "pointer"
 							}),
-							onMouseleave: (n) => pr({
+							onMouseleave: (n) => dr({
 								datapoint: e,
 								seriesIndex: t
 							}),
 							style: x(`opacity:${Z.value ? Z.value.id === e.id ? 1 : L.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
-							class: Pe(["vue-ui-treemap-rect", ir(e) ? "vue-data-ui-zoom-minus" : "vue-data-ui-zoom-plus"])
-						}, null, 46, _t)]))), 128)),
-						(S(!0), _(p, null, Le(ei.value, (e) => (S(), _("g", {
+							class: Fe(["vue-ui-treemap-rect", nr(e) ? "vue-data-ui-zoom-minus" : "vue-data-ui-zoom-plus"])
+						}, null, 46, ht)]))), 128)),
+						(S(!0), _(p, null, Re(Qr.value, (e) => (S(), _("g", {
 							key: e.key,
 							style: { "pointer-events": "none" }
 						}, [v("defs", null, [v("clipPath", {
@@ -1487,7 +1492,7 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 							y: e.clipY,
 							width: e.clipWidth,
 							height: e.clipHeight
-						}, null, 8, yt)], 8, vt)]), v("g", { "clip-path": `url(#${e.clipId})` }, [(S(!0), _(p, null, Le(e.lines, (e) => (S(), _("text", {
+						}, null, 8, _t)], 8, gt)]), v("g", { "clip-path": `url(#${e.clipId})` }, [(S(!0), _(p, null, Re(e.lines, (e) => (S(), _("text", {
 							key: e.key,
 							class: "vue-ui-treemap-data-label",
 							transform: `translate(${e.x}, ${e.y})`,
@@ -1497,8 +1502,8 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 							"font-weight": e.fontWeight,
 							"text-anchor": "start",
 							"dominant-baseline": "text-before-edge"
-						}, ze(e.text), 9, xt))), 128))], 8, bt)]))), 128)),
-						e.$slots.rect ? (S(), _("g", St, [(S(!0), _(p, null, Le(G.value, (t, n) => (S(), _("g", { key: `slot_${t.id}_${t.depth}` }, [(S(), _("foreignObject", {
+						}, Be(e.text), 9, yt))), 128))], 8, vt)]))), 128)),
+						e.$slots.rect ? (S(), _("g", bt, [(S(!0), _(p, null, Re(G.value, (t, n) => (S(), _("g", { key: `slot_${t.id}_${t.depth}` }, [(S(), _("foreignObject", {
 							x: t.x0,
 							y: t.y0,
 							height: K(t),
@@ -1508,7 +1513,7 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 								"pointer-events": "none",
 								overflow: "hidden"
 							}
-						}, [v("div", wt, [E(an) ? g("", !0) : w(e.$slots, "rect", Me({
+						}, [v("div", St, [E(nn) ? g("", !0) : w(e.$slots, "rect", Ne({
 							key: 0,
 							ref_for: !0
 						}, {
@@ -1518,22 +1523,22 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 								width: q(t),
 								isSelected: Z.value ? Z.value.id === t.id : !0
 							},
-							shouldShow: zn(t) || Qn.value,
-							fontSize: Yn(t, n),
-							isZoom: Qn.value,
+							shouldShow: Ln(t) || Xn.value,
+							fontSize: qn(t, n),
+							isZoom: Xn.value,
 							textColor: E(re)(t.color)
-						}), void 0, !0)])], 8, Ct))]))), 128))])) : g("", !0)
+						}), void 0, !0)])], 8, xt))]))), 128))])) : g("", !0)
 					]),
 					w(e.$slots, "svg", b(y({
 						svg: V.value,
-						isZoom: Qn.value,
+						isZoom: Xn.value,
 						rect: Z.value,
 						config: L.value,
-						isPrintingImg: E(fn) || E(pn) || Qt.value,
-						isPrintingSvg: $t.value
+						isPrintingImg: E(un) || E(dn) || Xt.value,
+						isPrintingSvg: Zt.value
 					})), void 0, !0)
-				], 46, ft)),
-				E(Or) ? (S(), _("div", Tt, [w(e.$slots, "reset-action", { reset: E(Dr) }, () => [v("button", {
+				], 46, pt)),
+				E(Er) ? (S(), _("div", Ct, [w(e.$slots, "reset-action", { reset: E(Tr) }, () => [v("button", {
 					"data-cy-reset": "",
 					tabindex: "0",
 					role: "button",
@@ -1542,45 +1547,45 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 						background: L.value.style.chart.backgroundColor,
 						cursor: R.value ? "pointer" : "default"
 					}),
-					onClick: t[0] ||= (e) => E(Dr)(!0)
-				}, [Ae(ve, {
+					onClick: t[0] ||= (e) => E(Tr)(!0)
+				}, [je(ve, {
 					name: "refresh",
 					stroke: L.value.style.chart.color
 				}, null, 8, ["stroke"])], 4)], !0)])) : g("", !0),
-				e.$slots.hint ? (S(), _("div", Et, [w(e.$slots, "hint", b(y({
+				e.$slots.hint ? (S(), _("div", wt, [w(e.$slots, "hint", b(y({
 					hint: L.value.a11y.translations.keyboardNavigation,
-					isVisible: nn.value
+					isVisible: en.value
 				})), void 0, !0)])) : g("", !0)
 			]),
-			e.$slots.watermark ? (S(), _("div", Dt, [w(e.$slots, "watermark", b(y({ isPrinting: E(fn) || E(pn) || Qt.value || $t.value })), void 0, !0)])) : g("", !0),
-			v("div", { id: `legend-bottom-${j.value}` }, null, 8, Ot),
-			qt.value && (L.value.style.chart.legend.show || e.$slots.legend) ? (S(), h(De, {
+			e.$slots.watermark ? (S(), _("div", Tt, [w(e.$slots, "watermark", b(y({ isPrinting: E(un) || E(dn) || Xt.value || Zt.value })), void 0, !0)])) : g("", !0),
+			v("div", { id: `legend-bottom-${j.value}` }, null, 8, Et),
+			Gt.value && (L.value.style.chart.legend.show || e.$slots.legend) ? (S(), h(Oe, {
 				key: 7,
 				to: L.value.style.chart.legend.position === "top" ? `#legend-top-${j.value}` : `#legend-bottom-${j.value}`
 			}, [v("div", {
 				ref_key: "chartLegend",
-				ref: Bt
-			}, [w(e.$slots, "legend", { legend: ar.value }, () => [L.value.style.chart.legend.show ? (S(), h(Ce, {
-				key: `legend_${Gt.value}`,
-				legendSet: ar.value,
-				config: or.value,
+				ref: Rt
+			}, [w(e.$slots, "legend", { legend: rr.value }, () => [L.value.style.chart.legend.show ? (S(), h(we, {
+				key: `legend_${Ut.value}`,
+				legendSet: rr.value,
+				config: ir.value,
 				id: `treemap_legend_${j.value}`,
 				isCursorPointer: R.value,
-				onClickMarker: t[1] ||= ({ legend: e }) => lr(e)
+				onClickMarker: t[1] ||= ({ legend: e }) => sr(e)
 			}, {
-				item: O(({ legend: e, index: t }) => [E(an) ? g("", !0) : (S(), _("div", {
+				item: O(({ legend: e, index: t }) => [E(nn) ? g("", !0) : (S(), _("div", {
 					key: 0,
-					onClick: (t) => lr(e),
+					onClick: (t) => sr(e),
 					style: x(`opacity:${N.value.includes(e.id) ? .5 : 1}`)
-				}, ze(e.display), 13, kt))]),
-				legendToggle: O(() => [ar.value.length > 2 && L.value.style.chart.legend.selectAllToggle.show && !E(an) ? (S(), h(ye, {
+				}, Be(e.display), 13, Dt))]),
+				legendToggle: O(() => [rr.value.length > 2 && L.value.style.chart.legend.selectAllToggle.show && !E(nn) ? (S(), h(be, {
 					key: 0,
 					backgroundColor: L.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: L.value.style.chart.legend.selectAllToggle.color,
 					fontSize: L.value.style.chart.legend.fontSize,
 					checked: N.value.length > 0,
 					isCursorPointer: R.value,
-					onToggle: cr
+					onToggle: or
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1598,12 +1603,12 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 			e.$slots.source ? (S(), _("div", {
 				key: 8,
 				ref_key: "source",
-				ref: Vt,
+				ref: zt,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			Ae(E(Xe), {
+			je(E(Ze), {
 				teleportTo: L.value.style.chart.tooltip.teleportTo,
-				show: B.value.showTooltip && It.value,
+				show: B.value.showTooltip && Pt.value,
 				backgroundColor: L.value.style.chart.tooltip.backgroundColor,
 				color: L.value.style.chart.tooltip.color,
 				fontSize: L.value.style.chart.tooltip.fontSize,
@@ -1615,19 +1620,19 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				offsetX: L.value.style.chart.tooltip.offsetX,
 				offsetY: L.value.style.chart.tooltip.offsetY,
 				parent: P.value,
-				content: Lt.value,
+				content: Ft.value,
 				isFullscreen: M.value,
 				isCustom: E(ae)(L.value.style.chart.tooltip.customFormat),
 				smooth: L.value.style.chart.tooltip.smooth,
 				backdropFilter: L.value.style.chart.tooltip.backdropFilter,
 				smoothForce: L.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: L.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: tn.value === "keyboard",
-				a11yPosition: en.value
+				isA11yMode: $t.value === "keyboard",
+				a11yPosition: Qt.value
 			}, {
-				"tooltip-before": O(() => [w(e.$slots, "tooltip-before", b(y({ ...mr.value })), void 0, !0)]),
-				tooltip: O(() => [w(e.$slots, "tooltip", b(y({ ...mr.value })), void 0, !0)]),
-				"tooltip-after": O(() => [w(e.$slots, "tooltip-after", b(y({ ...mr.value })), void 0, !0)]),
+				"tooltip-before": O(() => [w(e.$slots, "tooltip-before", b(y({ ...fr.value })), void 0, !0)]),
+				tooltip: O(() => [w(e.$slots, "tooltip", b(y({ ...fr.value })), void 0, !0)]),
+				"tooltip-after": O(() => [w(e.$slots, "tooltip-after", b(y({ ...fr.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1653,21 +1658,21 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Pt.value && L.value.userOptions.buttons.table ? (S(), h(Re(zr.value.component), Me({ key: 9 }, zr.value.props, {
+			Mt.value && L.value.userOptions.buttons.table ? (S(), h(ze(Lr.value.component), Ne({ key: 9 }, Lr.value.props, {
 				ref_key: "tableUnit",
-				ref: Jt,
-				onClose: Br
-			}), Oe({
-				content: O(() => [(S(), h(E(Ke), {
-					key: `table_${Wt.value}`,
-					colNames: _r.value.colNames,
-					head: _r.value.head,
-					body: _r.value.body,
-					config: _r.value.config,
-					title: L.value.table.useDialog ? "" : zr.value.title,
+				ref: Kt,
+				onClose: Rr
+			}), ke({
+				content: O(() => [(S(), h(E(qe), {
+					key: `table_${Ht.value}`,
+					colNames: hr.value.colNames,
+					head: hr.value.head,
+					body: hr.value.body,
+					config: hr.value.config,
+					title: L.value.table.useDialog ? "" : Lr.value.title,
 					withCloseButton: !L.value.table.useDialog,
 					isCursorPointer: R.value,
-					onClose: Br
+					onClose: Rr
 				}, {
 					th: O(({ th: e }) => [v("div", {
 						innerHTML: e,
@@ -1675,8 +1680,8 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 							display: "flex",
 							"align-items": "center"
 						}
-					}, null, 8, At)]),
-					td: O(({ td: e }) => [ke(ze(e.name || e), 1)]),
+					}, null, 8, Ot)]),
+					td: O(({ td: e }) => [Ae(Be(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1690,24 +1695,24 @@ var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at =
 				_: 2
 			}, [L.value.table.useDialog ? {
 				name: "title",
-				fn: O(() => [ke(ze(zr.value.title), 1)]),
+				fn: O(() => [Ae(Be(Lr.value.title), 1)]),
 				key: "0"
 			} : void 0, L.value.table.useDialog ? {
 				name: "actions",
 				fn: O(() => [v("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[2] ||= (e) => gr(L.value.userOptions.callbacks.csv),
+					onClick: t[2] ||= (e) => mr(L.value.userOptions.callbacks.csv),
 					style: x({ cursor: R.value ? "pointer" : "default" })
-				}, [Ae(ve, {
+				}, [je(ve, {
 					name: "fileCsv",
-					stroke: zr.value.props.color
+					stroke: Lr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : g("", !0),
-			w(e.$slots, "skeleton", {}, () => [E(an) ? (S(), h(le, { key: 0 })) : g("", !0)], !0)
-		], 46, rt));
+			w(e.$slots, "skeleton", {}, () => [E(nn) ? (S(), h(le, { key: 0 })) : g("", !0)], !0)
+		], 46, it));
 	}
-}, [["__scopeId", "data-v-442b6b44"]]);
+}, [["__scopeId", "data-v-a81c7c10"]]);
 //#endregion
-export { A as n, Mt as t };
+export { A as n, At as t };