@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/standalone-BmfMt74U.js

@@ -0,0 +1,726 @@
+import { o as e, t } from "./rolldown-runtime-DleVn1XH.js";
+import { A as n, D as r, N as i, No as a, Oa as o, P as s, Ta as c, Ti as l, Wc as u, Xs as d, Yn as f, eo as p, on as m, pc as h, qs as g, ti as _ } from "./interfaces-VUY4_yVO.js";
+import { I as v, Ki as y, P as b, Zt as x, o as S, wi as C } from "./utils-Ba9T0TqC.js";
+import { n as w, r as T } from "./treemap-x_zmJoG7.js";
+import { Jt as E, M as ee, St as te, Vt as D, X as ne, Z as re, _t as ie, cn as ae, en as oe, et as se, i as ce, j as le, ln as ue, n as de, nn as O, rn as k, rt as fe, sn as A, tn as pe, un as j, wt as me } from "./escobar-BGqT1EsE.js";
+import { l as M, vt as N } from "./_baseFlatten-DPXPOrea.js";
+import { t as he } from "./coloring-C16AUZEi.js";
+import { t as ge } from "./set-coloring-datafield-B3uIS1Pe.js";
+import { a as _e, n as ve } from "./accessors-DemrDevR.js";
+function P() {
+	return 0;
+}
+function F(e) {
+	return function() {
+		return e;
+	};
+}
+function ye(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 be(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 xe(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 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 ? be(c, n, r, i, h ? r += m * g / h : a) : xe(c, n, r, h ? n += p * g / h : i, a), h -= g, u = d;
+	}
+	return o;
+}
+var we = (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);
+function Te() {
+	var e = we, t = !1, n = 1, r = 1, i = [0], a = P, o = P, s = P, c = P, l = P;
+	function u(e) {
+		return e.x0 = e.y0 = 0, e.x1 = n, e.y1 = r, e.eachBefore(d), i = [0], t && e.eachBefore(ye), 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 = ve(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 : F(+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 : F(+e), u) : o;
+	}, u.paddingRight = function(e) {
+		return arguments.length ? (s = typeof e == "function" ? e : F(+e), u) : s;
+	}, u.paddingBottom = function(e) {
+		return arguments.length ? (c = typeof e == "function" ? e : F(+e), u) : c;
+	}, u.paddingLeft = function(e) {
+		return arguments.length ? (l = typeof e == "function" ? e : F(+e), u) : l;
+	}, u;
+}
+var Ee = /* @__PURE__ */ e(y()), I = /* @__PURE__ */ function(e) {
+	return e.cells = "key-cells", e.labels = "key-labels", e.selection = "key-selection", e;
+}({}), L = /* @__PURE__ */ function(e) {
+	return e.CellValue = "cellValue", e.Color = "color", e;
+}({}), R = /* @__PURE__ */ function(e) {
+	return e.MeasureFormatter = "total", e;
+}({}), z = /* @__PURE__ */ function(e) {
+	return e.Leaf = "leaf", e.Header = "header", e;
+}({}), De = (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: {
+			[L.CellValue]: { field: u },
+			...g,
+			[u]: { field: u },
+			...d
+		}
+	}], v = e.coloring ? me(e, o) : null;
+	v && (_[0].props[L.Color] = { field: v });
+	let y = [{
+		key: "coll",
+		data: { extract: [..._] }
+	}];
+	return {
+		...n,
+		collections: y,
+		formatters: { [R.MeasureFormatter]: e.measures[0].formatter ?? {
+			type: "excel-format",
+			format: void 0
+		} }
+	};
+}, B = "treemap-alternates-switcher", V = "treemap-alternates-switcher", Oe = new M(N.fontLight), ke = new M(N.fontDark), H = (e) => f(e) || e.label || e.dataItem?.name || "Field", Ae = (e, t, n, r) => {
+	let i = n ? h(n.dataItem) : void 0;
+	return {
+		type: "native",
+		key: `${V}-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: V,
+					propagation: "stop"
+				}],
+				propagation: "stop"
+			}).find((e) => e.data?.target === "measure" || e.data?.target === "dimension");
+			if (c?.data?.target === "measure" && n && i) {
+				r(j.Text, "click", `text-${i}`, a, c, {
+					dataItemType: u.Measure,
+					dataItemRole: n.role
+				});
+				return;
+			}
+			c?.data?.target === "dimension" && e && r(j.Text, "click", `text-${e}`, a, c, {
+				dataItemType: u.Dimension,
+				dataItemRole: t
+			});
+		} }
+	};
+}, je = (e, t, n, r, i, o, s, c) => {
+	let d = e.dimensions.filter(l), f = e.measures.filter(l), p = d[0], m = f[0], g = p ? h(p.dataItem) : void 0;
+	if (!p && !m) return n;
+	let v = _(e.dimensions, e.enableAlternate, o.isPrintMode), y = _(e.measures, e.enableAlternate, o.isPrintMode);
+	if (!v && !y) return n;
+	let b = o?.isPrintMode ?? !1, x = v ? d.map((e) => H(e)).join(", ") : void 0, S = y && m ? H(m) : void 0, C = e.treemapSettings.branchColor ?? "rgba(150, 150, 150, 0.3)", w = new M(C).betterContrast(new M(t.fonts.general.color), Oe, ke).rgb(), T = {
+		type: B,
+		key: V,
+		dimensionDataItemType: g ? u.Dimension : void 0,
+		dimensionDataItemRole: p?.role,
+		measureDataItemType: m ? u.Measure : void 0,
+		measureDataItemRole: m?.role,
+		layout: {
+			dock: a.Bottom,
+			displayOrder: 0
+		},
+		settings: {
+			dimensionLabel: x ? D(x) : void 0,
+			measureLabel: S ? D(S) : void 0,
+			backgroundColor: C,
+			fontFamily: t.fonts.general.fontFamily,
+			fontSize: `${N.fieldTitle.fontSize}px`,
+			color: w,
+			paddingLeft: 5,
+			paddingRight: 5,
+			paddingVertical: 5,
+			labelGap: 12
+		}
+	}, E = c && !b ? [Ae(g, p?.role, m, c)] : [];
+	return {
+		...n,
+		components: [...n.components, T],
+		interactions: n.interactions ? [...n.interactions, ...E] : [...E]
+	};
+}, Me = /* @__PURE__ */ t(((e, t) => {
+	var n = s(), r = m();
+	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;
+})), U = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	var a = i(), o = n(), s = Me(), c = r();
+	t.exports = o(function(e) {
+		return e.push(void 0, s), a(c, void 0, e);
+	});
+})))()), Ne = () => ({
+	trigger: [{
+		on: ae.Tap,
+		action: A.Toggle,
+		globalPropagation: "stop",
+		propagation: "stop",
+		contexts: [k.Selection]
+	}, {
+		on: ae.Over,
+		action: A.Set,
+		globalPropagation: "stop",
+		propagation: "stop",
+		contexts: [k.Highlight]
+	}],
+	consume: [{
+		context: k.Selection,
+		data: [""],
+		mode: ue.Or,
+		style: { inactive: { fill: (e) => {
+			let t = !e.fill || e.fill === "none" || e.fill === "transparent";
+			switch (!0) {
+				case t: return e.fill;
+				default: return oe(pe(e.fill), .25);
+			}
+		} } }
+	}]
+}), Pe = (e, t, n, r, i, a) => {
+	let o = e.dimensions.filter(l), s = e.measures.filter(l).map((e) => h(e.dataItem)), c = new he(e, t, i?.[0]?.itemsNotAffectedByFiltering), u = [c.MAIN_FIELD];
+	o.slice(0, o.length - 1).forEach((e, t) => {
+		u.push(`dim${t}`);
+	});
+	let { labeling: f } = e.treemapSettings, p = (0, U.default)({}, f?.header, T.labeling.header), m = (0, U.default)({}, f?.leaf, T.labeling.leaf), g = {
+		key: I.cells,
+		type: j.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: p.show,
+				numLevels: p.numLevels,
+				fontSize: E(p.fontSize, void 0, w.labelFontSizeMin, w.labelFontSizeMax)
+			},
+			leafLabels: {
+				show: m.show,
+				fontSize: E(m.fontSize, void 0, w.labelFontSizeMin, w.labelFontSizeMax),
+				showDimension: m.showDimensionValue,
+				showMeasure: m.showMeasureValue,
+				dynamicFontSizeEnabled: m.dynamicFontSizeEnabled
+			},
+			leaf: { fill: c.getColorDefinition({
+				ref: L.Color,
+				dataItemId: e.coloring.type === d.Single ? s[0] : void 0,
+				overwriteSources: u
+			}) }
+		},
+		brush: a.disable?.brushing === !0 ? void 0 : Ne(),
+		animations: {
+			presetId: "simple-opacity",
+			enabled: !0
+		}
+	};
+	return {
+		...n,
+		components: [...n.components, g]
+	};
+}, W = new M(N.fontLight), G = new M(N.fontDark), Fe = (e, t, n) => {
+	let r = new M(n.fonts.general.color), { showDimensionValue: i, showMeasureValue: a, fontSize: o, dynamicFontSizeEnabled: s, show: c } = t.leaf, l = s ? ({ node: e }) => e.desc.dynamicFontSize : E(o, void 0, w.labelFontSizeMin, w.labelFontSizeMax);
+	return {
+		component: I.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 M(e.desc.background).betterContrast(r, W, G).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 M(e.desc.background).betterContrast(r, W, G).rgb();
+					},
+					linkData({ node: e }) {
+						return e.data;
+					},
+					label({ node: e, formatter: t }) {
+						return t(R.MeasureFormatter)(e.desc?.total, void 0, e.data);
+					}
+				} : null].filter(Boolean)
+			}
+		}
+	};
+}, K = 128, Ie = (e, t, n) => {
+	let r = new M(n.fonts.general.color), i = E(t.header.fontSize, void 0, w.labelFontSizeMin, w.labelFontSizeMax), { showDimensionValue: a, showMeasureValue: o } = t.header;
+	return {
+		component: I.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 M(e.desc.background).betterContrast(r, W, G).rgb();
+					},
+					linkData({ node: e }) {
+						return e.data;
+					},
+					label({ node: e, formatter: t }) {
+						let n = o ? t(R.MeasureFormatter)(e.desc?.total) : void 0;
+						return [a ? e.desc?.label?.length > K - 1 ? `${e.desc?.label?.substring(0, K - 1).replace(/\s+$/, "")}…` : e.desc?.label : void 0, n].filter(Boolean).join(": ");
+					}
+				}]
+			}
+		}
+	};
+}, Le = (e, t, n, r, i, a) => {
+	let o = (0, U.default)({}, e.treemapSettings?.labeling, T.labeling), s = {
+		type: j.Labels,
+		key: I.labels,
+		layout: { displayOrder: 2 },
+		settings: { sources: [Fe(`.${z.Leaf}`, o, t), Ie(`.${z.Header}`, o, t)] },
+		style: { label: "$label" },
+		brush: a.disable?.brushing === !0 ? void 0 : { consume: [{
+			context: k.Selection,
+			data: [""],
+			style: { inactive: { opacity: .3 } }
+		}] },
+		animations: {
+			presetId: "simple-opacity",
+			enabled: !0
+		}
+	};
+	return {
+		...n,
+		components: [...n.components, s]
+	};
+}, Re = () => ({ consume: [{
+	context: k.Selection,
+	data: [""],
+	mode: ue.Or,
+	style: {
+		active: {
+			strokeWidth: 2,
+			stroke: o.mainDarkNavy
+		},
+		inactive: { strokeWidth: 0 }
+	}
+}] }), ze = (e, t, n, r, i, a) => {
+	let o = {
+		key: I.selection,
+		type: j.Deferred,
+		layout: { displayOrder: 10 },
+		settings: { sources: [{
+			component: I.cells,
+			selector: O.Rect
+		}] },
+		brush: a.disable?.brushing === !0 ? void 0 : Re(),
+		animations: {
+			presetId: "simple-opacity",
+			enabled: !0
+		}
+	};
+	return {
+		...n,
+		components: [...n.components, o]
+	};
+}, Be = (e, t, n, r, i, a, o) => {
+	if (!e.dimensions.filter(l)[0]) return n;
+	let s = n.collections[0]?.data.extract[0]?.props[L.Color], c;
+	s?.field && (c = s?.field);
+	let u = {};
+	return u = te(ge(e, c), t, u, n.collections, o), {
+		...n,
+		scales: u
+	};
+}, Ve = (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: `${N.fieldTitle.fontSize}px`,
+			padding: 4
+		}
+	};
+	return {
+		...n,
+		style: a
+	};
+}, He = (e, t) => t.data.label, q = (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
+	};
+}, Ue = (e, t, n, r, i, a, o, s) => {
+	let c = [], u = e.filter(l), d = se(n), p = u.filter((e) => !d.has(h(e.dataItem)))[0] ?? u[0], m = (p ? f(p) : "") || p?.label || p?.dataItem.name || "", g = p ? m : "Count", _ = Number(t.desc?.total), v = t.data[L.CellValue]?.source ? t.data : void 0;
+	return c.push(q(g, _, n, s, R.MeasureFormatter, v)), u.filter((e) => d.has(h(e.dataItem))).forEach((e) => {
+		let r = h(e.dataItem), i = Object.keys(t.data).find((e) => t.data[e]?.source?.field === r);
+		if (!i) return;
+		let a = f(e) || e.label || e.dataItem.name || "", o = Number(t.data[i]?.value);
+		c.push(q(a, o, n, s, e.formatter, t.data));
+	}), c;
+}, We = (e, t, n, r, i) => {
+	let a = {
+		placement: () => ({
+			area: "target",
+			type: "pointer"
+		}),
+		filter: (e) => e.filter((e) => e.type !== O.Text && e.key === I.cells)
+	};
+	return a.extract = re(e, t, Ue, He), ne(e, t, n, a, "tooltip", i);
+}, Ge = class extends le {
+	constructor() {
+		super([
+			De,
+			Be,
+			Pe,
+			ze,
+			ie,
+			je,
+			Le,
+			Ve,
+			We
+		]);
+	}
+	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.");
+		});
+	}
+}, J = {
+	numDimensions: 0,
+	cellPadding: 2,
+	cellRadius: 0,
+	leafLabels: {
+		showDimension: !0,
+		showMeasure: !0,
+		show: !0
+	},
+	headerLabels: {
+		show: !0,
+		fontSize: 11,
+		numLevels: 1
+	},
+	leaf: { fill: o.mainDarkNavy }
+}, Y = (e) => Array(Math.max(0, e - 1)).fill(0).map((e, t) => `dim${t}`), Ke = "__virtual__::__root__", qe = (e, t) => {
+	let n = Y(e.numDimensions), r = {
+		data: {
+			label: "__root__",
+			value: null
+		},
+		id: Ke,
+		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 = _e(r);
+	return o.each((e) => delete e.data.children), o;
+}, X = (e) => e + Math.max(12, e * .5), Z = (e, t, n) => e.y1 - e.y0 >= t + 12 && e.x1 - e.x0 >= n * 2;
+function Je(e) {
+	let { cellPadding: t, headerLabels: n } = e, { fontSize: r } = n, i = X(r);
+	Te().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 && Z(n, i, r) ? t + i : n.depth ? t : 0)(e.root);
+}
+var Ye = 8, Xe = "rgba(250, 250, 250, 0.8)", Ze = "rgba(60, 60, 60, 0.8)", Qe = .12, $e = 24, et = (e, t) => {
+	let n = null, r = null;
+	return !e.height && t.leafLabels.show ? (r = Qe * Math.sqrt((e.y1 - e.y0) * (e.x1 - e.x0)), n = t.leafLabels.dynamicFontSizeEnabled && r < Ye ? null : z.Leaf) : e.height && t.headerLabels.show && t.headerLabels.numLevels >= e.depth && (n = z.Header), {
+		labelTarget: n,
+		leafDynamicFontSize: r
+	};
+}, tt = (e, t) => {
+	let n = [...Y(e.numDimensions), "cell"].map((t, n) => Math.max(0, e.cellRadius - e.cellPadding * n * .25)), r = new M(e.branchColor ?? "rgba(150, 150, 150, 0.3)").isDark() ? Ze : Xe, i = X(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, s = t.y1 - t.y0, { labelTarget: c, leafDynamicFontSize: l } = et(t, e), u = t.data.fill || o.black, d = n[t.depth - 1];
+		return {
+			id: t.data.id,
+			type: O.Rect,
+			tag: c === z.Header ? Z(t, i, e.headerLabels.fontSize) ? c : void 0 : c && s >= $e ? c : void 0,
+			x: t.x0,
+			y: t.y0,
+			rx: d,
+			ry: d,
+			width: t.x1 - t.x0,
+			height: t.y1 - t.y0,
+			fill: u,
+			stroke: r,
+			strokeWidth: +!a,
+			opacity: t.data.opacity ?? 1,
+			desc: {
+				background: u,
+				label: t.data.data.label,
+				total: t.value,
+				dynamicFontSize: l
+			},
+			data: t.data.data
+		};
+	});
+}, nt = {
+	[p.DESC]: (e, t) => t.height - e.height || t.value - e.value,
+	[p.ASC]: (e, t) => t.height - e.height || e.value - t.value
+}, rt = {
+	require: [
+		"resolver",
+		"chart",
+		"renderer"
+	],
+	defaultSettings: {
+		settings: J,
+		style: {
+			title: "$title",
+			label: "$label"
+		}
+	},
+	render({ data: e }) {
+		let { settings: t } = this.settings, { items: n } = this.resolver.resolve({
+			data: { items: e.items },
+			defaults: { ...J.leaf },
+			settings: { ...t.leaf }
+		}), r = qe(t, n);
+		return r.sum((e) => e.children?.length ? 0 : e.data.cellValue?.value || 0), t.cellOrder && nt[t.cellOrder] && r.sort(nt[t.cellOrder]), Je({
+			cellPadding: t.cellPadding,
+			rect: this.rect,
+			root: r,
+			headerLabels: t.headerLabels
+		}), tt(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: J.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(j.Treemap, rt), e.component(B, 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: O.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: o.mainDarkNavy,
+					strokeWidth: 0,
+					data: e.data,
+					collider: { type: null }
+				});
+			});
+		}), t;
+	}
+};
+function lt(e) {
+	e.component(j.Deferred, ct);
+}
+var ut = C(), dt = x(({ vSpec: e, vTheme: t, data: n, elementSize: r, vizProperties: i }) => {
+	let a = b(), [o] = (0, Ee.useState)(() => new Ge()), s = v(), l = t || c, u = S(), d = de(), f = u.targetDataItemId;
+	if (!f && u.targetInternalKey) {
+		let t = e.dimensions.find((e) => e.dataItem.internalKey === u.targetInternalKey);
+		t && (f = h(t.dataItem));
+	}
+	let p = {
+		...i,
+		valuePickerMode: !!u.activeKey,
+		valuePickerTargetDataItemId: f
+	}, m = {
+		...i,
+		disable: {
+			...i.disable,
+			multiDimSelection: !0
+		}
+	}, _ = o.compile(e, l, n, r, p, g.Treemap, a, s, d);
+	return _ ? /* @__PURE__ */ (0, ut.jsx)(ce, {
+		config: m,
+		definition: _,
+		size: r,
+		vSpec: e,
+		escobarPlugins: [st, lt]
+	}) : null;
+});
+export { dt as Treemap };