vue-data-ui 3.23.9 → 3.23.11

package/dist/{vue-ui-timer--q-f8RPJ.js → vue-ui-timer-orCjVwS4.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { q as t, qt as n, t as r } from "./lib-Bttd6u5E.js";
+import { Yt as t, q as n, t as r } from "./lib-Dqr_-I6Y.js";
 import { n as i, t as a } from "./useHints-Dq_w2E8B.js";
 import { t as o } from "./useConfig-DwdGsXTx.js";
-import { t as s } from "./useNestedProp-vPNvh7rV.js";
-import { n as c } from "./Title-BE3qg9xl.js";
+import { t as s } from "./useNestedProp-CulPqtou.js";
+import { n as c } from "./Title-CaVA8EIw.js";
 import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ee, t as te } from "./useResponsive-ZtArZtUf.js";
-import { t as u } from "./BaseIcon-BfndwIWE.js";
+import { t as u } from "./BaseIcon-BbElSC8_.js";
 import { t as ne } from "./DefGrad-DVBqDjhO.js";
 import { t as re } from "./useChartAccessibility-DYqac8yF.js";
 import { computed as d, createBlock as ie, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineAsyncComponent as ae, guardReactiveProps as g, mergeProps as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as oe, onMounted as se, openBlock as b, ref as x, renderSlot as S, shallowRef as C, toDisplayString as ce, unref as w, watch as le } from "vue";
@@ -103,33 +103,33 @@ var ue = class {
 		"lap"
 	],
 	setup(e, { expose: l, emit: T }) {
-		let E = ae(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), { vue_ui_timer: De } = o(), D = e, O = T, k = x(null), A = x(null), j = x(null), M = C(null), N = C(null), P = x(t()), F = x(0);
+		let E = ae(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), { vue_ui_timer: De } = o(), D = e, O = T, k = x(null), A = x(null), j = x(null), M = C(null), N = C(null), P = x(n()), F = x(0);
 		se(() => {
 			I();
 		});
 		function I() {
 			if (L.value.responsive) {
 				let e = ee(() => {
-					let { width: e, height: t } = te({
+					let { width: e, height: n } = te({
 						chart: k.value,
 						title: L.value.style.title.text ? A.value : null,
 						legend: j.value
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = t, L.value.responsiveProportionalSizing ? (B.value.tracker.core = n({
-							relator: Math.min(e, t),
+						B.value.width = e, B.value.height = n, L.value.responsiveProportionalSizing ? (B.value.tracker.core = t({
+							relator: Math.min(e, n),
 							adjuster: L.value.style.width,
 							source: 6 * L.value.stopwatch.tracker.radiusRatio,
 							threshold: 1,
 							fallback: 1
-						}), B.value.tracker.aura = n({
-							relator: Math.min(e, t),
+						}), B.value.tracker.aura = t({
+							relator: Math.min(e, n),
 							adjuster: L.value.style.width,
 							source: 12 * L.value.stopwatch.tracker.aura.radiusRatio,
 							threshold: 1,
 							fallback: 1
-						}), B.value.label = n({
-							relator: Math.min(e, t),
+						}), B.value.label = t({
+							relator: Math.min(e, n),
 							adjuster: L.value.style.width,
 							source: L.value.stopwatch.label.fontSize,
 							threshold: 10,

package/dist/{vue-ui-tiremarks-B2Fji5g0.js → vue-ui-tiremarks-DNoQ6Fl2.js}

@@ -1,14 +1,14 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Jt as t, Vt as n, X as r, b as i, i as a, jt as o, q as s, t as c, tt as l } from "./lib-Bttd6u5E.js";
+import { Nt as t, Ut as n, X as r, Xt as i, b as a, i as o, nt as s, q as c, t as l } from "./lib-Dqr_-I6Y.js";
 import { n as ee, t as te } from "./useHints-Dq_w2E8B.js";
 import { t as ne } from "./useConfig-DwdGsXTx.js";
-import { t as re } from "./usePrinter-DN5bYhTG.js";
+import { t as re } from "./usePrinter-CEiH1b6R.js";
 import { n as ie, t as ae } from "./BaseScanner-DZvpgOjM.js";
-import { t as u } from "./useNestedProp-vPNvh7rV.js";
+import { t as u } from "./useNestedProp-CulPqtou.js";
 import { t as oe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as se } from "./useChartExport-DNiwdPmb.js";
-import { t as ce } from "./img-Bnokohej.js";
-import { n as le } from "./Title-BE3qg9xl.js";
+import { t as ce } from "./img-Bkzj3lDD.js";
+import { n as le } from "./Title-CaVA8EIw.js";
 import { t as ue } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as de, t as fe } from "./useResponsive-ZtArZtUf.js";
 import { t as pe } from "./useUserOptionState-DK-_1ddE.js";
@@ -65,14 +65,14 @@ var Te = /* @__PURE__ */ e({ default: () => E }), Ee = ["id"], De = [
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: ue, emit: Te }) {
-		let E = h(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), ze = h(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Be = h(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), { vue_ui_tiremarks: Ve } = ne(), { isThemeValid: He, warnInvalidTheme: Ue } = oe(), D = he(), O = e, We = Te, Ge = d(() => !!O.dataset && Object.keys(O.dataset).length), k = x(s()), A = x(null), Ke = x(null), qe = x(null), Je = x(null), Ye = x(0), Xe = x(0), j = x(null), M = x(null), N = x(R());
+		let E = h(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), ze = h(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), Be = h(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), { vue_ui_tiremarks: Ve } = ne(), { isThemeValid: He, warnInvalidTheme: Ue } = oe(), D = he(), O = e, We = Te, Ge = d(() => !!O.dataset && Object.keys(O.dataset).length), k = x(c()), A = x(null), Ke = x(null), qe = x(null), Je = x(null), Ye = x(0), Xe = x(0), j = x(null), M = x(null), N = x(R());
 		ee({
 			config: () => N.value,
 			dataset: () => O.dataset,
 			component: "VueUiTiremarks",
 			rules: [te.noHint]
 		});
-		let Ze = d(() => N.value.userOptions.useCursorPointer), Qe = d(() => t({
+		let Ze = d(() => N.value.userOptions.useCursorPointer), Qe = d(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -91,7 +91,7 @@ var Te = /* @__PURE__ */ e({ default: () => E }), Ee = ["id"], De = [
 			FINAL_CONFIG: N,
 			prepareConfig: R,
 			skeletonDataset: O.config?.skeletonDataset ?? { percentage: 50 },
-			skeletonConfig: t({
+			skeletonConfig: i({
 				defaultConfig: N.value,
 				userConfig: Qe.value
 			})
@@ -119,7 +119,7 @@ var Te = /* @__PURE__ */ e({ default: () => E }), Ee = ["id"], De = [
 			elementId: k.value,
 			fileName: N.value.style.chart.title.text || "vue-ui-tiremarks",
 			options: N.value.userOptions.print
-		}), rt = d(() => N.value.userOptions.show && !N.value.style.chart.title.text), V = x(N.value.style.chart.animation.use && !D.value ? 0 : i(F.value.percentage));
+		}), rt = d(() => N.value.userOptions.show && !N.value.style.chart.title.text), V = x(N.value.style.chart.animation.use && !D.value ? 0 : a(F.value.percentage));
 		we(() => F.value, (e) => {
 			N.value.style.chart.animation.use && !D.value ? it(e.percentage) : V.value = e.percentage || 0;
 		}, { deep: !0 }), xe(() => {
@@ -134,7 +134,7 @@ var Te = /* @__PURE__ */ e({ default: () => E }), Ee = ["id"], De = [
 		}
 		let at = d(() => N.value.debug);
 		function ot() {
-			if (o(O.dataset) && l({
+			if (t(O.dataset) && s({
 				componentName: "VueUiTiremarks",
 				type: "dataset",
 				debug: at.value
@@ -273,7 +273,7 @@ var Te = /* @__PURE__ */ e({ default: () => E }), Ee = ["id"], De = [
 				dataset: F.value
 			}));
 		}
-		let vt = d(() => `${k.value}-title`), yt = d(() => `${k.value}-desc`), $ = d(() => a(N.value.style.chart.percentage.formatter, V.value, r({
+		let vt = d(() => `${k.value}-title`), yt = d(() => `${k.value}-desc`), $ = d(() => o(N.value.style.chart.percentage.formatter, V.value, r({
 			v: V.value,
 			s: "%",
 			r: N.value.style.chart.percentage.rounding
@@ -456,7 +456,7 @@ var Te = /* @__PURE__ */ e({ default: () => E }), Ee = ["id"], De = [
 			(b(), m("svg", {
 				ref_key: "svgRef",
 				ref: L,
-				xmlns: w(c),
+				xmlns: w(l),
 				class: _({
 					"vue-data-ui-fullscreen--on": X.value,
 					"vue-data-ui-fulscreen--off": !X.value

package/dist/{vue-ui-treemap-CHqCU3Mt.js → vue-ui-treemap-90_Clj0e.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Jt as r, Kt as i, Ot as a, Pt as o, S as s, X as c, Z as l, ct as u, i as d, jt as f, q as ee, r as te, t as ne, tt as re, w as ie, xt as ae } from "./lib-Bttd6u5E.js";
+import { $ as t, At as n, D as r, It as i, Jt as a, Nt as o, S as s, St as c, X as l, Xt as u, Z as d, i as f, lt as ee, nt as te, q as ne, r as re, t as ie, w as ae } from "./lib-Dqr_-I6Y.js";
 import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
 import { t as ce } from "./useConfig-DwdGsXTx.js";
-import { t as le } from "./usePrinter-DN5bYhTG.js";
+import { t as le } from "./usePrinter-CEiH1b6R.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useNestedProp-vPNvh7rV.js";
+import { t as fe } from "./useNestedProp-CulPqtou.js";
 import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as me } from "./useChartExport-DNiwdPmb.js";
 import { t as he } from "./useTransitions-g_zBREk2.js";
-import { t as ge } from "./img-Bnokohej.js";
-import { n as _e } from "./Title-BE3qg9xl.js";
+import { t as ge } from "./img-Bkzj3lDD.js";
+import { n as _e } from "./Title-CaVA8EIw.js";
 import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
-import { t as xe } from "./BaseIcon-BfndwIWE.js";
+import { t as xe } from "./BaseIcon-BbElSC8_.js";
 import { t as Se } from "./DefGrad-DVBqDjhO.js";
-import { t as Ce } from "./BaseLegendToggle-DZVucLnv.js";
+import { t as Ce } from "./BaseLegendToggle-CtEdLr4R.js";
 import { t as we } from "./A11yDataTable-DdRsVULz.js";
 import { t as Te } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ee } from "./useChartAccessibility-DYqac8yF.js";
-import { t as De } from "./Legend-CQxUgOd-.js";
+import { t as De } from "./Legend-BJtY2RA9.js";
 import { t as Oe } from "./usePanZoom-CYU3B4T3.js";
 import { t as ke } from "./vue_ui_treemap-DoEtkRN6.js";
 import { Fragment as p, Teleport as Ae, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as je, createTextVNode as Me, createVNode as Ne, defineAsyncComponent as Pe, guardReactiveProps as y, mergeProps as Fe, nextTick as Ie, normalizeClass as Le, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Re, onMounted as ze, openBlock as S, ref as C, renderList as Be, renderSlot as w, resolveDynamicComponent as Ve, shallowRef as T, toDisplayString as He, toRefs as Ue, unref as E, useCssVars as We, useSlots as Ge, watch as D, withCtx as O, withKeys as Ke, withModifiers as qe } from "vue";
@@ -236,7 +236,10 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 }, At = {
 	key: 6,
 	class: "vue-data-ui-watermark"
-}, jt = ["id"], Mt = ["onClick"], Nt = ["innerHTML"], Pt = 4, Ft = /*#__PURE__*/ ve({
+}, jt = ["id"], Mt = ["onClick"], Nt = { style: {
+	display: "flex",
+	"align-items": "center"
+} }, Pt = 4, Ft = /*#__PURE__*/ ve({
 	__name: "vue-ui-treemap",
 	props: {
 		config: {
@@ -258,8 +261,8 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 		"copyAlt"
 	],
 	setup(e, { expose: ve, emit: Je }) {
-		We((e) => ({ v5ebbeef2: vi.value }));
-		let Ye = Pe(() => import("./DataTable-BbKgJ5UI.js")), Xe = Pe(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), Ze = Pe(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), $e = Pe(() => import("./Tooltip-DhjyfHwz.js")), et = Pe(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), tt = Pe(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), nt = Pe(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_treemap: rt } = ce(), { isThemeValid: it, warnInvalidTheme: at } = pe(), k = e, ot = Je, Ft = Ge(), It = m(() => !!k.dataset && k.dataset.length), Lt = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = C(ee()), Rt = C(!1), zt = C(""), j = C(!1), Bt = C(0), M = C([]), N = T(null), Vt = T(null), Ht = T(null), Ut = T(null), Wt = T(null), Gt = C(0), Kt = C(0), qt = C(0), P = C([]), Jt = C(null), Yt = C(!1), Xt = C(null), Zt = C(null), Qt = C(null), $t = C(/* @__PURE__ */ new Map()), F = C(null), en = C({
+		We((e) => ({ v16bf5434: vi.value }));
+		let Ye = Pe(() => import("./DataTable-CmyEubtT.js")), Xe = Pe(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), Ze = Pe(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), $e = Pe(() => import("./Tooltip-CVxJe3UW.js")), et = Pe(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), tt = Pe(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), nt = Pe(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_treemap: rt } = ce(), { isThemeValid: it, warnInvalidTheme: at } = pe(), k = e, ot = Je, Ft = Ge(), It = m(() => !!k.dataset && k.dataset.length), Lt = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = C(ne()), Rt = C(!1), zt = C(""), j = C(!1), Bt = C(0), M = C([]), N = T(null), Vt = T(null), Ht = T(null), Ut = T(null), Wt = T(null), Gt = C(0), Kt = C(0), qt = C(0), P = C([]), Jt = C(null), Yt = C(!1), Xt = C(null), Zt = C(null), Qt = C(null), $t = C(/* @__PURE__ */ new Map()), F = C(null), en = C({
 			x: 0,
 			y: 0
 		}), tn = C("pointer"), nn = C(!1), I = C(dn());
@@ -290,7 +293,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 		let { transitionEnabled: rn } = he({
 			config: () => I.value.transitions,
 			dataset: () => k.dataset
-		}), L = m(() => I.value.userOptions.useCursorPointer), an = m(() => r({
+		}), L = m(() => I.value.userOptions.useCursorPointer), an = m(() => u({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -342,7 +345,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 					}
 				]
 			}],
-			skeletonConfig: r({
+			skeletonConfig: u({
 				defaultConfig: I.value,
 				userConfig: an.value
 			})
@@ -363,7 +366,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : i[t] || o
+				customPalette: r.customPalette.length ? r.customPalette : a[t] || i
 			};
 		}
 		D(() => k.config, (e) => {
@@ -373,7 +376,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			elementId: `treemap_${A.value}`,
 			fileName: I.value.style.chart.title.text || "vue-ui-treemap",
 			options: I.value.userOptions.print
-		}), gn = m(() => I.value.userOptions.show && !I.value.style.chart.title.text), _n = m(() => ie(I.value.customPalette)), B = C({
+		}), gn = m(() => I.value.userOptions.show && !I.value.style.chart.title.text), _n = m(() => ae(I.value.customPalette)), B = C({
 			showTable: I.value.table.show,
 			showTooltip: I.value.style.chart.tooltip.show,
 			showZoom: I.value.style.chart.zoom?.show ?? !1
@@ -411,7 +414,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				vbHeight: n - r,
 				offsetY: r
 			};
-		}), H = C(l(on.value)), U = C(H.value), xn = T(/* @__PURE__ */ new Map());
+		}), H = C(d(on.value)), U = C(H.value), xn = T(/* @__PURE__ */ new Map());
 		D([H, () => I.value], () => {
 			Qt.value = null, $t.value = /* @__PURE__ */ new Map();
 		}, { deep: !0 }), D(() => M.value, () => {
@@ -421,14 +424,14 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 		});
 		function Sn(e) {
 			Array.isArray(e) && e.forEach((e, t) => {
-				e.id ||= ee(), e.sourceColor === void 0 && (e.sourceColor = s(e.color) || null);
-				let n = e.sourceColor || xn.value.get(e.id) || _n.value[t] || o[t] || o[t % o.length];
+				e.id ||= ne(), e.sourceColor === void 0 && (e.sourceColor = s(e.color) || null);
+				let n = e.sourceColor || xn.value.get(e.id) || _n.value[t] || i[t] || i[t % i.length];
 				n = s(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 ||= ee(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = s(n.color) || null);
+				n.id ||= ne(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = s(n.color) || null);
 				let r = n.sourceColor || t;
 				n.color = r, Cn(n, r);
 			});
@@ -457,7 +460,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			U.value = [n];
 		}
 		D(() => on.value, () => {
-			H.value = l(on.value), Sn(H.value), Tn(), qt.value += 1, Kt.value += 1;
+			H.value = d(on.value), Sn(H.value), Tn(), qt.value += 1, Kt.value += 1;
 		}, {
 			deep: !0,
 			immediate: !0,
@@ -472,11 +475,11 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			Ft["chart-background"] && Dn.value && console.warn("VueUiTreemap does not support the #chart-background slot.");
 		});
 		function On() {
-			if (f(k.dataset) && re({
+			if (o(k.dataset) && te({
 				componentName: "VueUiTreemap",
 				type: "dataset",
 				debug: Dn.value
-			}), Sn(H.value), f(k.dataset) || (sn.value = I.value.loading), I.value.responsive) {
+			}), Sn(H.value), o(k.dataset) || (sn.value = I.value.loading), I.value.responsive) {
 				let e = ye(() => {
 					let { width: e, height: t } = be({
 						chart: N.value,
@@ -497,7 +500,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 		});
 		let kn = m(() => U.value.map((e, t) => ({
 			...e,
-			color: s(e.color) || _n.value[t] || o[t] || o[t % o.length]
+			color: s(e.color) || _n.value[t] || i[t] || i[t % i.length]
 		})).filter((e) => !M.value.includes(e.id))), An = m(() => H.value.filter((e) => !M.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0)), jn = m({
 			get() {
 				let e = [...kn.value];
@@ -510,9 +513,9 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 		function Mn(e, t) {
 			return e.value / t;
 		}
-		function Nn(e, t, n) {
-			let r = I.value.style.chart.layout.rects.colorRatio - Mn(t, n);
-			return a(e, r < 0 ? 0 : r);
+		function Nn(e, t, r) {
+			let i = I.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;
@@ -525,9 +528,9 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				return (Number(t.value) || 0) - i;
 			});
 		}
-		function In(e, t, n, r, i) {
-			return Fn(e).map((e, a) => {
-				let c = e.sourceColor || s(e.color) || s(t) || _n.value[a] || o[a] || o[a % o.length], l = e.sourceColor ? e.sourceColor : Nn(c, e, r), u = Mn(e, r), d = i ?? e.parentId ?? e.id, f = Array.isArray(e.children) && e.children.length && e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) || 1;
+		function In(e, t, n, r, a) {
+			return Fn(e).map((e, o) => {
+				let c = e.sourceColor || s(e.color) || s(t) || _n.value[o] || i[o] || i[o % i.length], l = e.sourceColor ? e.sourceColor : Nn(c, e, r), u = Mn(e, r), d = a ?? e.parentId ?? e.id, f = Array.isArray(e.children) && e.children.length && e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) || 1;
 				return {
 					...e,
 					color: l,
@@ -580,10 +583,10 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 		let Vn = m(() => {
 			let e = U.value.length ? U.value : jn.value, t = e.map((e) => Number(e.value) || 0).reduce((e, t) => e + t, 0) || 1;
 			return Bn(e.map((e, n) => {
-				let r = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: i, ...a } = e, c = e.sourceColor || s(e.color) || xn.value.get(e.id) || _n.value[n] || o[n] || o[n % o.length], l = e.sourceColor ? e.sourceColor : Nn(c, e, t);
+				let r = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: a, ...o } = e, c = e.sourceColor || s(e.color) || xn.value.get(e.id) || _n.value[n] || i[n] || i[n % i.length], l = e.sourceColor ? e.sourceColor : Nn(c, e, t);
 				return {
-					...a,
-					id: e.id || ee(),
+					...o,
+					id: e.id || ne(),
 					parentId: e.parentId ?? null,
 					name: e.name,
 					value: e.value,
@@ -632,7 +635,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			};
 		}
 		function Kn(e, t) {
-			return d(I.value.style.chart.layout.labels.formatter, e.value, c({
+			return f(I.value.style.chart.layout.labels.formatter, e.value, l({
 				p: I.value.style.chart.layout.labels.prefix,
 				v: e.value,
 				s: I.value.style.chart.layout.labels.suffix,
@@ -764,7 +767,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			return e;
 		}), Z = T(null), or = m(() => H.value.map((e, t) => ({
 			...e,
-			color: s(e.color) || _n.value[t] || o[t] || o[t % o.length],
+			color: s(e.color) || _n.value[t] || i[t] || i[t % i.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);
@@ -774,7 +777,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				isSegregated: M.value.includes(e.id),
 				segregate: () => ur(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, c({
+				display: `${e.name}${I.value.style.chart.legend.showPercentage || I.value.style.chart.legend.showValue ? ": " : ""}${I.value.style.chart.legend.showValue ? f(I.value.style.chart.layout.labels.formatter, e.value, l({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: I.value.style.chart.layout.labels.suffix,
@@ -827,7 +830,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				series: kn.value
 			};
 			let r = I.value.style.chart.tooltip.customFormat;
-			if (ae(r) && u(() => r({
+			if (c(r) && ee(() => r({
 				seriesIndex: t,
 				datapoint: e,
 				series: kn.value,
@@ -840,7 +843,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			});
 			else {
 				let n = "";
-				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, n += `<b>${d(I.value.style.chart.layout.labels.formatter, e.value, c({
+				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>${f(I.value.style.chart.layout.labels.formatter, e.value, l({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: I.value.style.chart.layout.labels.suffix,
@@ -861,7 +864,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 		}));
 		function _r(e = null) {
 			Ie(() => {
-				let r = Q.value.head.map((e, t) => [
+				let n = Q.value.head.map((e, t) => [
 					[e.name],
 					[Q.value.body[t]],
 					[isNaN(Q.value.body[t] / An.value) ? "-" : Q.value.body[t] / An.value * 100]
@@ -873,7 +876,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 						["val"],
 						["%"]
 					]
-				].concat(r), a = n(i);
+				].concat(n), a = r(i);
 				e ? e(a) : t({
 					csvContent: a,
 					title: I.value.style.chart.title.text || "vue-ui-treemap"
@@ -886,7 +889,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				I.value.table.columnNames.value,
 				I.value.table.columnNames.percentage
 			], t = Q.value.head.map((e, t) => {
-				let n = d(I.value.style.chart.layout.labels.formatter, Q.value.body[t], c({
+				let n = f(I.value.style.chart.layout.labels.formatter, Q.value.body[t], l({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: Q.value.body[t],
 					s: I.value.style.chart.layout.labels.suffix,
@@ -899,7 +902,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 						shape: "square"
 					},
 					n,
-					isNaN(Q.value.body[t] / An.value) ? "-" : c({
+					isNaN(Q.value.body[t] / An.value) ? "-" : l({
 						v: Q.value.body[t] / An.value * 100,
 						s: "%",
 						r: I.value.table.td.roundingPercentage
@@ -1064,7 +1067,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			};
 		}
 		function ti(e) {
-			return te(e.color ?? I.value.style.chart.backgroundColor);
+			return re(e.color ?? I.value.style.chart.backgroundColor);
 		}
 		function ni({ availableHeight: e, lineHeight: t, lineIndex: n }) {
 			if (n === 0) return Infinity;
@@ -1431,7 +1434,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				(S(), _("svg", {
 					ref_key: "svgRef",
 					ref: z,
-					xmlns: E(ne),
+					xmlns: E(ie),
 					"aria-describedby": `chart-instructions-${A.value}`,
 					class: Le({
 						"vue-data-ui-fullscreen--on": j.value,
@@ -1464,7 +1467,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 							1
 						], [
 							"100%",
-							E(a)(e.color, I.value.style.chart.layout.rects.gradient.intensity / 100),
+							E(n)(e.color, I.value.style.chart.layout.rects.gradient.intensity / 100),
 							1
 						]]
 					}, null, 8, ["id", "stops"])])) : g("", !0)]))), 128)),
@@ -1542,7 +1545,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 							shouldShow: zn(t) || $n.value,
 							fontSize: Xn(t, n),
 							isZoom: $n.value,
-							textColor: E(te)(t.color)
+							textColor: E(re)(t.color)
 						}), void 0, !0, 0)])], 8, Et))]))), 128))])) : g("", !0)
 					]),
 					w(e.$slots, "svg", b(y({
@@ -1638,7 +1641,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				parent: N.value,
 				content: zt.value,
 				isFullscreen: j.value,
-				isCustom: E(ae)(I.value.style.chart.tooltip.customFormat),
+				isCustom: E(c)(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,
@@ -1690,13 +1693,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 					isCursorPointer: L.value,
 					onClose: Gr
 				}, {
-					th: O(({ th: e }) => [v("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, Nt)]),
+					th: O(({ th: e }) => [v("div", Nt, He(e), 1)]),
 					td: O(({ td: e }) => [Me(He(e.name || e), 1)]),
 					_: 1
 				}, 8, [
@@ -1729,6 +1726,6 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			w(e.$slots, "skeleton", {}, () => [E(R) ? (S(), h(de, { key: 0 })) : g("", !0)], !0)
 		], 46, st));
 	}
-}, [["__scopeId", "data-v-da6e1542"]]);
+}, [["__scopeId", "data-v-57de0e24"]]);
 //#endregion
 export { ot as n, Ft as t };