vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-treemap-Wy61KlkN.js → vue-ui-treemap-Cfjf8mDl.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Lt as i, Pt as a, S as o, X as s, Yt as c, Z as l, Zt as u, i as d, jt as f, lt as ee, nt as te, q as ne, r as re, t as ie, w as ae } from "./lib-Dql7cqyA.js";
+import { $ as t, $t as n, D as r, Et as i, Pt as a, Rt as o, S as s, Vt as c, X as l, at as u, et as d, ft as f, i as ee, nt as te, r as ne, t as re, tn as ie, w as ae } from "./lib-DOpaUOQx.js";
 import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-D32D002m.js";
-import { t as le } from "./usePrinter-hohanNCX.js";
+import { t as ce } from "./useConfig-C2uy4ltq.js";
+import { t as le } from "./usePrinter-BBBooAGP.js";
 import { n as ue, t as de } from "./BaseScanner-Dzc8VT3j.js";
-import { t as fe } from "./useNestedProp-Chvyfpl-.js";
+import { t as fe } from "./useNestedProp-Bux0f4iY.js";
 import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as me } from "./useChartExport-iwOqiIWX.js";
 import { t as he } from "./useTransitions-g_zBREk2.js";
-import { t as ge } from "./img-BkMKbWsI.js";
-import { n as _e } from "./Title-CPHi-evi.js";
+import { t as ge } from "./img-W50sC9SC.js";
+import { n as _e } from "./Title-DeqmC-vN.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-D8R6_sKH.js";
+import { t as xe } from "./BaseIcon-Dlz7gfx0.js";
 import { t as Se } from "./DefGrad-DVBqDjhO.js";
-import { t as Ce } from "./BaseLegendToggle-CXQrLjd-.js";
+import { t as Ce } from "./BaseLegendToggle-DGG65LAR.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-X4kF4PvW.js";
+import { t as De } from "./Legend-C0Ln0VNe.js";
 import { t as Oe } from "./usePanZoom-CYU3B4T3.js";
 import { t as ke } from "./vue_ui_treemap-DoEtkRN6.js";
 import { Fragment as Ae, Teleport as je, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as Me, createTextVNode as Ne, createVNode as Pe, defineAsyncComponent as Fe, guardReactiveProps as v, mergeProps as Ie, nextTick as Le, normalizeClass as Re, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as ze, onMounted as Be, openBlock as x, ref as S, renderList as Ve, renderSlot as C, resolveDynamicComponent as He, shallowRef as w, toDisplayString as Ue, toRefs as We, unref as T, useCssVars as Ge, useSlots as Ke, watch as qe, withCtx as E, withKeys as Je, withModifiers as Ye } from "vue";
@@ -262,7 +262,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 	],
 	setup(e, { expose: ve, emit: Xe }) {
 		Ge((e) => ({ v798593f9: Ti.value }));
-		let Ze = Fe(() => import("./DataTable-oiM9uWrQ.js")), Qe = Fe(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), $e = Fe(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), tt = Fe(() => import("./Tooltip-hhrkQ3Lk.js")), nt = Fe(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), rt = Fe(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), it = Fe(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_treemap: at } = ce(), { isThemeValid: ot, warnInvalidTheme: st } = pe(), D = e, ct = Xe, Lt = Ke(), Rt = p(() => !!D.dataset && D.dataset.length), zt = p(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), O = S(ne()), Bt = S(!1), Vt = S(""), Ht = S(!1), Ut = S(0), k = S([]), A = w(null), Wt = w(null), Gt = w(null), Kt = w(null), qt = w(null), Jt = S(0), Yt = S(0), Xt = S(0), j = S([]), Zt = S(null), Qt = S(!1), $t = S(null), en = S(null), tn = S(null), nn = S(/* @__PURE__ */ new Map()), M = S(null), rn = S({
+		let Ze = Fe(() => import("./DataTable-BD1eZ0zB.js")), Qe = Fe(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), $e = Fe(() => import("./vue-ui-accordion-yHZMJLaY.js").then((e) => e.n)), tt = Fe(() => import("./Tooltip-DZ4a3XJQ.js")), nt = Fe(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), rt = Fe(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), it = Fe(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_treemap: at } = ce(), { isThemeValid: ot, warnInvalidTheme: st } = pe(), D = e, ct = Xe, Lt = Ke(), Rt = p(() => !!D.dataset && D.dataset.length), zt = p(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), O = S(l()), Bt = S(!1), Vt = S(""), Ht = S(!1), Ut = S(0), k = S([]), A = w(null), Wt = w(null), Gt = w(null), Kt = w(null), qt = w(null), Jt = S(0), Yt = S(0), Xt = S(0), j = S([]), Zt = S(null), Qt = S(!1), $t = S(null), en = S(null), tn = S(null), nn = S(/* @__PURE__ */ new Map()), M = S(null), rn = S({
 			x: 0,
 			y: 0
 		}), an = S("pointer"), on = S(!1), N = S(gn()), P = p(() => N.value.userOptions), F = p(() => N.value.style.chart.tooltip), I = p(() => N.value.style.chart.legend), L = p(() => N.value.style.chart.layout.labels), R = p(() => N.value.style.chart.layout), z = p(() => N.value.style.chart);
@@ -293,7 +293,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		let { transitionEnabled: sn } = he({
 			config: () => N.value.transitions,
 			dataset: () => D.dataset
-		}), B = p(() => N.value.userOptions.useCursorPointer), cn = p(() => u({
+		}), B = p(() => N.value.userOptions.useCursorPointer), cn = p(() => ie({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -345,7 +345,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 					}
 				]
 			}],
-			skeletonConfig: u({
+			skeletonConfig: ie({
 				defaultConfig: N.value,
 				userConfig: cn.value
 			})
@@ -357,20 +357,20 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			}), t = e.theme;
 			if (!t) return e;
 			if (!ot.value(e)) return st(e), e;
-			let n = fe({
+			let r = fe({
 				userConfig: ke[t] || D.config,
 				defaultConfig: e
-			}), r = fe({
+			}), i = fe({
 				userConfig: D.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : c[t] || i
+				...i,
+				customPalette: i.customPalette.length ? i.customPalette : n[t] || c
 			};
 		}
 		function _n(e) {
-			let t = l(e);
+			let t = d(e);
 			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
 		let vn = _n(D.config);
@@ -426,7 +426,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				vbHeight: n - r,
 				offsetY: r
 			};
-		}), U = S(l(un.value)), W = S(U.value), On = w(/* @__PURE__ */ new Map());
+		}), U = S(d(un.value)), W = S(U.value), On = w(/* @__PURE__ */ new Map());
 		qe([U, () => N.value], () => {
 			tn.value = null, nn.value = /* @__PURE__ */ new Map();
 		}, { deep: !0 }), qe(() => k.value, () => {
@@ -436,14 +436,14 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		});
 		function kn(e) {
 			Array.isArray(e) && e.forEach((e, t) => {
-				e.id ||= ne(), e.sourceColor === void 0 && (e.sourceColor = o(e.color) || null);
-				let n = e.sourceColor || On.value.get(e.id) || wn.value[t] || i[t] || i[t % i.length];
-				n = o(n), On.value.set(e.id, n), e.color = n, An(e, n);
+				e.id ||= l(), e.sourceColor === void 0 && (e.sourceColor = s(e.color) || null);
+				let n = e.sourceColor || On.value.get(e.id) || wn.value[t] || c[t] || c[t % c.length];
+				n = s(n), On.value.set(e.id, n), e.color = n, An(e, n);
 			});
 		}
 		function An(e, t) {
 			Array.isArray(e.children) && e.children.forEach((n) => {
-				n.id ||= ne(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = o(n.color) || null);
+				n.id ||= l(), n.parentId = e.id, n.sourceColor === void 0 && (n.sourceColor = s(n.color) || null);
 				let r = n.sourceColor || t;
 				n.color = r, An(n, r);
 			});
@@ -472,7 +472,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			W.value = [n];
 		}
 		qe(() => un.value, () => {
-			U.value = l(un.value), kn(U.value), Mn(), Xt.value += 1, Yt.value += 1;
+			U.value = d(un.value), kn(U.value), Mn(), Xt.value += 1, Yt.value += 1;
 		}, {
 			deep: !0,
 			immediate: !0,
@@ -487,11 +487,11 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			Lt["chart-background"] && Fn.value && console.warn("VueUiTreemap does not support the #chart-background slot.");
 		});
 		function In() {
-			if (a(D.dataset) && te({
+			if (o(D.dataset) && u({
 				componentName: "VueUiTreemap",
 				type: "dataset",
 				debug: Fn.value
-			}), kn(U.value), a(D.dataset) || (dn.value = N.value.loading), N.value.responsive) {
+			}), kn(U.value), o(D.dataset) || (dn.value = N.value.loading), N.value.responsive) {
 				let e = ye(() => {
 					let { width: e, height: t } = be({
 						chart: A.value,
@@ -512,7 +512,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		});
 		let Ln = p(() => W.value.map((e, t) => ({
 			...e,
-			color: o(e.color) || wn.value[t] || i[t] || i[t % i.length]
+			color: s(e.color) || wn.value[t] || c[t] || c[t % c.length]
 		})).filter((e) => !k.value.includes(e.id))), Rn = p(() => U.value.filter((e) => !k.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0)), zn = p({
 			get() {
 				let e = [...Ln.value];
@@ -527,7 +527,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		}
 		function Vn(e, t, n) {
 			let r = R.value.rects.colorRatio - Bn(t, n);
-			return f(e, r < 0 ? 0 : r);
+			return a(e, r < 0 ? 0 : r);
 		}
 		function Hn(e) {
 			return Array.isArray(e.children) && e.children.length > 0;
@@ -540,16 +540,16 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				return (Number(t.value) || 0) - i;
 			});
 		}
-		function Wn(e, t, n, r, a) {
-			return Un(e).map((e, s) => {
-				let c = e.sourceColor || o(e.color) || o(t) || wn.value[s] || i[s] || i[s % i.length], l = e.sourceColor ? e.sourceColor : Vn(c, e, r), u = Bn(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;
+		function Wn(e, t, n, r, i) {
+			return Un(e).map((e, a) => {
+				let o = e.sourceColor || s(e.color) || s(t) || wn.value[a] || c[a] || c[a % c.length], l = e.sourceColor ? e.sourceColor : Vn(o, e, r), u = Bn(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;
 				return {
 					...e,
 					color: l,
 					proportion: u,
 					parentName: n,
 					rootId: d,
-					children: Array.isArray(e.children) && e.children.length ? Wn(e.children, c, e.name, f, d) : void 0
+					children: Array.isArray(e.children) && e.children.length ? Wn(e.children, o, e.name, f, d) : void 0
 				};
 			});
 		}
@@ -595,16 +595,16 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		let Yn = p(() => {
 			let e = W.value.length ? W.value : zn.value, t = e.map((e) => Number(e.value) || 0).reduce((e, t) => e + t, 0) || 1;
 			return Jn(e.map((e, n) => {
-				let r = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: a, ...s } = e, c = e.sourceColor || o(e.color) || On.value.get(e.id) || wn.value[n] || i[n] || i[n % i.length], l = e.sourceColor ? e.sourceColor : Vn(c, e, t);
+				let r = e.children ? e.children.reduce((e, t) => e + (Number(t.value) || 0), 0) : e.value, { children: i, ...a } = e, o = e.sourceColor || s(e.color) || On.value.get(e.id) || wn.value[n] || c[n] || c[n % c.length], u = e.sourceColor ? e.sourceColor : Vn(o, e, t);
 				return {
-					...s,
-					id: e.id || ne(),
+					...a,
+					id: e.id || l(),
 					parentId: e.parentId ?? null,
 					name: e.name,
 					value: e.value,
-					color: l,
+					color: u,
 					proportion: (Number(e.value) || 0) / t,
-					children: Array.isArray(e.children) && e.children.length ? Wn(e.children, c, e.name, r || 1) : void 0
+					children: Array.isArray(e.children) && e.children.length ? Wn(e.children, o, e.name, r || 1) : void 0
 				};
 			}), {
 				x0: H.value.left,
@@ -646,15 +646,15 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				lineHeight: i
 			};
 		}
-		function er(e, t) {
-			return d(L.value.formatter, e.value, s({
+		function er(e, n) {
+			return ee(L.value.formatter, e.value, t({
 				p: L.value.prefix,
 				v: e.value,
 				s: L.value.suffix,
 				r: F.value.roundingValue
 			}), {
 				datapoint: e,
-				seriesIndex: t
+				seriesIndex: n
 			});
 		}
 		function tr(e, t) {
@@ -779,17 +779,17 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			return e;
 		}), Z = w(null), mr = p(() => U.value.map((e, t) => ({
 			...e,
-			color: o(e.color) || wn.value[t] || i[t] || i[t % i.length],
+			color: s(e.color) || wn.value[t] || c[t] || c[t % c.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);
+		})).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);
 			return {
 				...e,
-				proportion: n,
+				proportion: r,
 				isSegregated: k.value.includes(e.id),
 				segregate: () => vr(e),
 				opacity: k.value.includes(e.id) ? .5 : 1,
-				display: `${e.name}${I.value.showPercentage || I.value.showValue ? ": " : ""}${I.value.showValue ? d(L.value.formatter, e.value, s({
+				display: `${e.name}${I.value.showPercentage || I.value.showValue ? ": " : ""}${I.value.showValue ? ee(L.value.formatter, e.value, t({
 					p: L.value.prefix,
 					v: e.value,
 					s: L.value.suffix,
@@ -830,40 +830,40 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			});
 		}
 		let Cr = S(null);
-		function wr({ datapoint: e, seriesIndex: t, triggerMode: r = "pointer" }) {
+		function wr({ datapoint: e, seriesIndex: n, triggerMode: r = "pointer" }) {
 			if (gr.value || r === "pointer" && Pr.value) return;
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: e,
-				seriesIndex: t
-			}), M.value = t, an.value = r, Z.value = e, Cr.value = {
+				seriesIndex: n
+			}), M.value = n, an.value = r, Z.value = e, Cr.value = {
 				datapoint: e,
-				seriesIndex: t,
+				seriesIndex: n,
 				config: N.value,
 				series: Ln.value
 			};
-			let i = F.value.customFormat;
-			if (n(i) && ee(() => i({
-				seriesIndex: t,
+			let a = F.value.customFormat;
+			if (i(a) && f(() => a({
+				seriesIndex: n,
 				datapoint: e,
 				series: Ln.value,
 				config: N.value
-			}))) Vt.value = i({
-				seriesIndex: t,
+			}))) Vt.value = a({
+				seriesIndex: n,
 				datapoint: e,
 				series: Ln.value,
 				config: N.value
 			});
 			else {
-				let n = "";
-				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.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(L.value.formatter, e.value, s({
+				let r = "";
+				r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.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>${ee(L.value.formatter, e.value, t({
 					p: L.value.prefix,
 					v: e.value,
 					s: L.value.suffix,
 					r: F.value.roundingValue
 				}), {
 					datapoint: e,
-					seriesIndex: t
-				})}</b>`, Vt.value = `<div>${n}</div>`;
+					seriesIndex: n
+				})}</b>`, Vt.value = `<div>${r}</div>`;
 			}
 			Bt.value = !0;
 		}
@@ -876,11 +876,11 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 		}));
 		function Tr(e = null) {
 			Le(() => {
-				let n = Q.value.head.map((e, t) => [
+				let t = Q.value.head.map((e, t) => [
 					[e.name],
 					[Q.value.body[t]],
 					[isNaN(Q.value.body[t] / Rn.value) ? "-" : Q.value.body[t] / Rn.value * 100]
-				]), i = [
+				]), n = [
 					[z.value.title.text],
 					[z.value.title.subtitle.text],
 					[
@@ -888,9 +888,9 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 						["val"],
 						["%"]
 					]
-				].concat(n), a = r(i);
-				e ? e(a) : t({
-					csvContent: a,
+				].concat(t), i = r(n);
+				e ? e(i) : te({
+					csvContent: i,
 					title: z.value.title.text || "vue-ui-treemap"
 				});
 			});
@@ -900,10 +900,10 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				N.value.table.columnNames.series,
 				N.value.table.columnNames.value,
 				N.value.table.columnNames.percentage
-			], t = Q.value.head.map((e, t) => {
-				let n = d(L.value.formatter, Q.value.body[t], s({
+			], n = Q.value.head.map((e, n) => {
+				let r = ee(L.value.formatter, Q.value.body[n], t({
 					p: L.value.prefix,
-					v: Q.value.body[t],
+					v: Q.value.body[n],
 					s: L.value.suffix,
 					r: N.value.table.td.roundingValue
 				}));
@@ -913,14 +913,14 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 						name: e.name,
 						shape: "square"
 					},
-					n,
-					isNaN(Q.value.body[t] / Rn.value) ? "-" : s({
-						v: Q.value.body[t] / Rn.value * 100,
+					r,
+					isNaN(Q.value.body[n] / Rn.value) ? "-" : t({
+						v: Q.value.body[n] / Rn.value * 100,
 						s: "%",
 						r: N.value.table.td.roundingPercentage
 					})
 				];
-			}), n = {
+			}), r = {
 				th: {
 					backgroundColor: N.value.table.th.backgroundColor,
 					color: N.value.table.th.color,
@@ -936,8 +936,8 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			return {
 				colNames: [N.value.table.columnNames.series, N.value.table.columnNames.value],
 				head: e,
-				body: t,
-				config: n
+				body: n,
+				config: r
 			};
 		});
 		function Dr() {
@@ -1079,7 +1079,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 			};
 		}
 		function ci(e) {
-			return re(e.color ?? z.value.backgroundColor);
+			return ne(e.color ?? z.value.backgroundColor);
 		}
 		function li({ availableHeight: e, lineHeight: t, lineIndex: n }) {
 			if (n === 0) return Infinity;
@@ -1448,7 +1448,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				(x(), g("svg", {
 					ref_key: "svgRef",
 					ref: hn,
-					xmlns: T(ie),
+					xmlns: T(re),
 					"aria-describedby": `chart-instructions-${O.value}`,
 					class: Re({
 						"vue-data-ui-fullscreen--on": Ht.value,
@@ -1481,7 +1481,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 							1
 						], [
 							"100%",
-							T(f)(e.color, R.value.rects.gradient.intensity / 100),
+							T(a)(e.color, R.value.rects.gradient.intensity / 100),
 							1
 						]]
 					}, null, 8, ["id", "stops"])])) : h("", !0)]))), 128)),
@@ -1559,7 +1559,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 							shouldShow: qn(t) || sr.value,
 							fontSize: ir(t, n),
 							isZoom: sr.value,
-							textColor: T(re)(t.color)
+							textColor: T(ne)(t.color)
 						}), void 0, !0, 0)])], 8, Ot))]))), 128))])) : h("", !0)
 					]),
 					C(e.$slots, "svg", y(v({
@@ -1655,7 +1655,7 @@ var ct = /* @__PURE__ */ e({ default: () => Lt }), lt = ["id"], ut = ["id"], dt
 				parent: A.value,
 				content: Vt.value,
 				isFullscreen: Ht.value,
-				isCustom: T(n)(F.value.customFormat),
+				isCustom: T(i)(F.value.customFormat),
 				smooth: F.value.smooth,
 				backdropFilter: F.value.backdropFilter,
 				smoothForce: F.value.smoothForce,