vue-data-ui 3.25.3 → 3.25.5

package/dist/{vue-ui-treemap-33VL-HnF.js → vue-ui-treemap-Bv7PgpiC.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.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-C7t_vY8w.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 { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-CyCVHo81.js";
-import { t as le } from "./usePrinter-VVTuFI6H.js";
+import { t as ce } from "./useConfig-C_mX5pOZ.js";
+import { t as le } from "./usePrinter-DISD7q5m.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useNestedProp-BfTgFMXF.js";
+import { t as fe } from "./useNestedProp-Chvyfpl-.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-IjqD_xWl.js";
-import { n as _e } from "./Title-DIf1lG-_.js";
+import { t as ge } from "./img-DhGApYG0.js";
+import { n as _e } from "./Title-CPHi-evi.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-CVrQHhw1.js";
+import { t as xe } from "./BaseIcon-t83PDe9k.js";
 import { t as Se } from "./DefGrad-DVBqDjhO.js";
-import { t as Ce } from "./BaseLegendToggle-BF-thEu0.js";
+import { t as Ce } from "./BaseLegendToggle-__JnV08B.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-DmitJZi5.js";
+import { t as De } from "./Legend-X4kF4PvW.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";
@@ -261,8 +261,8 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 		"copyAlt"
 	],
 	setup(e, { expose: ve, emit: Je }) {
-		We((e) => ({ v16bf5434: vi.value }));
-		let Ye = Pe(() => import("./DataTable-BBpTEQY5.js")), Xe = Pe(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), Ze = Pe(() => import("./vue-ui-accordion-DuARUUdY.js").then((e) => e.n)), $e = Pe(() => import("./Tooltip-C3jBTIhR.js")), et = Pe(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), tt = Pe(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), nt = Pe(() => import("./BaseDraggableDialog-BCQY4Tir.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({
+		We((e) => ({ f6fafe52: vi.value }));
+		let Ye = Pe(() => import("./DataTable-COIO9gi4.js")), Xe = Pe(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), Ze = Pe(() => import("./vue-ui-accordion-DRf3NQyH.js").then((e) => e.n)), $e = Pe(() => import("./Tooltip-hhrkQ3Lk.js")), et = Pe(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), tt = Pe(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), nt = Pe(() => import("./BaseDraggableDialog-BM_R41j8.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());
@@ -366,7 +366,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : a[t] || i
+				customPalette: r.customPalette.length ? r.customPalette : c[t] || i
 			};
 		}
 		D(() => k.config, (e) => {
@@ -414,7 +414,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				vbHeight: n - r,
 				offsetY: r
 			};
-		}), H = C(d(on.value)), U = C(H.value), xn = T(/* @__PURE__ */ new Map());
+		}), H = C(l(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, () => {
@@ -424,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 ||= ne(), e.sourceColor === void 0 && (e.sourceColor = s(e.color) || null);
+				e.id ||= ne(), e.sourceColor === void 0 && (e.sourceColor = o(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);
+				n = o(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 ||= ne(), 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 = o(n.color) || null);
 				let r = n.sourceColor || t;
 				n.color = r, Cn(n, r);
 			});
@@ -460,7 +460,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			U.value = [n];
 		}
 		D(() => on.value, () => {
-			H.value = d(on.value), Sn(H.value), Tn(), qt.value += 1, Kt.value += 1;
+			H.value = l(on.value), Sn(H.value), Tn(), qt.value += 1, Kt.value += 1;
 		}, {
 			deep: !0,
 			immediate: !0,
@@ -475,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 (o(k.dataset) && te({
+			if (a(k.dataset) && te({
 				componentName: "VueUiTreemap",
 				type: "dataset",
 				debug: Dn.value
-			}), Sn(H.value), o(k.dataset) || (sn.value = I.value.loading), I.value.responsive) {
+			}), Sn(H.value), a(k.dataset) || (sn.value = I.value.loading), I.value.responsive) {
 				let e = ye(() => {
 					let { width: e, height: t } = be({
 						chart: N.value,
@@ -500,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] || i[t] || i[t % i.length]
+			color: o(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];
@@ -513,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, r) {
-			let i = I.value.style.chart.layout.rects.colorRatio - Mn(t, r);
-			return n(e, i < 0 ? 0 : i);
+		function Nn(e, t, n) {
+			let r = I.value.style.chart.layout.rects.colorRatio - Mn(t, n);
+			return f(e, r < 0 ? 0 : r);
 		}
 		function Pn(e) {
 			return Array.isArray(e.children) && e.children.length > 0;
@@ -529,8 +529,8 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			});
 		}
 		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 Fn(e).map((e, s) => {
+				let c = e.sourceColor || o(e.color) || o(t) || _n.value[s] || i[s] || i[s % 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,
@@ -583,9 +583,9 @@ 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: 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);
+				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) || xn.value.get(e.id) || _n.value[n] || i[n] || i[n % i.length], l = e.sourceColor ? e.sourceColor : Nn(c, e, t);
 				return {
-					...o,
+					...s,
 					id: e.id || ne(),
 					parentId: e.parentId ?? null,
 					name: e.name,
@@ -635,7 +635,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			};
 		}
 		function Kn(e, t) {
-			return f(I.value.style.chart.layout.labels.formatter, e.value, l({
+			return d(I.value.style.chart.layout.labels.formatter, e.value, s({
 				p: I.value.style.chart.layout.labels.prefix,
 				v: e.value,
 				s: I.value.style.chart.layout.labels.suffix,
@@ -767,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] || i[t] || i[t % i.length],
+			color: o(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);
@@ -777,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 ? f(I.value.style.chart.layout.labels.formatter, e.value, l({
+				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, s({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: I.value.style.chart.layout.labels.suffix,
@@ -818,24 +818,24 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 			});
 		}
 		let hr = C(null);
-		function gr({ datapoint: e, seriesIndex: t, triggerMode: n = "pointer" }) {
-			if (cr.value || n === "pointer" && Er.value) return;
+		function gr({ datapoint: e, seriesIndex: t, triggerMode: r = "pointer" }) {
+			if (cr.value || r === "pointer" && Er.value) return;
 			I.value.events.datapointEnter && I.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), F.value = t, tn.value = n, Z.value = e, hr.value = {
+			}), F.value = t, tn.value = r, Z.value = e, hr.value = {
 				datapoint: e,
 				seriesIndex: t,
 				config: I.value,
 				series: kn.value
 			};
-			let r = I.value.style.chart.tooltip.customFormat;
-			if (c(r) && ee(() => r({
+			let i = I.value.style.chart.tooltip.customFormat;
+			if (n(i) && ee(() => i({
 				seriesIndex: t,
 				datapoint: e,
 				series: kn.value,
 				config: I.value
-			}))) zt.value = r({
+			}))) zt.value = i({
 				seriesIndex: t,
 				datapoint: e,
 				series: kn.value,
@@ -843,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>${f(I.value.style.chart.layout.labels.formatter, e.value, l({
+				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, s({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: e.value,
 					s: I.value.style.chart.layout.labels.suffix,
@@ -889,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 = f(I.value.style.chart.layout.labels.formatter, Q.value.body[t], l({
+				let n = d(I.value.style.chart.layout.labels.formatter, Q.value.body[t], s({
 					p: I.value.style.chart.layout.labels.prefix,
 					v: Q.value.body[t],
 					s: I.value.style.chart.layout.labels.suffix,
@@ -902,7 +902,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 						shape: "square"
 					},
 					n,
-					isNaN(Q.value.body[t] / An.value) ? "-" : l({
+					isNaN(Q.value.body[t] / An.value) ? "-" : s({
 						v: Q.value.body[t] / An.value * 100,
 						s: "%",
 						r: I.value.table.td.roundingPercentage
@@ -1238,6 +1238,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				color: I.value.style.chart.color,
 				active: Cr.value,
 				isCursorPointer: L.value,
+				palette: I.value.userOptions.annotatorPalette,
 				onClose: wr
 			}, {
 				"annotator-action-close": O(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -1252,7 +1253,8 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				"backgroundColor",
 				"color",
 				"active",
-				"isCursorPointer"
+				"isCursorPointer",
+				"palette"
 			])) : g("", !0),
 			gn.value ? (S(), _("div", {
 				key: 2,
@@ -1467,7 +1469,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 							1
 						], [
 							"100%",
-							E(n)(e.color, I.value.style.chart.layout.rects.gradient.intensity / 100),
+							E(f)(e.color, I.value.style.chart.layout.rects.gradient.intensity / 100),
 							1
 						]]
 					}, null, 8, ["id", "stops"])])) : g("", !0)]))), 128)),
@@ -1641,7 +1643,7 @@ var ot = /* @__PURE__ */ e({ default: () => Ft }), st = ["id"], ct = ["id"], lt
 				parent: N.value,
 				content: zt.value,
 				isFullscreen: j.value,
-				isCustom: E(c)(I.value.style.chart.tooltip.customFormat),
+				isCustom: E(n)(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,
@@ -1726,6 +1728,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-57de0e24"]]);
+}, [["__scopeId", "data-v-f4ff8289"]]);
 //#endregion
 export { ot as n, Ft as t };