@astrato-io/visualizations 0.0.0-stage → 0.6.5

package/chunks/standalone-G9Q4Uczu.js

@@ -0,0 +1,726 @@
+import { o as e, t } from "./rolldown-runtime-DleVn1XH.js";
+import { Gn as n, Ks as r, Mo as i, O as a, Qa as o, S as s, Sa as c, Si as l, T as u, Ta as d, Uc as f, Ys as p, Zr as m, fc as h, k as g, tn as _ } from "./isEqual-BDxAhUo8.js";
+import { $t as v, Ei as y, I as b, P as x, Yi as S, o as C } from "./utils-Bg7K-t6K.js";
+import { vm as w, ym as T } from "./handlers-VTBfIZYZ.js";
+import { Vt as E, mt as D } from "./ui-DQWtv2iM.js";
+import { Jt as O, M as ee, St as te, Vt as k, X as ne, Z as re, _t as ie, cn as ae, dn as A, et as oe, i as se, in as j, j as ce, ln as le, n as ue, nn as de, rn as M, rt as fe, tn as pe, un as me, wt as he } from "./escobar-eDjtGpkC.js";
+import { t as ge } from "./coloring-B1XAfg6b.js";
+import { t as _e } from "./set-coloring-datafield-B3uIS1Pe.js";
+import { a as ve, n as ye } from "./accessors-DemrDevR.js";
+function N() {
+	return 0;
+}
+function P(e) {
+	return function() {
+		return e;
+	};
+}
+function be(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);
+}
+function xe(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;
+}
+function Se(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;
+}
+var Ce = (1 + Math.sqrt(5)) / 2;
+function we(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 ? xe(c, n, r, i, h ? r += m * g / h : a) : Se(c, n, r, h ? n += p * g / h : i, a), h -= g, u = d;
+	}
+	return o;
+}
+var Te = (function e(t) {
+	function n(e, n, r, i, a) {
+		we(t, e, n, r, i, a);
+	}
+	return n.ratio = function(t) {
+		return e((t = +t) > 1 ? t : 1);
+	}, n;
+})(Ce);
+function Ee() {
+	var e = Te, t = !1, n = 1, r = 1, i = [0], a = N, o = N, s = N, c = N, l = N;
+	function u(e) {
+		return e.x0 = e.y0 = 0, e.x1 = n, e.y1 = r, e.eachBefore(d), i = [0], t && e.eachBefore(be), 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 = ye(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 : P(+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 : P(+e), u) : o;
+	}, u.paddingRight = function(e) {
+		return arguments.length ? (s = typeof e == "function" ? e : P(+e), u) : s;
+	}, u.paddingBottom = function(e) {
+		return arguments.length ? (c = typeof e == "function" ? e : P(+e), u) : c;
+	}, u.paddingLeft = function(e) {
+		return arguments.length ? (l = typeof e == "function" ? e : P(+e), u) : l;
+	}, u;
+}
+var De = /* @__PURE__ */ e(S()), F = /* @__PURE__ */ function(e) {
+	return e.cells = "key-cells", e.labels = "key-labels", e.selection = "key-selection", e;
+}({}), I = /* @__PURE__ */ function(e) {
+	return e.CellValue = "cellValue", e.Color = "color", e;
+}({}), L = /* @__PURE__ */ function(e) {
+	return e.MeasureFormatter = "total", e;
+}({}), R = /* @__PURE__ */ function(e) {
+	return e.Leaf = "leaf", e.Header = "header", e;
+}({}), Oe = (e, t, n, r, i, a, o) => {
+	let s = e.measures.filter(l), c = (e.supportingMeasures ?? []).filter((e) => l(e)), u = h(s[0].dataItem), d = ee(c), f = e.dimensions.filter(l).map((e) => h(e.dataItem)), p = f[f.length - 1], m = f.slice(0, f.length - 1), g = {};
+	m.forEach((e, t) => {
+		g[`dim${t}`] = { field: e };
+	});
+	let _ = [{
+		field: p,
+		props: {
+			[I.CellValue]: { field: u },
+			...g,
+			[u]: { field: u },
+			...d
+		}
+	}], v = e.coloring ? he(e, o) : null;
+	v && (_[0].props[I.Color] = { field: v });
+	let y = [{
+		key: "coll",
+		data: { extract: [..._] }
+	}];
+	return {
+		...n,
+		collections: y,
+		formatters: { [L.MeasureFormatter]: e.measures[0].formatter ?? {
+			type: "excel-format",
+			format: void 0
+		} }
+	};
+}, z = "treemap-alternates-switcher", B = "treemap-alternates-switcher", ke = new D(E.fontLight), Ae = new D(E.fontDark), V = (e) => n(e) || e.label || e.dataItem?.name || "Field", je = (e, t, n, r) => {
+	let i = n ? h(n.dataItem) : void 0;
+	return {
+		type: "native",
+		key: `${B}-interaction`,
+		events: { click(a) {
+			let o = this.element.getBoundingClientRect(), s = {
+				x: a.clientX - o.left,
+				y: a.clientY - o.top
+			}, c = this.chart.shapesAt(s, {
+				components: [{
+					key: B,
+					propagation: "stop"
+				}],
+				propagation: "stop"
+			}).find((e) => e.data?.target === "measure" || e.data?.target === "dimension");
+			if (c?.data?.target === "measure" && n && i) {
+				r(A.Text, "click", `text-${i}`, a, c, {
+					dataItemType: f.Measure,
+					dataItemRole: n.role
+				});
+				return;
+			}
+			c?.data?.target === "dimension" && e && r(A.Text, "click", `text-${e}`, a, c, {
+				dataItemType: f.Dimension,
+				dataItemRole: t
+			});
+		} }
+	};
+}, Me = (e, t, n, r, a, o, s, c) => {
+	let u = e.dimensions.filter(l), d = e.measures.filter(l), p = u[0], g = d[0], _ = p ? h(p.dataItem) : void 0;
+	if (!p && !g) return n;
+	let v = m(e.dimensions, e.enableAlternate, o.isPrintMode), y = m(e.measures, e.enableAlternate, o.isPrintMode);
+	if (!v && !y) return n;
+	let b = o?.isPrintMode ?? !1, x = v ? u.map((e) => V(e)).join(", ") : void 0, S = y && g ? V(g) : void 0, C = e.treemapSettings.branchColor ?? "rgba(150, 150, 150, 0.3)", w = new D(C).betterContrast(new D(t.fonts.general.color), ke, Ae).rgb(), T = {
+		type: z,
+		key: B,
+		dimensionDataItemType: _ ? f.Dimension : void 0,
+		dimensionDataItemRole: p?.role,
+		measureDataItemType: g ? f.Measure : void 0,
+		measureDataItemRole: g?.role,
+		layout: {
+			dock: i.Bottom,
+			displayOrder: 0
+		},
+		settings: {
+			dimensionLabel: x ? k(x) : void 0,
+			measureLabel: S ? k(S) : void 0,
+			backgroundColor: C,
+			fontFamily: t.fonts.general.fontFamily,
+			fontSize: `${E.fieldTitle.fontSize}px`,
+			color: w,
+			paddingLeft: 5,
+			paddingRight: 5,
+			paddingVertical: 5,
+			labelGap: 12
+		}
+	}, O = c && !b ? [je(_, p?.role, g, c)] : [];
+	return {
+		...n,
+		components: [...n.components, T],
+		interactions: n.interactions ? [...n.interactions, ...O] : [...O]
+	};
+}, Ne = /* @__PURE__ */ t(((e, t) => {
+	var n = g(), r = _();
+	function i(e, t, a, o, s, c) {
+		return r(e) && r(t) && (c.set(t, e), n(e, t, void 0, i, c), c.delete(t)), e;
+	}
+	t.exports = i;
+})), H = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	var n = a(), r = u(), i = Ne(), o = s();
+	t.exports = r(function(e) {
+		return e.push(void 0, i), n(o, void 0, e);
+	});
+})))()), Pe = () => ({
+	trigger: [{
+		on: le.Tap,
+		action: ae.Toggle,
+		globalPropagation: "stop",
+		propagation: "stop",
+		contexts: [j.Selection]
+	}, {
+		on: le.Over,
+		action: ae.Set,
+		globalPropagation: "stop",
+		propagation: "stop",
+		contexts: [j.Highlight]
+	}],
+	consume: [{
+		context: j.Selection,
+		data: [""],
+		mode: me.Or,
+		style: { inactive: { fill: (e) => {
+			let t = !e.fill || e.fill === "none" || e.fill === "transparent";
+			switch (!0) {
+				case t: return e.fill;
+				default: return pe(de(e.fill), .25);
+			}
+		} } }
+	}]
+}), Fe = (e, t, n, r, i, a) => {
+	let o = e.dimensions.filter(l), s = e.measures.filter(l).map((e) => h(e.dataItem)), c = new ge(e, t, i?.[0]?.itemsNotAffectedByFiltering), u = [c.MAIN_FIELD];
+	o.slice(0, o.length - 1).forEach((e, t) => {
+		u.push(`dim${t}`);
+	});
+	let { labeling: d } = e.treemapSettings, f = (0, H.default)({}, d?.header, T.labeling.header), m = (0, H.default)({}, d?.leaf, T.labeling.leaf), g = {
+		key: F.cells,
+		type: A.Treemap,
+		data: { collection: "coll" },
+		settings: {
+			numDimensions: o.length || 0,
+			cellPadding: e.treemapSettings.cellPadding,
+			cellRadius: e.treemapSettings.cellRadius,
+			cellOrder: e.treemapSettings.cellOrder,
+			branchColor: e.treemapSettings.branchColor,
+			headerLabels: {
+				show: f.show,
+				numLevels: f.numLevels,
+				fontSize: O(f.fontSize, void 0, w.labelFontSizeMin, w.labelFontSizeMax)
+			},
+			leafLabels: {
+				show: m.show,
+				fontSize: O(m.fontSize, void 0, w.labelFontSizeMin, w.labelFontSizeMax),
+				showDimension: m.showDimensionValue,
+				showMeasure: m.showMeasureValue,
+				dynamicFontSizeEnabled: m.dynamicFontSizeEnabled
+			},
+			leaf: { fill: c.getColorDefinition({
+				ref: I.Color,
+				dataItemId: e.coloring.type === p.Single ? s[0] : void 0,
+				overwriteSources: u
+			}) }
+		},
+		brush: a.disable?.brushing === !0 ? void 0 : Pe(),
+		animations: {
+			presetId: "simple-opacity",
+			enabled: !0
+		}
+	};
+	return {
+		...n,
+		components: [...n.components, g]
+	};
+}, U = new D(E.fontLight), W = new D(E.fontDark), Ie = (e, t, n) => {
+	let r = new D(n.fonts.general.color), { showDimensionValue: i, showMeasureValue: a, fontSize: o, dynamicFontSizeEnabled: s, show: c } = t.leaf, l = s ? ({ node: e }) => e.desc.dynamicFontSize : O(o, void 0, w.labelFontSizeMin, w.labelFontSizeMax);
+	return {
+		component: F.cells,
+		selector: e,
+		strategy: {
+			type: "rows",
+			settings: {
+				justify: 0,
+				align: 0,
+				fontSize: l,
+				padding: 4,
+				labels: [i && c !== !1 ? {
+					id({ node: e }) {
+						return e.attrs?.id;
+					},
+					fill({ node: e }) {
+						return new D(e.desc.background).betterContrast(r, U, W).rgb();
+					},
+					linkData({ node: e }) {
+						return e.data;
+					},
+					label({ node: e }) {
+						return e.desc?.label;
+					}
+				} : null, a && c !== !1 ? {
+					id({ node: e }) {
+						return `${e.attrs?.id}::value`;
+					},
+					fill({ node: e }) {
+						return new D(e.desc.background).betterContrast(r, U, W).rgb();
+					},
+					linkData({ node: e }) {
+						return e.data;
+					},
+					label({ node: e, formatter: t }) {
+						return t(L.MeasureFormatter)(e.desc?.total, void 0, e.data);
+					}
+				} : null].filter(Boolean)
+			}
+		}
+	};
+}, G = 128, Le = (e, t, n) => {
+	let r = new D(n.fonts.general.color), i = O(t.header.fontSize, void 0, w.labelFontSizeMin, w.labelFontSizeMax), { showDimensionValue: a, showMeasureValue: o } = t.header;
+	return {
+		component: F.cells,
+		selector: e,
+		strategy: {
+			type: "rows",
+			settings: {
+				justify: 0,
+				align: 0,
+				fontSize: i,
+				padding: 4,
+				labels: [{
+					id({ node: e }) {
+						return e.attrs?.id;
+					},
+					fill({ node: e }) {
+						return new D(e.desc.background).betterContrast(r, U, W).rgb();
+					},
+					linkData({ node: e }) {
+						return e.data;
+					},
+					label({ node: e, formatter: t }) {
+						let n = o ? t(L.MeasureFormatter)(e.desc?.total) : void 0;
+						return [a ? e.desc?.label?.length > G - 1 ? `${e.desc?.label?.substring(0, G - 1).replace(/\s+$/, "")}…` : e.desc?.label : void 0, n].filter(Boolean).join(": ");
+					}
+				}]
+			}
+		}
+	};
+}, Re = (e, t, n, r, i, a) => {
+	let o = (0, H.default)({}, e.treemapSettings?.labeling, T.labeling), s = {
+		type: A.Labels,
+		key: F.labels,
+		layout: { displayOrder: 2 },
+		settings: { sources: [Ie(`.${R.Leaf}`, o, t), Le(`.${R.Header}`, o, t)] },
+		style: { label: "$label" },
+		brush: a.disable?.brushing === !0 ? void 0 : { consume: [{
+			context: j.Selection,
+			data: [""],
+			style: { inactive: { opacity: .3 } }
+		}] },
+		animations: {
+			presetId: "simple-opacity",
+			enabled: !0
+		}
+	};
+	return {
+		...n,
+		components: [...n.components, s]
+	};
+}, ze = () => ({ consume: [{
+	context: j.Selection,
+	data: [""],
+	mode: me.Or,
+	style: {
+		active: {
+			strokeWidth: 2,
+			stroke: d.mainDarkNavy
+		},
+		inactive: { strokeWidth: 0 }
+	}
+}] }), Be = (e, t, n, r, i, a) => {
+	let o = {
+		key: F.selection,
+		type: A.Deferred,
+		layout: { displayOrder: 10 },
+		settings: { sources: [{
+			component: F.cells,
+			selector: M.Rect
+		}] },
+		brush: a.disable?.brushing === !0 ? void 0 : ze(),
+		animations: {
+			presetId: "simple-opacity",
+			enabled: !0
+		}
+	};
+	return {
+		...n,
+		components: [...n.components, o]
+	};
+}, Ve = (e, t, n, r, i, a, o) => {
+	if (!e.dimensions.filter(l)[0]) return n;
+	let s = n.collections[0]?.data.extract[0]?.props[I.Color], c;
+	s?.field && (c = s?.field);
+	let u = {};
+	return u = te(_e(e, c), t, u, n.collections, o), {
+		...n,
+		scales: u
+	};
+}, He = (e, t, n) => {
+	let r = e.dimensions.filter(l), i = e.measures.filter(l);
+	if (!r[0] || !i[0]) return n;
+	let a = {
+		"$font-family": t.fonts.general.fontFamily,
+		"$font-color": t.fonts.general.color,
+		"$font-size": "12px",
+		$label: {
+			fontSize: "$font-size",
+			fontFamily: "$font-family",
+			fill: "$font-color",
+			padding: 2
+		},
+		$title: {
+			"@extend": "$label",
+			fontSize: `${E.fieldTitle.fontSize}px`,
+			padding: 4
+		}
+	};
+	return {
+		...n,
+		style: a
+	};
+}, Ue = (e, t) => t.data.label, K = (e, t, n, r, i, a) => {
+	let o = t;
+	return !r && i ? o = n.formatter(i)(t, void 0, a) : r && (o = n.formatter(fe(i))(t, void 0, a)), {
+		label: e,
+		value: o
+	};
+}, We = (e, t, r, i, a, o, s, c) => {
+	let u = [], d = e.filter(l), f = oe(r), p = d.filter((e) => !f.has(h(e.dataItem)))[0] ?? d[0], m = (p ? n(p) : "") || p?.label || p?.dataItem.name || "", g = p ? m : "Count", _ = Number(t.desc?.total), v = t.data[I.CellValue]?.source ? t.data : void 0;
+	return u.push(K(g, _, r, c, L.MeasureFormatter, v)), d.filter((e) => f.has(h(e.dataItem))).forEach((e) => {
+		let i = h(e.dataItem), a = Object.keys(t.data).find((e) => t.data[e]?.source?.field === i);
+		if (!a) return;
+		let o = n(e) || e.label || e.dataItem.name || "", s = Number(t.data[a]?.value);
+		u.push(K(o, s, r, c, e.formatter, t.data));
+	}), u;
+}, Ge = (e, t, n, r, i) => {
+	let a = {
+		placement: () => ({
+			area: "target",
+			type: "pointer"
+		}),
+		filter: (e) => e.filter((e) => e.type !== M.Text && e.key === F.cells)
+	};
+	return a.extract = re(e, t, We, Ue), ne(e, t, n, a, "tooltip", i);
+}, Ke = class extends ce {
+	constructor() {
+		super([
+			Oe,
+			Ve,
+			Fe,
+			Be,
+			ie,
+			Me,
+			Re,
+			He,
+			Ge
+		]);
+	}
+	preCompile(e, t) {
+		let n = e.measures.filter(l)[0];
+		if (!n) return;
+		let r = h(n.dataItem);
+		t.forEach((e) => {
+			if (e.items?.length && (e.items = e.items.filter((e) => e[r] > 0), !e.items.length)) throw Error("Current data query resulted in only negative and/or null values which can not be displayed in this chart.");
+		});
+	}
+}, q = {
+	numDimensions: 0,
+	cellPadding: 2,
+	cellRadius: 0,
+	leafLabels: {
+		showDimension: !0,
+		showMeasure: !0,
+		show: !0
+	},
+	headerLabels: {
+		show: !0,
+		fontSize: 11,
+		numLevels: 1
+	},
+	leaf: { fill: d.mainDarkNavy }
+}, J = (e) => Array(Math.max(0, e - 1)).fill(0).map((e, t) => `dim${t}`), qe = "__virtual__::__root__", Je = (e, t) => {
+	let n = J(e.numDimensions), r = {
+		data: {
+			label: "__root__",
+			value: null
+		},
+		id: qe,
+		children: [],
+		fill: "",
+		opacity: 0
+	}, i = {};
+	function a(e) {
+		let t = "", n = r;
+		for (let r = 0; r < e.length; r++) {
+			let a = e[r];
+			t += `${a.data.value}`, i[t] ? a = i[t] : (a.id = t, a.children = [], i[t] = a, n.children.push(a)), n = a, t += ":::";
+		}
+	}
+	t.forEach((t) => {
+		a([...n.map((n) => ({
+			data: t.data[n],
+			opacity: 1,
+			fill: e.branchColor ?? "rgba(150, 150, 150, 0.3)"
+		})), t]);
+	});
+	let o = ve(r);
+	return o.each((e) => delete e.data.children), o;
+}, Y = (e) => e + Math.max(12, e * .5), X = (e, t, n) => e.y1 - e.y0 >= t + 12 && e.x1 - e.x0 >= n * 2;
+function Ye(e) {
+	let { cellPadding: t, headerLabels: n } = e, { fontSize: r } = n, i = Y(r);
+	Ee().size([e.rect.width, e.rect.height]).paddingInner((e) => e.height > 1 ? t : 0).paddingOuter((e) => e.depth ? t : 0).paddingTop((n) => n.height && n.depth && e.headerLabels.show && e.headerLabels.numLevels >= n.depth && X(n, i, r) ? t + i : n.depth ? t : 0)(e.root);
+}
+var Xe = 8, Ze = "rgba(250, 250, 250, 0.8)", Qe = "rgba(60, 60, 60, 0.8)", $e = .12, et = 24, tt = (e, t) => {
+	let n = null, r = null;
+	return !e.height && t.leafLabels.show ? (r = $e * Math.sqrt((e.y1 - e.y0) * (e.x1 - e.x0)), n = t.leafLabels.dynamicFontSizeEnabled && r < Xe ? null : R.Leaf) : e.height && t.headerLabels.show && t.headerLabels.numLevels >= e.depth && (n = R.Header), {
+		labelTarget: n,
+		leafDynamicFontSize: r
+	};
+}, nt = (e, t) => {
+	let n = [...J(e.numDimensions), "cell"].map((t, n) => Math.max(0, e.cellRadius - e.cellPadding * n * .25)), r = new D(e.branchColor ?? "rgba(150, 150, 150, 0.3)").isDark() ? Qe : Ze, i = Y(e.headerLabels.fontSize);
+	return t.descendants().slice(1).filter((e) => (e.x1 - e.x0) * (e.y1 - e.y0) >= 1).map((t) => {
+		let a = t.children?.length > 0, o = t.y1 - t.y0, { labelTarget: s, leafDynamicFontSize: c } = tt(t, e), l = t.data.fill || d.black, u = n[t.depth - 1];
+		return {
+			id: t.data.id,
+			type: M.Rect,
+			tag: s === R.Header ? X(t, i, e.headerLabels.fontSize) ? s : void 0 : s && o >= et ? s : void 0,
+			x: t.x0,
+			y: t.y0,
+			rx: u,
+			ry: u,
+			width: t.x1 - t.x0,
+			height: t.y1 - t.y0,
+			fill: l,
+			stroke: r,
+			strokeWidth: +!a,
+			opacity: t.data.opacity ?? 1,
+			desc: {
+				background: l,
+				label: t.data.data.label,
+				total: t.value,
+				dynamicFontSize: c
+			},
+			data: t.data.data
+		};
+	});
+}, Z = {
+	[o.DESC]: (e, t) => t.height - e.height || t.value - e.value,
+	[o.ASC]: (e, t) => t.height - e.height || e.value - t.value
+}, rt = {
+	require: [
+		"resolver",
+		"chart",
+		"renderer"
+	],
+	defaultSettings: {
+		settings: q,
+		style: {
+			title: "$title",
+			label: "$label"
+		}
+	},
+	render({ data: e }) {
+		let { settings: t } = this.settings, { items: n } = this.resolver.resolve({
+			data: { items: e.items },
+			defaults: { ...q.leaf },
+			settings: { ...t.leaf }
+		}), r = Je(t, n);
+		return r.sum((e) => e.children?.length ? 0 : e.data.cellValue?.value || 0), t.cellOrder && Z[t.cellOrder] && r.sort(Z[t.cellOrder]), Ye({
+			cellPadding: t.cellPadding,
+			rect: this.rect,
+			root: r,
+			headerLabels: t.headerLabels
+		}), nt(t, r);
+	}
+}, it = " ▼", Q = "...", $ = (e, t, n, r) => {
+	let i = {
+		text: t,
+		fontFamily: n,
+		fontSize: r
+	};
+	return e.measureText(i).width;
+}, at = (e, t, n, r, i) => {
+	if (t <= 0 || $(n, e, r, i) <= t) return e;
+	let a = e.endsWith(it), o = a ? it : "", s = a ? e.slice(0, -2) : e;
+	if ($(n, `${Q}${o}`, r, i) > t) return Q;
+	let c = 0, l = s.length;
+	for (; c < l;) {
+		let e = Math.ceil((c + l) / 2);
+		$(n, `${s.slice(0, e)}${Q}${o}`, r, i) <= t ? c = e : l = e - 1;
+	}
+	return `${s.slice(0, c)}${Q}${o}`;
+}, ot = {
+	require: ["renderer"],
+	defaultSettings: { settings: {
+		dimensionLabel: "",
+		measureLabel: "",
+		backgroundColor: q.branchColor,
+		fontSize: "12px",
+		color: "#000",
+		paddingLeft: 5,
+		paddingRight: 5,
+		paddingVertical: 5,
+		labelGap: 12
+	} },
+	preferredSize() {
+		let { fontFamily: e = "Arial", fontSize: t, paddingVertical: n } = this.settings.settings;
+		return this.renderer.measureText({
+			fontFamily: e,
+			fontSize: t
+		}).height + n * 2;
+	},
+	render() {
+		let { dimensionLabel: e, measureLabel: t, backgroundColor: n, fontFamily: r = "Arial", fontSize: i, color: a, paddingLeft: o, paddingRight: s, labelGap: c } = this.settings.settings, l = t ? $(this.renderer, t, r, i) : 0, u = this.rect.width - s, d = u - l, f = Math.max(Math.min(t ? d - c - o : this.rect.width - o - s, this.rect.width / 2), 0), p = e ? at(e, f, this.renderer, r, i) : "", m = p ? $(this.renderer, p, r, i) : 0, h = [{
+			type: "rect",
+			x: 0,
+			y: 0,
+			width: this.rect.width,
+			height: this.rect.height,
+			fill: n,
+			strokeWidth: 0
+		}];
+		return t && h.push({
+			type: "rect",
+			x: Math.max(d, 0),
+			y: 0,
+			width: Math.min(l, this.rect.width),
+			height: this.rect.height,
+			fill: "rgba(0, 0, 0, 0)",
+			strokeWidth: 0,
+			data: { target: "measure" }
+		}), e && (h.push({
+			type: "rect",
+			x: o,
+			y: 0,
+			width: m,
+			height: this.rect.height,
+			fill: "rgba(0, 0, 0, 0)",
+			strokeWidth: 0,
+			data: { target: "dimension" }
+		}), h.push({
+			type: "text",
+			text: p,
+			x: o,
+			y: this.rect.height / 2,
+			anchor: "start",
+			baseline: "central",
+			fontFamily: r,
+			fontSize: i,
+			fill: a,
+			maxWidth: f,
+			data: { target: "dimension" }
+		})), t && h.push({
+			type: "text",
+			text: t,
+			x: u,
+			y: this.rect.height / 2,
+			anchor: "end",
+			baseline: "central",
+			fontFamily: r,
+			fontSize: i,
+			fill: a,
+			data: { target: "measure" }
+		}), h;
+	}
+};
+function st(e) {
+	e.component(A.Treemap, rt), e.component(z, ot);
+}
+var ct = {
+	require: [
+		"resolver",
+		"chart",
+		"renderer"
+	],
+	defaultSettings: { settings: { sources: [] } },
+	render() {
+		let { settings: e } = this.settings, t = [];
+		return e.sources.forEach((e) => {
+			this.chart.component(e.component) && this.chart.findShapes(e.selector).filter((t) => t.key === e.component).forEach((e) => {
+				t.push({
+					type: M.Rect,
+					height: e.attrs.height,
+					width: e.attrs.width,
+					x: e.attrs.x,
+					y: e.attrs.y,
+					rx: e.attrs.rx,
+					ry: e.attrs.ry,
+					fill: "transparent",
+					stroke: d.mainDarkNavy,
+					strokeWidth: 0,
+					data: e.data,
+					collider: { type: null }
+				});
+			});
+		}), t;
+	}
+};
+function lt(e) {
+	e.component(A.Deferred, ct);
+}
+var ut = y(), dt = v(({ vSpec: e, vTheme: t, data: n, elementSize: i, vizProperties: a }) => {
+	let o = x(), [s] = (0, De.useState)(() => new Ke()), l = b(), u = t || c, d = C(), f = ue(), p = d.targetDataItemId;
+	if (!p && d.targetInternalKey) {
+		let t = e.dimensions.find((e) => e.dataItem.internalKey === d.targetInternalKey);
+		t && (p = h(t.dataItem));
+	}
+	let m = {
+		...a,
+		valuePickerMode: !!d.activeKey,
+		valuePickerTargetDataItemId: p
+	}, g = {
+		...a,
+		disable: {
+			...a.disable,
+			multiDimSelection: !0
+		}
+	}, _ = s.compile(e, u, n, i, m, r.Treemap, o, l, f);
+	return _ ? /* @__PURE__ */ (0, ut.jsx)(se, {
+		config: g,
+		definition: _,
+		size: i,
+		vSpec: e,
+		escobarPlugins: [st, lt]
+	}) : null;
+});
+export { dt as Treemap };