@milaboratories/miplots4 1.1.0 → 1.2.1

package/dist/heatmap/getCells.js

@@ -24,9 +24,9 @@ function t() {
 		facets: {}
 	};
 }
-function n({ data: n, xColumn: r, yColumn: i, valueColumns: a, facetBy: o, xGroupBy: s, yGroupBy: c, facetSettings: l, annotations: u, dendrogramX: d, dendrogramY: f, normalization: p, NAValueAs: m, keysOrder: h, xAxis: g, yAxis: _, aggregation: v, showEmptyRows: y = !1, showEmptyColumns: b = !1 }) {
-	let x = t();
-	return e(x, {
+function n({ data: n, xColumn: r, yColumn: i, valueColumns: a, facetBy: o, xGroupBy: s, yGroupBy: c, xSortBy: l, ySortBy: u, facetSettings: d, annotations: f, dendrogramX: p, dendrogramY: m, normalization: h, NAValueAs: g, transform: _, keysOrder: v, xAxis: y, yAxis: b, aggregation: x, showEmptyRows: S = !1, showEmptyColumns: C = !1 }) {
+	let w = t();
+	return e(w, {
 		data: n,
 		xColumn: r,
 		yColumn: i,
@@ -34,19 +34,22 @@ function n({ data: n, xColumn: r, yColumn: i, valueColumns: a, facetBy: o, xGrou
 		facetBy: o,
 		xGroupBy: s,
 		yGroupBy: c,
-		facetSettings: l,
-		annotations: u,
-		dendrogramX: d,
-		dendrogramY: f,
-		normalizationBySource: { dataSource: p },
-		NAValueAs: m,
-		keysOrder: h,
-		xAxis: g,
-		yAxis: _,
-		aggregation: v,
-		showEmptyRows: y,
-		showEmptyColumns: b
-	}), x;
+		xSortBy: l,
+		ySortBy: u,
+		facetSettings: d,
+		annotations: f,
+		dendrogramX: p,
+		dendrogramY: m,
+		normalizationBySource: { dataSource: h },
+		NAValueAs: g,
+		transformBySource: { dataSource: _ },
+		keysOrder: v,
+		xAxis: y,
+		yAxis: b,
+		aggregation: x,
+		showEmptyRows: S,
+		showEmptyColumns: C
+	}), w;
 }
 export { n as getCells };
 

package/dist/heatmap/getCells.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCells.js","names":[],"sources":["../../src/heatmap/getCells.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName } from '../types';\nimport type { HeatmapSettingsImpl } from './HeatmapSettingsImpl';\nimport type { Cell, GroupedCellsData } from './fillCellsData';\nimport { fillCellsData } from './fillCellsData';\n\nexport type CellHeatmap = Cell<'dataSource'>\nexport type GroupedCellsHeatmap = GroupedCellsData<'dataSource'>;\n\nexport function createEmptyGroupedCells(): GroupedCellsHeatmap {\n    return {\n        meta: {\n            valueSources: ['dataSource'],\n            facetKeys: [],\n            xKeys: [],\n            yKeys: [],\n            xGroupKeys: [],\n            yGroupKeys: [],\n            xKeysByGroups: {},\n            yKeysByGroups: {},\n            xLabels: {},\n            yLabels: {},\n            xGroupLabels: {},\n            yGroupLabels: {},\n            xDataByKeys: {},\n            yDataByKeys: {},\n            facetKeyValues: {},\n            xGroupKeyValues: {},\n            yGroupKeyValues: {},\n            valueExtent: { dataSource: [Infinity, -Infinity] },\n        },\n        facets: {},\n    };\n}\n\nexport function getCells({\n    data,\n    xColumn,\n    yColumn,\n    valueColumns,\n    facetBy,\n    xGroupBy,\n    yGroupBy,\n    facetSettings,\n    annotations,\n    dendrogramX,\n    dendrogramY,\n    normalization,\n    NAValueAs,\n    keysOrder,\n    xAxis,\n    yAxis,\n    aggregation,\n    showEmptyRows = false,\n    showEmptyColumns = false,\n}: {\n    data: DataFrame;\n    xColumn: ColumnName;\n    yColumn: ColumnName;\n    valueColumns: Record<string, ColumnName>;\n    facetBy: ColumnName[];\n    xGroupBy: ColumnName[];\n    yGroupBy: ColumnName[];\n    facetSettings: HeatmapSettingsImpl['facetSettings'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    dendrogramX: HeatmapSettingsImpl['dendrogramX'];\n    dendrogramY: HeatmapSettingsImpl['dendrogramY'];\n    normalization: HeatmapSettingsImpl['normalization'];\n    NAValueAs: HeatmapSettingsImpl['NAValueAs'];\n    keysOrder: HeatmapSettingsImpl['keysOrder'];\n    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n    aggregation: HeatmapSettingsImpl['aggregation'];\n    showEmptyRows?: boolean;\n    showEmptyColumns?: boolean;\n}): GroupedCellsHeatmap {\n    const result: GroupedCellsHeatmap = createEmptyGroupedCells();\n    fillCellsData(result, {\n        data,\n        xColumn, yColumn, valueColumns,\n        facetBy, xGroupBy, yGroupBy,\n        facetSettings,\n        annotations,\n        dendrogramX, dendrogramY,\n        normalizationBySource: { dataSource: normalization },\n        NAValueAs,\n        keysOrder,\n        xAxis,\n        yAxis,\n        aggregation,\n        showEmptyRows,\n        showEmptyColumns,\n    });\n    return result;\n}\n"],"mappings":";AASA,SAAgB,IAA+C;AAC3D,QAAO;EACH,MAAM;GACF,cAAc,CAAC,aAAa;GAC5B,WAAW,EAAE;GACb,OAAO,EAAE;GACT,OAAO,EAAE;GACT,YAAY,EAAE;GACd,YAAY,EAAE;GACd,eAAe,EAAE;GACjB,eAAe,EAAE;GACjB,SAAS,EAAE;GACX,SAAS,EAAE;GACX,cAAc,EAAE;GAChB,cAAc,EAAE;GAChB,aAAa,EAAE;GACf,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GACnB,aAAa,EAAE,YAAY,CAAC,UAAU,UAAU,EAAE;GACrD;EACD,QAAQ,EAAE;EACb;;AAGL,SAAgB,EAAS,EACrB,SACA,YACA,YACA,iBACA,YACA,aACA,aACA,kBACA,gBACA,gBACA,gBACA,kBACA,cACA,cACA,UACA,UACA,gBACA,mBAAgB,IAChB,sBAAmB,MAqBC;CACpB,IAAM,IAA8B,GAAyB;AAiB7D,QAhBA,EAAc,GAAQ;EAClB;EACA;EAAS;EAAS;EAClB;EAAS;EAAU;EACnB;EACA;EACA;EAAa;EACb,uBAAuB,EAAE,YAAY,GAAe;EACpD;EACA;EACA;EACA;EACA;EACA;EACA;EACH,CAAC,EACK"}
+{"version":3,"file":"getCells.js","names":[],"sources":["../../src/heatmap/getCells.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName } from '../types';\nimport type { HeatmapSettingsImpl } from './HeatmapSettingsImpl';\nimport type { Cell, GroupedCellsData } from './fillCellsData';\nimport { fillCellsData } from './fillCellsData';\n\nexport type CellHeatmap = Cell<'dataSource'>\nexport type GroupedCellsHeatmap = GroupedCellsData<'dataSource'>;\n\nexport function createEmptyGroupedCells(): GroupedCellsHeatmap {\n    return {\n        meta: {\n            valueSources: ['dataSource'],\n            facetKeys: [],\n            xKeys: [],\n            yKeys: [],\n            xGroupKeys: [],\n            yGroupKeys: [],\n            xKeysByGroups: {},\n            yKeysByGroups: {},\n            xLabels: {},\n            yLabels: {},\n            xGroupLabels: {},\n            yGroupLabels: {},\n            xDataByKeys: {},\n            yDataByKeys: {},\n            facetKeyValues: {},\n            xGroupKeyValues: {},\n            yGroupKeyValues: {},\n            valueExtent: { dataSource: [Infinity, -Infinity] },\n        },\n        facets: {},\n    };\n}\n\nexport function getCells({\n    data,\n    xColumn,\n    yColumn,\n    valueColumns,\n    facetBy,\n    xGroupBy,\n    yGroupBy,\n    xSortBy,\n    ySortBy,\n    facetSettings,\n    annotations,\n    dendrogramX,\n    dendrogramY,\n    normalization,\n    NAValueAs,\n    transform,\n    keysOrder,\n    xAxis,\n    yAxis,\n    aggregation,\n    showEmptyRows = false,\n    showEmptyColumns = false,\n}: {\n    data: DataFrame;\n    xColumn: ColumnName;\n    yColumn: ColumnName;\n    valueColumns: Record<string, ColumnName>;\n    facetBy: ColumnName[];\n    xGroupBy: ColumnName[];\n    yGroupBy: ColumnName[];\n    xSortBy: ColumnName[];\n    ySortBy: ColumnName[];\n    facetSettings: HeatmapSettingsImpl['facetSettings'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    dendrogramX: HeatmapSettingsImpl['dendrogramX'];\n    dendrogramY: HeatmapSettingsImpl['dendrogramY'];\n    normalization: HeatmapSettingsImpl['normalization'];\n    NAValueAs: HeatmapSettingsImpl['NAValueAs'];\n    transform: HeatmapSettingsImpl['transform'];\n    keysOrder: HeatmapSettingsImpl['keysOrder'];\n    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n    aggregation: HeatmapSettingsImpl['aggregation'];\n    showEmptyRows?: boolean;\n    showEmptyColumns?: boolean;\n}): GroupedCellsHeatmap {\n    const result: GroupedCellsHeatmap = createEmptyGroupedCells();\n    fillCellsData(result, {\n        data,\n        xColumn, yColumn, valueColumns,\n        facetBy, xGroupBy, yGroupBy,\n        xSortBy, ySortBy,\n        facetSettings,\n        annotations,\n        dendrogramX, dendrogramY,\n        normalizationBySource: { dataSource: normalization },\n        NAValueAs,\n        transformBySource: { dataSource: transform },\n        keysOrder,\n        xAxis,\n        yAxis,\n        aggregation,\n        showEmptyRows,\n        showEmptyColumns,\n    });\n    return result;\n}\n"],"mappings":";AASA,SAAgB,IAA+C;AAC3D,QAAO;EACH,MAAM;GACF,cAAc,CAAC,aAAa;GAC5B,WAAW,EAAE;GACb,OAAO,EAAE;GACT,OAAO,EAAE;GACT,YAAY,EAAE;GACd,YAAY,EAAE;GACd,eAAe,EAAE;GACjB,eAAe,EAAE;GACjB,SAAS,EAAE;GACX,SAAS,EAAE;GACX,cAAc,EAAE;GAChB,cAAc,EAAE;GAChB,aAAa,EAAE;GACf,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GACnB,aAAa,EAAE,YAAY,CAAC,UAAU,UAAU,EAAE;GACrD;EACD,QAAQ,EAAE;EACb;;AAGL,SAAgB,EAAS,EACrB,SACA,YACA,YACA,iBACA,YACA,aACA,aACA,YACA,YACA,kBACA,gBACA,gBACA,gBACA,kBACA,cACA,cACA,cACA,UACA,UACA,gBACA,mBAAgB,IAChB,sBAAmB,MAwBC;CACpB,IAAM,IAA8B,GAAyB;AAmB7D,QAlBA,EAAc,GAAQ;EAClB;EACA;EAAS;EAAS;EAClB;EAAS;EAAU;EACnB;EAAS;EACT;EACA;EACA;EAAa;EACb,uBAAuB,EAAE,YAAY,GAAe;EACpD;EACA,mBAAmB,EAAE,YAAY,GAAW;EAC5C;EACA;EACA;EACA;EACA;EACA;EACH,CAAC,EACK"}

package/dist/heatmap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/heatmap/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAmB,KAAK,SAAS,EAAuB,KAAK,oBAAoB,EAAE,KAAK,eAAe,EAAe,MAAM,UAAU,CAAC;AAE9I,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,qBAAa,YAAa,SAAQ,aAAa;IAC3C,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,aAAa,gBAAuB;IAEpC,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAQ;IAChD,eAAe,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAQ;IAE5C,cAAc,EAAE;QACZ,gBAAgB,EAAE,mBAAmB,CAAC;QACtC,eAAe,EAAE,eAAe,CAAC;QACjC,cAAc,EAAE,SAAS,EAAE,CAAC;KAC/B,GAAG,IAAI,CAAQ;IAEhB,gCAAgC,UAAS;gBAE7B,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,aAAa,CAAC,EAAC,oBAAoB;IAU3F,KAAK,CAAC,IAAI,EAAE,WAAW;IAgBvB,OAAO;IAIP,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe;IA0BhE,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAIhD,MAAM,IAAI,MAAM;IAKhB,mCAAmC,CAAC,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,mBAAmB;IAoEpG,+BAA+B,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;IAU9D,WAAW;IAkEjB,gBAAgB;IAIhB,YAAY;CAkDf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/heatmap/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAmB,KAAK,SAAS,EAAuB,KAAK,oBAAoB,EAAE,KAAK,eAAe,EAAe,MAAM,UAAU,CAAC;AAE9I,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,qBAAa,YAAa,SAAQ,aAAa;IAC3C,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,aAAa,gBAAuB;IAEpC,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAQ;IAChD,eAAe,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAQ;IAE5C,cAAc,EAAE;QACZ,gBAAgB,EAAE,mBAAmB,CAAC;QACtC,eAAe,EAAE,eAAe,CAAC;QACjC,cAAc,EAAE,SAAS,EAAE,CAAC;KAC/B,GAAG,IAAI,CAAQ;IAEhB,gCAAgC,UAAS;gBAE7B,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,aAAa,CAAC,EAAC,oBAAoB;IAU3F,KAAK,CAAC,IAAI,EAAE,WAAW;IAgBvB,OAAO;IAIP,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe;IA0BhE,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAIhD,MAAM,IAAI,MAAM;IAKhB,mCAAmC,CAAC,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,mBAAmB;IA4EpG,+BAA+B,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;IAU9D,WAAW;IAwEjB,gBAAgB;IAIhB,YAAY;CAsCf"}

package/dist/heatmap/index.js

@@ -45,50 +45,53 @@ var d = class extends e {
 		return this._updateChart(), u(this.chartRenderer.component);
 	}
 	_needUpdateCalculatedDataBySettings(e, t) {
-		let { xColumn: n, yColumn: a, valueColumn: o, xGroupBy: s, yGroupBy: c, facetBy: l, annotations: u, chartSettings: d, facetSettings: f, dendrogramX: p, dendrogramY: m, normalization: h, aggregation: g, NAValueAs: _ } = t, v = Object.values(e.dendrogramX?.aes || {}).filter(r), y = Object.values(p?.aes || {}).filter(r), b = Object.values(e.dendrogramY?.aes || {}).filter(r), x = Object.values(m?.aes || {}).filter(r);
-		function S(e, t) {
+		let { xColumn: n, yColumn: a, valueColumn: o, xGroupBy: s, yGroupBy: c, xSortBy: l, ySortBy: u, facetBy: d, annotations: f, chartSettings: p, facetSettings: m, dendrogramX: h, dendrogramY: g, normalization: _, aggregation: v, NAValueAs: y, transform: b } = t, x = Object.values(e.dendrogramX?.aes || {}).filter(r), S = Object.values(h?.aes || {}).filter(r), C = Object.values(e.dendrogramY?.aes || {}).filter(r), w = Object.values(g?.aes || {}).filter(r);
+		function T(e, t) {
 			return e.length !== t.length || e.some((e, n) => e.value !== t[n].value);
 		}
-		return e.xColumn.value !== n.value || e.yColumn.value !== a.value || e.valueColumn.value !== o.value || S(e.xGroupBy, s) || S(e.yGroupBy, c) || S(e.facetBy, l) || S(e.annotations.map((e) => e.valueColumn), u.map((e) => e.valueColumn)) || S(v, y) || S(b, x) || (t.dendrogramX || e.dendrogramX) && (e.dendrogramX?.distance !== t.dendrogramX?.distance || e.dendrogramX?.linkage !== t.dendrogramX?.linkage) || (t.dendrogramY || e.dendrogramY) && (e.dendrogramY?.distance !== t.dendrogramY?.distance || e.dendrogramY?.linkage !== t.dendrogramY?.linkage) || e.chartSettings.valueType !== d.valueType || e.facetSettings.sharedX !== f.sharedX || e.facetSettings.sharedY !== f.sharedY || i(e.facetSettings?.order ?? [], t.facetSettings?.order ?? []) || e.normalization?.method !== h?.method || e.normalization?.direction !== h?.direction || e.NAValueAs !== _ || e.aggregation?.method !== g?.method || e.aggregation?.x !== g?.x || e.aggregation?.y !== g?.y || e.showEmptyRows !== t.showEmptyRows || e.showEmptyColumns !== t.showEmptyColumns;
+		return e.xColumn.value !== n.value || e.yColumn.value !== a.value || e.valueColumn.value !== o.value || T(e.xGroupBy, s) || T(e.yGroupBy, c) || T(e.xSortBy, l) || T(e.ySortBy, u) || e.chartSettings.xAxis.sorting !== p.xAxis.sorting || e.chartSettings.yAxis.sorting !== p.yAxis.sorting || T(e.facetBy, d) || T(e.annotations.map((e) => e.valueColumn), f.map((e) => e.valueColumn)) || T(x, S) || T(C, w) || (t.dendrogramX || e.dendrogramX) && (e.dendrogramX?.distance !== t.dendrogramX?.distance || e.dendrogramX?.linkage !== t.dendrogramX?.linkage) || (t.dendrogramY || e.dendrogramY) && (e.dendrogramY?.distance !== t.dendrogramY?.distance || e.dendrogramY?.linkage !== t.dendrogramY?.linkage) || e.chartSettings.valueType !== p.valueType || e.facetSettings.sharedX !== m.sharedX || e.facetSettings.sharedY !== m.sharedY || i(e.facetSettings?.order ?? [], t.facetSettings?.order ?? []) || e.normalization?.method !== _?.method || e.normalization?.direction !== _?.direction || e.transform !== b || e.NAValueAs !== y || e.aggregation?.method !== v?.method || e.aggregation?.x !== v?.x || e.aggregation?.y !== v?.y || e.showEmptyRows !== t.showEmptyRows || e.showEmptyColumns !== t.showEmptyColumns;
 	}
 	_needUpdateCalculatedDataByData(e, t) {
 		let n = Object.keys(e.data), r = Object.keys(t.data);
 		return e.id !== t.id || n.length !== r.length || n.some((n) => e.data[n].length !== t.data[n]?.length);
 	}
 	async _updateData() {
-		let { xColumn: e, yColumn: t, valueColumn: n, xGroupBy: r, yGroupBy: i, facetBy: a, chartSettings: c, facetSettings: l, annotations: u, dendrogramX: d, dendrogramY: f, normalization: p, NAValueAs: m, keysOrder: h, aggregation: g, showEmptyRows: _, showEmptyColumns: v } = this.settings, y = o({
+		let { xColumn: e, yColumn: t, valueColumn: n, xGroupBy: r, yGroupBy: i, xSortBy: a, ySortBy: c, facetBy: l, chartSettings: u, facetSettings: d, annotations: f, dendrogramX: p, dendrogramY: m, normalization: h, NAValueAs: g, transform: _, keysOrder: v, aggregation: y, showEmptyRows: b, showEmptyColumns: x } = this.settings, S = o({
 			data: this.data,
 			xColumn: e,
 			yColumn: t,
 			valueColumns: { dataSource: n },
-			facetBy: a,
+			facetBy: l,
 			xGroupBy: r,
 			yGroupBy: i,
-			facetSettings: l,
-			annotations: u,
-			dendrogramX: d,
-			dendrogramY: f,
-			normalization: p,
-			NAValueAs: m,
-			keysOrder: h,
-			xAxis: c.xAxis,
-			yAxis: c.yAxis,
-			aggregation: g,
-			showEmptyRows: _,
-			showEmptyColumns: v
-		}), b = c.valueType === "discrete" ? this.data.getColumnCategories(n.value) : [];
-		if (d && l.sharedX && a.length > 0) throw Error("Dendrogram on X axis is not available with shared by facets X axis");
-		if (f && l.sharedY && a.length > 0) throw Error("Dendrogram on Y axis is not available with shared by facets Y axis");
+			xSortBy: a,
+			ySortBy: c,
+			facetSettings: d,
+			annotations: f,
+			dendrogramX: p,
+			dendrogramY: m,
+			normalization: h,
+			NAValueAs: g,
+			transform: _,
+			keysOrder: v,
+			xAxis: u.xAxis,
+			yAxis: u.yAxis,
+			aggregation: y,
+			showEmptyRows: b,
+			showEmptyColumns: x
+		}), C = u.valueType === "discrete" ? this.data.getColumnCategories(n.value) : [];
+		if (p && d.sharedX && l.length > 0) throw Error("Dendrogram on X axis is not available with shared by facets X axis");
+		if (m && d.sharedY && l.length > 0) throw Error("Dendrogram on Y axis is not available with shared by facets Y axis");
 		this.clusteringCalculationsInProgress = !0, this.onLoadingChange(!0);
-		let x = await s({
-			groupedCellsData: y,
-			dendrogramX: d,
-			dendrogramY: f
+		let w = await s({
+			groupedCellsData: S,
+			dendrogramX: p,
+			dendrogramY: m
 		});
 		this.clusteringCalculationsInProgress = !1, this.onLoadingChange(!1), this.calculatedData = {
-			groupedCellsData: y,
-			dendrogramsData: x,
-			cellUniqValues: b
+			groupedCellsData: S,
+			dendrogramsData: w,
+			cellUniqValues: C
 		}, this._updateChart();
 	}
 	_updateAesInData() {
@@ -96,13 +99,8 @@ var d = class extends e {
 	}
 	_updateChart() {
 		if (!this.calculatedData || this.clusteringCalculationsInProgress) return;
-		let { id: e, valueColumn: t, chartSettings: n, facetSettings: r, aes: i, annotations: a, dendrogramX: o, dendrogramY: s, inheritedDendrogramAes: c, normalization: l, keysOrder: u, xColumn: d, yColumn: f, xGroupBy: p, yGroupBy: m } = this.settings, h = {
-			x: u[d.value]?.length > 0,
-			y: u[f.value]?.length > 0,
-			xGroup: p.some((e) => u[e.value]?.length > 0),
-			yGroup: m.some((e) => u[e.value]?.length > 0)
-		}, g = this.data.columnNames.length ? this.data.getColumn(this.data.columnNames[0]).length : 0, _ = this.settings.cellsRenderingMode ?? (g > 5e5 ? "canvas" : "svg");
-		this.chartRenderer.render(this.data, e, n, r, i, this.calculatedData.groupedCellsData, a, t, o, s, this.calculatedData.dendrogramsData, c, this.calculatedData.cellUniqValues, l, this.onTooltipHintSwitch, h, _);
+		let { id: e, valueColumn: t, chartSettings: n, facetSettings: r, aes: i, annotations: a, dendrogramX: o, dendrogramY: s, inheritedDendrogramAes: c, normalization: l } = this.settings, u = this.data.columnNames.length ? this.data.getColumn(this.data.columnNames[0]).length : 0, d = this.settings.cellsRenderingMode ?? (u > 5e5 ? "canvas" : "svg");
+		this.chartRenderer.render(this.data, e, n, r, i, this.calculatedData.groupedCellsData, a, t, o, s, this.calculatedData.dendrogramsData, c, this.calculatedData.cellUniqValues, l, this.onTooltipHintSwitch, d);
 	}
 };
 export { d as ChartHeatmap };

package/dist/heatmap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/heatmap/index.ts"],"sourcesContent":["import { renderToString } from 'react-dom/server.browser';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport { type ColumnName, type DataValue, getUnknownErrorInfo, type HeatmapEventHandlers, type HeatmapSettings, isErrorInfo } from '../types';\nimport { isColumnName } from '../utils';\nimport ChartRenderer from './ChartRenderer';\nimport type { GroupedCellsHeatmap } from './getCells';\nimport { getCells } from './getCells';\nimport type { DendrogramsData } from './getDendrograms';\nimport { getDendrograms } from './getDendrograms';\nimport { HeatmapSettingsImpl } from './HeatmapSettingsImpl';\nimport { MAX_SVG_RENDERED_CELLS_COUNT } from './constants';\nimport { noop } from 'lodash';\nimport { arraysAreDifferent } from '../utils/arraysAreDifferent';\n\nexport class ChartHeatmap extends AbstractChart {\n    settings: HeatmapSettingsImpl;\n    chartRenderer = new ChartRenderer();\n\n    onTooltipHintSwitch: (v:boolean) => void = noop;\n    onLoadingChange: (v:boolean) => void = noop;\n\n    calculatedData: {\n        groupedCellsData: GroupedCellsHeatmap;\n        dendrogramsData: DendrogramsData;\n        cellUniqValues: DataValue[];\n    } | null = null;\n\n    clusteringCalculationsInProgress = false;\n\n    constructor(data: DataFrame, settings: HeatmapSettings, eventHandlers?:HeatmapEventHandlers) {\n        super(data, settings);\n\n        this.settings = new HeatmapSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onTooltipHintSwitch = eventHandlers.onTooltipHintSwitch ?? noop;\n            this.onLoadingChange = eventHandlers.onLoadingChange ?? noop;\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: HeatmapSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new HeatmapSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(_field: string, _value: unknown) {\n        console.warn('no chart state for heatmap');\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: HeatmapSettingsImpl, settings: HeatmapSettingsImpl) {\n        const {\n            xColumn,\n            yColumn,\n            valueColumn,\n            xGroupBy,\n            yGroupBy,\n            facetBy,\n            annotations,\n            chartSettings,\n            facetSettings,\n            dendrogramX,\n            dendrogramY,\n            normalization,\n            aggregation,\n            NAValueAs,\n        } = settings;\n\n        const prevDendrogramXColumns: ColumnName[] = Object.values(prevSettings.dendrogramX?.aes || {}).filter(\n            isColumnName\n        );\n        const currentDendrogramXColumns: ColumnName[] = Object.values(dendrogramX?.aes || {}).filter(isColumnName);\n        const prevDendrogramYColumns: ColumnName[] = Object.values(prevSettings.dendrogramY?.aes || {}).filter(\n            isColumnName\n        );\n        const currentDendrogramYColumns: ColumnName[] = Object.values(dendrogramY?.aes || {}).filter(isColumnName);\n\n        function compareColumnGroups(columns1: ColumnName[], columns2: ColumnName[]) {\n            return (\n                columns1.length !== columns2.length ||\n                columns1.some((column, idx) => column.value !== columns2[idx].value)\n            );\n        }\n\n        return (\n            prevSettings.xColumn.value !== xColumn.value ||\n            prevSettings.yColumn.value !== yColumn.value ||\n            prevSettings.valueColumn.value !== valueColumn.value ||\n            compareColumnGroups(prevSettings.xGroupBy, xGroupBy) ||\n            compareColumnGroups(prevSettings.yGroupBy, yGroupBy) ||\n            compareColumnGroups(prevSettings.facetBy, facetBy) ||\n            compareColumnGroups(\n                prevSettings.annotations.map(a => a.valueColumn),\n                annotations.map(a => a.valueColumn)\n            ) ||\n            compareColumnGroups(prevDendrogramXColumns, currentDendrogramXColumns) ||\n            compareColumnGroups(prevDendrogramYColumns, currentDendrogramYColumns) ||\n            ((settings.dendrogramX || prevSettings.dendrogramX) &&\n                (prevSettings.dendrogramX?.distance !== settings.dendrogramX?.distance ||\n                    prevSettings.dendrogramX?.linkage !== settings.dendrogramX?.linkage)) ||\n            ((settings.dendrogramY || prevSettings.dendrogramY) &&\n                (prevSettings.dendrogramY?.distance !== settings.dendrogramY?.distance ||\n                    prevSettings.dendrogramY?.linkage !== settings.dendrogramY?.linkage)) ||\n            prevSettings.chartSettings.valueType !== chartSettings.valueType ||\n            prevSettings.facetSettings.sharedX !== facetSettings.sharedX ||\n            prevSettings.facetSettings.sharedY !== facetSettings.sharedY ||\n            arraysAreDifferent(prevSettings.facetSettings?.order ?? [], settings.facetSettings?.order ?? []) ||\n            prevSettings.normalization?.method !== normalization?.method ||\n            prevSettings.normalization?.direction !== normalization?.direction ||\n            prevSettings.NAValueAs !== NAValueAs ||\n            prevSettings.aggregation?.method !== aggregation?.method ||\n            prevSettings.aggregation?.x !== aggregation?.x ||\n            prevSettings.aggregation?.y !== aggregation?.y ||\n            prevSettings.showEmptyRows !== settings.showEmptyRows ||\n            prevSettings.showEmptyColumns !== settings.showEmptyColumns\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    async _updateData() {\n        const {\n            xColumn,\n            yColumn,\n            valueColumn,\n            xGroupBy,\n            yGroupBy,\n            facetBy,\n            chartSettings,\n            facetSettings,\n            annotations,\n            dendrogramX,\n            dendrogramY,\n            normalization,\n            NAValueAs,\n            keysOrder,\n            aggregation,\n            showEmptyRows,\n            showEmptyColumns,\n        } = this.settings;\n\n        const groupedCellsData = getCells({\n            data: this.data,\n            xColumn,\n            yColumn,\n            valueColumns: { dataSource: valueColumn },\n            facetBy,\n            xGroupBy,\n            yGroupBy,\n            facetSettings,\n            annotations,\n            dendrogramX,\n            dendrogramY,\n            normalization,\n            NAValueAs,\n            keysOrder,\n            xAxis: chartSettings.xAxis,\n            yAxis: chartSettings.yAxis,\n            aggregation,\n            showEmptyRows,\n            showEmptyColumns,\n        });\n\n        const cellUniqValues = chartSettings.valueType === 'discrete' ? this.data.getColumnCategories(valueColumn.value) : [];\n        \n        if (dendrogramX && facetSettings.sharedX && facetBy.length > 0) {\n            throw Error('Dendrogram on X axis is not available with shared by facets X axis');\n        }\n        if (dendrogramY && facetSettings.sharedY && facetBy.length > 0) {\n            throw Error('Dendrogram on Y axis is not available with shared by facets Y axis');\n        }\n        this.clusteringCalculationsInProgress = true;\n        this.onLoadingChange(true);\n        const dendrogramsData = await getDendrograms({ groupedCellsData, dendrogramX, dendrogramY });\n        this.clusteringCalculationsInProgress = false;\n        this.onLoadingChange(false);\n\n        this.calculatedData = {\n            groupedCellsData,\n            dendrogramsData,\n            cellUniqValues,\n        };\n        \n        this._updateChart();\n    }\n\n    _updateAesInData() {\n        this._updateChart();\n    }\n\n    _updateChart() {\n        if (!this.calculatedData || this.clusteringCalculationsInProgress) {\n            return;\n        }\n        const {\n            id,\n            valueColumn,\n            chartSettings,\n            facetSettings,\n            aes,\n            annotations,\n            dendrogramX,\n            dendrogramY,\n            inheritedDendrogramAes,\n            normalization,\n            keysOrder,\n            xColumn,\n            yColumn,\n            xGroupBy,\n            yGroupBy,\n        } = this.settings;\n        const customOrder = {\n            x: keysOrder[xColumn.value]?.length > 0,\n            y: keysOrder[yColumn.value]?.length > 0,\n            xGroup: xGroupBy.some((v) => keysOrder[v.value]?.length > 0),\n            yGroup: yGroupBy.some((v) => keysOrder[v.value]?.length > 0),\n        };\n        const dataSize = this.data.columnNames.length ? this.data.getColumn(this.data.columnNames[0]).length : 0;\n        const cellsRenderingMode = this.settings.cellsRenderingMode ?? (dataSize > MAX_SVG_RENDERED_CELLS_COUNT ? 'canvas' : 'svg');\n        \n        this.chartRenderer.render(\n            this.data,\n            id,\n            chartSettings,\n            facetSettings,\n            aes,\n            this.calculatedData.groupedCellsData,\n            annotations,\n            valueColumn,\n            dendrogramX,\n            dendrogramY,\n            this.calculatedData.dendrogramsData,\n            inheritedDendrogramAes,\n            this.calculatedData.cellUniqValues,\n            normalization,\n            this.onTooltipHintSwitch,\n            customOrder,\n            cellsRenderingMode\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAeA,IAAa,IAAb,cAAkC,EAAc;CAC5C;CACA,gBAAgB,IAAI,GAAe;CAEnC,sBAA2C;CAC3C,kBAAuC;CAEvC,iBAIW;CAEX,mCAAmC;CAEnC,YAAY,GAAiB,GAA2B,GAAqC;AAIzF,EAHA,MAAM,GAAM,EAAS,EAErB,KAAK,WAAW,IAAI,EAAoB,EAAS,EAC7C,MACA,KAAK,sBAAsB,EAAc,uBAAuB,GAChE,KAAK,kBAAkB,EAAc,mBAAmB;;CAIhE,MAAM,GAAmB;AACrB,MAAI;AAIA,GAHA,KAAK,cAAc,KAAK,EAAK,EAC7B,KAAK,aAAa,EAClB,KAAK,WAAW,IAChB,KAAK,YAAY;WACZ,GAAK;AAEV,GADA,KAAK,WAAW,IACZ,aAAe,UACf,KAAK,YAAY,EAAY,EAAI,MAAM,GAAG,EAAI,QAAQ,EAAoB,EAAI,EAC9E,KAAK,cAAc,YAAY,EAAI,QAAkB,EACrD,QAAQ,MAAM,EAAI;;;CAK9B,UAAU;AACN,OAAK,cAAc,OAAO;;CAG9B,sBAAsB,GAAiB,GAA2B;AAC9D,MAAI;GACA,IAAM,IAAmB,KAAK,UACxB,IAAe,KAAK;AAY1B,GAXA,KAAK,WAAW,IAAI,EAAoB,EAAS,EACjD,KAAK,OAAO,GAER,KAAK,oCAAoC,GAAkB,KAAK,SAAS,IACzE,KAAK,gCAAgC,GAAc,KAAK,KAAK,GAE7D,KAAK,aAAa,GAElB,KAAK,kBAAkB,EAE3B,KAAK,WAAW,IAChB,KAAK,YAAY;WACZ,GAAK;AAEV,GADA,KAAK,WAAW,IACZ,aAAe,UACf,KAAK,YAAY,EAAY,EAAI,MAAM,GAAG,EAAI,QAAQ,EAAoB,EAAI,EAC9E,KAAK,cAAc,YAAY,EAAI,QAAkB,EACrD,QAAQ,MAAM,EAAI;;;CAK9B,iBAAiB,GAAgB,GAAiB;AAC9C,UAAQ,KAAK,6BAA6B;;CAG9C,SAAiB;AAEb,SADA,KAAK,cAAc,EACZ,EAAe,KAAK,cAAc,UAAU;;CAGvD,oCAAoC,GAAmC,GAA+B;EAClG,IAAM,EACF,YACA,YACA,gBACA,aACA,aACA,YACA,gBACA,kBACA,kBACA,gBACA,gBACA,kBACA,gBACA,iBACA,GAEE,IAAuC,OAAO,OAAO,EAAa,aAAa,OAAO,EAAE,CAAC,CAAC,OAC5F,EACH,EACK,IAA0C,OAAO,OAAO,GAAa,OAAO,EAAE,CAAC,CAAC,OAAO,EAAa,EACpG,IAAuC,OAAO,OAAO,EAAa,aAAa,OAAO,EAAE,CAAC,CAAC,OAC5F,EACH,EACK,IAA0C,OAAO,OAAO,GAAa,OAAO,EAAE,CAAC,CAAC,OAAO,EAAa;EAE1G,SAAS,EAAoB,GAAwB,GAAwB;AACzE,UACI,EAAS,WAAW,EAAS,UAC7B,EAAS,MAAM,GAAQ,MAAQ,EAAO,UAAU,EAAS,GAAK,MAAM;;AAI5E,SACI,EAAa,QAAQ,UAAU,EAAQ,SACvC,EAAa,QAAQ,UAAU,EAAQ,SACvC,EAAa,YAAY,UAAU,EAAY,SAC/C,EAAoB,EAAa,UAAU,EAAS,IACpD,EAAoB,EAAa,UAAU,EAAS,IACpD,EAAoB,EAAa,SAAS,EAAQ,IAClD,EACI,EAAa,YAAY,KAAI,MAAK,EAAE,YAAY,EAChD,EAAY,KAAI,MAAK,EAAE,YAAY,CACtC,IACD,EAAoB,GAAwB,EAA0B,IACtE,EAAoB,GAAwB,EAA0B,KACpE,EAAS,eAAe,EAAa,iBAClC,EAAa,aAAa,aAAa,EAAS,aAAa,YAC1D,EAAa,aAAa,YAAY,EAAS,aAAa,aAClE,EAAS,eAAe,EAAa,iBAClC,EAAa,aAAa,aAAa,EAAS,aAAa,YAC1D,EAAa,aAAa,YAAY,EAAS,aAAa,YACpE,EAAa,cAAc,cAAc,EAAc,aACvD,EAAa,cAAc,YAAY,EAAc,WACrD,EAAa,cAAc,YAAY,EAAc,WACrD,EAAmB,EAAa,eAAe,SAAS,EAAE,EAAE,EAAS,eAAe,SAAS,EAAE,CAAC,IAChG,EAAa,eAAe,WAAW,GAAe,UACtD,EAAa,eAAe,cAAc,GAAe,aACzD,EAAa,cAAc,KAC3B,EAAa,aAAa,WAAW,GAAa,UAClD,EAAa,aAAa,MAAM,GAAa,KAC7C,EAAa,aAAa,MAAM,GAAa,KAC7C,EAAa,kBAAkB,EAAS,iBACxC,EAAa,qBAAqB,EAAS;;CAInD,gCAAgC,GAAqB,GAAiB;EAClE,IAAM,IAAW,OAAO,KAAK,EAAS,KAAK,EACrC,IAAO,OAAO,KAAK,EAAK,KAAK;AACnC,SACI,EAAS,OAAO,EAAK,MACrB,EAAS,WAAW,EAAK,UACzB,EAAS,MAAK,MAAO,EAAS,KAAK,GAAK,WAAW,EAAK,KAAK,IAAM,OAAO;;CAIlF,MAAM,cAAc;EAChB,IAAM,EACF,YACA,YACA,gBACA,aACA,aACA,YACA,kBACA,kBACA,gBACA,gBACA,gBACA,kBACA,cACA,cACA,gBACA,kBACA,wBACA,KAAK,UAEH,IAAmB,EAAS;GAC9B,MAAM,KAAK;GACX;GACA;GACA,cAAc,EAAE,YAAY,GAAa;GACzC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO,EAAc;GACrB,OAAO,EAAc;GACrB;GACA;GACA;GACH,CAAC,EAEI,IAAiB,EAAc,cAAc,aAAa,KAAK,KAAK,oBAAoB,EAAY,MAAM,GAAG,EAAE;AAErH,MAAI,KAAe,EAAc,WAAW,EAAQ,SAAS,EACzD,OAAM,MAAM,qEAAqE;AAErF,MAAI,KAAe,EAAc,WAAW,EAAQ,SAAS,EACzD,OAAM,MAAM,qEAAqE;AAGrF,EADA,KAAK,mCAAmC,IACxC,KAAK,gBAAgB,GAAK;EAC1B,IAAM,IAAkB,MAAM,EAAe;GAAE;GAAkB;GAAa;GAAa,CAAC;AAU5F,EATA,KAAK,mCAAmC,IACxC,KAAK,gBAAgB,GAAM,EAE3B,KAAK,iBAAiB;GAClB;GACA;GACA;GACH,EAED,KAAK,cAAc;;CAGvB,mBAAmB;AACf,OAAK,cAAc;;CAGvB,eAAe;AACX,MAAI,CAAC,KAAK,kBAAkB,KAAK,iCAC7B;EAEJ,IAAM,EACF,OACA,gBACA,kBACA,kBACA,QACA,gBACA,gBACA,gBACA,2BACA,kBACA,cACA,YACA,YACA,aACA,gBACA,KAAK,UACH,IAAc;GAChB,GAAG,EAAU,EAAQ,QAAQ,SAAS;GACtC,GAAG,EAAU,EAAQ,QAAQ,SAAS;GACtC,QAAQ,EAAS,MAAM,MAAM,EAAU,EAAE,QAAQ,SAAS,EAAE;GAC5D,QAAQ,EAAS,MAAM,MAAM,EAAU,EAAE,QAAQ,SAAS,EAAE;GAC/D,EACK,IAAW,KAAK,KAAK,YAAY,SAAS,KAAK,KAAK,UAAU,KAAK,KAAK,YAAY,GAAG,CAAC,SAAS,GACjG,IAAqB,KAAK,SAAS,uBAAuB,IAAA,MAA0C,WAAW;AAErH,OAAK,cAAc,OACf,KAAK,MACL,GACA,GACA,GACA,GACA,KAAK,eAAe,kBACpB,GACA,GACA,GACA,GACA,KAAK,eAAe,iBACpB,GACA,KAAK,eAAe,gBACpB,GACA,KAAK,qBACL,GACA,EACH"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/heatmap/index.ts"],"sourcesContent":["import { renderToString } from 'react-dom/server.browser';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport { type ColumnName, type DataValue, getUnknownErrorInfo, type HeatmapEventHandlers, type HeatmapSettings, isErrorInfo } from '../types';\nimport { isColumnName } from '../utils';\nimport ChartRenderer from './ChartRenderer';\nimport type { GroupedCellsHeatmap } from './getCells';\nimport { getCells } from './getCells';\nimport type { DendrogramsData } from './getDendrograms';\nimport { getDendrograms } from './getDendrograms';\nimport { HeatmapSettingsImpl } from './HeatmapSettingsImpl';\nimport { MAX_SVG_RENDERED_CELLS_COUNT } from './constants';\nimport { noop } from 'lodash';\nimport { arraysAreDifferent } from '../utils/arraysAreDifferent';\n\nexport class ChartHeatmap extends AbstractChart {\n    settings: HeatmapSettingsImpl;\n    chartRenderer = new ChartRenderer();\n\n    onTooltipHintSwitch: (v:boolean) => void = noop;\n    onLoadingChange: (v:boolean) => void = noop;\n\n    calculatedData: {\n        groupedCellsData: GroupedCellsHeatmap;\n        dendrogramsData: DendrogramsData;\n        cellUniqValues: DataValue[];\n    } | null = null;\n\n    clusteringCalculationsInProgress = false;\n\n    constructor(data: DataFrame, settings: HeatmapSettings, eventHandlers?:HeatmapEventHandlers) {\n        super(data, settings);\n\n        this.settings = new HeatmapSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onTooltipHintSwitch = eventHandlers.onTooltipHintSwitch ?? noop;\n            this.onLoadingChange = eventHandlers.onLoadingChange ?? noop;\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: HeatmapSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new HeatmapSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(_field: string, _value: unknown) {\n        console.warn('no chart state for heatmap');\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: HeatmapSettingsImpl, settings: HeatmapSettingsImpl) {\n        const {\n            xColumn,\n            yColumn,\n            valueColumn,\n            xGroupBy,\n            yGroupBy,\n            xSortBy,\n            ySortBy,\n            facetBy,\n            annotations,\n            chartSettings,\n            facetSettings,\n            dendrogramX,\n            dendrogramY,\n            normalization,\n            aggregation,\n            NAValueAs,\n            transform,\n        } = settings;\n\n        const prevDendrogramXColumns: ColumnName[] = Object.values(prevSettings.dendrogramX?.aes || {}).filter(\n            isColumnName\n        );\n        const currentDendrogramXColumns: ColumnName[] = Object.values(dendrogramX?.aes || {}).filter(isColumnName);\n        const prevDendrogramYColumns: ColumnName[] = Object.values(prevSettings.dendrogramY?.aes || {}).filter(\n            isColumnName\n        );\n        const currentDendrogramYColumns: ColumnName[] = Object.values(dendrogramY?.aes || {}).filter(isColumnName);\n\n        function compareColumnGroups(columns1: ColumnName[], columns2: ColumnName[]) {\n            return (\n                columns1.length !== columns2.length ||\n                columns1.some((column, idx) => column.value !== columns2[idx].value)\n            );\n        }\n\n        return (\n            prevSettings.xColumn.value !== xColumn.value ||\n            prevSettings.yColumn.value !== yColumn.value ||\n            prevSettings.valueColumn.value !== valueColumn.value ||\n            compareColumnGroups(prevSettings.xGroupBy, xGroupBy) ||\n            compareColumnGroups(prevSettings.yGroupBy, yGroupBy) ||\n            compareColumnGroups(prevSettings.xSortBy, xSortBy) ||\n            compareColumnGroups(prevSettings.ySortBy, ySortBy) ||\n            prevSettings.chartSettings.xAxis.sorting !== chartSettings.xAxis.sorting ||\n            prevSettings.chartSettings.yAxis.sorting !== chartSettings.yAxis.sorting ||\n            compareColumnGroups(prevSettings.facetBy, facetBy) ||\n            compareColumnGroups(\n                prevSettings.annotations.map(a => a.valueColumn),\n                annotations.map(a => a.valueColumn)\n            ) ||\n            compareColumnGroups(prevDendrogramXColumns, currentDendrogramXColumns) ||\n            compareColumnGroups(prevDendrogramYColumns, currentDendrogramYColumns) ||\n            ((settings.dendrogramX || prevSettings.dendrogramX) &&\n                (prevSettings.dendrogramX?.distance !== settings.dendrogramX?.distance ||\n                    prevSettings.dendrogramX?.linkage !== settings.dendrogramX?.linkage)) ||\n            ((settings.dendrogramY || prevSettings.dendrogramY) &&\n                (prevSettings.dendrogramY?.distance !== settings.dendrogramY?.distance ||\n                    prevSettings.dendrogramY?.linkage !== settings.dendrogramY?.linkage)) ||\n            prevSettings.chartSettings.valueType !== chartSettings.valueType ||\n            prevSettings.facetSettings.sharedX !== facetSettings.sharedX ||\n            prevSettings.facetSettings.sharedY !== facetSettings.sharedY ||\n            arraysAreDifferent(prevSettings.facetSettings?.order ?? [], settings.facetSettings?.order ?? []) ||\n            prevSettings.normalization?.method !== normalization?.method ||\n            prevSettings.normalization?.direction !== normalization?.direction ||\n            prevSettings.transform !== transform ||\n            prevSettings.NAValueAs !== NAValueAs ||\n            prevSettings.aggregation?.method !== aggregation?.method ||\n            prevSettings.aggregation?.x !== aggregation?.x ||\n            prevSettings.aggregation?.y !== aggregation?.y ||\n            prevSettings.showEmptyRows !== settings.showEmptyRows ||\n            prevSettings.showEmptyColumns !== settings.showEmptyColumns\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    async _updateData() {\n        const {\n            xColumn,\n            yColumn,\n            valueColumn,\n            xGroupBy,\n            yGroupBy,\n            xSortBy,\n            ySortBy,\n            facetBy,\n            chartSettings,\n            facetSettings,\n            annotations,\n            dendrogramX,\n            dendrogramY,\n            normalization,\n            NAValueAs,\n            transform,\n            keysOrder,\n            aggregation,\n            showEmptyRows,\n            showEmptyColumns,\n        } = this.settings;\n\n        const groupedCellsData = getCells({\n            data: this.data,\n            xColumn,\n            yColumn,\n            valueColumns: { dataSource: valueColumn },\n            facetBy,\n            xGroupBy,\n            yGroupBy,\n            xSortBy,\n            ySortBy,\n            facetSettings,\n            annotations,\n            dendrogramX,\n            dendrogramY,\n            normalization,\n            NAValueAs,\n            transform,\n            keysOrder,\n            xAxis: chartSettings.xAxis,\n            yAxis: chartSettings.yAxis,\n            aggregation,\n            showEmptyRows,\n            showEmptyColumns,\n        });\n\n        const cellUniqValues = chartSettings.valueType === 'discrete' ? this.data.getColumnCategories(valueColumn.value) : [];\n        \n        if (dendrogramX && facetSettings.sharedX && facetBy.length > 0) {\n            throw Error('Dendrogram on X axis is not available with shared by facets X axis');\n        }\n        if (dendrogramY && facetSettings.sharedY && facetBy.length > 0) {\n            throw Error('Dendrogram on Y axis is not available with shared by facets Y axis');\n        }\n        this.clusteringCalculationsInProgress = true;\n        this.onLoadingChange(true);\n        const dendrogramsData = await getDendrograms({ groupedCellsData, dendrogramX, dendrogramY });\n        this.clusteringCalculationsInProgress = false;\n        this.onLoadingChange(false);\n\n        this.calculatedData = {\n            groupedCellsData,\n            dendrogramsData,\n            cellUniqValues,\n        };\n        \n        this._updateChart();\n    }\n\n    _updateAesInData() {\n        this._updateChart();\n    }\n\n    _updateChart() {\n        if (!this.calculatedData || this.clusteringCalculationsInProgress) {\n            return;\n        }\n        const {\n            id,\n            valueColumn,\n            chartSettings,\n            facetSettings,\n            aes,\n            annotations,\n            dendrogramX,\n            dendrogramY,\n            inheritedDendrogramAes,\n            normalization,\n        } = this.settings;\n        const dataSize = this.data.columnNames.length ? this.data.getColumn(this.data.columnNames[0]).length : 0;\n        const cellsRenderingMode = this.settings.cellsRenderingMode ?? (dataSize > MAX_SVG_RENDERED_CELLS_COUNT ? 'canvas' : 'svg');\n\n        this.chartRenderer.render(\n            this.data,\n            id,\n            chartSettings,\n            facetSettings,\n            aes,\n            this.calculatedData.groupedCellsData,\n            annotations,\n            valueColumn,\n            dendrogramX,\n            dendrogramY,\n            this.calculatedData.dendrogramsData,\n            inheritedDendrogramAes,\n            this.calculatedData.cellUniqValues,\n            normalization,\n            this.onTooltipHintSwitch,\n            cellsRenderingMode\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { ChartInterface } from './AbstractChart';
 import { DataByColumns } from './DataFrame';
 import { MiPlots } from './MiPlots';
-import { BubbleSettings, DendroSettings, DiscreteSettings, ErrorInfo, ErrorInfoUnknown, HeatmapSettings, HistogramSettings, ScatterplotSettings, ScatterplotUmapSettings, Settings, AxisSettingsContinuous, AxisSettingsDiscrete } from './types';
+import { BubbleSettings, DendroSettings, DiscreteSettings, ErrorInfo, ErrorInfoUnknown, HeatmapSettings, HistogramSettings, ScatterplotSettings, ScatterplotUmapSettings, SelectionSettings, Settings, AxisSettingsContinuous, AxisSettingsDiscrete } from './types';
 import { LassoControlsState, Polygon } from './scatterplot-umap/types';
 import { SCATTERPLOT_CONTROLS_EVENTS } from './scatterplot-umap/constants';
 import { getFacetKeysFromValueLists } from './utils/getFacetKeysFromValueLists';
 import { getKeysCombinations } from './utils/getKeysCombination';
-export { BubbleSettings, ChartInterface, DataByColumns, DendroSettings, DiscreteSettings, getFacetKeysFromValueLists, getKeysCombinations, HeatmapSettings, HistogramSettings, MiPlots, ScatterplotSettings, ScatterplotUmapSettings, Settings, AxisSettingsDiscrete, AxisSettingsContinuous, SCATTERPLOT_CONTROLS_EVENTS, LassoControlsState, Polygon, ErrorInfo, ErrorInfoUnknown };
+export { BubbleSettings, ChartInterface, DataByColumns, DendroSettings, DiscreteSettings, getFacetKeysFromValueLists, getKeysCombinations, HeatmapSettings, HistogramSettings, MiPlots, ScatterplotSettings, ScatterplotUmapSettings, Settings, AxisSettingsDiscrete, AxisSettingsContinuous, SCATTERPLOT_CONTROLS_EVENTS, LassoControlsState, Polygon, ErrorInfo, ErrorInfoUnknown, SelectionSettings, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACzM,OAAO,KAAK,EAAC,kBAAkB,EAAE,OAAO,EAAC,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAC,2BAA2B,EAAC,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EACH,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,mBAAmB,EAChI,eAAe,EAAE,iBAAiB,EAAE,OAAO,EAAE,mBAAmB,EAChE,uBAAuB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,sBAAsB,EAC/E,2BAA2B,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EACxF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5N,OAAO,KAAK,EAAC,kBAAkB,EAAE,OAAO,EAAC,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAC,2BAA2B,EAAC,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EACH,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,mBAAmB,EAChI,eAAe,EAAE,iBAAiB,EAAE,OAAO,EAAE,mBAAmB,EAChE,uBAAuB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,sBAAsB,EAC/E,2BAA2B,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EACrF,iBAAiB,GACpB,CAAC"}

package/dist/selection/ChartRenderer.d.ts

@@ -0,0 +1,90 @@
+import { ReactElement } from 'react';
+import { Root } from 'react-dom/client';
+import { LegendData } from '../common/types';
+import { ColumnName, FrameType, TitlePosition } from '../types';
+import { Margins } from './components/types';
+import { FacetedSelectionData } from './createSelectionData';
+import { SelectionFillColor, SelectionSettingsImpl, SelectionXAxisSettings, SelectionYAxisSettings } from './SelectionSettingsImpl';
+type GroupingSettings = NonNullable<SelectionSettingsImpl['grouping']>;
+declare class ChartRenderer {
+    reactRoot: Root | null;
+    parentNode: HTMLElement | null;
+    rootNode: HTMLElement | null;
+    component: ReactElement;
+    cellPlotWidth: number;
+    cellPlotHeight: number;
+    nCols: number;
+    nRows: number;
+    isFaceted: boolean;
+    cellLabelHeight: number;
+    orderedFaceted: FacetedSelectionData;
+    facetLabels: Record<string, string[]>;
+    facetTitles: Record<string, string[]>;
+    grouped: boolean;
+    groupNames: string[];
+    colorMap: Map<string, string>;
+    solidColor: string;
+    xLabelsByFacet: Record<string, Record<string, string[]>>;
+    xCountsByFacet: Record<string, Record<string, string>>;
+    xLabelsPosition: 'center' | '45deg' | '90deg';
+    maxLabelLines: number;
+    maxLabelPx: number;
+    yTickWidth: number;
+    labelBlock: number;
+    xTitleHeight: number;
+    yTitleWidth: number;
+    yTickReserve: number;
+    xLabelTopReserve: number;
+    topPad: number;
+    rightPad: number;
+    fullLeftPad: number;
+    fullBottomPad: number;
+    colLeftPads: number[];
+    rowBottomPads: number[];
+    colXOffsets: number[];
+    rowYOffsets: number[];
+    gridWidth: number;
+    gridHeight: number;
+    legend: LegendData;
+    mainTitle: string[];
+    margins: Margins;
+    totalWidth: number;
+    totalHeight: number;
+    clear(): void;
+    init(node: HTMLElement): void;
+    updateChartSizes(width: number, height: number): void;
+    updateGrid({ faceted, facetLabels, facetBy, facetSettings, }: {
+        faceted: FacetedSelectionData;
+        facetLabels: Record<string, string[]>;
+        facetBy: ColumnName[];
+        facetSettings: SelectionSettingsImpl['facetSettings'];
+    }): void;
+    updateGroupingMaps(grouping: GroupingSettings | undefined, fillColor: SelectionFillColor): void;
+    createAxisLabels(xAxis: SelectionXAxisSettings): void;
+    updateCaptionsSize(xAxis: SelectionXAxisSettings, yAxis: SelectionYAxisSettings): void;
+    updateChartDimensions(): void;
+    updateLegendSize(showLegend: boolean, grouping: GroupingSettings | undefined): void;
+    createMainTitle(title: string, showTitle: boolean): void;
+    updateMargins(): void;
+    render({ faceted, facetLabels, width, height, title, showTitle, grouping, showLegend, facetBy, facetSettings, xAxis, yAxis, frame, titlePosition, fillColor, opacity, }: {
+        faceted: FacetedSelectionData;
+        facetLabels: Record<string, string[]>;
+        width: number;
+        height: number;
+        title: string;
+        showTitle: boolean;
+        grouping: GroupingSettings | undefined;
+        showLegend: boolean;
+        facetBy: ColumnName[];
+        facetSettings: SelectionSettingsImpl['facetSettings'];
+        xAxis: SelectionXAxisSettings;
+        yAxis: SelectionYAxisSettings;
+        frame: FrameType;
+        titlePosition: TitlePosition;
+        fillColor: SelectionFillColor;
+        opacity: number;
+    }): void;
+    renderError(message: string): void;
+}
+export default ChartRenderer;
+//# sourceMappingURL=ChartRenderer.d.ts.map

package/dist/selection/ChartRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/selection/ChartRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/selection/ChartRenderer.js

@@ -0,0 +1,254 @@
+import { Error as e } from "../common/Error.js";
+import { TextMeasurer as t } from "../utils/TextMeasurer/TextMeasurer.js";
+import { arrangeLegendParts as n } from "../utils/arrangeLegendParts.js";
+import { splitTextByWidth as r } from "../utils/splitTextByWidth.js";
+import "../discrete/utils/index.js";
+import { AGGREGATE_RIBBON_COLOR as i } from "./constants.js";
+import { formatCount as a, formatPercent as o } from "./utils.js";
+import { ChartsGroup as s } from "./components/ChartsGroup.js";
+import { scaleOrdinal as c } from "d3-scale";
+import { createRoot as l } from "react-dom/client";
+import { Fragment as u, jsx as d } from "react/jsx-runtime";
+var f = class {
+	reactRoot = null;
+	parentNode = null;
+	rootNode = null;
+	component = /* @__PURE__ */ d(u, {});
+	cellPlotWidth = 0;
+	cellPlotHeight = 0;
+	nCols = 1;
+	nRows = 1;
+	isFaceted = !1;
+	cellLabelHeight = 0;
+	orderedFaceted = {
+		facetKeys: [],
+		byFacet: {},
+		groupNames: []
+	};
+	facetLabels = {};
+	facetTitles = {};
+	grouped = !1;
+	groupNames = [];
+	colorMap = /* @__PURE__ */ new Map();
+	solidColor = "";
+	xLabelsByFacet = {};
+	xCountsByFacet = {};
+	xLabelsPosition = "center";
+	maxLabelLines = 1;
+	maxLabelPx = 0;
+	yTickWidth = 0;
+	labelBlock = 0;
+	xTitleHeight = 0;
+	yTitleWidth = 0;
+	yTickReserve = 0;
+	xLabelTopReserve = 0;
+	topPad = 0;
+	rightPad = 12;
+	fullLeftPad = 0;
+	fullBottomPad = 0;
+	colLeftPads = [];
+	rowBottomPads = [];
+	colXOffsets = [0];
+	rowYOffsets = [0];
+	gridWidth = 0;
+	gridHeight = 0;
+	legend = {
+		width: 0,
+		height: 0,
+		items: []
+	};
+	mainTitle = [];
+	margins = {
+		top: 24,
+		bottom: 24,
+		left: 24,
+		right: 24
+	};
+	totalWidth = 0;
+	totalHeight = 0;
+	clear() {
+		this.parentNode && this.rootNode && (this.parentNode.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
+			this.reactRoot?.unmount(), this.reactRoot = null;
+		});
+	}
+	init(e) {
+		this.parentNode === null && (this.parentNode = e, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = l(this.rootNode));
+	}
+	updateChartSizes(e, t) {
+		this.cellPlotWidth = e, this.cellPlotHeight = t;
+	}
+	updateGrid({ faceted: e, facetLabels: t, facetBy: n, facetSettings: i }) {
+		let a = i.order?.length ? i.order.filter((t) => e.facetKeys.includes(t)) : e.facetKeys;
+		if (this.orderedFaceted = {
+			...e,
+			facetKeys: a
+		}, this.facetLabels = t, this.isFaceted = n.length > 0, this.isFaceted) {
+			let e = Math.max(this.cellPlotWidth, 40);
+			this.facetTitles = {};
+			let n = 1;
+			for (let i of a) {
+				let a = (t[i] ?? []).join(" / "), o = a ? r(a, e, 20) : [];
+				this.facetTitles[i] = o, o.length > n && (n = o.length);
+			}
+			this.cellLabelHeight = 48 + (n - 1) * 24;
+		} else this.facetTitles = {}, this.cellLabelHeight = 0;
+		let o = a.length;
+		this.nCols = Math.min(o, i.nCols ?? Math.max(1, Math.ceil(Math.sqrt(o)))), this.nRows = i.nRows ?? Math.max(1, Math.ceil(o / this.nCols));
+	}
+	updateGroupingMaps(e, t) {
+		let n = typeof t == "object" && !!t;
+		this.grouped = n && !!e;
+		let r = e?.order ? e.order.map(String).filter((e) => this.orderedFaceted.groupNames.includes(e)) : this.orderedFaceted.groupNames;
+		this.groupNames = [...r, ...this.orderedFaceted.groupNames.filter((e) => !r.includes(e))];
+		let a = e?.inheritedAes;
+		if (this.colorMap = /* @__PURE__ */ new Map(), this.grouped && a) for (let e of this.groupNames) {
+			let t = a[e]?.fillColor;
+			t && this.colorMap.set(e, t);
+		}
+		this.solidColor = n ? i : t;
+	}
+	createAxisLabels(e) {
+		let n = new t("500 14px Manrope"), i = this.orderedFaceted.facetKeys, o = i.map((e) => this.orderedFaceted.byFacet[e]?.stages.length ?? 0).reduce((e, t) => Math.max(e, t), 0), s = 0;
+		for (let e of i) for (let t of this.orderedFaceted.byFacet[e]?.stages ?? []) s = Math.max(s, n.getTextWidth(t.label));
+		this.maxLabelPx = s;
+		let c = o > 0 ? this.cellPlotWidth / o : this.cellPlotWidth;
+		this.xLabelsPosition = e.labelsPosition ?? (s > c * .65 ? "90deg" : "center");
+		let l = this.xLabelsPosition !== "center";
+		this.xLabelsByFacet = {}, this.xCountsByFacet = {}, this.maxLabelLines = 1;
+		for (let e of i) {
+			let t = this.orderedFaceted.byFacet[e]?.stages ?? [], n = {}, i = {};
+			for (let [e, o] of t.entries()) {
+				let t = l ? [o.label] : r(o.label, 120, 14);
+				n[String(e)] = t, i[String(e)] = a(o.total), this.maxLabelLines = Math.max(this.maxLabelLines, t.length);
+			}
+			this.xLabelsByFacet[e] = n, this.xCountsByFacet[e] = i;
+		}
+	}
+	updateCaptionsSize(e, n) {
+		let r = new t("500 14px Manrope");
+		n.hiddenLabels ? (this.yTickWidth = 0, this.yTickReserve = n.showTicks ? 4 : 0) : (this.yTickWidth = r.getTextWidth(o(100)), this.yTickReserve = 40), e.hiddenLabels ? (this.labelBlock = 0, this.xLabelTopReserve = e.showTicks ? 4 : 0) : (this.labelBlock = this.xLabelsPosition === "center" ? this.maxLabelLines * 20 : this.xLabelsPosition === "45deg" ? Math.ceil(this.maxLabelPx * .71) + 10 : Math.ceil(this.maxLabelPx) + 10, this.xLabelTopReserve = 6), this.xTitleHeight = e.title ? 26 : 0, this.yTitleWidth = n.title ? 24 : 0;
+	}
+	updateChartDimensions() {
+		this.fullLeftPad = this.yTitleWidth + this.yTickWidth + this.yTickReserve, this.fullBottomPad = this.xLabelTopReserve + this.labelBlock + this.xTitleHeight, this.topPad = 20, this.rightPad = 12, this.colLeftPads = Array.from({ length: this.nCols }, (e, t) => !this.isFaceted || t === 0 ? this.fullLeftPad : 12);
+		let e = this.orderedFaceted.facetKeys.length % this.nCols !== 0;
+		this.rowBottomPads = Array.from({ length: this.nRows }, (t, n) => {
+			let r = n === this.nRows - 1 || n === this.nRows - 2 && e;
+			return !this.isFaceted || r ? this.fullBottomPad : 12;
+		}), this.colXOffsets = [0];
+		for (let [e, t] of this.colLeftPads.entries()) this.colXOffsets.push(this.colXOffsets[e] + t + this.cellPlotWidth + this.rightPad);
+		this.rowYOffsets = [0];
+		for (let [e, t] of this.rowBottomPads.entries()) this.rowYOffsets.push(this.rowYOffsets[e] + this.topPad + this.cellLabelHeight + this.cellPlotHeight + t);
+		this.gridWidth = this.colXOffsets[this.nCols], this.gridHeight = this.rowYOffsets[this.nRows];
+	}
+	updateLegendSize(e, t) {
+		if (!e || !this.grouped || this.groupNames.length === 0) {
+			this.legend = {
+				width: 0,
+				height: 0,
+				items: []
+			};
+			return;
+		}
+		let r = n([{
+			id: "selection-group",
+			type: "discreteColor",
+			title: t?.columnName.label ?? t?.columnName.value ?? "",
+			width: 0,
+			height: 0,
+			left: 0,
+			top: 0,
+			values: this.groupNames,
+			scale: c().domain(this.groupNames).range(this.groupNames.map((e) => this.colorMap.get(e) ?? "")),
+			labels: Object.fromEntries(this.groupNames.map((e) => [e, e === "null" ? t?.columnName.nullValueLabel ?? "N/A" : e]))
+		}], this.cellPlotHeight);
+		this.legend = {
+			width: r.reduce((e, t) => Math.max(e, t.left + t.width), 0) + 24,
+			height: this.cellPlotHeight,
+			items: r
+		};
+	}
+	createMainTitle(e, t) {
+		this.mainTitle = t && e ? r(e, Math.max(this.cellPlotWidth, 40), 20) : [];
+	}
+	updateMargins() {
+		let e = this.mainTitle.length > 0 ? this.mainTitle.length * 24 + 48 : 0;
+		this.margins = {
+			top: Math.max(e, 24),
+			bottom: 24,
+			left: 24,
+			right: 24 + this.legend.width
+		}, this.totalWidth = this.margins.left + this.gridWidth + this.margins.right, this.totalHeight = this.margins.top + this.gridHeight + this.margins.bottom;
+	}
+	render({ faceted: e, facetLabels: t, width: n, height: r, title: i, showTitle: a, grouping: o, showLegend: c, facetBy: l, facetSettings: u, xAxis: f, yAxis: p, frame: m, titlePosition: h, fillColor: g, opacity: _ }) {
+		this.updateChartSizes(n, r), this.updateGrid({
+			faceted: e,
+			facetLabels: t,
+			facetBy: l,
+			facetSettings: u
+		}), this.updateGroupingMaps(o, g), this.createAxisLabels(f), this.updateCaptionsSize(f, p), this.updateChartDimensions(), this.updateLegendSize(c, o), this.createMainTitle(i, a), this.updateMargins();
+		let v = /* @__PURE__ */ d(s, {
+			facetData: {
+				faceted: this.orderedFaceted,
+				facetLabels: this.facetLabels,
+				facetTitles: this.facetTitles
+			},
+			gridLayout: {
+				nRows: this.nRows,
+				nCols: this.nCols,
+				totalWidth: this.totalWidth,
+				totalHeight: this.totalHeight,
+				margins: this.margins,
+				cellPlotWidth: this.cellPlotWidth,
+				cellPlotHeight: this.cellPlotHeight,
+				cellLabelHeight: this.cellLabelHeight,
+				topPad: this.topPad,
+				rightPad: this.rightPad,
+				colLeftPads: this.colLeftPads,
+				rowBottomPads: this.rowBottomPads,
+				colXOffsets: this.colXOffsets,
+				rowYOffsets: this.rowYOffsets,
+				sharedX: this.isFaceted,
+				sharedY: this.isFaceted
+			},
+			xAxis: {
+				labelsByFacet: this.xLabelsByFacet,
+				countsByFacet: this.xCountsByFacet,
+				countsFontSize: 14,
+				labelsPosition: this.xLabelsPosition,
+				showGrid: f.showGrid,
+				showTicks: f.showTicks,
+				hiddenLabels: f.hiddenLabels,
+				title: f.title
+			},
+			yAxis: {
+				showGrid: p.showGrid,
+				showTicks: p.showTicks,
+				hiddenLabels: p.hiddenLabels,
+				title: p.title
+			},
+			style: {
+				frameType: this.isFaceted ? "full" : m,
+				barColor: this.solidColor,
+				opacity: _,
+				colorMap: this.colorMap,
+				nullValueLabel: o?.columnName.nullValueLabel
+			},
+			title: {
+				text: this.mainTitle,
+				show: this.mainTitle.length > 0,
+				position: h
+			},
+			legend: this.legend,
+			showFacetLabels: this.isFaceted,
+			grouped: this.grouped,
+			orderedGroupNames: this.groupNames
+		});
+		this.component = v, this.reactRoot?.render(v);
+	}
+	renderError(t) {
+		this.reactRoot?.render(/* @__PURE__ */ d(e, { message: t }));
+	}
+};
+export { f as default };
+
+//# sourceMappingURL=ChartRenderer.js.map