vue-data-ui 3.22.6 → 3.22.8

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

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, Ht as r, J as i, Q as a, S as o, W as s, Wt as c, X as l, _t as u, at as d, b as f, i as ee, q as te, r as ne, t as re, w as ie, wt as ae } from "./lib-DRBJCmHW.js";
+import { $ as t, Et as n, G as r, J as i, Kt as a, Mt as o, S as s, T as c, Wt as l, Y as u, Z as d, b as f, i as ee, kt as te, ot as ne, r as re, t as ie, yt as ae } from "./lib-JqW18y5I.js";
 import { t as oe } from "./useConfig-DYM3f6EI.js";
-import { t as se } from "./usePrinter-CRp5IW3v.js";
+import { t as se } from "./usePrinter-CqqHmnBI.js";
 import { n as ce, t as le } from "./BaseScanner-DZvpgOjM.js";
 import { t as ue } from "./useSvgExport-SVIsDot8.js";
-import { t as de } from "./useNestedProp-BEo2N1Db.js";
+import { t as de } from "./useNestedProp-DIuuzG1r.js";
 import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as pe } from "./img-B_y5qDdm.js";
-import { n as me } from "./Title-C-p0ilWB.js";
+import { t as pe } from "./img-DnP3eXuv.js";
+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-DcUvOfxf.js";
-import { t as ye } from "./BaseLegendToggle-DFwIY5bE.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-D-635Kag.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";
@@ -161,28 +161,28 @@ function k(e, t) {
 }
 //#endregion
 //#region src/components/vue-ui-treemap.vue
-var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot = ["id"], st = [
+var A = /* @__PURE__ */ e({ default: () => Mt }), rt = ["id"], it = ["id"], at = ["id"], ot = [
 	"tabindex",
 	"onClick",
 	"onKeydown",
 	"data-last-crumb",
 	"onMouseenter",
 	"onFocus"
-], ct = { class: "vue-ui-treemap-crumb-unit" }, lt = { class: "vue-ui-treemap-crumb-unit-label" }, ut = {
+], st = { class: "vue-ui-treemap-crumb-unit" }, ct = { class: "vue-ui-treemap-crumb-unit-label" }, lt = {
 	key: 0,
 	style: {
 		width: "24px",
 		display: "flex",
 		"align-items": "center"
 	}
-}, dt = {
+}, ut = {
 	key: 0,
 	class: "vue-ui-treemap-crumb-unit-arrow"
-}, ft = { style: { position: "relative" } }, pt = [
+}, dt = { style: { position: "relative" } }, ft = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], mt = { key: 0 }, ht = ["id"], gt = ["stop-color"], _t = ["stop-color"], vt = [
+], pt = { key: 0 }, mt = ["id"], ht = ["stop-color"], gt = ["stop-color"], _t = [
 	"x",
 	"y",
 	"height",
@@ -194,34 +194,34 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], yt = ["id"], bt = [
+], vt = ["id"], yt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], xt = ["clip-path"], St = [
+], bt = ["clip-path"], xt = [
 	"transform",
 	"fill",
 	"font-size",
 	"font-family",
 	"font-weight"
-], Ct = { key: 0 }, wt = [
+], St = { key: 0 }, Ct = [
 	"x",
 	"y",
 	"height",
 	"width"
-], Tt = {
+], wt = {
 	style: {
 		width: "100%",
 		height: "100%",
 		overflow: "hidden"
 	},
 	class: "vue-ui-treemap-cell"
-}, Et = {
+}, Tt = {
 	key: 0,
 	"data-dom-to-png-ignore": "",
 	class: "reset-wrapper"
-}, Dt = {
+}, Et = {
 	key: 1,
 	style: {
 		position: "absolute",
@@ -231,10 +231,10 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Ot = {
+}, Dt = {
 	key: 6,
 	class: "vue-data-ui-watermark"
-}, kt = ["id"], At = ["onClick"], jt = ["innerHTML"], Mt = 4, Nt = /*#__PURE__*/ he({
+}, Ot = ["id"], kt = ["onClick"], At = ["innerHTML"], jt = 4, Mt = /*#__PURE__*/ he({
 	__name: "vue-ui-treemap",
 	props: {
 		config: {
@@ -257,14 +257,14 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 	],
 	setup(e, { expose: he, emit: Ge }) {
 		Ve((e) => ({ v76935d24: pi.value }));
-		let Ke = je(() => import("./DataTable-CXfvIulC.js")), qe = je(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), Je = je(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), Xe = je(() => import("./Tooltip-YabpoXo1.js")), Ze = je(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), Qe = je(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), $e = je(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_treemap: et } = oe(), { isThemeValid: tt, warnInvalidTheme: nt } = fe(), k = e, rt = Ge, Nt = He(), Pt = we();
+		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(() => {
-			Nt["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
+			Mt["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
 		});
-		let Ft = m(() => !!k.dataset && k.dataset.length), It = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = C(s()), Lt = C(!1), Rt = C(""), zt = C(!1), Bt = C(0), j = C([]), M = T(null), Vt = T(null), Ht = T(null), Ut = T(null), Wt = T(null), Gt = C(0), Kt = C(0), qt = C(0), N = C([]), Jt = C(null), Yt = C(!1), Xt = C(null), Zt = C(null), Qt = C(null), $t = C(/* @__PURE__ */ new Map()), en = C(!1), tn = C(!1), P = C(null), nn = C({
+		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({
 			x: 0,
 			y: 0
-		}), rn = C("pointer"), an = C(!1), F = C(fn()), I = m(() => F.value.userOptions.useCursorPointer), on = m(() => c({
+		}), tn = C("pointer"), nn = C(!1), L = C(dn()), R = m(() => L.value.userOptions.useCursorPointer), rn = m(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -276,11 +276,11 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 					legend: { backgroundColor: "transparent" }
 				} }
 			},
-			userConfig: F.value.skeletonConfig ?? {}
-		})), { loading: L, FINAL_DATASET: sn, manualLoading: cn } = ce({
+			userConfig: L.value.skeletonConfig ?? {}
+		})), { loading: an, FINAL_DATASET: on, manualLoading: sn } = ce({
 			...Be(k),
-			FINAL_CONFIG: F,
-			prepareConfig: fn,
+			FINAL_CONFIG: L,
+			prepareConfig: dn,
 			skeletonDataset: k.config?.skeletonDataset ?? [{
 				name: "_",
 				value: 53,
@@ -316,64 +316,64 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 					}
 				]
 			}],
-			skeletonConfig: c({
-				defaultConfig: F.value,
-				userConfig: on.value
+			skeletonConfig: a({
+				defaultConfig: L.value,
+				userConfig: rn.value
 			})
-		}), { userOptionsVisible: ln, setUserOptionsVisibility: un, keepUserOptionState: dn } = xe({ config: F.value }), { svgRef: R } = Se({ config: F.value.style.chart.title });
-		function fn() {
+		}), { userOptionsVisible: cn, setUserOptionsVisibility: ln, keepUserOptionState: un } = xe({ config: L.value }), { svgRef: z } = Se({ config: L.value.style.chart.title });
+		function dn() {
 			let e = de({
 				userConfig: k.config,
 				defaultConfig: et
-			}), n = e.theme;
-			if (!n) return e;
+			}), t = e.theme;
+			if (!t) return e;
 			if (!tt.value(e)) return nt(e), e;
-			let i = de({
-				userConfig: Ee[n] || k.config,
+			let n = de({
+				userConfig: Ee[t] || k.config,
 				defaultConfig: e
-			}), a = de({
+			}), r = de({
 				userConfig: k.config,
-				defaultConfig: i
+				defaultConfig: n
 			});
 			return {
-				...a,
-				customPalette: a.customPalette.length ? a.customPalette : r[n] || t
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : l[t] || o
 			};
 		}
 		D(() => k.config, (e) => {
-			L.value || (F.value = fn()), ln.value = !F.value.userOptions.showOnChartHover, Gt.value += 1, Kt.value += 1, qt.value += 1, z.value.showTable = F.value.table.show, z.value.showTooltip = F.value.style.chart.tooltip.show, z.value.showZoom = F.value.style.chart.zoom?.show ?? !1;
+			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;
 		}, { deep: !0 });
-		let { isPrinting: pn, isImaging: mn, generatePdf: hn, generateImage: gn } = se({
-			elementId: `treemap_${A.value}`,
-			fileName: F.value.style.chart.title.text || "vue-ui-treemap",
-			options: F.value.userOptions.print
-		}), _n = m(() => F.value.userOptions.show && !F.value.style.chart.title.text), vn = m(() => o(F.value.customPalette)), z = C({
-			showTable: F.value.table.show,
-			showTooltip: F.value.style.chart.tooltip.show,
-			showZoom: F.value.style.chart.zoom?.show ?? !1
+		let { isPrinting: fn, isImaging: pn, generatePdf: mn, generateImage: hn } = 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({
+			showTable: L.value.table.show,
+			showTooltip: L.value.style.chart.tooltip.show,
+			showZoom: L.value.style.chart.zoom?.show ?? !1
 		});
-		D(F, () => {
-			z.value = {
-				showTable: F.value.table.show,
-				showTooltip: F.value.style.chart.tooltip.show,
-				showZoom: F.value.style.chart.zoom?.show ?? !1
+		D(L, () => {
+			B.value = {
+				showTable: L.value.table.show,
+				showTooltip: L.value.style.chart.tooltip.show,
+				showZoom: L.value.style.chart.zoom?.show ?? !1
 			};
 		}, { immediate: !0 });
-		let B = C({
-			height: F.value.style.chart.height,
-			width: F.value.style.chart.width
+		let vn = C({
+			height: L.value.style.chart.height,
+			width: L.value.style.chart.width
 		});
 		function yn(e) {
-			let t = M.value, n = B.value.height;
+			let t = P.value, n = vn.value.height;
 			return !t || !n ? e : e * (n / t.getBoundingClientRect().height);
 		}
 		function bn() {
-			if (!Jt.value || X.value.length <= 1) return 0;
-			let e = Jt.value, t = getComputedStyle(e);
+			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"));
 		}
 		let V = m(() => {
-			let e = F.value.style.chart.padding, t = B.value.width, n = B.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 = vn.value.width, n = vn.value.height, r = bn(), i = e.left, a = t - e.right, o = e.top, s = n - e.bottom - r;
 			return {
 				left: i,
 				top: o,
@@ -385,26 +385,26 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				vbHeight: n - r,
 				offsetY: r
 			};
-		}), H = C(i(sn.value)), U = C(H.value), xn = T(/* @__PURE__ */ new Map());
-		D([H, () => F.value], () => {
-			Qt.value = null, $t.value = /* @__PURE__ */ new Map();
-		}, { deep: !0 }), D(() => j.value, () => {
-			Qt.value = null, $t.value = /* @__PURE__ */ new Map(), Tn(), qt.value += 1, Kt.value += 1;
-		}, { deep: !0 }), D([() => B.value.width, () => B.value.height], () => {
-			$t.value = /* @__PURE__ */ new Map();
+		}), H = C(u(on.value)), U = C(H.value), xn = T(/* @__PURE__ */ new Map());
+		D([H, () => L.value], () => {
+			Xt.value = null, Zt.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();
 		});
 		function Sn(e) {
-			Array.isArray(e) && e.forEach((e, n) => {
-				e.id ||= s(), e.sourceColor === void 0 && (e.sourceColor = f(e.color) || null);
-				let r = e.sourceColor || xn.value.get(e.id) || vn.value[n] || t[n] || t[n % t.length];
-				r = f(r), xn.value.set(e.id, r), e.color = r, Cn(e, r);
+			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);
 			});
 		}
 		function Cn(e, t) {
 			Array.isArray(e.children) && e.children.forEach((n) => {
-				n.id ||= s(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = f(n.color) || null);
-				let r = n.sourceColor || t;
-				n.color = r, Cn(n, r);
+				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);
 			});
 		}
 		function wn(e) {
@@ -413,25 +413,25 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return t?.id ?? null;
 		}
 		function Tn() {
-			let e = H.value.filter((e) => !j.value.includes(e.id));
-			if (!N.value.length) {
+			let e = H.value.filter((e) => !N.value.includes(e.id));
+			if (!F.value.length) {
 				U.value = e;
 				return;
 			}
-			let t = N.value[N.value.length - 1], n = Y(t);
+			let t = F.value[F.value.length - 1], n = Y(t);
 			if (!n) {
-				N.value = [], U.value = e;
+				F.value = [], U.value = e;
 				return;
 			}
 			let r = wn(n.id);
-			if (r && j.value.includes(r)) {
-				N.value = [], U.value = e;
+			if (r && N.value.includes(r)) {
+				F.value = [], U.value = e;
 				return;
 			}
 			U.value = [n];
 		}
-		D(() => sn.value, () => {
-			H.value = i(sn.value), Sn(H.value), Tn(), qt.value += 1, Kt.value += 1;
+		D(() => on.value, () => {
+			H.value = u(on.value), Sn(H.value), Tn(), Gt.value += 1, Wt.value += 1;
 		}, {
 			deep: !0,
 			immediate: !0,
@@ -439,40 +439,40 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 		});
 		let W = T(null), En = T(null);
 		Ie(() => {
-			Yt.value = !0, On();
+			qt.value = !0, On();
 		});
-		let Dn = m(() => F.value.debug);
+		let Dn = m(() => L.value.debug);
 		function On() {
-			if (n(k.dataset) && a({
+			if (te(k.dataset) && t({
 				componentName: "VueUiTreemap",
 				type: "dataset",
 				debug: Dn.value
-			}), Sn(H.value), n(k.dataset) || (cn.value = F.value.loading), F.value.responsive) {
+			}), Sn(H.value), te(k.dataset) || (sn.value = L.value.loading), L.value.responsive) {
 				let e = ge(() => {
 					let { width: e, height: t } = _e({
-						chart: M.value,
-						title: F.value.style.chart.title.text ? Vt.value : null,
-						legend: F.value.style.chart.legend.show ? Ht.value : null,
-						source: Ut.value,
-						noTitle: Wt.value
+						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
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = t - 12;
+						vn.value.width = e, vn.value.height = t - 12;
 					});
 				});
-				W.value && (En.value && W.value.unobserve(En.value), W.value.disconnect()), W.value = new ResizeObserver(e), En.value = M.value.parentNode, W.value.observe(En.value);
+				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);
 			}
 		}
 		Fe(() => {
 			W.value && (En.value && W.value.unobserve(En.value), W.value.disconnect());
 		});
-		let kn = m(() => U.value.map((e, n) => ({
+		let kn = m(() => U.value.map((e, t) => ({
 			...e,
-			color: f(e.color) || vn.value[n] || t[n] || t[n % t.length]
-		})).filter((e) => !j.value.includes(e.id))), An = m(() => H.value.filter((e) => !j.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0)), jn = m({
+			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({
 			get() {
 				let e = [...kn.value];
-				return F.value.style.chart.layout.sorted && (e = [...kn.value].sort((e, t) => t.value - e.value)), e.map((e) => ({ ...e }));
+				return L.value.style.chart.layout.sorted && (e = [...kn.value].sort((e, t) => t.value - e.value)), e.map((e) => ({ ...e }));
 			},
 			set(e) {
 				return e;
@@ -481,9 +481,9 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 		function Mn(e, t) {
 			return e.value / t;
 		}
-		function Nn(e, t, n) {
-			let r = F.value.style.chart.layout.rects.colorRatio - Mn(t, n);
-			return ae(e, r < 0 ? 0 : r);
+		function Nn(e, t, r) {
+			let i = L.value.style.chart.layout.rects.colorRatio - Mn(t, r);
+			return n(e, i < 0 ? 0 : i);
 		}
 		function Pn(e) {
 			return Array.isArray(e.children) && e.children.length > 0;
@@ -496,14 +496,14 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				return (Number(t.value) || 0) - i;
 			});
 		}
-		function In(e, n, r, i, a) {
-			return Fn(e).map((e, o) => {
-				let s = e.sourceColor || f(e.color) || f(n) || vn.value[o] || t[o] || t[o % t.length], c = e.sourceColor ? e.sourceColor : Nn(s, e, i), l = Mn(e, i), u = a ?? e.parentId ?? e.id, d = Array.isArray(e.children) && e.children.length && e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) || 1;
+		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;
 				return {
 					...e,
 					color: c,
 					proportion: l,
-					parentName: r,
+					parentName: n,
 					rootId: u,
 					children: Array.isArray(e.children) && e.children.length ? In(e.children, s, e.name, d, u) : void 0
 				};
@@ -522,7 +522,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return zn(e);
 		}
 		function zn(e) {
-			let t = Number(F.value.style.chart.layout.labels.hideUnderProportion);
+			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) {
@@ -549,17 +549,17 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return c;
 		}
 		let Vn = m(() => {
-			let e = U.value.length ? U.value : jn.value, n = e.map((e) => Number(e.value) || 0).reduce((e, t) => e + t, 0) || 1;
-			return Bn(e.map((e, r) => {
-				let i = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: a, ...o } = e, c = e.sourceColor || f(e.color) || xn.value.get(e.id) || vn.value[r] || t[r] || t[r % t.length], l = e.sourceColor ? e.sourceColor : Nn(c, e, n);
+			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);
 				return {
-					...o,
-					id: e.id || s(),
+					...s,
+					id: e.id || r(),
 					parentId: e.parentId ?? null,
 					name: e.name,
 					value: e.value,
 					color: l,
-					proportion: (Number(e.value) || 0) / n,
+					proportion: (Number(e.value) || 0) / t,
 					children: Array.isArray(e.children) && e.children.length ? In(e.children, c, e.name, i || 1) : void 0
 				};
 			}), {
@@ -576,7 +576,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return t - e <= 0 ? 1e-4 : t - e;
 		}
 		function Hn() {
-			let e = F.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));
+			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)
@@ -600,11 +600,11 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			};
 		}
 		function Gn(e, t) {
-			return ee(F.value.style.chart.layout.labels.formatter, e.value, te({
-				p: F.value.style.chart.layout.labels.prefix,
+			return ee(L.value.style.chart.layout.labels.formatter, e.value, i({
+				p: L.value.style.chart.layout.labels.prefix,
 				v: e.value,
-				s: F.value.style.chart.layout.labels.suffix,
-				r: F.value.style.chart.tooltip.roundingValue
+				s: L.value.style.chart.layout.labels.suffix,
+				r: L.value.style.chart.tooltip.roundingValue
 			}), {
 				datapoint: e,
 				seriesIndex: t
@@ -634,7 +634,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return l >= u ? l : o;
 		}
 		function Xn(e) {
-			zt.value = e, Bt.value += 1;
+			M.value = e, Rt.value += 1;
 		}
 		let J = m(() => ({
 			x: 0,
@@ -661,18 +661,18 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			}
 			return t;
 		}
-		let Qn = m(() => N.value.length > 0);
+		let Qn = m(() => F.value.length > 0);
 		function $n() {
-			U.value = H.value.slice(), N.value = [], rt("selectDatapoint", void 0);
+			U.value = H.value.slice(), F.value = [], A("selectDatapoint", void 0);
 		}
 		function er() {
-			return N.value[N.value.length - 1] ?? null;
+			return F.value[F.value.length - 1] ?? null;
 		}
 		function tr(e, t, n) {
-			N.value = [...Zn(e.id), e.id], U.value = [e], F.value.events.datapointClick && F.value.events.datapointClick({
+			F.value = [...Zn(e.id), e.id], U.value = [e], L.value.events.datapointClick && L.value.events.datapointClick({
 				datapoint: t ?? e,
 				seriesIndex: n
-			}), rt("selectDatapoint", t ?? e);
+			}), A("selectDatapoint", t ?? e);
 		}
 		function nr(e, t) {
 			let n = er();
@@ -682,7 +682,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			}
 			let r = Y(n);
 			if (!r?.parentId) {
-				F.value.events.datapointClick && F.value.events.datapointClick({
+				L.value.events.datapointClick && L.value.events.datapointClick({
 					datapoint: e,
 					seriesIndex: t
 				}), $n();
@@ -693,10 +693,10 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				$n();
 				return;
 			}
-			N.value = [...Zn(i.id), i.id], U.value = [i], F.value.events.datapointClick && F.value.events.datapointClick({
+			F.value = [...Zn(i.id), i.id], U.value = [i], L.value.events.datapointClick && L.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
-			}), rt("selectDatapoint", e);
+			}), A("selectDatapoint", e);
 		}
 		function rr(e, t) {
 			if (!e) {
@@ -720,8 +720,8 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				id: null,
 				label: "All"
 			}];
-			if (N.value.length > 0) {
-				let t = Y(N.value[N.value.length - 1]), n = [];
+			if (F.value.length > 0) {
+				let t = Y(F.value[F.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,
@@ -730,54 +730,54 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				});
 			}
 			return e;
-		}), Z = T(null), ar = m(() => H.value.map((e, n) => ({
+		}), Z = T(null), ar = m(() => H.value.map((e, t) => ({
 			...e,
-			color: f(e.color) || vn.value[n] || t[n] || t[n % t.length],
+			color: f(e.color) || _n.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);
 			return {
 				...e,
 				proportion: n,
-				isSegregated: j.value.includes(e.id),
+				isSegregated: N.value.includes(e.id),
 				segregate: () => lr(e),
-				opacity: j.value.includes(e.id) ? .5 : 1,
-				display: `${e.name}${F.value.style.chart.legend.showPercentage || F.value.style.chart.legend.showValue ? ": " : ""}${F.value.style.chart.legend.showValue ? ee(F.value.style.chart.layout.labels.formatter, e.value, te({
-					p: F.value.style.chart.layout.labels.prefix,
+				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: F.value.style.chart.layout.labels.suffix,
-					r: F.value.style.chart.legend.roundingValue
-				}), { datapoint: e }) : ""}${F.value.style.chart.legend.showPercentage ? j.value.includes(e.id) ? `${F.value.style.chart.legend.showValue ? " (" : ""}- %${F.value.style.chart.legend.showValue ? ")" : ""}` : `${F.value.style.chart.legend.showValue ? " (" : ""}${isNaN(e.value / An.value) ? "-" : (e.value / An.value * 100).toFixed(F.value.style.chart.legend.roundingPercentage)}%${F.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
+					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 ? ")" : ""}` : ""}`
 			};
 		})), or = m(() => ({
 			cy: "treemap-div-legend",
-			backgroundColor: F.value.style.chart.legend.backgroundColor,
-			color: F.value.style.chart.legend.color,
-			fontSize: F.value.style.chart.legend.fontSize,
+			backgroundColor: L.value.style.chart.legend.backgroundColor,
+			color: L.value.style.chart.legend.color,
+			fontSize: L.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
-			fontWeight: F.value.style.chart.legend.bold ? "bold" : ""
-		})), sr = m(() => j.value.length === ar.value.length);
+			fontWeight: L.value.style.chart.legend.bold ? "bold" : ""
+		})), sr = m(() => N.value.length === ar.value.length);
 		function cr() {
-			j.value.length ? j.value = [] : ar.value.forEach((e) => {
-				j.value.push(e.id);
-			}), rt("selectLegend", H.value.filter((e) => !j.value.includes(e.id)));
+			N.value.length ? N.value = [] : ar.value.forEach((e) => {
+				N.value.push(e.id);
+			}), A("selectLegend", H.value.filter((e) => !N.value.includes(e.id)));
 		}
 		function lr(e) {
-			Z.value = null, j.value.includes(e.id) ? j.value = j.value.filter((t) => t !== e.id) : j.value.length < k.dataset.length - 1 && j.value.push(e.id), rt("selectLegend", H.value.filter((e) => !j.value.includes(e.id)));
+			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) {
-			return H.value.length ? H.value.find((t) => t.name === e) || (F.value.debug && console.warn(`VueUiTreemap - Series name not found "${e}"`), null) : (F.value.debug && console.warn("VueUiTreemap - There are no series to show."), null);
+			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 && j.value.includes(t.id) && lr({ id: t.id });
+			t !== null && N.value.includes(t.id) && lr({ id: t.id });
 		}
 		function fr(e) {
 			let t = ur(e);
-			t !== null && (j.value.includes(t.id) || lr({ id: t.id }));
+			t !== null && (N.value.includes(t.id) || lr({ id: t.id }));
 		}
 		function pr({ datapoint: e, seriesIndex: t }) {
-			Z.value = null, Lt.value = !1, P.value = null, rn.value = "pointer", F.value.events.datapointLeave && F.value.events.datapointLeave({
+			Z.value = null, It.value = !1, I.value = null, tn.value = "pointer", L.value.events.datapointLeave && L.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
@@ -785,40 +785,40 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 		let mr = C(null);
 		function hr({ datapoint: e, seriesIndex: t, triggerMode: n = "pointer" }) {
 			if (sr.value || n === "pointer" && Tr.value) return;
-			F.value.events.datapointEnter && F.value.events.datapointEnter({
+			L.value.events.datapointEnter && L.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), P.value = t, rn.value = n, Z.value = e, mr.value = {
+			}), I.value = t, tn.value = n, Z.value = e, mr.value = {
 				datapoint: e,
 				seriesIndex: t,
-				config: F.value,
+				config: L.value,
 				series: kn.value
 			};
-			let r = F.value.style.chart.tooltip.customFormat;
-			if (u(r) && d(() => r({
+			let r = L.value.style.chart.tooltip.customFormat;
+			if (ae(r) && ne(() => r({
 				seriesIndex: t,
 				datapoint: e,
 				series: kn.value,
-				config: F.value
-			}))) Rt.value = r({
+				config: L.value
+			}))) Lt.value = r({
 				seriesIndex: t,
 				datapoint: e,
 				series: kn.value,
-				config: F.value
+				config: L.value
 			});
 			else {
 				let n = "";
-				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, n += `<b>${ee(F.value.style.chart.layout.labels.formatter, e.value, te({
-					p: F.value.style.chart.layout.labels.prefix,
+				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${L.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, n += `<b>${ee(L.value.style.chart.layout.labels.formatter, e.value, i({
+					p: L.value.style.chart.layout.labels.prefix,
 					v: e.value,
-					s: F.value.style.chart.layout.labels.suffix,
-					r: F.value.style.chart.tooltip.roundingValue
+					s: L.value.style.chart.layout.labels.suffix,
+					r: L.value.style.chart.tooltip.roundingValue
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})}</b>`, Rt.value = `<div>${n}</div>`;
+				})}</b>`, Lt.value = `<div>${n}</div>`;
 			}
-			Lt.value = !0;
+			It.value = !0;
 		}
 		let Q = m(() => ({
 			head: G.value.map((e) => ({
@@ -833,32 +833,32 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 					[e.name],
 					[Q.value.body[t]],
 					[isNaN(Q.value.body[t] / An.value) ? "-" : Q.value.body[t] / An.value * 100]
-				]), n = ie([
-					[F.value.style.chart.title.text],
-					[F.value.style.chart.title.subtitle.text],
+				]), n = c([
+					[L.value.style.chart.title.text],
+					[L.value.style.chart.title.subtitle.text],
 					[
 						[""],
 						["val"],
 						["%"]
 					]
 				].concat(t));
-				e ? e(n) : l({
+				e ? e(n) : d({
 					csvContent: n,
-					title: F.value.style.chart.title.text || "vue-ui-treemap"
+					title: L.value.style.chart.title.text || "vue-ui-treemap"
 				});
 			});
 		}
 		let _r = m(() => {
 			let e = [
-				F.value.table.columnNames.series,
-				F.value.table.columnNames.value,
-				F.value.table.columnNames.percentage
+				L.value.table.columnNames.series,
+				L.value.table.columnNames.value,
+				L.value.table.columnNames.percentage
 			], t = Q.value.head.map((e, t) => {
-				let n = ee(F.value.style.chart.layout.labels.formatter, Q.value.body[t], te({
-					p: F.value.style.chart.layout.labels.prefix,
+				let n = ee(L.value.style.chart.layout.labels.formatter, Q.value.body[t], i({
+					p: L.value.style.chart.layout.labels.prefix,
 					v: Q.value.body[t],
-					s: F.value.style.chart.layout.labels.suffix,
-					r: F.value.table.td.roundingValue
+					s: L.value.style.chart.layout.labels.suffix,
+					r: L.value.table.td.roundingValue
 				}));
 				return [
 					{
@@ -867,27 +867,27 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 						shape: "square"
 					},
 					n,
-					isNaN(Q.value.body[t] / An.value) ? "-" : te({
+					isNaN(Q.value.body[t] / An.value) ? "-" : i({
 						v: Q.value.body[t] / An.value * 100,
 						s: "%",
-						r: F.value.table.td.roundingPercentage
+						r: L.value.table.td.roundingPercentage
 					})
 				];
 			}), n = {
 				th: {
-					backgroundColor: F.value.table.th.backgroundColor,
-					color: F.value.table.th.color,
-					outline: F.value.table.th.outline
+					backgroundColor: L.value.table.th.backgroundColor,
+					color: L.value.table.th.color,
+					outline: L.value.table.th.outline
 				},
 				td: {
-					backgroundColor: F.value.table.td.backgroundColor,
-					color: F.value.table.td.color,
-					outline: F.value.table.td.outline
+					backgroundColor: L.value.table.td.backgroundColor,
+					color: L.value.table.td.color,
+					outline: L.value.table.td.outline
 				},
-				breakpoint: F.value.table.responsiveBreakpoint
+				breakpoint: L.value.table.responsiveBreakpoint
 			};
 			return {
-				colNames: [F.value.table.columnNames.series, F.value.table.columnNames.value],
+				colNames: [L.value.table.columnNames.series, L.value.table.columnNames.value],
 				head: e,
 				body: t,
 				config: n
@@ -897,24 +897,24 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return G.value;
 		}
 		function yr() {
-			z.value.showTable = !z.value.showTable;
+			B.value.showTable = !B.value.showTable;
 		}
 		function br() {
-			z.value.showTooltip = !z.value.showTooltip;
+			B.value.showTooltip = !B.value.showTooltip;
 		}
 		function xr() {
-			z.value.showZoom = !z.value.showZoom;
+			B.value.showZoom = !B.value.showZoom;
 		}
 		let Sr = C(!1);
 		function Cr() {
 			Sr.value = !Sr.value;
 		}
-		let wr = m(() => !Sr.value && z.value.showZoom), Tr = C(null), Er = C(!1), { viewBox: $, resetZoom: Dr, isZoom: Or, setInitialViewBox: kr } = Te(R, {
+		let wr = m(() => !Sr.value && B.value.showZoom), Tr = C(null), Er = C(!1), { viewBox: $, resetZoom: Dr, isZoom: Or, setInitialViewBox: kr } = Te(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(() => z.value.showZoom || Or.value);
+		}, 1, wr), Ar = m(() => B.value.showZoom || Or.value);
 		D([
 			() => J.value.x,
 			() => J.value.y,
@@ -939,7 +939,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 		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) > Mt && (Er.value = !0);
+			Math.hypot(t, n) > jt && (Er.value = !0);
 		}
 		function Nr() {
 			Tr.value = null, Er.value && window.setTimeout(() => {
@@ -957,9 +957,9 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			Fr.value = null;
 		}
 		async function Rr({ scale: e = 2 } = {}) {
-			if (!M.value) return;
-			let { width: t, height: n } = M.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await pe({
-				domElement: M.value,
+			if (!P.value) return;
+			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await pe({
+				domElement: P.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -967,65 +967,65 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return {
 				imageUri: i,
 				base64: a,
-				title: F.value.style.chart.title.text,
+				title: L.value.style.chart.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
 		let zr = m(() => {
-			let e = F.value.table.useDialog && !F.value.table.show, t = z.value.showTable;
+			let e = L.value.table.useDialog && !L.value.table.show, t = B.value.showTable;
 			return {
 				component: e ? $e : Je,
-				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
+				title: `${L.value.style.chart.title.text}${L.value.style.chart.title.subtitle.text ? `: ${L.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
-					backgroundColor: F.value.table.th.backgroundColor,
-					color: F.value.table.th.color,
-					headerColor: F.value.table.th.color,
-					headerBg: F.value.table.th.backgroundColor,
-					isFullscreen: zt.value,
-					fullscreenParent: M.value,
+					backgroundColor: L.value.table.th.backgroundColor,
+					color: L.value.table.th.color,
+					headerColor: L.value.table.th.color,
+					headerBg: L.value.table.th.backgroundColor,
+					isFullscreen: M.value,
+					fullscreenParent: P.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: I.value
+					isCursorPointer: R.value
 				} : {
 					hideDetails: !0,
 					config: {
 						open: t,
 						maxHeight: 1e4,
 						body: {
-							backgroundColor: F.value.style.chart.backgroundColor,
-							color: F.value.style.chart.color
+							backgroundColor: L.value.style.chart.backgroundColor,
+							color: L.value.style.chart.color
 						},
 						head: {
-							backgroundColor: F.value.style.chart.backgroundColor,
-							color: F.value.style.chart.color
+							backgroundColor: L.value.style.chart.backgroundColor,
+							color: L.value.style.chart.color
 						}
 					}
 				}
 			};
 		});
-		D(() => z.value.showTable, (e) => {
-			F.value.table.show || (e && F.value.table.useDialog && Xt.value ? Xt.value.open() : "close" in Xt.value && Xt.value.close());
+		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());
 		});
 		function Br() {
-			z.value.showTable = !1, Zt.value && Zt.value.setTableIconState(!1);
+			B.value.showTable = !1, Yt.value && Yt.value.setTableIconState(!1);
 		}
 		let Vr = m(() => ar.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), Hr = m(() => F.value.style.chart.backgroundColor), Ur = m(() => F.value.style.chart.legend), { exportSvg: Wr, getSvg: Gr } = ue({
-			svg: R,
-			title: m(() => F.value.style.chart.title),
+		}))), Hr = m(() => L.value.style.chart.backgroundColor), Ur = m(() => L.value.style.chart.legend), { exportSvg: Wr, getSvg: Gr } = ue({
+			svg: z,
+			title: m(() => L.value.style.chart.title),
 			legend: Ur,
 			legendItems: Vr,
 			backgroundColor: Hr
 		});
 		async function Kr({ isCb: e }) {
-			tn.value = !0, await Ne();
+			$t.value = !0, await Ne();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await Gr();
-					await Promise.resolve(F.value.userOptions.callbacks.svg({
+					await Promise.resolve(L.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
@@ -1033,19 +1033,19 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 					}));
 				} else await Promise.resolve(Wr());
 			} finally {
-				tn.value = !1;
+				$t.value = !1;
 			}
 		}
 		function qr(e) {
 			if (e?.stage === "start") {
-				en.value = !0;
+				Qt.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				en.value = !1;
+				Qt.value = !1;
 				return;
 			}
-			gn();
+			hn();
 		}
 		function Jr(e, t) {
 			let n = Yn(e, t), { paddingX: r, paddingTop: i } = Un(n);
@@ -1060,7 +1060,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return Wn(e, Jr(e, t).fontSize);
 		}
 		function Xr(e) {
-			return ne(e.color ?? F.value.style.chart.backgroundColor);
+			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);
@@ -1069,10 +1069,10 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return Kn(e, t).slice(0, o).map((e) => String(e ?? "")).filter(Boolean);
 		}
 		function Qr({ rect: e, seriesIndex: t }) {
-			if (!e || !F.value.style.chart.layout.labels.showDefaultLabels || !Rn(e)) return null;
+			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);
 			if (!i.length || a.width <= 0 || a.height <= 0) return null;
-			let o = `treemap_clip_${A.value}_${e.id}`, s = e.x0, c = e.y0, l = Math.max(q(e), 0), u = Math.max(K(e), 0);
+			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),
 				clipId: o,
@@ -1087,7 +1087,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 					y: a.y + a.lineHeight * i,
 					fill: r,
 					fontSize: n,
-					fontFamily: F.value.style.fontFamily,
+					fontFamily: L.value.style.fontFamily,
 					fontWeight: i === 0 ? 500 : 400
 				}))
 			};
@@ -1095,7 +1095,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 		function $r(e) {
 			return `${e.id}`;
 		}
-		let ei = m(() => Nt.rect || L.value || !F.value.style.chart.layout.labels.showDefaultLabels || sr.value ? [] : G.value.map((e, t) => e.showLabel ? Qr({
+		let ei = m(() => Mt.rect || an.value || !L.value.style.chart.layout.labels.showDefaultLabels || sr.value ? [] : G.value.map((e, t) => e.showLabel ? Qr({
 			rect: e,
 			seriesIndex: t
 		}) : null).filter(Boolean)), ti;
@@ -1104,7 +1104,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 		}
 		function ri(e, t, n = 400) {
 			let r = ni();
-			return r ? (r.font = `${n} ${t}px ${F.value.style.fontFamily}`, r.measureText(String(e)).width) : e.length * t * .6;
+			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;
@@ -1113,44 +1113,44 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			return Yr(e, t).height;
 		}
 		function oi(e) {
-			let t = F.value.style.chart.layout.rects.borderRadius, n = q(e), r = K(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() {
-			if (rt("copyAlt", {
-				config: F.value,
+			if (A("copyAlt", {
+				config: L.value,
 				dataset: G.value
-			}), !F.value.userOptions.callbacks.altCopy) {
+			}), !L.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
-			await Promise.resolve(F.value.userOptions.callbacks.altCopy({
-				config: F.value,
+			await Promise.resolve(L.value.userOptions.callbacks.altCopy({
+				config: L.value,
 				dataset: G.value
 			}));
 		}
 		function ci() {
-			P.value = null, an.value = !0;
+			I.value = null, nn.value = !0;
 		}
 		function li() {
-			P.value = null, rn.value = "pointer", Lt.value = !1, Z.value = null, an.value = !1;
+			I.value = null, tn.value = "pointer", It.value = !1, Z.value = null, nn.value = !1;
 		}
 		function ui(e) {
-			if (!R.value || Sr.value || document.activeElement !== R.value || !G.value.length || sr.value) return;
+			if (!z.value || Sr.value || document.activeElement !== z.value || !G.value.length || sr.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) {
-				P.value = null, rn.value = "pointer", Lt.value = !1, Z.value = null;
+				I.value = null, tn.value = "pointer", It.value = !1, Z.value = null;
 				return;
 			}
 			if (r) {
-				if (P.value === null) return;
-				let e = G.value[P.value];
+				if (I.value === null) return;
+				let e = G.value[I.value];
 				if (!e) return;
-				rr(e, P.value);
+				rr(e, I.value);
 				return;
 			}
-			let a = P.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;
+			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({
@@ -1160,11 +1160,11 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			}));
 		}
 		function di(e) {
-			if (!Number.isFinite(e) || !R.value) return;
+			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 = R.value.getBoundingClientRect();
-			nn.value = {
+			let n = t.x0 + q(t) / 2, r = t.y0 + K(t) / 2, i = z.value.getBoundingClientRect();
+			en.value = {
 				x: i.left + (n - $.value.x) / $.value.width * i.width,
 				y: i.top + (r - $.value.y) / $.value.height * i.height
 			};
@@ -1172,14 +1172,14 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 		let fi = m(() => ({
 			headers: _r.value?.colNames ?? [],
 			rows: _r.value?.body ?? []
-		})), pi = m(() => F.value.style.chart.color);
+		})), pi = m(() => L.value.style.chart.color);
 		return he({
 			getData: vr,
 			getImage: Rr,
 			generateCsv: gr,
-			generateImage: gn,
+			generateImage: hn,
 			generateSvg: Kr,
-			generatePdf: hn,
+			generatePdf: mn,
 			hideSeries: fr,
 			showSeries: dr,
 			toggleTable: yr,
@@ -1191,24 +1191,24 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			copyAlt: si
 		}), (e, t) => (S(), _("div", {
 			ref_key: "treemapChart",
-			ref: M,
-			class: Pe(`vue-data-ui-component vue-ui-treemap ${zt.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${F.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-			style: x(`font-family:${F.value.style.fontFamily};width:100%; ${F.value.responsive ? "height: 100%;" : ""} text-align:center;background:${F.value.style.chart.backgroundColor}`),
-			id: `treemap_${A.value}`,
-			onMouseenter: t[3] ||= () => E(un)(!0),
-			onMouseleave: t[4] ||= () => E(un)(!1)
+			ref: P,
+			class: Pe(`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)
 		}, [
 			v("div", {
-				id: `chart-instructions-${A.value}`,
+				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
-			}, [v("p", null, ze(F.value.a11y.translations.keyboardNavigation), 1)], 8, at),
+			}, [v("p", null, ze(L.value.a11y.translations.keyboardNavigation), 1)], 8, it),
 			fi.value?.rows?.length ? (S(), h(be, {
 				key: 0,
-				uid: A.value,
+				uid: j.value,
 				head: fi.value.headers,
 				body: fi.value.rows,
-				notice: F.value.a11y.translations.tableAvailable,
-				caption: F.value.a11y.translations.tableCaption
+				notice: L.value.a11y.translations.tableAvailable,
+				caption: L.value.a11y.translations.tableCaption
 			}, null, 8, [
 				"uid",
 				"head",
@@ -1216,13 +1216,13 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				"notice",
 				"caption"
 			])) : g("", !0),
-			F.value.userOptions.buttons.annotator ? (S(), h(E(qe), {
+			L.value.userOptions.buttons.annotator ? (S(), h(E(qe), {
 				key: 1,
-				svgRef: E(R),
-				backgroundColor: F.value.style.chart.backgroundColor,
-				color: F.value.style.chart.color,
+				svgRef: E(z),
+				backgroundColor: L.value.style.chart.backgroundColor,
+				color: L.value.style.chart.color,
 				active: Sr.value,
-				isCursorPointer: I.value,
+				isCursorPointer: R.value,
 				onClose: Cr
 			}, {
 				"annotator-action-close": O(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -1239,64 +1239,64 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				"active",
 				"isCursorPointer"
 			])) : g("", !0),
-			_n.value ? (S(), _("div", {
+			gn.value ? (S(), _("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Wt,
+				ref: Ht,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : g("", !0),
-			F.value.style.chart.title.text ? (S(), _("div", {
+			L.value.style.chart.title.text ? (S(), _("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: Vt,
-				style: x(`width:100%;background:${F.value.style.chart.backgroundColor};padding-bottom:6px`)
+				ref: zt,
+				style: x(`width:100%;background:${L.value.style.chart.backgroundColor};padding-bottom:6px`)
 			}, [(S(), h(me, {
-				key: `title_${Gt.value}`,
+				key: `title_${Ut.value}`,
 				config: {
 					title: {
 						cy: "treemap-div-title",
-						...F.value.style.chart.title
+						...L.value.style.chart.title
 					},
 					subtitle: {
 						cy: "treemap-div-subtitle",
-						...F.value.style.chart.title.subtitle
+						...L.value.style.chart.title.subtitle
 					}
 				}
 			}, null, 8, ["config"]))], 4)) : g("", !0),
-			v("div", { id: `legend-top-${A.value}` }, null, 8, ot),
-			F.value.userOptions.show && Ft.value && (E(dn) || E(ln)) ? (S(), h(E(Ze), {
+			v("div", { id: `legend-top-${j.value}` }, null, 8, at),
+			L.value.userOptions.show && Pt.value && (E(un) || E(cn)) ? (S(), h(E(Ze), {
 				ref_key: "userOptionsRef",
-				ref: Zt,
-				key: `user_option_${Bt.value}`,
-				backgroundColor: F.value.style.chart.backgroundColor,
-				color: F.value.style.chart.color,
-				isPrinting: E(pn),
-				isImaging: E(mn),
-				uid: A.value,
-				hasTooltip: F.value.userOptions.buttons.tooltip && F.value.style.chart.tooltip.show,
-				hasPdf: F.value.userOptions.buttons.pdf,
-				hasXls: F.value.userOptions.buttons.csv,
-				hasImg: F.value.userOptions.buttons.img,
-				hasSvg: F.value.userOptions.buttons.svg,
-				hasTable: F.value.userOptions.buttons.table,
-				hasFullscreen: F.value.userOptions.buttons.fullscreen,
-				hasAltCopy: F.value.userOptions.buttons.altCopy,
-				isFullscreen: zt.value,
-				isTooltip: z.value.showTooltip,
-				titles: { ...F.value.userOptions.buttonTitles },
-				chartElement: M.value,
-				position: F.value.userOptions.position,
-				hasAnnotator: F.value.userOptions.buttons.annotator,
+				ref: Yt,
+				key: `user_option_${Rt.value}`,
+				backgroundColor: L.value.style.chart.backgroundColor,
+				color: L.value.style.chart.color,
+				isPrinting: E(fn),
+				isImaging: E(pn),
+				uid: j.value,
+				hasTooltip: L.value.userOptions.buttons.tooltip && L.value.style.chart.tooltip.show,
+				hasPdf: L.value.userOptions.buttons.pdf,
+				hasXls: L.value.userOptions.buttons.csv,
+				hasImg: L.value.userOptions.buttons.img,
+				hasSvg: L.value.userOptions.buttons.svg,
+				hasTable: L.value.userOptions.buttons.table,
+				hasFullscreen: L.value.userOptions.buttons.fullscreen,
+				hasAltCopy: L.value.userOptions.buttons.altCopy,
+				isFullscreen: M.value,
+				isTooltip: B.value.showTooltip,
+				titles: { ...L.value.userOptions.buttonTitles },
+				chartElement: P.value,
+				position: L.value.userOptions.position,
+				hasAnnotator: L.value.userOptions.buttons.annotator,
 				isAnnotation: Sr.value,
-				callbacks: F.value.userOptions.callbacks,
-				printScale: F.value.userOptions.print.scale,
-				tableDialog: F.value.table.useDialog,
-				isCursorPointer: I.value,
-				hasZoom: F.value.userOptions.buttons.zoom,
-				isZoom: z.value.showZoom,
+				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(hn),
+				onGeneratePdf: E(mn),
 				onGenerateCsv: gr,
 				onGenerateImage: qr,
 				onGenerateSvg: Kr,
@@ -1305,7 +1305,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				onToggleAnnotator: Cr,
 				onToggleZoom: xr,
 				onCopyAlt: si,
-				style: x({ visibility: E(dn) ? E(ln) ? "visible" : "hidden" : "visible" })
+				style: x({ visibility: E(un) ? E(cn) ? "visible" : "hidden" : "visible" })
 			}, Oe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -1390,7 +1390,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				class: "vue-ui-treemap-breadcrumbs",
 				"data-dom-to-png-ignore": "",
 				ref_key: "breadcrumbsNav",
-				ref: Jt
+				ref: Kt
 			}, [(S(!0), _(p, null, Le(X.value, (n, r) => (S(), _("span", {
 				role: "button",
 				tabindex: r < X.value.length - 1 ? 0 : void 0,
@@ -1400,37 +1400,37 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				class: "vue-ui-treemap-crumb",
 				"data-last-crumb": r === X.value.length - 1,
 				style: x({
-					color: F.value.style.chart.color,
-					cursor: I.value ? "pointer" : "default"
+					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", ct, [v("span", lt, [w(e.$slots, "breadcrumb-label", Me({ ref_for: !0 }, {
+			}, [v("span", st, [v("span", ct, [w(e.$slots, "breadcrumb-label", Me({ ref_for: !0 }, {
 				crumb: n,
 				isRoot: r === 0,
 				isFocus: Fr.value === r
-			}), () => [r === 0 ? (S(), _("div", ut, [Ae(ve, {
+			}), () => [r === 0 ? (S(), _("div", lt, [Ae(ve, {
 				name: Fr.value === 0 ? "homeFilled" : "home",
-				stroke: F.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", dt, [w(e.$slots, "breadcrumb-arrow", {}, () => [t[5] ||= ke(" › ", -1)], !0)])) : g("", !0)])], 44, st))), 128))], 512)) : g("", !0),
-			v("div", ft, [
+				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, [
 				(S(), _("svg", {
 					ref_key: "svgRef",
-					ref: R,
-					xmlns: E(re),
-					"aria-describedby": `chart-instructions-${A.value}`,
+					ref: z,
+					xmlns: E(ie),
+					"aria-describedby": `chart-instructions-${j.value}`,
 					class: Pe({
-						"vue-data-ui-fullscreen--on": zt.value,
-						"vue-data-ui-fulscreen--off": !zt.value,
+						"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(Pt),
-						loading: E(L)
+						"no-transition": E(Nt),
+						loading: E(an)
 					}),
 					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:${F.value.style.chart.color}`),
+					style: x(`max-width:100%; overflow:${Ar.value ? "hidden" : "visible"}; background:transparent;color:${L.value.style.chart.color}`),
 					tabindex: "0",
 					onFocus: ci,
 					onBlur: li,
@@ -1442,26 +1442,26 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 					onPointerleave: Nr
 				}, [
 					Ae(E(Qe)),
-					(S(!0), _(p, null, Le(G.value, (e, t) => (S(), _("g", { key: `tgrad_${e.id}` }, [F.value.style.chart.layout.rects.gradient.show ? (S(), _("defs", mt, [v("radialGradient", {
+					(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", {
 						id: `tgrad_${e.id}`,
 						gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
 					}, [v("stop", {
 						offset: "18%",
 						"stop-color": e.color
-					}, null, 8, gt), v("stop", {
+					}, null, 8, ht), v("stop", {
 						offset: "100%",
-						"stop-color": E(ae)(e.color, F.value.style.chart.layout.rects.gradient.intensity / 100)
-					}, null, 8, _t)], 8, ht)])) : g("", !0)]))), 128)),
+						"stop-color": E(n)(e.color, L.value.style.chart.layout.rects.gradient.intensity / 100)
+					}, null, 8, gt)], 8, mt)])) : 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", {
 							x: e.x0,
 							y: e.y0,
 							height: K(e),
 							width: q(e),
-							fill: It.value ? e.color ?? F.value.style.chart.backgroundColor : F.value.style.chart.layout.rects.gradient.show ? sr.value ? F.value.style.chart.backgroundColor : `url(#tgrad_${e.id})` : e.color ?? F.value.style.chart.backgroundColor,
+							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),
-							stroke: Z.value && Z.value.id === e.id ? F.value.style.chart.layout.rects.selected.stroke : F.value.style.chart.layout.rects.stroke,
-							"stroke-width": Z.value && Z.value.id === e.id ? F.value.style.chart.layout.rects.selected.strokeWidth : F.value.style.chart.layout.rects.strokeWidth,
+							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({
 								datapoint: e,
@@ -1472,9 +1472,9 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 								datapoint: e,
 								seriesIndex: t
 							}),
-							style: x(`opacity:${Z.value ? Z.value.id === e.id ? 1 : F.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+							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, vt)]))), 128)),
+						}, null, 46, _t)]))), 128)),
 						(S(!0), _(p, null, Le(ei.value, (e) => (S(), _("g", {
 							key: e.key,
 							style: { "pointer-events": "none" }
@@ -1487,7 +1487,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 							y: e.clipY,
 							width: e.clipWidth,
 							height: e.clipHeight
-						}, null, 8, bt)], 8, yt)]), v("g", { "clip-path": `url(#${e.clipId})` }, [(S(!0), _(p, null, Le(e.lines, (e) => (S(), _("text", {
+						}, null, 8, yt)], 8, vt)]), v("g", { "clip-path": `url(#${e.clipId})` }, [(S(!0), _(p, null, Le(e.lines, (e) => (S(), _("text", {
 							key: e.key,
 							class: "vue-ui-treemap-data-label",
 							transform: `translate(${e.x}, ${e.y})`,
@@ -1497,8 +1497,8 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 							"font-weight": e.fontWeight,
 							"text-anchor": "start",
 							"dominant-baseline": "text-before-edge"
-						}, ze(e.text), 9, St))), 128))], 8, xt)]))), 128)),
-						e.$slots.rect ? (S(), _("g", Ct, [(S(!0), _(p, null, Le(G.value, (t, n) => (S(), _("g", { key: `slot_${t.id}_${t.depth}` }, [(S(), _("foreignObject", {
+						}, 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", {
 							x: t.x0,
 							y: t.y0,
 							height: K(t),
@@ -1508,7 +1508,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 								"pointer-events": "none",
 								overflow: "hidden"
 							}
-						}, [v("div", Tt, [E(L) ? g("", !0) : w(e.$slots, "rect", Me({
+						}, [v("div", wt, [E(an) ? g("", !0) : w(e.$slots, "rect", Me({
 							key: 0,
 							ref_for: !0
 						}, {
@@ -1521,65 +1521,65 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 							shouldShow: zn(t) || Qn.value,
 							fontSize: Yn(t, n),
 							isZoom: Qn.value,
-							textColor: E(ne)(t.color)
-						}), void 0, !0)])], 8, wt))]))), 128))])) : g("", !0)
+							textColor: E(re)(t.color)
+						}), void 0, !0)])], 8, Ct))]))), 128))])) : g("", !0)
 					]),
 					w(e.$slots, "svg", b(y({
 						svg: V.value,
 						isZoom: Qn.value,
 						rect: Z.value,
-						config: F.value,
-						isPrintingImg: E(pn) || E(mn) || en.value,
-						isPrintingSvg: tn.value
+						config: L.value,
+						isPrintingImg: E(fn) || E(pn) || Qt.value,
+						isPrintingSvg: $t.value
 					})), void 0, !0)
-				], 46, pt)),
-				E(Or) ? (S(), _("div", Et, [w(e.$slots, "reset-action", { reset: E(Dr) }, () => [v("button", {
+				], 46, ft)),
+				E(Or) ? (S(), _("div", Tt, [w(e.$slots, "reset-action", { reset: E(Dr) }, () => [v("button", {
 					"data-cy-reset": "",
 					tabindex: "0",
 					role: "button",
 					class: "vue-data-ui-refresh-button",
 					style: x({
-						background: F.value.style.chart.backgroundColor,
-						cursor: I.value ? "pointer" : "default"
+						background: L.value.style.chart.backgroundColor,
+						cursor: R.value ? "pointer" : "default"
 					}),
 					onClick: t[0] ||= (e) => E(Dr)(!0)
 				}, [Ae(ve, {
 					name: "refresh",
-					stroke: F.value.style.chart.color
+					stroke: L.value.style.chart.color
 				}, null, 8, ["stroke"])], 4)], !0)])) : g("", !0),
-				e.$slots.hint ? (S(), _("div", Dt, [w(e.$slots, "hint", b(y({
-					hint: F.value.a11y.translations.keyboardNavigation,
-					isVisible: an.value
+				e.$slots.hint ? (S(), _("div", Et, [w(e.$slots, "hint", b(y({
+					hint: L.value.a11y.translations.keyboardNavigation,
+					isVisible: nn.value
 				})), void 0, !0)])) : g("", !0)
 			]),
-			e.$slots.watermark ? (S(), _("div", Ot, [w(e.$slots, "watermark", b(y({ isPrinting: E(pn) || E(mn) || en.value || tn.value })), void 0, !0)])) : g("", !0),
-			v("div", { id: `legend-bottom-${A.value}` }, null, 8, kt),
-			Yt.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (S(), h(De, {
+			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, {
 				key: 7,
-				to: F.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
+				to: L.value.style.chart.legend.position === "top" ? `#legend-top-${j.value}` : `#legend-bottom-${j.value}`
 			}, [v("div", {
 				ref_key: "chartLegend",
-				ref: Ht
-			}, [w(e.$slots, "legend", { legend: ar.value }, () => [F.value.style.chart.legend.show ? (S(), h(Ce, {
-				key: `legend_${qt.value}`,
+				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,
-				id: `treemap_legend_${A.value}`,
-				isCursorPointer: I.value,
+				id: `treemap_legend_${j.value}`,
+				isCursorPointer: R.value,
 				onClickMarker: t[1] ||= ({ legend: e }) => lr(e)
 			}, {
-				item: O(({ legend: e, index: t }) => [E(L) ? g("", !0) : (S(), _("div", {
+				item: O(({ legend: e, index: t }) => [E(an) ? g("", !0) : (S(), _("div", {
 					key: 0,
 					onClick: (t) => lr(e),
-					style: x(`opacity:${j.value.includes(e.id) ? .5 : 1}`)
-				}, ze(e.display), 13, At))]),
-				legendToggle: O(() => [ar.value.length > 2 && F.value.style.chart.legend.selectAllToggle.show && !E(L) ? (S(), h(ye, {
+					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, {
 					key: 0,
-					backgroundColor: F.value.style.chart.legend.selectAllToggle.backgroundColor,
-					color: F.value.style.chart.legend.selectAllToggle.color,
-					fontSize: F.value.style.chart.legend.fontSize,
-					checked: j.value.length > 0,
-					isCursorPointer: I.value,
+					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
 				}, null, 8, [
 					"backgroundColor",
@@ -1598,32 +1598,32 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 			e.$slots.source ? (S(), _("div", {
 				key: 8,
 				ref_key: "source",
-				ref: Ut,
+				ref: Vt,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
 			Ae(E(Xe), {
-				teleportTo: F.value.style.chart.tooltip.teleportTo,
-				show: z.value.showTooltip && Lt.value,
-				backgroundColor: F.value.style.chart.tooltip.backgroundColor,
-				color: F.value.style.chart.tooltip.color,
-				fontSize: F.value.style.chart.tooltip.fontSize,
-				borderRadius: F.value.style.chart.tooltip.borderRadius,
-				borderColor: F.value.style.chart.tooltip.borderColor,
-				borderWidth: F.value.style.chart.tooltip.borderWidth,
-				backgroundOpacity: F.value.style.chart.tooltip.backgroundOpacity,
-				position: F.value.style.chart.tooltip.position,
-				offsetX: F.value.style.chart.tooltip.offsetX,
-				offsetY: F.value.style.chart.tooltip.offsetY,
-				parent: M.value,
-				content: Rt.value,
-				isFullscreen: zt.value,
-				isCustom: E(u)(F.value.style.chart.tooltip.customFormat),
-				smooth: F.value.style.chart.tooltip.smooth,
-				backdropFilter: F.value.style.chart.tooltip.backdropFilter,
-				smoothForce: F.value.style.chart.tooltip.smoothForce,
-				smoothSnapThreshold: F.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: rn.value === "keyboard",
-				a11yPosition: nn.value
+				teleportTo: L.value.style.chart.tooltip.teleportTo,
+				show: B.value.showTooltip && It.value,
+				backgroundColor: L.value.style.chart.tooltip.backgroundColor,
+				color: L.value.style.chart.tooltip.color,
+				fontSize: L.value.style.chart.tooltip.fontSize,
+				borderRadius: L.value.style.chart.tooltip.borderRadius,
+				borderColor: L.value.style.chart.tooltip.borderColor,
+				borderWidth: L.value.style.chart.tooltip.borderWidth,
+				backgroundOpacity: L.value.style.chart.tooltip.backgroundOpacity,
+				position: L.value.style.chart.tooltip.position,
+				offsetX: L.value.style.chart.tooltip.offsetX,
+				offsetY: L.value.style.chart.tooltip.offsetY,
+				parent: P.value,
+				content: Lt.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
 			}, {
 				"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)]),
@@ -1653,20 +1653,20 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Ft.value && F.value.userOptions.buttons.table ? (S(), h(Re(zr.value.component), Me({ key: 9 }, zr.value.props, {
+			Pt.value && L.value.userOptions.buttons.table ? (S(), h(Re(zr.value.component), Me({ key: 9 }, zr.value.props, {
 				ref_key: "tableUnit",
-				ref: Xt,
+				ref: Jt,
 				onClose: Br
 			}), Oe({
 				content: O(() => [(S(), h(E(Ke), {
-					key: `table_${Kt.value}`,
+					key: `table_${Wt.value}`,
 					colNames: _r.value.colNames,
 					head: _r.value.head,
 					body: _r.value.body,
 					config: _r.value.config,
-					title: F.value.table.useDialog ? "" : zr.value.title,
-					withCloseButton: !F.value.table.useDialog,
-					isCursorPointer: I.value,
+					title: L.value.table.useDialog ? "" : zr.value.title,
+					withCloseButton: !L.value.table.useDialog,
+					isCursorPointer: R.value,
 					onClose: Br
 				}, {
 					th: O(({ th: e }) => [v("div", {
@@ -1675,7 +1675,7 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 							display: "flex",
 							"align-items": "center"
 						}
-					}, null, 8, jt)]),
+					}, null, 8, At)]),
 					td: O(({ td: e }) => [ke(ze(e.name || e), 1)]),
 					_: 1
 				}, 8, [
@@ -1688,26 +1688,26 @@ var rt = /* @__PURE__ */ e({ default: () => Nt }), it = ["id"], at = ["id"], ot
 					"isCursorPointer"
 				]))]),
 				_: 2
-			}, [F.value.table.useDialog ? {
+			}, [L.value.table.useDialog ? {
 				name: "title",
 				fn: O(() => [ke(ze(zr.value.title), 1)]),
 				key: "0"
-			} : void 0, F.value.table.useDialog ? {
+			} : 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(F.value.userOptions.callbacks.csv),
-					style: x({ cursor: I.value ? "pointer" : "default" })
+					onClick: t[2] ||= (e) => gr(L.value.userOptions.callbacks.csv),
+					style: x({ cursor: R.value ? "pointer" : "default" })
 				}, [Ae(ve, {
 					name: "fileCsv",
 					stroke: zr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : g("", !0),
-			w(e.$slots, "skeleton", {}, () => [E(L) ? (S(), h(le, { key: 0 })) : g("", !0)], !0)
-		], 46, it));
+			w(e.$slots, "skeleton", {}, () => [E(an) ? (S(), h(le, { key: 0 })) : g("", !0)], !0)
+		], 46, rt));
 	}
 }, [["__scopeId", "data-v-442b6b44"]]);
 //#endregion
-export { rt as n, Nt as t };
+export { A as n, Mt as t };