vue-data-ui 3.20.10 → 3.21.0

package/dist/{vue-ui-treemap-BPQ-Ekq4.js → vue-ui-treemap-BXrV5VAp.js}

@@ -1,22 +1,22 @@
 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 { Bt as t, G as n, H as r, Ht as i, J as a, K as o, Ot as s, S as c, St as l, Tt as u, X as d, Z as f, ht as ee, i as te, it as ne, r as re, t as ie, x as ae, y as p } from "./lib-AJRHFE5U.js";
 import { t as oe } from "./useConfig-DnH7Pf_2.js";
-import { t as se } from "./usePrinter-C1Gqt_Sp.js";
+import { t as se } from "./usePrinter-6n2MzVyV.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 de } from "./useNestedProp-DtcXIg7n.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 pe } from "./img-C_RNNswI.js";
+import { n as me } from "./Title-DH6G8_cZ.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 ve } from "./BaseIcon-CbDazQLH.js";
+import { t as ye } from "./BaseLegendToggle-BNRi408o.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 Ce } from "./Legend-BLhREbj7.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
@@ -238,14 +238,14 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 		"copyAlt"
 	],
 	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-Bpbv-VHE.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-BbgWxFC4.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();
+		let We = y(() => import("./DataTable-DweDyHc1.js")), Ge = y(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Ke = y(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), Je = y(() => import("./Tooltip-979Ytd8R.js")), Ye = y(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), Xe = y(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), Ze = y(() => import("./BaseDraggableDialog-BvaFJWHb.js").then((e) => e.n)), { vue_ui_treemap: Qe } = oe(), { isThemeValid: $e, warnInvalidTheme: et } = fe(), k = e, tt = Ue, Tt = ze();
 		Pe(() => {
 			Tt["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
 		});
-		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({
+		let Et = m(() => !!k.dataset && k.dataset.length), Dt = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = w(r()), 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(() => t({
+		}), qt = w("pointer"), Jt = w(!1), I = w(tn()), L = m(() => I.value.userOptions.useCursorPointer), Yt = m(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -297,7 +297,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 					}
 				]
 			}],
-			skeletonConfig: t({
+			skeletonConfig: i({
 				defaultConfig: I.value,
 				userConfig: Yt.value
 			})
@@ -306,19 +306,19 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 			let e = de({
 				userConfig: k.config,
 				defaultConfig: Qe
-			}), t = e.theme;
-			if (!t) return e;
+			}), n = e.theme;
+			if (!n) return e;
 			if (!$e.value(e)) return et(e), e;
-			let n = de({
-				userConfig: we[t] || k.config,
+			let r = de({
+				userConfig: we[n] || k.config,
 				defaultConfig: e
 			}), i = de({
 				userConfig: k.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
 				...i,
-				customPalette: i.customPalette.length ? i.customPalette : c[t] || r
+				customPalette: i.customPalette.length ? i.customPalette : t[n] || s
 			};
 		}
 		Be(() => k.config, (e) => {
@@ -364,7 +364,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 				vbHeight: n - r,
 				offsetY: r
 			};
-		}), U = w(s(Xt.value)), W = w(U.value), dn = E(/* @__PURE__ */ new Map());
+		}), U = w(o(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 }), Be(() => M.value, () => {
@@ -374,16 +374,16 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 		});
 		function fn(e) {
 			Array.isArray(e) && e.forEach((e, t) => {
-				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];
+				e.id ||= r(), e.sourceColor === void 0 && (e.sourceColor = p(e.color) || null);
+				let n = e.sourceColor || dn.value.get(e.id) || cn.value[t] || s[t] || s[t % s.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((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);
+				n.id ||= r(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = p(n.color) || null);
+				let i = n.sourceColor || t;
+				n.color = i, pn(n, i);
 			});
 		}
 		function mn(e) {
@@ -410,7 +410,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 			W.value = [n];
 		}
 		Be(() => Xt.value, () => {
-			U.value = s(Xt.value), fn(U.value), hn(), Lt.value += 1, It.value += 1;
+			U.value = o(Xt.value), fn(U.value), hn(), Lt.value += 1, It.value += 1;
 		}, {
 			deep: !0,
 			immediate: !0,
@@ -422,11 +422,11 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 		});
 		let _n = m(() => I.value.debug);
 		function vn() {
-			if (n(k.dataset) && u({
+			if (u(k.dataset) && d({
 				componentName: "VueUiTreemap",
 				type: "dataset",
 				debug: _n.value
-			}), fn(U.value), n(k.dataset) || (Zt.value = I.value.loading), I.value.responsive) {
+			}), fn(U.value), u(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 tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 		});
 		let yn = m(() => W.value.map((e, t) => ({
 			...e,
-			color: p(e.color) || cn.value[t] || r[t] || r[t % r.length]
+			color: p(e.color) || cn.value[t] || s[t] || s[t % s.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 tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 		}
 		function Cn(e, t, n) {
 			let r = I.value.style.chart.layout.rects.colorRatio - Sn(t, n);
-			return f(e, r < 0 ? 0 : r);
+			return l(e, r < 0 ? 0 : r);
 		}
 		function wn(e) {
 			return Array.isArray(e.children) && e.children.length > 0;
@@ -475,16 +475,16 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 				return (Number(t.value) || 0) - i;
 			});
 		}
-		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;
+		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] || s[a] || s[a % s.length], c = 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;
 				return {
 					...e,
 					color: c,
 					proportion: l,
 					parentName: n,
 					rootId: u,
-					children: Array.isArray(e.children) && e.children.length ? En(e.children, s, e.name, d, u) : void 0
+					children: Array.isArray(e.children) && e.children.length ? En(e.children, o, e.name, d, u) : void 0
 				};
 			});
 		}
@@ -527,10 +527,10 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 		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, 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);
+				let i = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: a, ...o } = e, c = e.sourceColor || p(e.color) || dn.value.get(e.id) || cn.value[n] || s[n] || s[n % s.length], l = e.sourceColor ? e.sourceColor : Cn(c, e, t);
 				return {
-					...s,
-					id: e.id || a(),
+					...o,
+					id: e.id || r(),
 					parentId: e.parentId ?? null,
 					name: e.name,
 					value: e.value,
@@ -656,17 +656,17 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 			return e;
 		}), Q = E(null), Vn = m(() => U.value.map((e, t) => ({
 			...e,
-			color: p(e.color) || cn.value[t] || r[t] || r[t % r.length],
+			color: p(e.color) || cn.value[t] || s[t] || s[t % s.length],
 			shape: "square"
 		})).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);
+			let r = e.value / U.value.map((e) => e.value).reduce((e, t) => e + t, 0);
 			return {
 				...e,
-				proportion: n,
+				proportion: r,
 				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 ? ee(I.value.style.chart.layout.labels.formatter, e.value, i({
+				display: `${e.name}${I.value.style.chart.legend.showPercentage || I.value.style.chart.legend.showValue ? ": " : ""}${I.value.style.chart.legend.showValue ? te(I.value.style.chart.layout.labels.formatter, e.value, n({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: I.value.style.chart.layout.labels.suffix,
@@ -707,32 +707,32 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 			});
 		}
 		let Xn = w(null);
-		function Zn({ datapoint: e, seriesIndex: t, triggerMode: n = "pointer" }) {
+		function Zn({ datapoint: e, seriesIndex: t, triggerMode: r = "pointer" }) {
 			if (Un.value) return;
 			I.value.events.datapointEnter && I.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), F.value = t, qt.value = n, Q.value = e, Xn.value = {
+			}), F.value = t, qt.value = r, Q.value = e, Xn.value = {
 				datapoint: e,
 				seriesIndex: t,
 				config: I.value,
 				series: yn.value
 			};
-			let r = I.value.style.chart.tooltip.customFormat;
-			if (ne(r) && te(() => r({
+			let i = I.value.style.chart.tooltip.customFormat;
+			if (ee(i) && ne(() => i({
 				seriesIndex: t,
 				datapoint: e,
 				series: yn.value,
 				config: I.value
-			}))) kt.value = r({
+			}))) kt.value = i({
 				seriesIndex: t,
 				datapoint: e,
 				series: yn.value,
 				config: I.value
 			});
 			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>${ee(I.value.style.chart.layout.labels.formatter, e.value, i({
+				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>${te(I.value.style.chart.layout.labels.formatter, e.value, n({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: I.value.style.chart.layout.labels.suffix,
@@ -740,7 +740,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})}</b>`, kt.value = `<div>${n}</div>`;
+				})}</b>`, kt.value = `<div>${r}</div>`;
 			}
 			Ot.value = !0;
 		}
@@ -757,7 +757,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 					[e.name],
 					[$.value.body[t]],
 					[isNaN($.value.body[t] / bn.value) ? "-" : $.value.body[t] / bn.value * 100]
-				]), n = l([
+				]), n = c([
 					[I.value.style.chart.title.text],
 					[I.value.style.chart.title.subtitle.text],
 					[
@@ -766,7 +766,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 						["%"]
 					]
 				].concat(t));
-				e ? e(n) : o({
+				e ? e(n) : a({
 					csvContent: n,
 					title: I.value.style.chart.title.text || "vue-ui-treemap"
 				});
@@ -778,7 +778,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 				I.value.table.columnNames.value,
 				I.value.table.columnNames.percentage
 			], t = $.value.head.map((e, t) => {
-				let n = ee(I.value.style.chart.layout.labels.formatter, $.value.body[t], i({
+				let r = te(I.value.style.chart.layout.labels.formatter, $.value.body[t], n({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: $.value.body[t],
 					s: I.value.style.chart.layout.labels.suffix,
@@ -790,14 +790,14 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 						name: e.name,
 						shape: "square"
 					},
-					n,
-					isNaN($.value.body[t] / bn.value) ? "-" : i({
+					r,
+					isNaN($.value.body[t] / bn.value) ? "-" : n({
 						v: $.value.body[t] / bn.value * 100,
 						s: "%",
 						r: I.value.table.td.roundingPercentage
 					})
 				];
-			}), n = {
+			}), r = {
 				th: {
 					backgroundColor: I.value.table.th.backgroundColor,
 					color: I.value.table.th.color,
@@ -814,7 +814,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 				colNames: [I.value.table.columnNames.series, I.value.table.columnNames.value],
 				head: e,
 				body: t,
-				config: n
+				config: r
 			};
 		});
 		function er() {
@@ -951,9 +951,9 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 			return re(e.color ?? I.value.style.chart.backgroundColor);
 		}
 		function xr(e, t) {
-			let { fontSize: n, lineHeight: r } = vr(e), a = Dr(e), o = Or(e);
+			let { fontSize: r, lineHeight: i } = vr(e), a = Dr(e), o = Or(e);
 			if (a <= 0 || o <= 0) return [];
-			let s = Math.max(Math.floor(o / Math.max(r, 1)), 1), c = ee(I.value.style.chart.layout.labels.formatter, e.value, i({
+			let s = Math.max(Math.floor(o / Math.max(i, 1)), 1), c = te(I.value.style.chart.layout.labels.formatter, e.value, n({
 				p: I.value.style.chart.layout.labels.prefix,
 				v: e.value,
 				s: I.value.style.chart.layout.labels.suffix,
@@ -961,15 +961,15 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 			}), {
 				datapoint: e,
 				seriesIndex: t
-			}), l = Math.ceil(n * .2), u = Math.ceil(n * 1.4), d = Math.max(a - u - l, 0);
+			}), l = Math.ceil(r * .2), u = Math.ceil(r * 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})`, d, n, 500);
+				let t = Er(`${e.name} (${c})`, d, r, 500);
 				return t ? [t] : [];
 			}
-			let f = [], te = Er(`${e.name}`, d, n, 500);
-			if (te && f.push(te), s >= 2) {
-				let e = Er(c, d, n, 400);
+			let f = [], ee = Er(`${e.name}`, d, r, 500);
+			if (ee && f.push(ee), s >= 2) {
+				let e = Er(c, d, r, 400);
 				e && f.push(e);
 			}
 			return f.slice(0, s);
@@ -1005,7 +1005,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
                     text-anchor="start"
                     dominant-baseline="text-before-edge"
                 >
-                    ${d(e)}
+                    ${f(e)}
                 </text>
             `;
 			}).join("")}
@@ -1357,7 +1357,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 					"stop-color": e.color
 				}, null, 8, mt), v("stop", {
 					offset: "100%",
-					"stop-color": D(f)(e.color, I.value.style.chart.layout.rects.gradient.intensity / 100)
+					"stop-color": D(l)(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", {
@@ -1491,7 +1491,7 @@ var tt = /* @__PURE__ */ e({ default: () => Tt }), nt = ["id"], rt = ["id"], it
 				parent: N.value,
 				content: kt.value,
 				isFullscreen: j.value,
-				isCustom: D(ne)(I.value.style.chart.tooltip.customFormat),
+				isCustom: D(ee)(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,