vue-data-ui 3.19.8 → 3.20.0

package/dist/{vue-ui-treemap-C0dtbfbZ.js → vue-ui-treemap-O3SBpD3K.js}

@@ -1,26 +1,26 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, J as r, K as i, Lt as a, S as o, St as s, Tt as c, X as l, Z as u, i as d, nt as f, pt as ee, r as te, t as ne, x as re, y as p, yt as ie, zt as ae } from "./lib-BkiwukKO.js";
-import { t as oe } from "./useConfig-ByaaSKhz.js";
-import { t as se } from "./usePrinter-X0yWOynH.js";
-import { n as ce, t as le } from "./BaseScanner-C7dmAref.js";
-import { t as ue } from "./useSvgExport-Dtu973wa.js";
-import { t as de } from "./useNestedProp-Ck4hsrpu.js";
-import { t as fe } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as pe } from "./img-BjOr008R.js";
-import { n as me } from "./Title-__gWq2g6.js";
-import { t as he } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as ge } from "./canvas-lib-DTaADQOK.js";
-import { t as _e } from "./useResponsive-CrAInupd.js";
-import { t as ve } from "./BaseIcon-DM1x8hQF.js";
-import { t as ye } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as be } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as xe } from "./useUserOptionState-CjPJPTg2.js";
-import { t as Se } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Ce } from "./Legend-Gg5Q4Clb.js";
-import { t as we } from "./vue_ui_treemap-BQp06q-g.js";
-import { Fragment as Te, Teleport as Ee, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as y, guardReactiveProps as b, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as Ne, onMounted as Pe, openBlock as C, ref as w, renderList as Fe, renderSlot as T, resolveDynamicComponent as Ie, shallowRef as E, toDisplayString as Le, toRefs as Re, unref as D, useSlots as ze, watch as O, withCtx as k, withKeys as Be, withModifiers as Ve } from "vue";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Bt as t, Ct as n, Et as r, G as i, H as a, J as o, K as s, Rt as c, S as l, X as u, Z as d, bt as f, i as ee, nt as te, pt as ne, r as re, t as ie, x as ae, y as p } from "./lib-DUeYQsS0.js";
+import { t as oe } from "./useConfig-DAyQk86L.js";
+import { t as se } from "./usePrinter-C1Gqt_Sp.js";
+import { n as ce, t as le } from "./BaseScanner-Dr2a1Msy.js";
+import { t as ue } from "./useSvgExport-SVIsDot8.js";
+import { t as de } from "./useNestedProp-CNcoy38D.js";
+import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as pe } from "./img-1cKsci8e.js";
+import { n as me } from "./Title-NWp4qB4K.js";
+import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ge } from "./canvas-lib-BOP_HS11.js";
+import { t as _e } from "./useResponsive-BfnK0KxU.js";
+import { t as ve } from "./BaseIcon-DfLoHNUj.js";
+import { t as ye } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as be } from "./A11yDataTable-BCbtxMU6.js";
+import { t as xe } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Se } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ce } from "./Legend-Cz2uQ5gs.js";
+import { t as we } from "./vue_ui_treemap-DoEtkRN6.js";
+import { Fragment as Te, Teleport as Ee, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as y, guardReactiveProps as b, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as Ne, onMounted as Pe, openBlock as C, ref as w, renderList as Fe, renderSlot as T, resolveDynamicComponent as Ie, shallowRef as E, toDisplayString as Le, toRefs as Re, unref as D, useSlots as ze, watch as Be, withCtx as O, withKeys as Ve, withModifiers as He } from "vue";
 //#region src/treemap.js
-function He(e, t) {
+function Ue(e, t) {
 	let n = e.length;
 	if (n === 0) throw Error(`Max aspect ratio cannot be computed: ${e} is an empty array`);
 	{
@@ -32,7 +32,7 @@ function He(e, t) {
 		return Math.max(t ** 2 * i / a ** 2, a ** 2 / (t ** 2 * r));
 	}
 }
-function Ue(e) {
+function We(e) {
 	let { xOffset: t, yOffset: n, width: r, height: i } = e;
 	return {
 		x0: t,
@@ -41,14 +41,14 @@ function Ue(e) {
 		y1: n + i
 	};
 }
-function We(e, t, n) {
+function Ge(e, t, n) {
 	if (e.length === 0) return !0;
 	{
 		let r = e.concat(t);
-		return He(e, n) >= He(r, n);
+		return Ue(e, n) >= Ue(r, n);
 	}
 }
-function Ge(e) {
+function Ke(e) {
 	let t = [], n = e.length;
 	for (let r = 0; r < n; r += 1) {
 		let n = e[r], i = n.length;
@@ -56,17 +56,17 @@ function Ge(e) {
 	}
 	return t;
 }
-function Ke(e, t) {
-	return $e({
+function qe(e, t) {
+	return et({
 		...t,
 		children: e
 	});
 }
-function qe(e) {
+function Je(e) {
 	return (e.x1 - e.x0) * (e.y1 - e.y0);
 }
-function Je(e, t) {
-	let { width: n, height: r, xOffset: i, yOffset: a } = Ze(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 Ye(e, t) {
+	let { width: n, height: r, xOffset: i, yOffset: a } = Qe(t), o = e.length, s = e.map((e) => e.normalizedValue || 0).reduce((e, t) => e + t, 0), c = s / r, l = s / n, u = i, d = a, f = [];
 	if (n >= r) {
 		for (let t = 0; t < o; t += 1) {
 			let n = e[t], r = d + n.normalizedValue / c, i = {
@@ -91,16 +91,16 @@ function Je(e, t) {
 		return f;
 	}
 }
-function Ye(e) {
-	let t = Ze(e), n = t.width, r = t.height;
+function Xe(e) {
+	let t = Qe(e), n = t.width, r = t.height;
 	return Math.min(n, r);
 }
-function Xe(e, t) {
+function Ze(e, t) {
 	let n = e.length, r = t / e.map((e) => e.value ?? 0).reduce((e, t) => e + t, 0), i = [], a, o;
 	for (let t = 0; t < n; t += 1) o = e[t], a = Object.assign({}, o, { normalizedValue: o.value * (r || 0) }), i.push(a);
 	return i;
 }
-function Ze(e) {
+function Qe(e) {
 	let { x0: t, y0: n, x1: r, y1: i } = e;
 	return {
 		xOffset: t,
@@ -109,39 +109,39 @@ function Ze(e) {
 		height: i - n
 	};
 }
-function Qe(e, t, n, r) {
+function $e(e, t, n, r) {
 	let i = e, a = t, o = n, s = r;
 	for (;;) {
 		let e = i.length;
 		if (e === 0) {
-			let e = Je(a, o);
+			let e = Ye(a, o);
 			return s.concat(e);
 		}
-		let t = Ye(o), n = i[0], r = i.slice(1, e);
-		if (We(a, n, t)) {
+		let t = Xe(o), n = i[0], r = i.slice(1, e);
+		if (Ge(a, n, t)) {
 			let e = a.concat(n);
 			i = r, a = e, o = o, s = s;
 		} else {
 			let e = a.length, t = 0;
 			for (let n = 0; n < e; n += 1) t += a[n].normalizedValue;
-			let n = A(o, t), r = Je(a, o), c = s.concat(r);
+			let n = k(o, t), r = Ye(a, o), c = s.concat(r);
 			i = i, a = [], o = n, s = c;
 		}
 	}
 }
-function $e(e) {
+function et(e) {
 	if (e.children === void 0 || !e.children.length) return [e];
 	{
-		let t = Qe(Xe(e.children, qe(e)), [], e, []), n = t.length, r = [];
-		for (let e = 0; e < n; e += 1) r.push($e(t[e]));
-		return Ge(r);
+		let t = $e(Ze(e.children, Je(e)), [], e, []), n = t.length, r = [];
+		for (let e = 0; e < n; e += 1) r.push(et(t[e]));
+		return Ke(r);
 	}
 }
-function A(e, t) {
-	let { width: n, height: r, xOffset: i, yOffset: a } = Ze(e);
+function k(e, t) {
+	let { width: n, height: r, xOffset: i, yOffset: a } = Qe(e);
 	if (n >= r) {
 		let e = t / r, o = n - e;
-		return Ue({
+		return We({
 			xOffset: i + e,
 			yOffset: a,
 			width: o,
@@ -149,7 +149,7 @@ function A(e, t) {
 		});
 	} else {
 		let e = t / n, o = r - e;
-		return Ue({
+		return We({
 			xOffset: i,
 			yOffset: a + e,
 			width: n,
@@ -159,28 +159,28 @@ function A(e, t) {
 }
 //#endregion
 //#region src/components/vue-ui-treemap.vue
-var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt = ["id"], it = [
+var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it = ["id"], at = [
 	"tabindex",
 	"onClick",
 	"onKeydown",
 	"data-last-crumb",
 	"onMouseenter",
 	"onFocus"
-], at = { class: "vue-ui-treemap-crumb-unit" }, ot = { class: "vue-ui-treemap-crumb-unit-label" }, st = {
+], ot = { class: "vue-ui-treemap-crumb-unit" }, st = { class: "vue-ui-treemap-crumb-unit-label" }, ct = {
 	key: 0,
 	style: {
 		width: "24px",
 		display: "flex",
 		"align-items": "center"
 	}
-}, ct = {
+}, lt = {
 	key: 0,
 	class: "vue-ui-treemap-crumb-unit-arrow"
-}, lt = { style: { position: "relative" } }, ut = [
+}, ut = { style: { position: "relative" } }, dt = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], dt = { key: 0 }, ft = ["id"], pt = ["stop-color"], mt = ["stop-color"], ht = [
+], ft = { key: 0 }, pt = ["id"], mt = ["stop-color"], ht = ["stop-color"], gt = [
 	"x",
 	"y",
 	"height",
@@ -192,18 +192,18 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], gt = ["innerHTML"], _t = [
+], _t = ["innerHTML"], vt = [
 	"x",
 	"y",
 	"height",
 	"width"
-], vt = {
+], yt = {
 	style: {
 		width: "100%",
 		height: "100%"
 	},
 	class: "vue-ui-treemap-cell"
-}, yt = {
+}, bt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -213,10 +213,10 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, bt = {
+}, xt = {
 	key: 6,
 	class: "vue-data-ui-watermark"
-}, xt = ["id"], St = ["onClick"], Ct = ["innerHTML"], wt = /* @__PURE__ */ he({
+}, St = ["id"], Ct = ["onClick"], wt = ["innerHTML"], Tt = /* @__PURE__ */ he({
 	__name: "vue-ui-treemap",
 	props: {
 		config: {
@@ -237,15 +237,15 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		"selectDatapoint",
 		"copyAlt"
 	],
-	setup(e, { expose: he, emit: He }) {
-		let Ue = y(() => import("./DataTable-DmE8Oo4i.js")), We = y(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Ge = y(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), qe = y(() => import("./Tooltip-CuWEYGr3.js")), Je = y(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Ye = y(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), Xe = y(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_treemap: Ze } = oe(), { isThemeValid: Qe, warnInvalidTheme: $e } = fe(), A = e, et = He, wt = ze();
+	setup(e, { expose: he, emit: Ue }) {
+		let We = y(() => import("./DataTable-B--IN22e.js")), Ge = y(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ke = y(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), Je = y(() => import("./Tooltip-BENq327o.js")), Ye = y(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Xe = y(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), Ze = y(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_treemap: Qe } = oe(), { isThemeValid: $e, warnInvalidTheme: et } = fe(), k = e, tt = Ue, Tt = ze();
 		Pe(() => {
-			wt["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
+			Tt["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
 		});
-		let Tt = m(() => !!A.dataset && A.dataset.length), Et = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), j = w(n()), Dt = w(!1), Ot = w(""), kt = w(!1), At = w(0), M = w([]), N = E(null), jt = E(null), Mt = E(null), Nt = E(null), Pt = E(null), Ft = w(0), It = w(0), Lt = w(0), P = w([]), Rt = w(null), zt = w(!1), Bt = w(null), Vt = w(null), Ht = w(null), Ut = w(/* @__PURE__ */ new Map()), Wt = w(!1), Gt = w(!1), F = w(null), Kt = w({
+		let Et = m(() => !!k.dataset && k.dataset.length), Dt = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = w(a()), Ot = w(!1), kt = w(""), j = w(!1), At = w(0), M = w([]), N = E(null), jt = E(null), Mt = E(null), Nt = E(null), Pt = E(null), Ft = w(0), It = w(0), Lt = w(0), P = w([]), Rt = w(null), zt = w(!1), Bt = w(null), Vt = w(null), Ht = w(null), Ut = w(/* @__PURE__ */ new Map()), Wt = w(!1), Gt = w(!1), F = w(null), Kt = w({
 			x: 0,
 			y: 0
-		}), qt = w("pointer"), Jt = w(!1), I = w(tn()), L = m(() => I.value.userOptions.useCursorPointer), Yt = m(() => ae({
+		}), qt = w("pointer"), Jt = w(!1), I = w(tn()), L = m(() => I.value.userOptions.useCursorPointer), Yt = m(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -259,10 +259,10 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			},
 			userConfig: I.value.skeletonConfig ?? {}
 		})), { loading: R, FINAL_DATASET: Xt, manualLoading: Zt } = ce({
-			...Re(A),
+			...Re(k),
 			FINAL_CONFIG: I,
 			prepareConfig: tn,
-			skeletonDataset: A.config?.skeletonDataset ?? [{
+			skeletonDataset: k.config?.skeletonDataset ?? [{
 				name: "_",
 				value: 53,
 				color: "#CACACA90",
@@ -297,42 +297,42 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 					}
 				]
 			}],
-			skeletonConfig: ae({
+			skeletonConfig: t({
 				defaultConfig: I.value,
 				userConfig: Yt.value
 			})
 		}), { userOptionsVisible: Qt, setUserOptionsVisibility: $t, keepUserOptionState: en } = xe({ config: I.value }), { svgRef: z } = Se({ config: I.value.style.chart.title });
 		function tn() {
 			let e = de({
-				userConfig: A.config,
-				defaultConfig: Ze
+				userConfig: k.config,
+				defaultConfig: Qe
 			}), t = e.theme;
 			if (!t) return e;
-			if (!Qe.value(e)) return $e(e), e;
+			if (!$e.value(e)) return et(e), e;
 			let n = de({
-				userConfig: we[t] || A.config,
+				userConfig: we[t] || k.config,
 				defaultConfig: e
-			}), r = de({
-				userConfig: A.config,
+			}), i = de({
+				userConfig: k.config,
 				defaultConfig: n
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : a[t] || c
+				...i,
+				customPalette: i.customPalette.length ? i.customPalette : c[t] || r
 			};
 		}
-		O(() => A.config, (e) => {
+		Be(() => k.config, (e) => {
 			R.value || (I.value = tn()), Qt.value = !I.value.userOptions.showOnChartHover, Ft.value += 1, It.value += 1, Lt.value += 1, B.value.showTable = I.value.table.show, B.value.showTooltip = I.value.style.chart.tooltip.show;
 		}, { deep: !0 });
 		let { isPrinting: nn, isImaging: rn, generatePdf: an, generateImage: on } = se({
-			elementId: `treemap_${j.value}`,
+			elementId: `treemap_${A.value}`,
 			fileName: I.value.style.chart.title.text || "vue-ui-treemap",
 			options: I.value.userOptions.print
-		}), sn = m(() => I.value.userOptions.show && !I.value.style.chart.title.text), cn = m(() => re(I.value.customPalette)), B = w({
+		}), sn = m(() => I.value.userOptions.show && !I.value.style.chart.title.text), cn = m(() => ae(I.value.customPalette)), B = w({
 			showTable: I.value.table.show,
 			showTooltip: I.value.style.chart.tooltip.show
 		});
-		O(I, () => {
+		Be(I, () => {
 			B.value = {
 				showTable: I.value.table.show,
 				showTooltip: I.value.style.chart.tooltip.show
@@ -364,26 +364,26 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				vbHeight: n - r,
 				offsetY: r
 			};
-		}), U = w(i(Xt.value)), W = w(U.value), dn = E(/* @__PURE__ */ new Map());
-		O([U, () => I.value], () => {
+		}), U = w(s(Xt.value)), W = w(U.value), dn = E(/* @__PURE__ */ new Map());
+		Be([U, () => I.value], () => {
 			Ht.value = null, Ut.value = /* @__PURE__ */ new Map();
-		}, { deep: !0 }), O(() => M.value, () => {
+		}, { deep: !0 }), Be(() => M.value, () => {
 			Ht.value = null, Ut.value = /* @__PURE__ */ new Map(), hn(), Lt.value += 1, It.value += 1;
-		}, { deep: !0 }), O([() => V.value.width, () => V.value.height], () => {
+		}, { deep: !0 }), Be([() => V.value.width, () => V.value.height], () => {
 			Ut.value = /* @__PURE__ */ new Map();
 		});
 		function fn(e) {
 			Array.isArray(e) && e.forEach((e, t) => {
-				e.id ||= n(), e.sourceColor === void 0 && (e.sourceColor = p(e.color) || null);
-				let r = e.sourceColor || dn.value.get(e.id) || cn.value[t] || c[t] || c[t % c.length];
-				r = p(r), dn.value.set(e.id, r), e.color = r, pn(e, r);
+				e.id ||= a(), e.sourceColor === void 0 && (e.sourceColor = p(e.color) || null);
+				let n = e.sourceColor || dn.value.get(e.id) || cn.value[t] || r[t] || r[t % r.length];
+				n = p(n), dn.value.set(e.id, n), e.color = n, pn(e, n);
 			});
 		}
 		function pn(e, t) {
-			Array.isArray(e.children) && e.children.forEach((r) => {
-				r.id ||= n(), r.parentId = e.id, r.sourceColor === void 0 && (r.sourceColor = p(r.color) || null);
-				let i = r.sourceColor || t;
-				r.color = i, pn(r, i);
+			Array.isArray(e.children) && e.children.forEach((n) => {
+				n.id ||= a(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = p(n.color) || null);
+				let r = n.sourceColor || t;
+				n.color = r, pn(n, r);
 			});
 		}
 		function mn(e) {
@@ -409,8 +409,8 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			}
 			W.value = [n];
 		}
-		O(() => Xt.value, () => {
-			U.value = i(Xt.value), fn(U.value), hn(), Lt.value += 1, It.value += 1;
+		Be(() => Xt.value, () => {
+			U.value = s(Xt.value), fn(U.value), hn(), Lt.value += 1, It.value += 1;
 		}, {
 			deep: !0,
 			immediate: !0,
@@ -422,11 +422,11 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		});
 		let _n = m(() => I.value.debug);
 		function vn() {
-			if (s(A.dataset) && l({
+			if (n(k.dataset) && u({
 				componentName: "VueUiTreemap",
 				type: "dataset",
 				debug: _n.value
-			}), fn(U.value), s(A.dataset) || (Zt.value = I.value.loading), I.value.responsive) {
+			}), fn(U.value), n(k.dataset) || (Zt.value = I.value.loading), I.value.responsive) {
 				let e = ge(() => {
 					let { width: e, height: t } = _e({
 						chart: N.value,
@@ -447,7 +447,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		});
 		let yn = m(() => W.value.map((e, t) => ({
 			...e,
-			color: p(e.color) || cn.value[t] || c[t] || c[t % c.length]
+			color: p(e.color) || cn.value[t] || r[t] || r[t % r.length]
 		})).filter((e) => !M.value.includes(e.id))), bn = m(() => U.value.filter((e) => !M.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0)), xn = m({
 			get() {
 				let e = [...yn.value];
@@ -462,7 +462,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		}
 		function Cn(e, t, n) {
 			let r = I.value.style.chart.layout.rects.colorRatio - Sn(t, n);
-			return ie(e, r < 0 ? 0 : r);
+			return f(e, r < 0 ? 0 : r);
 		}
 		function wn(e) {
 			return Array.isArray(e.children) && e.children.length > 0;
@@ -475,16 +475,16 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				return (Number(t.value) || 0) - i;
 			});
 		}
-		function En(e, t, n, r, i) {
-			return Tn(e).map((e, a) => {
-				let o = e.sourceColor || p(e.color) || p(t) || cn.value[a] || c[a] || c[a % c.length], s = e.sourceColor ? e.sourceColor : Cn(o, e, r), l = Sn(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 En(e, t, n, i, a) {
+			return Tn(e).map((e, o) => {
+				let s = e.sourceColor || p(e.color) || p(t) || cn.value[o] || r[o] || r[o % r.length], c = e.sourceColor ? e.sourceColor : Cn(s, e, i), l = Sn(e, i), u = a ?? e.parentId ?? e.id, d = Array.isArray(e.children) && e.children.length && e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) || 1;
 				return {
 					...e,
-					color: s,
+					color: c,
 					proportion: l,
 					parentName: n,
 					rootId: u,
-					children: Array.isArray(e.children) && e.children.length ? En(e.children, o, e.name, d, u) : void 0
+					children: Array.isArray(e.children) && e.children.length ? En(e.children, s, e.name, d, u) : void 0
 				};
 			});
 		}
@@ -506,7 +506,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			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 = Ke(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 = qe(i, t), c = [];
 			for (let e of s) {
 				let t = a.get(e.id) || [], i = o.get(e.id), s = {
 					...e,
@@ -526,17 +526,17 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		}
 		let An = m(() => {
 			let e = W.value.length ? W.value : xn.value, t = e.map((e) => Number(e.value) || 0).reduce((e, t) => e + t, 0) || 1;
-			return kn(e.map((e, r) => {
-				let i = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: a, ...o } = e, s = e.sourceColor || p(e.color) || dn.value.get(e.id) || cn.value[r] || c[r] || c[r % c.length], l = e.sourceColor ? e.sourceColor : Cn(s, e, t);
+			return kn(e.map((e, n) => {
+				let i = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: o, ...s } = e, c = e.sourceColor || p(e.color) || dn.value.get(e.id) || cn.value[n] || r[n] || r[n % r.length], l = e.sourceColor ? e.sourceColor : Cn(c, e, t);
 				return {
-					...o,
-					id: e.id || n(),
+					...s,
+					id: e.id || a(),
 					parentId: e.parentId ?? null,
 					name: e.name,
 					value: e.value,
 					color: l,
 					proportion: (Number(e.value) || 0) / t,
-					children: Array.isArray(e.children) && e.children.length ? En(e.children, s, e.name, i || 1) : void 0
+					children: Array.isArray(e.children) && e.children.length ? En(e.children, c, e.name, i || 1) : void 0
 				};
 			}), {
 				x0: H.value.left,
@@ -554,11 +554,11 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		function jn(e) {
 			let t = I.value.style.chart.layout.labels, n = t.fontSize, r = t.minFontSize, i = t.fontSize * 2, a = .6, o = e.proportion;
 			typeof o == "number" && isFinite(o) || (o = Math.max(1e-6, J(e) * q(e)) / Math.max(1e-6, H.value.width * H.value.height));
-			let s = Math.min(1, Math.max(0, o)) ** .5, c = a + (1 - a) * s, l = .9 ** Math.max(0, Number(e.depth) || 0), u = n * c * l, d = Math.max(1e-4, Math.min(J(e), q(e)));
-			return u = Math.min(u, d * .9), u = Math.min(u, i), u = Math.max(r, u), u;
+			let s = a + (1 - a) * Math.min(1, Math.max(0, o)) ** .5, c = .9 ** Math.max(0, Number(e.depth) || 0), l = n * s * c, u = Math.max(1e-4, Math.min(J(e), q(e)));
+			return l = Math.min(l, u * .9), l = Math.min(l, i), l = Math.max(r, l), l;
 		}
 		function Mn(e) {
-			kt.value = e, At.value += 1;
+			j.value = e, At.value += 1;
 		}
 		let Y = m(() => ({
 			startX: 0,
@@ -587,7 +587,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		}
 		let Pn = m(() => P.value.length > 0);
 		function Fn() {
-			W.value = U.value.slice(), P.value = [], et("selectDatapoint", void 0);
+			W.value = U.value.slice(), P.value = [], tt("selectDatapoint", void 0);
 		}
 		function In() {
 			return P.value[P.value.length - 1] ?? null;
@@ -596,7 +596,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			P.value = [...Nn(e.id), e.id], W.value = [e], I.value.events.datapointClick && I.value.events.datapointClick({
 				datapoint: t ?? e,
 				seriesIndex: n
-			}), et("selectDatapoint", t ?? e);
+			}), tt("selectDatapoint", t ?? e);
 		}
 		function Rn(e, t) {
 			let n = In();
@@ -620,7 +620,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			P.value = [...Nn(i.id), i.id], W.value = [i], I.value.events.datapointClick && I.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
-			}), et("selectDatapoint", e);
+			}), tt("selectDatapoint", e);
 		}
 		function zn(e, t) {
 			if (!e) {
@@ -656,17 +656,17 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			return e;
 		}), Q = E(null), Vn = m(() => U.value.map((e, t) => ({
 			...e,
-			color: p(e.color) || cn.value[t] || c[t] || c[t % c.length],
+			color: p(e.color) || cn.value[t] || r[t] || r[t % r.length],
 			shape: "square"
-		})).sort((e, t) => t.value - e.value).map((e, n) => {
-			let r = e.value / U.value.map((e) => e.value).reduce((e, t) => e + t, 0);
+		})).sort((e, t) => t.value - e.value).map((e, t) => {
+			let n = e.value / U.value.map((e) => e.value).reduce((e, t) => e + t, 0);
 			return {
 				...e,
-				proportion: r,
+				proportion: n,
 				isSegregated: M.value.includes(e.id),
 				segregate: () => Gn(e),
 				opacity: M.value.includes(e.id) ? .5 : 1,
-				display: `${e.name}${I.value.style.chart.legend.showPercentage || I.value.style.chart.legend.showValue ? ": " : ""}${I.value.style.chart.legend.showValue ? d(I.value.style.chart.layout.labels.formatter, e.value, t({
+				display: `${e.name}${I.value.style.chart.legend.showPercentage || I.value.style.chart.legend.showValue ? ": " : ""}${I.value.style.chart.legend.showValue ? ee(I.value.style.chart.layout.labels.formatter, e.value, i({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: I.value.style.chart.layout.labels.suffix,
@@ -684,10 +684,10 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		function Wn() {
 			M.value.length ? M.value = [] : Vn.value.forEach((e) => {
 				M.value.push(e.id);
-			});
+			}), tt("selectLegend", U.value.filter((e) => !M.value.includes(e.id)));
 		}
 		function Gn(e) {
-			Q.value = null, M.value.includes(e.id) ? M.value = M.value.filter((t) => t !== e.id) : M.value.length < A.dataset.length - 1 && M.value.push(e.id), et("selectLegend", xn.value);
+			Q.value = null, M.value.includes(e.id) ? M.value = M.value.filter((t) => t !== e.id) : M.value.length < k.dataset.length - 1 && M.value.push(e.id), tt("selectLegend", U.value.filter((e) => !M.value.includes(e.id)));
 		}
 		function Kn(e) {
 			return U.value.length ? U.value.find((t) => t.name === e) || (I.value.debug && console.warn(`VueUiTreemap - Series name not found "${e}"`), null) : (I.value.debug && console.warn("VueUiTreemap - There are no series to show."), null);
@@ -701,48 +701,48 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			t !== null && (M.value.includes(t.id) || Gn({ id: t.id }));
 		}
 		function Yn({ datapoint: e, seriesIndex: t }) {
-			Q.value = null, Dt.value = !1, F.value = null, qt.value = "pointer", I.value.events.datapointLeave && I.value.events.datapointLeave({
+			Q.value = null, Ot.value = !1, F.value = null, qt.value = "pointer", I.value.events.datapointLeave && I.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
 		let Xn = w(null);
-		function Zn({ datapoint: e, seriesIndex: n, triggerMode: r = "pointer" }) {
+		function Zn({ datapoint: e, seriesIndex: t, triggerMode: n = "pointer" }) {
 			if (Un.value) return;
 			I.value.events.datapointEnter && I.value.events.datapointEnter({
 				datapoint: e,
-				seriesIndex: n
-			}), F.value = n, qt.value = r, Q.value = e, Xn.value = {
+				seriesIndex: t
+			}), F.value = t, qt.value = n, Q.value = e, Xn.value = {
 				datapoint: e,
-				seriesIndex: n,
+				seriesIndex: t,
 				config: I.value,
 				series: yn.value
 			};
-			let i = I.value.style.chart.tooltip.customFormat;
-			if (ee(i) && f(() => i({
-				seriesIndex: n,
+			let r = I.value.style.chart.tooltip.customFormat;
+			if (ne(r) && te(() => r({
+				seriesIndex: t,
 				datapoint: e,
 				series: yn.value,
 				config: I.value
-			}))) Ot.value = i({
-				seriesIndex: n,
+			}))) kt.value = r({
+				seriesIndex: t,
 				datapoint: e,
 				series: yn.value,
 				config: I.value
 			});
 			else {
-				let r = "";
-				r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, r += `<b>${d(I.value.style.chart.layout.labels.formatter, e.value, t({
+				let n = "";
+				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, n += `<b>${ee(I.value.style.chart.layout.labels.formatter, e.value, i({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: I.value.style.chart.layout.labels.suffix,
 					r: I.value.style.chart.tooltip.roundingValue
 				}), {
 					datapoint: e,
-					seriesIndex: n
-				})}</b>`, Ot.value = `<div>${r}</div>`;
+					seriesIndex: t
+				})}</b>`, kt.value = `<div>${n}</div>`;
 			}
-			Dt.value = !0;
+			Ot.value = !0;
 		}
 		let $ = m(() => ({
 			head: K.value.map((e) => ({
@@ -757,7 +757,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 					[e.name],
 					[$.value.body[t]],
 					[isNaN($.value.body[t] / bn.value) ? "-" : $.value.body[t] / bn.value * 100]
-				]), n = o([
+				]), n = l([
 					[I.value.style.chart.title.text],
 					[I.value.style.chart.title.subtitle.text],
 					[
@@ -766,7 +766,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 						["%"]
 					]
 				].concat(t));
-				e ? e(n) : r({
+				e ? e(n) : o({
 					csvContent: n,
 					title: I.value.style.chart.title.text || "vue-ui-treemap"
 				});
@@ -777,10 +777,10 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				I.value.table.columnNames.series,
 				I.value.table.columnNames.value,
 				I.value.table.columnNames.percentage
-			], n = $.value.head.map((e, n) => {
-				let r = d(I.value.style.chart.layout.labels.formatter, $.value.body[n], t({
+			], t = $.value.head.map((e, t) => {
+				let n = ee(I.value.style.chart.layout.labels.formatter, $.value.body[t], i({
 					p: I.value.style.chart.layout.labels.prefix,
-					v: $.value.body[n],
+					v: $.value.body[t],
 					s: I.value.style.chart.layout.labels.suffix,
 					r: I.value.table.td.roundingValue
 				}));
@@ -790,14 +790,14 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 						name: e.name,
 						shape: "square"
 					},
-					r,
-					isNaN($.value.body[n] / bn.value) ? "-" : t({
-						v: $.value.body[n] / bn.value * 100,
+					n,
+					isNaN($.value.body[t] / bn.value) ? "-" : i({
+						v: $.value.body[t] / bn.value * 100,
 						s: "%",
 						r: I.value.table.td.roundingPercentage
 					})
 				];
-			}), r = {
+			}), n = {
 				th: {
 					backgroundColor: I.value.table.th.backgroundColor,
 					color: I.value.table.th.color,
@@ -813,8 +813,8 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			return {
 				colNames: [I.value.table.columnNames.series, I.value.table.columnNames.value],
 				head: e,
-				body: n,
-				config: r
+				body: t,
+				config: n
 			};
 		});
 		function er() {
@@ -857,14 +857,14 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		let lr = m(() => {
 			let e = I.value.table.useDialog && !I.value.table.show, t = B.value.showTable;
 			return {
-				component: e ? Xe : Ge,
+				component: e ? Ze : Ke,
 				title: `${I.value.style.chart.title.text}${I.value.style.chart.title.subtitle.text ? `: ${I.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: I.value.table.th.backgroundColor,
 					color: I.value.table.th.color,
 					headerColor: I.value.table.th.color,
 					headerBg: I.value.table.th.backgroundColor,
-					isFullscreen: kt.value,
+					isFullscreen: j.value,
 					fullscreenParent: N.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: L.value
@@ -885,7 +885,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				}
 			};
 		});
-		O(() => B.value.showTable, (e) => {
+		Be(() => B.value.showTable, (e) => {
 			I.value.table.show || (e && I.value.table.useDialog && Bt.value ? Bt.value.open() : "close" in Bt.value && Bt.value.close());
 		});
 		function ur() {
@@ -948,37 +948,37 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			};
 		}
 		function br(e) {
-			return te(e.color ?? I.value.style.chart.backgroundColor);
+			return re(e.color ?? I.value.style.chart.backgroundColor);
 		}
-		function xr(e, n) {
-			let { fontSize: r, lineHeight: i } = vr(e), a = Dr(e), o = Or(e);
+		function xr(e, t) {
+			let { fontSize: n, lineHeight: r } = vr(e), a = Dr(e), o = Or(e);
 			if (a <= 0 || o <= 0) return [];
-			let s = Math.max(Math.floor(o / Math.max(i, 1)), 1), c = d(I.value.style.chart.layout.labels.formatter, e.value, t({
+			let s = Math.max(Math.floor(o / Math.max(r, 1)), 1), c = ee(I.value.style.chart.layout.labels.formatter, e.value, i({
 				p: I.value.style.chart.layout.labels.prefix,
 				v: e.value,
 				s: I.value.style.chart.layout.labels.suffix,
 				r: I.value.style.chart.tooltip.roundingValue
 			}), {
 				datapoint: e,
-				seriesIndex: n
-			}), l = Math.ceil(r * .2), u = Math.ceil(r * 1.4), f = Math.max(a - u - l, 0);
-			if (f <= 0) return [];
+				seriesIndex: t
+			}), l = Math.ceil(n * .2), u = Math.ceil(n * 1.4), d = Math.max(a - u - l, 0);
+			if (d <= 0) return [];
 			if (Array.isArray(e.children) && e.children.length) {
-				let t = Er(`${e.name} (${c})`, f, r, 500);
+				let t = Er(`${e.name} (${c})`, d, n, 500);
 				return t ? [t] : [];
 			}
-			let ee = [], te = Er(`${e.name}`, f, r, 500);
-			if (te && ee.push(te), s >= 2) {
-				let e = Er(c, f, r, 400);
-				e && ee.push(e);
+			let f = [], te = Er(`${e.name}`, d, n, 500);
+			if (te && f.push(te), s >= 2) {
+				let e = Er(c, d, n, 400);
+				e && f.push(e);
 			}
-			return ee.slice(0, s);
+			return f.slice(0, s);
 		}
 		function Sr({ rect: e, seriesIndex: t, isTitle: n }) {
 			if (!e || !I.value.style.chart.layout.labels.showDefaultLabels || !On(e)) return "";
 			let { fontSize: r } = vr(e), i = br(e), a = xr(e, t), o = yr(e);
 			if (!a.length || o.width <= 0 || o.height <= 0) return "";
-			let s = `treemap_clip_${j.value}_${e.id}_${e.depth}_${t}`;
+			let s = `treemap_clip_${A.value}_${e.id}_${e.depth}_${t}`;
 			return `
         <g>
             <defs>
@@ -1005,7 +1005,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
                     text-anchor="start"
                     dominant-baseline="text-before-edge"
                 >
-                    ${u(e)}
+                    ${d(e)}
                 </text>
             `;
 			}).join("")}
@@ -1044,7 +1044,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			return Math.min(t, Math.min(n, r) / 6);
 		}
 		async function Ar() {
-			if (et("copyAlt", {
+			if (tt("copyAlt", {
 				config: I.value,
 				dataset: K.value
 			}), !I.value.userOptions.callbacks.altCopy) {
@@ -1060,14 +1060,14 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			F.value = null, Jt.value = !0;
 		}
 		function Mr() {
-			F.value = null, qt.value = "pointer", Dt.value = !1, Q.value = null, Jt.value = !1;
+			F.value = null, qt.value = "pointer", Ot.value = !1, Q.value = null, Jt.value = !1;
 		}
 		function Nr(e) {
 			if (!z.value || rr.value || document.activeElement !== z.value || !K.value.length || Un.value) return;
 			let t = ["ArrowLeft", "ArrowUp"].includes(e.key), n = ["ArrowRight", "ArrowDown"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				F.value = null, qt.value = "pointer", Dt.value = !1, Q.value = null;
+				F.value = null, qt.value = "pointer", Ot.value = !1, Q.value = null;
 				return;
 			}
 			if (r) {
@@ -1117,19 +1117,19 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 		}), (e, t) => (C(), _("div", {
 			ref_key: "treemapChart",
 			ref: N,
-			class: Me(`vue-data-ui-component vue-ui-treemap ${kt.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${I.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			class: Me(`vue-data-ui-component vue-ui-treemap ${j.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${I.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: S(`font-family:${I.value.style.fontFamily};width:100%; ${I.value.responsive ? "height: 100%;" : ""} text-align:center;background:${I.value.style.chart.backgroundColor}`),
-			id: `treemap_${j.value}`,
+			id: `treemap_${A.value}`,
 			onMouseenter: t[2] ||= () => D($t)(!0),
 			onMouseleave: t[3] ||= () => D($t)(!1)
 		}, [
 			v("div", {
-				id: `chart-instructions-${j.value}`,
+				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
-			}, [v("p", null, Le(I.value.a11y.translations.keyboardNavigation), 1)], 8, nt),
+			}, [v("p", null, Le(I.value.a11y.translations.keyboardNavigation), 1)], 8, rt),
 			Fr.value?.rows?.length ? (C(), h(be, {
 				key: 0,
-				uid: j.value,
+				uid: A.value,
 				head: Fr.value.headers,
 				body: Fr.value.rows,
 				notice: I.value.a11y.translations.tableAvailable,
@@ -1141,7 +1141,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				"notice",
 				"caption"
 			])) : g("", !0),
-			I.value.userOptions.buttons.annotator ? (C(), h(D(We), {
+			I.value.userOptions.buttons.annotator ? (C(), h(D(Ge), {
 				key: 1,
 				svgRef: D(z),
 				backgroundColor: I.value.style.chart.backgroundColor,
@@ -1150,12 +1150,12 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				isCursorPointer: L.value,
 				onClose: ir
 			}, {
-				"annotator-action-close": k(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": k(({ color: t }) => [T(e.$slots, "annotator-action-color", x(b({ color: t })), void 0, !0)]),
-				"annotator-action-draw": k(({ mode: t }) => [T(e.$slots, "annotator-action-draw", x(b({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": k(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", x(b({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": k(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", x(b({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": k(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", x(b({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": O(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": O(({ color: t }) => [T(e.$slots, "annotator-action-color", x(b({ color: t })), void 0, !0)]),
+				"annotator-action-draw": O(({ mode: t }) => [T(e.$slots, "annotator-action-draw", x(b({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", x(b({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", x(b({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": O(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", x(b({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -1189,8 +1189,8 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 					}
 				}
 			}, null, 8, ["config"]))], 4)) : g("", !0),
-			v("div", { id: `legend-top-${j.value}` }, null, 8, rt),
-			I.value.userOptions.show && Tt.value && (D(en) || D(Qt)) ? (C(), h(D(Je), {
+			v("div", { id: `legend-top-${A.value}` }, null, 8, it),
+			I.value.userOptions.show && Et.value && (D(en) || D(Qt)) ? (C(), h(D(Ye), {
 				ref_key: "userOptionsRef",
 				ref: Vt,
 				key: `user_option_${At.value}`,
@@ -1198,7 +1198,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				color: I.value.style.chart.color,
 				isPrinting: D(nn),
 				isImaging: D(rn),
-				uid: j.value,
+				uid: A.value,
 				hasTooltip: I.value.userOptions.buttons.tooltip && I.value.style.chart.tooltip.show,
 				hasPdf: I.value.userOptions.buttons.pdf,
 				hasXls: I.value.userOptions.buttons.csv,
@@ -1207,7 +1207,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				hasTable: I.value.userOptions.buttons.table,
 				hasFullscreen: I.value.userOptions.buttons.fullscreen,
 				hasAltCopy: I.value.userOptions.buttons.altCopy,
-				isFullscreen: kt.value,
+				isFullscreen: j.value,
 				isTooltip: B.value.showTooltip,
 				titles: { ...I.value.userOptions.buttonTitles },
 				chartElement: N.value,
@@ -1231,7 +1231,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 			}, De({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: k(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", x(b({
+					fn: O(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", x(b({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1239,37 +1239,37 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: k(() => [T(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: k(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: k(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: k(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: k(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: k(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: k(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", x(b({
+					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", x(b({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1277,7 +1277,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: k(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", x(b({
+					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", x(b({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1285,17 +1285,17 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: k(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", x(b({ altCopy: t })), void 0, !0)]),
+					fn: O(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", x(b({ altCopy: t })), void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: k(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "10"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: k(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "11"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : g("", !0),
@@ -1310,7 +1310,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				tabindex: r < Z.value.length - 1 ? 0 : void 0,
 				key: n.id || "root",
 				onClick: (e) => r === Z.value.length - 1 ? () => {} : zn(n.node),
-				onKeydown: [Be(Ve((e) => r === Z.value.length - 1 ? void 0 : zn(n.node), ["prevent"]), ["enter"]), Be(Ve((e) => r === Z.value.length - 1 ? void 0 : zn(n.node), ["prevent"]), ["space"])],
+				onKeydown: [Ve(He((e) => r === Z.value.length - 1 ? void 0 : zn(n.node), ["prevent"]), ["enter"]), Ve(He((e) => r === Z.value.length - 1 ? void 0 : zn(n.node), ["prevent"]), ["space"])],
 				class: "vue-ui-treemap-crumb",
 				"data-last-crumb": r === Z.value.length - 1,
 				style: S({
@@ -1321,22 +1321,22 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				onMouseleave: sr,
 				onFocus: (e) => or(r),
 				onBlur: sr
-			}, [v("span", at, [v("span", ot, [T(e.$slots, "breadcrumb-label", Ae({ ref_for: !0 }, {
+			}, [v("span", ot, [v("span", st, [T(e.$slots, "breadcrumb-label", Ae({ ref_for: !0 }, {
 				crumb: n,
 				isRoot: r === 0,
 				isFocus: ar.value === r
-			}), () => [r === 0 ? (C(), _("div", st, [ke(ve, {
+			}), () => [r === 0 ? (C(), _("div", ct, [ke(ve, {
 				name: ar.value === 0 ? "homeFilled" : "home",
 				stroke: I.value.style.chart.color
-			}, null, 8, ["name", "stroke"])])) : (C(), _(Te, { key: 1 }, [Oe(Le(n.label), 1)], 64))], !0)]), r < Z.value.length - 1 ? (C(), _("span", ct, [T(e.$slots, "breadcrumb-arrow", {}, () => [t[4] ||= Oe(" › ", -1)], !0)])) : g("", !0)])], 44, it))), 128))], 512)) : g("", !0),
-			v("div", lt, [(C(), _("svg", {
+			}, null, 8, ["name", "stroke"])])) : (C(), _(Te, { key: 1 }, [Oe(Le(n.label), 1)], 64))], !0)]), r < Z.value.length - 1 ? (C(), _("span", lt, [T(e.$slots, "breadcrumb-arrow", {}, () => [t[4] ||= Oe(" › ", -1)], !0)])) : g("", !0)])], 44, at))), 128))], 512)) : g("", !0),
+			v("div", ut, [(C(), _("svg", {
 				ref_key: "svgRef",
 				ref: z,
-				xmlns: D(ne),
-				"aria-describedby": `chart-instructions-${j.value}`,
+				xmlns: D(ie),
+				"aria-describedby": `chart-instructions-${A.value}`,
 				class: Me({
-					"vue-data-ui-fullscreen--on": kt.value,
-					"vue-data-ui-fulscreen--off": !kt.value,
+					"vue-data-ui-fullscreen--on": j.value,
+					"vue-data-ui-fulscreen--off": !j.value,
 					"vue-data-ui-zoom-plus": !Pn.value,
 					"vue-data-ui-zoom-minus": Pn.value,
 					loading: D(R)
@@ -1348,28 +1348,28 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				onBlur: Mr,
 				onKeydown: Nr
 			}, [
-				ke(D(Ye)),
-				(C(!0), _(Te, null, Fe(K.value, (e, t) => (C(), _("g", { key: `tgrad_${e.id}` }, [I.value.style.chart.layout.rects.gradient.show ? (C(), _("defs", dt, [v("radialGradient", {
+				ke(D(Xe)),
+				(C(!0), _(Te, null, Fe(K.value, (e, t) => (C(), _("g", { key: `tgrad_${e.id}` }, [I.value.style.chart.layout.rects.gradient.show ? (C(), _("defs", ft, [v("radialGradient", {
 					id: `tgrad_${e.id}`,
 					gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
 				}, [v("stop", {
 					offset: "18%",
 					"stop-color": e.color
-				}, null, 8, pt), v("stop", {
+				}, null, 8, mt), v("stop", {
 					offset: "100%",
-					"stop-color": D(ie)(e.color, I.value.style.chart.layout.rects.gradient.intensity / 100)
-				}, null, 8, mt)], 8, ft)])) : g("", !0)]))), 128)),
+					"stop-color": D(f)(e.color, I.value.style.chart.layout.rects.gradient.intensity / 100)
+				}, null, 8, ht)], 8, pt)])) : g("", !0)]))), 128)),
 				v("g", null, [
 					(C(!0), _(Te, null, Fe(K.value, (e, t) => (C(), _("g", { key: `rect_${e.id}_${e.depth}` }, [v("rect", {
 						x: e.x0,
 						y: e.y0,
 						height: q(e),
 						width: J(e),
-						fill: Et.value ? e.color ?? I.value.style.chart.backgroundColor : I.value.style.chart.layout.rects.gradient.show ? Un.value ? I.value.style.chart.backgroundColor : `url(#tgrad_${e.id})` : e.color ?? I.value.style.chart.backgroundColor,
+						fill: Dt.value ? e.color ?? I.value.style.chart.backgroundColor : I.value.style.chart.layout.rects.gradient.show ? Un.value ? I.value.style.chart.backgroundColor : `url(#tgrad_${e.id})` : e.color ?? I.value.style.chart.backgroundColor,
 						rx: kr(e),
 						stroke: Q.value && Q.value.id === e.id ? I.value.style.chart.layout.rects.selected.stroke : I.value.style.chart.layout.rects.stroke,
 						"stroke-width": Q.value && Q.value.id === e.id ? I.value.style.chart.layout.rects.selected.strokeWidth : I.value.style.chart.layout.rects.strokeWidth,
-						onClick: Ve((n) => zn(e, t), ["stop"]),
+						onClick: He((n) => zn(e, t), ["stop"]),
 						onMouseenter: () => Zn({
 							datapoint: e,
 							seriesIndex: t,
@@ -1381,7 +1381,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 						}),
 						style: S(`opacity:${Q.value ? Q.value.id === e.id ? 1 : I.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
 						class: Me(["vue-ui-treemap-rect", Bn(e) ? "vue-data-ui-zoom-minus" : "vue-data-ui-zoom-plus"])
-					}, null, 46, ht)]))), 128)),
+					}, null, 46, gt)]))), 128)),
 					(C(!0), _(Te, null, Fe(K.value, (t, n) => (C(), _("g", { key: `label_${t.id}_${t.depth}` }, [!e.$slots.rect && !D(R) && I.value.style.chart.layout.labels.showDefaultLabels && !Un.value && t.showLabel ? (C(), _("g", {
 						key: 0,
 						style: { "pointer-events": "none" },
@@ -1390,7 +1390,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 							seriesIndex: n,
 							isTitle: !!(t.children && t.children.length)
 						})
-					}, null, 8, gt)) : g("", !0)]))), 128)),
+					}, null, 8, _t)) : g("", !0)]))), 128)),
 					(C(!0), _(Te, null, Fe(K.value, (t, n) => (C(), _("g", { key: `slot_${t.id}_${t.depth}` }, [(C(), _("foreignObject", {
 						x: t.x0,
 						y: t.y0,
@@ -1398,7 +1398,7 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 						width: J(t),
 						class: "vue-ui-treemap-cell-foreignObject",
 						style: { "pointer-events": "none" }
-					}, [v("div", vt, [D(R) ? g("", !0) : T(e.$slots, "rect", Ae({
+					}, [v("div", yt, [D(R) ? g("", !0) : T(e.$slots, "rect", Ae({
 						key: 0,
 						ref_for: !0
 					}, {
@@ -1411,8 +1411,8 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 						shouldShow: t.proportion > I.value.style.chart.layout.labels.hideUnderProportion || Pn.value,
 						fontSize: jn(t),
 						isZoom: Pn.value,
-						textColor: D(te)(t.color)
-					}), void 0, !0)])], 8, _t))]))), 128))
+						textColor: D(re)(t.color)
+					}), void 0, !0)])], 8, vt))]))), 128))
 				]),
 				T(e.$slots, "svg", x(b({
 					svg: H.value,
@@ -1422,15 +1422,15 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 					isPrintingImg: D(nn) || D(rn) || Wt.value,
 					isPrintingSvg: Gt.value
 				})), void 0, !0)
-			], 46, ut)), e.$slots.hint ? (C(), _("div", yt, [T(e.$slots, "hint", x(b({
+			], 46, dt)), e.$slots.hint ? (C(), _("div", bt, [T(e.$slots, "hint", x(b({
 				hint: I.value.a11y.translations.keyboardNavigation,
 				isVisible: Jt.value
 			})), void 0, !0)])) : g("", !0)]),
-			e.$slots.watermark ? (C(), _("div", bt, [T(e.$slots, "watermark", x(b({ isPrinting: D(nn) || D(rn) || Wt.value || Gt.value })), void 0, !0)])) : g("", !0),
-			v("div", { id: `legend-bottom-${j.value}` }, null, 8, xt),
+			e.$slots.watermark ? (C(), _("div", xt, [T(e.$slots, "watermark", x(b({ isPrinting: D(nn) || D(rn) || Wt.value || Gt.value })), void 0, !0)])) : g("", !0),
+			v("div", { id: `legend-bottom-${A.value}` }, null, 8, St),
 			zt.value && (I.value.style.chart.legend.show || e.$slots.legend) ? (C(), h(Ee, {
 				key: 7,
-				to: I.value.style.chart.legend.position === "top" ? `#legend-top-${j.value}` : `#legend-bottom-${j.value}`
+				to: I.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
 			}, [v("div", {
 				ref_key: "chartLegend",
 				ref: Mt
@@ -1438,16 +1438,16 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				key: `legend_${Lt.value}`,
 				legendSet: Vn.value,
 				config: Hn.value,
-				id: `treemap_legend_${j.value}`,
+				id: `treemap_legend_${A.value}`,
 				isCursorPointer: L.value,
 				onClickMarker: t[0] ||= ({ legend: e }) => Gn(e)
 			}, {
-				item: k(({ legend: e, index: t }) => [D(R) ? g("", !0) : (C(), _("div", {
+				item: O(({ legend: e, index: t }) => [D(R) ? g("", !0) : (C(), _("div", {
 					key: 0,
 					onClick: (t) => Gn(e),
 					style: S(`opacity:${M.value.includes(e.id) ? .5 : 1}`)
-				}, Le(e.display), 13, St))]),
-				legendToggle: k(() => [Vn.value.length > 2 && I.value.style.chart.legend.selectAllToggle.show && !D(R) ? (C(), h(ye, {
+				}, Le(e.display), 13, Ct))]),
+				legendToggle: O(() => [Vn.value.length > 2 && I.value.style.chart.legend.selectAllToggle.show && !D(R) ? (C(), h(ye, {
 					key: 0,
 					backgroundColor: I.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: I.value.style.chart.legend.selectAllToggle.color,
@@ -1475,9 +1475,9 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				ref: Nt,
 				dir: "auto"
 			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			ke(D(qe), {
+			ke(D(Je), {
 				teleportTo: I.value.style.chart.tooltip.teleportTo,
-				show: B.value.showTooltip && Dt.value,
+				show: B.value.showTooltip && Ot.value,
 				backgroundColor: I.value.style.chart.tooltip.backgroundColor,
 				color: I.value.style.chart.tooltip.color,
 				fontSize: I.value.style.chart.tooltip.fontSize,
@@ -1489,9 +1489,9 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				offsetX: I.value.style.chart.tooltip.offsetX,
 				offsetY: I.value.style.chart.tooltip.offsetY,
 				parent: N.value,
-				content: Ot.value,
-				isFullscreen: kt.value,
-				isCustom: D(ee)(I.value.style.chart.tooltip.customFormat),
+				content: kt.value,
+				isFullscreen: j.value,
+				isCustom: D(ne)(I.value.style.chart.tooltip.customFormat),
 				smooth: I.value.style.chart.tooltip.smooth,
 				backdropFilter: I.value.style.chart.tooltip.backdropFilter,
 				smoothForce: I.value.style.chart.tooltip.smoothForce,
@@ -1499,9 +1499,9 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				isA11yMode: qt.value === "keyboard",
 				a11yPosition: Kt.value
 			}, {
-				"tooltip-before": k(() => [T(e.$slots, "tooltip-before", x(b({ ...Xn.value })), void 0, !0)]),
-				tooltip: k(() => [T(e.$slots, "tooltip", x(b({ ...Xn.value })), void 0, !0)]),
-				"tooltip-after": k(() => [T(e.$slots, "tooltip-after", x(b({ ...Xn.value })), void 0, !0)]),
+				"tooltip-before": O(() => [T(e.$slots, "tooltip-before", x(b({ ...Xn.value })), void 0, !0)]),
+				tooltip: O(() => [T(e.$slots, "tooltip", x(b({ ...Xn.value })), void 0, !0)]),
+				"tooltip-after": O(() => [T(e.$slots, "tooltip-after", x(b({ ...Xn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1527,12 +1527,12 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Tt.value && I.value.userOptions.buttons.table ? (C(), h(Ie(lr.value.component), Ae({ key: 9 }, lr.value.props, {
+			Et.value && I.value.userOptions.buttons.table ? (C(), h(Ie(lr.value.component), Ae({ key: 9 }, lr.value.props, {
 				ref_key: "tableUnit",
 				ref: Bt,
 				onClose: ur
 			}), De({
-				content: k(() => [(C(), h(D(Ue), {
+				content: O(() => [(C(), h(D(We), {
 					key: `table_${It.value}`,
 					colNames: $n.value.colNames,
 					head: $n.value.head,
@@ -1543,14 +1543,14 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 					isCursorPointer: L.value,
 					onClose: ur
 				}, {
-					th: k(({ th: e }) => [v("div", {
+					th: O(({ th: e }) => [v("div", {
 						innerHTML: e,
 						style: {
 							display: "flex",
 							"align-items": "center"
 						}
-					}, null, 8, Ct)]),
-					td: k(({ td: e }) => [Oe(Le(e.name || e), 1)]),
+					}, null, 8, wt)]),
+					td: O(({ td: e }) => [Oe(Le(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1564,11 +1564,11 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				_: 2
 			}, [I.value.table.useDialog ? {
 				name: "title",
-				fn: k(() => [Oe(Le(lr.value.title), 1)]),
+				fn: O(() => [Oe(Le(lr.value.title), 1)]),
 				key: "0"
 			} : void 0, I.value.table.useDialog ? {
 				name: "actions",
-				fn: k(() => [v("button", {
+				fn: O(() => [v("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: t[1] ||= (e) => Qn(I.value.userOptions.callbacks.csv),
@@ -1580,8 +1580,8 @@ var et = /* @__PURE__ */ e({ default: () => wt }), tt = ["id"], nt = ["id"], rt
 				key: "1"
 			} : void 0]), 1040)) : g("", !0),
 			T(e.$slots, "skeleton", {}, () => [D(R) ? (C(), h(le, { key: 0 })) : g("", !0)], !0)
-		], 46, tt));
+		], 46, nt));
 	}
-}, [["__scopeId", "data-v-97f53ff5"]]);
+}, [["__scopeId", "data-v-d3d40b0c"]]);
 //#endregion
-export { et as n, wt as t };
+export { tt as n, Tt as t };