@undp/data-viz 2.5.4 → 2.6.1

package/dist/TreeMapGraph-C9G05WWG.js

@@ -0,0 +1,598 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { Colors as t } from "./Colors.js";
+import { GraphFooter as n } from "./GraphFooter.js";
+import { GraphHeader as r } from "./GraphHeader.js";
+import { t as i } from "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { t as a } from "./uniqBy-feeqYuys.js";
+import { n as o, t as s } from "./GraphContainer-DgEB1AVN.js";
+import { ColorLegendWithMouseOver as c } from "./ColorLegendWithMouseOver.js";
+import { t as l } from "./EmptyState-DBmT1Adf.js";
+import { t as u } from "./proxy-BiRrIImK.js";
+import { t as d } from "./AnimatePresence-CE6xBsMZ.js";
+import { t as f } from "./use-in-view-CjlKdln1.js";
+import { t as p } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as m } from "./DetailsModal-DxUowfkg.js";
+import { t as h } from "./Tooltip-Y6uTGwkF.js";
+import { t as g } from "./getTextColorBasedOnBgColor-Ch7uw_Px.js";
+import { cn as _ } from "@undp/design-system-react/cn";
+import { useEffect as v, useRef as y, useState as b } from "react";
+import { P as x } from "@undp/design-system-react/Typography";
+//#region node_modules/d3-hierarchy/src/hierarchy/count.js
+function S(e) {
+	var t = 0, n = e.children, r = n && n.length;
+	if (!r) t = 1;
+	else for (; --r >= 0;) t += n[r].value;
+	e.value = t;
+}
+function C() {
+	return this.eachAfter(S);
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/each.js
+function w(e, t) {
+	let n = -1;
+	for (let r of this) e.call(t, r, ++n, this);
+	return this;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/eachBefore.js
+function T(e, t) {
+	for (var n = this, r = [n], i, a, o = -1; n = r.pop();) if (e.call(t, n, ++o, this), i = n.children) for (a = i.length - 1; a >= 0; --a) r.push(i[a]);
+	return this;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/eachAfter.js
+function E(e, t) {
+	for (var n = this, r = [n], i = [], a, o, s, c = -1; n = r.pop();) if (i.push(n), a = n.children) for (o = 0, s = a.length; o < s; ++o) r.push(a[o]);
+	for (; n = i.pop();) e.call(t, n, ++c, this);
+	return this;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/find.js
+function ee(e, t) {
+	let n = -1;
+	for (let r of this) if (e.call(t, r, ++n, this)) return r;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/sum.js
+function te(e) {
+	return this.eachAfter(function(t) {
+		for (var n = +e(t.data) || 0, r = t.children, i = r && r.length; --i >= 0;) n += r[i].value;
+		t.value = n;
+	});
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/sort.js
+function D(e) {
+	return this.eachBefore(function(t) {
+		t.children && t.children.sort(e);
+	});
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/path.js
+function O(e) {
+	for (var t = this, n = ne(t, e), r = [t]; t !== n;) t = t.parent, r.push(t);
+	for (var i = r.length; e !== n;) r.splice(i, 0, e), e = e.parent;
+	return r;
+}
+function ne(e, t) {
+	if (e === t) return e;
+	var n = e.ancestors(), r = t.ancestors(), i = null;
+	for (e = n.pop(), t = r.pop(); e === t;) i = e, e = n.pop(), t = r.pop();
+	return i;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/ancestors.js
+function k() {
+	for (var e = this, t = [e]; e = e.parent;) t.push(e);
+	return t;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/descendants.js
+function A() {
+	return Array.from(this);
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/leaves.js
+function j() {
+	var e = [];
+	return this.eachBefore(function(t) {
+		t.children || e.push(t);
+	}), e;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/links.js
+function M() {
+	var e = this, t = [];
+	return e.each(function(n) {
+		n !== e && t.push({
+			source: n.parent,
+			target: n
+		});
+	}), t;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/iterator.js
+function* N() {
+	var e = this, t, n = [e], r, i, a;
+	do
+		for (t = n.reverse(), n = []; e = t.pop();) if (yield e, r = e.children) for (i = 0, a = r.length; i < a; ++i) n.push(r[i]);
+	while (n.length);
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/hierarchy/index.js
+function P(e, t) {
+	e instanceof Map ? (e = [void 0, e], t === void 0 && (t = I)) : t === void 0 && (t = F);
+	for (var n = new z(e), r, i = [n], a, o, s, c; r = i.pop();) if ((o = t(r.data)) && (c = (o = Array.from(o)).length)) for (r.children = o, s = c - 1; s >= 0; --s) i.push(a = o[s] = new z(o[s])), a.parent = r, a.depth = r.depth + 1;
+	return n.eachBefore(R);
+}
+function re() {
+	return P(this).eachBefore(L);
+}
+function F(e) {
+	return e.children;
+}
+function I(e) {
+	return Array.isArray(e) ? e[1] : null;
+}
+function L(e) {
+	e.data.value !== void 0 && (e.value = e.data.value), e.data = e.data.data;
+}
+function R(e) {
+	var t = 0;
+	do
+		e.height = t;
+	while ((e = e.parent) && e.height < ++t);
+}
+function z(e) {
+	this.data = e, this.depth = this.height = 0, this.parent = null;
+}
+z.prototype = P.prototype = {
+	constructor: z,
+	count: C,
+	each: w,
+	eachAfter: E,
+	eachBefore: T,
+	find: ee,
+	sum: te,
+	sort: D,
+	path: O,
+	ancestors: k,
+	descendants: A,
+	leaves: j,
+	links: M,
+	copy: re,
+	[Symbol.iterator]: N
+};
+//#endregion
+//#region node_modules/d3-hierarchy/src/accessors.js
+function B(e) {
+	return e == null ? null : V(e);
+}
+function V(e) {
+	if (typeof e != "function") throw Error();
+	return e;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/constant.js
+function H() {
+	return 0;
+}
+function U(e) {
+	return function() {
+		return e;
+	};
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/treemap/round.js
+function W(e) {
+	e.x0 = Math.round(e.x0), e.y0 = Math.round(e.y0), e.x1 = Math.round(e.x1), e.y1 = Math.round(e.y1);
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/treemap/dice.js
+function G(e, t, n, r, i) {
+	for (var a = e.children, o, s = -1, c = a.length, l = e.value && (r - t) / e.value; ++s < c;) o = a[s], o.y0 = n, o.y1 = i, o.x0 = t, o.x1 = t += o.value * l;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/stratify.js
+var K = { depth: -1 }, q = {}, J = {};
+function ie(e) {
+	return e.id;
+}
+function Y(e) {
+	return e.parentId;
+}
+function ae() {
+	var e = ie, t = Y, n;
+	function r(r) {
+		var i = Array.from(r), a = e, o = t, s, c, l, u, d, f, p, m, h = /* @__PURE__ */ new Map();
+		if (n != null) {
+			let e = i.map((e, t) => X(n(e, t, r))), t = e.map(Z), s = new Set(e).add("");
+			for (let n of t) s.has(n) || (s.add(n), e.push(n), t.push(Z(n)), i.push(J));
+			a = (t, n) => e[n], o = (e, n) => t[n];
+		}
+		for (l = 0, s = i.length; l < s; ++l) c = i[l], f = i[l] = new z(c), (p = a(c, l, r)) != null && (p += "") && (m = f.id = p, h.set(m, h.has(m) ? q : f)), (p = o(c, l, r)) != null && (p += "") && (f.parent = p);
+		for (l = 0; l < s; ++l) if (f = i[l], p = f.parent) {
+			if (d = h.get(p), !d) throw Error("missing: " + p);
+			if (d === q) throw Error("ambiguous: " + p);
+			d.children ? d.children.push(f) : d.children = [f], f.parent = d;
+		} else {
+			if (u) throw Error("multiple roots");
+			u = f;
+		}
+		if (!u) throw Error("no root");
+		if (n != null) {
+			for (; u.data === J && u.children.length === 1;) u = u.children[0], --s;
+			for (let e = i.length - 1; e >= 0 && (f = i[e], f.data === J); --e) f.data = null;
+		}
+		if (u.parent = K, u.eachBefore(function(e) {
+			e.depth = e.parent.depth + 1, --s;
+		}).eachBefore(R), u.parent = null, s > 0) throw Error("cycle");
+		return u;
+	}
+	return r.id = function(t) {
+		return arguments.length ? (e = B(t), r) : e;
+	}, r.parentId = function(e) {
+		return arguments.length ? (t = B(e), r) : t;
+	}, r.path = function(e) {
+		return arguments.length ? (n = B(e), r) : n;
+	}, r;
+}
+function X(e) {
+	e = `${e}`;
+	let t = e.length;
+	return Q(e, t - 1) && !Q(e, t - 2) && (e = e.slice(0, -1)), e[0] === "/" ? e : `/${e}`;
+}
+function Z(e) {
+	let t = e.length;
+	if (t < 2) return "";
+	for (; --t > 1 && !Q(e, t););
+	return e.slice(0, t);
+}
+function Q(e, t) {
+	if (e[t] === "/") {
+		let n = 0;
+		for (; t > 0 && e[--t] === "\\";) ++n;
+		if (!(n & 1)) return !0;
+	}
+	return !1;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/treemap/slice.js
+function oe(e, t, n, r, i) {
+	for (var a = e.children, o, s = -1, c = a.length, l = e.value && (i - n) / e.value; ++s < c;) o = a[s], o.x0 = t, o.x1 = r, o.y0 = n, o.y1 = n += o.value * l;
+}
+//#endregion
+//#region node_modules/d3-hierarchy/src/treemap/squarify.js
+var se = (1 + Math.sqrt(5)) / 2;
+function ce(e, t, n, r, i, a) {
+	for (var o = [], s = t.children, c, l, u = 0, d = 0, f = s.length, p, m, h = t.value, g, _, v, y, b, x, S; u < f;) {
+		p = i - n, m = a - r;
+		do
+			g = s[d++].value;
+		while (!g && d < f);
+		for (_ = v = g, x = Math.max(m / p, p / m) / (h * e), S = g * g * x, b = Math.max(v / S, S / _); d < f; ++d) {
+			if (g += l = s[d].value, l < _ && (_ = l), l > v && (v = l), S = g * g * x, y = Math.max(v / S, S / _), y > b) {
+				g -= l;
+				break;
+			}
+			b = y;
+		}
+		o.push(c = {
+			value: g,
+			dice: p < m,
+			children: s.slice(u, d)
+		}), c.dice ? G(c, n, r, i, h ? r += m * g / h : a) : oe(c, n, r, h ? n += p * g / h : i, a), h -= g, u = d;
+	}
+	return o;
+}
+var le = (function e(t) {
+	function n(e, n, r, i, a) {
+		ce(t, e, n, r, i, a);
+	}
+	return n.ratio = function(t) {
+		return e((t = +t) > 1 ? t : 1);
+	}, n;
+})(se);
+//#endregion
+//#region node_modules/d3-hierarchy/src/treemap/index.js
+function ue() {
+	var e = le, t = !1, n = 1, r = 1, i = [0], a = H, o = H, s = H, c = H, l = H;
+	function u(e) {
+		return e.x0 = e.y0 = 0, e.x1 = n, e.y1 = r, e.eachBefore(d), i = [0], t && e.eachBefore(W), e;
+	}
+	function d(t) {
+		var n = i[t.depth], r = t.x0 + n, u = t.y0 + n, d = t.x1 - n, f = t.y1 - n;
+		d < r && (r = d = (r + d) / 2), f < u && (u = f = (u + f) / 2), t.x0 = r, t.y0 = u, t.x1 = d, t.y1 = f, t.children && (n = i[t.depth + 1] = a(t) / 2, r += l(t) - n, u += o(t) - n, d -= s(t) - n, f -= c(t) - n, d < r && (r = d = (r + d) / 2), f < u && (u = f = (u + f) / 2), e(t, r, u, d, f));
+	}
+	return u.round = function(e) {
+		return arguments.length ? (t = !!e, u) : t;
+	}, u.size = function(e) {
+		return arguments.length ? (n = +e[0], r = +e[1], u) : [n, r];
+	}, u.tile = function(t) {
+		return arguments.length ? (e = V(t), u) : e;
+	}, u.padding = function(e) {
+		return arguments.length ? u.paddingInner(e).paddingOuter(e) : u.paddingInner();
+	}, u.paddingInner = function(e) {
+		return arguments.length ? (a = typeof e == "function" ? e : U(+e), u) : a;
+	}, u.paddingOuter = function(e) {
+		return arguments.length ? u.paddingTop(e).paddingRight(e).paddingBottom(e).paddingLeft(e) : u.paddingTop();
+	}, u.paddingTop = function(e) {
+		return arguments.length ? (o = typeof e == "function" ? e : U(+e), u) : o;
+	}, u.paddingRight = function(e) {
+		return arguments.length ? (s = typeof e == "function" ? e : U(+e), u) : s;
+	}, u.paddingBottom = function(e) {
+		return arguments.length ? (c = typeof e == "function" ? e : U(+e), u) : c;
+	}, u.paddingLeft = function(e) {
+		return arguments.length ? (l = typeof e == "function" ? e : U(+e), u) : l;
+	}, u;
+}
+//#endregion
+//#region src/Components/Graphs/TreeMapGraph/Graph.tsx
+var $ = e();
+function de(e) {
+	let { data: n, colors: r, leftMargin: i, width: a, height: o, colorDomain: s, rightMargin: c, topMargin: l, bottomMargin: v, showLabels: S, tooltip: C, onSeriesMouseOver: w, selectedColor: T, showValues: E, suffix: ee, prefix: te, highlightedDataPoints: D, onSeriesMouseClick: O, resetSelectionOnDoubleClick: ne, detailsOnClick: k, language: A, styles: j, classNames: M, animate: N, dimmedOpacity: P, precision: re, locale: F, padZeros: I } = e, L = y(null), R = f(L, {
+		once: N.once,
+		amount: N.amount
+	}), [z, B] = b(void 0), [V, H] = b(void 0), [U, W] = b(void 0), [G, K] = b(void 0), q = {
+		top: l,
+		bottom: v,
+		left: i,
+		right: c
+	}, J = a - q.left - q.right, ie = o - q.top - q.bottom, Y = [{
+		id: "root",
+		parent: void 0,
+		value: void 0,
+		data: void 0
+	}, ...n.map((e) => ({
+		id: e.label,
+		value: e.size,
+		parent: "root",
+		data: e
+	}))], X = ae().id((e) => e.id).parentId((e) => e.parent)(Y);
+	X.sum((e) => e.value);
+	let Z = ue().size([J, ie]).padding(2)(X);
+	return /* @__PURE__ */ (0, $.jsxs)($.Fragment, { children: [
+		/* @__PURE__ */ (0, $.jsx)(u.svg, {
+			width: `${a}px`,
+			height: `${o}px`,
+			viewBox: `0 0 ${a} ${o}`,
+			direction: "ltr",
+			ref: L,
+			children: /* @__PURE__ */ (0, $.jsx)("g", {
+				transform: `translate(${q.left},${q.top})`,
+				children: /* @__PURE__ */ (0, $.jsx)(d, { children: Z.children?.map((e) => /* @__PURE__ */ (0, $.jsxs)(u.g, {
+					className: "undp-viz-g-with-hover",
+					variants: {
+						initial: {
+							opacity: 0,
+							x: e.x0,
+							y: e.y0
+						},
+						whileInView: {
+							opacity: T ? e.data.data.color && r[s.indexOf(e.data.data.color)] === T ? 1 : P : D && D.indexOf(e.data.id) === -1 ? P : .85,
+							x: e.x0,
+							y: e.y0,
+							transition: { duration: N.duration }
+						}
+					},
+					initial: "initial",
+					animate: R ? "whileInView" : "initial",
+					exit: {
+						opacity: 0,
+						transition: { duration: N.duration }
+					},
+					onMouseEnter: (t) => {
+						B(e.data.data), K(t.clientY), W(t.clientX), w?.(e.data.data);
+					},
+					onClick: () => {
+						(O || k) && (V === e.data.id && ne ? (H(void 0), O?.(void 0)) : (H(e.data.id), O?.(e.data.data)));
+					},
+					onMouseMove: (t) => {
+						B(e.data.data), K(t.clientY), W(t.clientX);
+					},
+					onMouseLeave: () => {
+						B(void 0), W(void 0), K(void 0), w?.(void 0);
+					},
+					children: [/* @__PURE__ */ (0, $.jsx)(u.rect, {
+						x: 0,
+						y: 0,
+						exit: {
+							width: 0,
+							height: 0,
+							opacity: 0,
+							transition: { duration: N.duration }
+						},
+						variants: {
+							initial: {
+								width: 0,
+								height: 0,
+								fill: n.filter((e) => e.color).length === 0 ? r[0] : e.data.data.color ? r[s.indexOf(e.data.data.color)] : t.gray
+							},
+							whileInView: {
+								width: e.x1 - e.x0,
+								height: e.y1 - e.y0,
+								fill: n.filter((e) => e.color).length === 0 ? r[0] : e.data.data.color ? r[s.indexOf(e.data.data.color)] : t.gray,
+								transition: { duration: N.duration }
+							}
+						},
+						initial: "initial",
+						animate: R ? "whileInView" : "initial"
+					}), e.x1 - e.x0 > 50 && e.y1 - e.y0 > 25 && (S || E) ? /* @__PURE__ */ (0, $.jsx)(u.g, {
+						variants: {
+							initial: { opacity: 0 },
+							whileInView: {
+								opacity: 1,
+								transition: { duration: N.duration }
+							}
+						},
+						initial: "initial",
+						animate: R ? "whileInView" : "initial",
+						exit: {
+							opacity: 0,
+							transition: { duration: N.duration }
+						},
+						children: /* @__PURE__ */ (0, $.jsx)("foreignObject", {
+							y: 0,
+							x: 0,
+							width: e.x1 - e.x0,
+							height: e.y1 - e.y0,
+							children: /* @__PURE__ */ (0, $.jsxs)("div", {
+								className: "flex flex-col gap-0.5 p-2 w-full",
+								style: { color: g(n.filter((e) => e.color).length === 0 ? r[0] : e.data.data.color ? r[s.indexOf(e.data.data.color)] : t.gray) },
+								children: [S ? /* @__PURE__ */ (0, $.jsx)(x, {
+									marginBottom: "none",
+									size: "sm",
+									leading: "none",
+									className: _("w-full treemap-label", A === "ar" || A === "he" ? "text-right" : "text-left", M?.graphObjectValues),
+									style: {
+										WebkitLineClamp: e.y1 - e.y0 > 50 ? e.y1 - e.y0 > 100 ? e.y1 - e.y0 > 150 ? void 0 : 3 : 2 : 1,
+										display: "-webkit-box",
+										WebkitBoxOrient: "vertical",
+										overflow: "hidden",
+										color: g(n.filter((e) => e.color).length === 0 ? r[0] : e.data.data.color ? r[s.indexOf(e.data.data.color)] : t.gray),
+										...j?.graphObjectValues || {}
+									},
+									children: e.data.id
+								}) : null, E ? /* @__PURE__ */ (0, $.jsx)(x, {
+									marginBottom: "none",
+									size: "sm",
+									leading: "none",
+									className: _("w-full font-bold treemap-value", A === "ar" || A === "he" ? "text-right" : "text-left", M?.graphObjectValues),
+									style: {
+										color: g(n.filter((e) => e.color).length === 0 ? r[0] : e.data.data.color ? r[s.indexOf(e.data.data.color)] : t.gray),
+										...j?.graphObjectValues || {}
+									},
+									children: p(e.data.value, void 0, re, te, ee, F, I)
+								}) : null]
+							})
+						})
+					}) : null]
+				}, e.data.id)) })
+			})
+		}),
+		z && C && U && G ? /* @__PURE__ */ (0, $.jsx)(h, {
+			data: z,
+			body: C,
+			xPos: U,
+			yPos: G,
+			backgroundStyle: j?.tooltip,
+			className: M?.tooltip
+		}) : null,
+		k && V !== void 0 ? /* @__PURE__ */ (0, $.jsx)(m, {
+			body: k,
+			data: V,
+			setData: H,
+			className: M?.modal
+		}) : null
+	] });
+}
+//#endregion
+//#region src/Components/Graphs/TreeMapGraph/index.tsx
+function fe(e) {
+	let { data: u, graphTitle: d, colors: f, sources: p, graphDescription: m, leftMargin: h = 0, rightMargin: g = 0, topMargin: _ = 0, bottomMargin: x = 0, height: S, width: C, footNote: w, colorDomain: T, colorLegendTitle: E, padding: ee, backgroundColor: te = !1, showLabels: D = !0, relativeHeight: O, tooltip: ne, onSeriesMouseOver: k, showColorScale: A = !0, showValues: j = !0, graphID: M, highlightedDataPoints: N, onSeriesMouseClick: P, graphDownload: re = !1, dataDownload: F = !1, language: I = "en", showNAColor: L = !0, minHeight: R = 0, theme: z = "light", ariaLabel: B, resetSelectionOnDoubleClick: V = !0, detailsOnClick: H, styles: U, classNames: W, animate: G = !1, dimmedOpacity: K = .3, numberDisplayOptions: q } = e, [J, ie] = b(0), [Y, ae] = b(0), [X, Z] = b(void 0), Q = y(null), oe = y(null);
+	return v(() => {
+		let e = new ResizeObserver((e) => {
+			ie(e[0].target.clientWidth || 620), ae(e[0].target.clientHeight || 480);
+		});
+		return Q.current && e.observe(Q.current), () => e.disconnect();
+	}, []), /* @__PURE__ */ (0, $.jsxs)(o, {
+		className: W?.graphContainer,
+		style: U?.graphContainer,
+		id: M,
+		ref: oe,
+		"aria-label": B,
+		backgroundColor: te,
+		theme: z,
+		language: I,
+		minHeight: R,
+		width: C,
+		height: S,
+		relativeHeight: O,
+		padding: ee,
+		children: [
+			d || m || re || F ? /* @__PURE__ */ (0, $.jsx)(r, {
+				styles: {
+					title: U?.title,
+					description: U?.description
+				},
+				classNames: {
+					title: W?.title,
+					description: W?.description
+				},
+				graphTitle: d,
+				graphDescription: m,
+				width: C,
+				graphDownload: re ? oe : void 0,
+				dataDownload: F ? u.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? u.map((e) => e.data).filter((e) => e !== void 0) : u.filter((e) => e !== void 0) : null
+			}) : null,
+			A && u.filter((e) => e.color).length !== 0 && u.length > 0 ? /* @__PURE__ */ (0, $.jsx)(c, {
+				width: C,
+				colorLegendTitle: E,
+				colors: f || t[z].categoricalColors.colors,
+				colorDomain: T || a(u, "color", !0),
+				setSelectedColor: Z,
+				showNAColor: L,
+				className: W?.colorLegend
+			}) : null,
+			/* @__PURE__ */ (0, $.jsxs)(s, {
+				ref: Q,
+				children: [u.length === 0 && /* @__PURE__ */ (0, $.jsx)(l, {}), J && Y && u.length > 0 ? /* @__PURE__ */ (0, $.jsx)(de, {
+					data: u.filter((e) => !i(e.size)),
+					colors: u.filter((e) => e.color).length === 0 ? f ? [f] : [t.primaryColors["blue-600"]] : f || t[z].categoricalColors.colors,
+					colorDomain: u.filter((e) => e.color).length === 0 ? [] : T || a(u, "color", !0),
+					width: J,
+					height: Y,
+					leftMargin: h,
+					rightMargin: g,
+					topMargin: _,
+					bottomMargin: x,
+					showLabels: D,
+					showValues: j,
+					selectedColor: X,
+					tooltip: ne,
+					onSeriesMouseOver: k,
+					onSeriesMouseClick: P,
+					highlightedDataPoints: N,
+					resetSelectionOnDoubleClick: V,
+					detailsOnClick: H,
+					styles: U,
+					classNames: W,
+					language: I,
+					animate: G === !0 ? {
+						duration: .5,
+						once: !0,
+						amount: .5
+					} : G || {
+						duration: 0,
+						once: !0,
+						amount: 0
+					},
+					dimmedOpacity: K,
+					locale: q?.locale || "en",
+					padZeros: q?.padZeros || !1,
+					suffix: q?.suffix || "",
+					prefix: q?.prefix || "",
+					precision: q?.precision ?? 2
+				}) : null]
+			}),
+			p || w ? /* @__PURE__ */ (0, $.jsx)(n, {
+				styles: {
+					footnote: U?.footnote,
+					source: U?.source
+				},
+				classNames: {
+					footnote: W?.footnote,
+					source: W?.source
+				},
+				sources: p,
+				footNote: w,
+				width: C
+			}) : null
+		]
+	});
+}
+//#endregion
+export { fe as t };
+
+//# sourceMappingURL=TreeMapGraph-C9G05WWG.js.map