@odoo/o-spreadsheet 19.5.0-alpha.19 → 19.5.0-alpha.20

package/dist/o_spreadsheet.cjs

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.5.0-alpha.19
- * @date 2026-09-10T05:38:44.935Z
- * @hash 2b1e397
+ * @version 19.5.0-alpha.20
+ * @date 2026-09-16T08:02:11.430Z
+ * @hash 4784627
  */
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -8829,7 +8829,7 @@ function getHueRotateMatrix(degrees) {
 * stored in the theme so that, after the dark-mode CSS filter is applied, the
 * desired color is actually shown.
 *
-* This function computes the exact inverse of the DARK_MODE_FILTER chain.
+* This function computes an approximate inverse of the DARK_MODE_FILTER chain.
 */
 function adaptForDarkMode(displayedColor) {
 	const { r, g, b, a } = colorToRGBA(displayedColor);
@@ -9977,34 +9977,49 @@ const TEXT_HEADER_COLOR = "#666666";
 const BACKGROUND_HEADER_COLOR = "#F8F9FA";
 const BACKGROUND_HEADER_SELECTED_COLOR = "#E8EAED";
 const BACKGROUND_HEADER_ACTIVE_COLOR = "#595959";
+function adaptColorsForDarkMode(colors) {
+	return Object.fromEntries(Object.entries(colors).map(([key, color]) => [key, adaptForDarkMode(color)]));
+}
+const LIGHT_COLORS = {
+	chartBackgroundColor: "#FFFFFF",
+	gridBorderColor: "#CECFCF",
+	gridBorderColorOnDefaultBackground: "#E2E3E3",
+	headerBackgroundColor: BACKGROUND_HEADER_COLOR,
+	headerActiveBackgroundColor: BACKGROUND_HEADER_ACTIVE_COLOR,
+	headerSelectedBackgroundColor: BACKGROUND_HEADER_SELECTED_COLOR,
+	headerTextColor: TEXT_HEADER_COLOR,
+	headerBorderColor: HEADER_BORDER_COLOR,
+	frozenPaneBorderColor: FROZEN_PANE_BORDER_COLOR,
+	frozenPaneHeaderBorderColor: FROZEN_PANE_HEADER_BORDER_COLOR,
+	singleCellSelectionBackgroundColor: "#D2E1FB44",
+	multipleCellsSelectionBackgroundColor: "#ACC7FF44"
+};
+/** Every color defined explicitely in the dark theme is expected to be subject to color-inverter mask applied
+* through the css class `os-theme-dependant`. They are therefore pre-inverted for dark mode.
+* Note that  according to `adaptForDarkMode` documentation, the resulting color will be an approximation of the pre-inverted color.
+*/
+const DARK_DISPLAYED_COLORS = {
+	chartBackgroundColor: "#25262b",
+	gridBorderColor: "#6B706F",
+	gridBorderColorOnDefaultBackground: "#4F5254",
+	headerBackgroundColor: "#262A36",
+	headerActiveBackgroundColor: "#3A4052",
+	headerSelectedBackgroundColor: "#4E566E",
+	headerTextColor: "#A1A6B3",
+	headerBorderColor: "#7A7F91",
+	frozenPaneBorderColor: "#7A7F91",
+	frozenPaneHeaderBorderColor: "#9FA5BD",
+	singleCellSelectionBackgroundColor: "#696E8044",
+	multipleCellsSelectionBackgroundColor: "#828AA044"
+};
 const COLOR_THEMES = {
 	light: {
 		colorThemeName: "light",
-		backgroundColor: "#FFFFFF",
-		gridBorderColor: "#CECFCF",
-		headerBackgroundColor: BACKGROUND_HEADER_COLOR,
-		headerActiveBackgroundColor: BACKGROUND_HEADER_ACTIVE_COLOR,
-		headerSelectedBackgroundColor: BACKGROUND_HEADER_SELECTED_COLOR,
-		headerTextColor: TEXT_HEADER_COLOR,
-		headerBorderColor: HEADER_BORDER_COLOR,
-		frozenPaneBorderColor: FROZEN_PANE_BORDER_COLOR,
-		frozenPaneHeaderBorderColor: FROZEN_PANE_HEADER_BORDER_COLOR,
-		singleCellSelectionBackgroundColor: "#F3F7FE",
-		multipleCellsSelectionBackgroundColor: "#E9F0FF"
+		...LIGHT_COLORS
 	},
 	dark: {
 		colorThemeName: "dark",
-		backgroundColor: adaptForDarkMode("#1A1C2E"),
-		gridBorderColor: adaptForDarkMode("#6B706F"),
-		headerBackgroundColor: adaptForDarkMode("#262A36"),
-		headerActiveBackgroundColor: adaptForDarkMode("#3A4052"),
-		headerSelectedBackgroundColor: adaptForDarkMode("#4E566E"),
-		headerTextColor: adaptForDarkMode("#A1A6B3"),
-		headerBorderColor: adaptForDarkMode("#7A7F91"),
-		frozenPaneBorderColor: adaptForDarkMode("#7A7F91"),
-		frozenPaneHeaderBorderColor: adaptForDarkMode("#9FA5BD"),
-		singleCellSelectionBackgroundColor: adaptForDarkMode("#696E8044"),
-		multipleCellsSelectionBackgroundColor: adaptForDarkMode("#828AA044")
+		...adaptColorsForDarkMode(DARK_DISPLAYED_COLORS)
 	}
 };
 
@@ -10230,7 +10245,7 @@ function isTrendLineAxis(axisID) {
 	return axisID === "x1" || axisID === "xMovingAverage";
 }
 function getChartBackgroundColor({ background }, colorThemeName) {
-	if (!background) return COLOR_THEMES[colorThemeName].backgroundColor;
+	if (!background) return COLOR_THEMES[colorThemeName].chartBackgroundColor;
 	return background;
 }
 
@@ -14203,7 +14218,7 @@ const GAUGE_PADDING_TOP = 10;
 const GAUGE_PADDING_BOTTOM = 20;
 const GAUGE_LABELS_FONT_SIZE = 12;
 const GAUGE_DEFAULT_VALUE_FONT_SIZE = 80;
-const GAUGE_BACKGROUND_COLOR = "#F3F2F1";
+const GAUGE_BACKGROUND_COLOR = "#F8F8F8";
 const GAUGE_INFLECTION_LABEL_BOTTOM_MARGIN = 6;
 const GAUGE_TITLE_SECTION_HEIGHT = 25;
 function drawGaugeChart(canvas, runtime, zoom = 1, dimensions, options) {
@@ -24538,8 +24553,8 @@ var ClickableCellSortIcon = class extends Component {
 	}
 	getBackgroundColor(cellStyle) {
 		const overlayColor = this.hoveredCellOverlayStore.overlayColors.get(this.props.position);
-		if (overlayColor) return blendColors(cellStyle.fillColor || "#FFFFFF", overlayColor);
-		return cellStyle.fillColor || "#FFFFFF";
+		if (overlayColor) return cellStyle.fillColor ? blendColors(cellStyle.fillColor, overlayColor) : overlayColor;
+		return cellStyle.fillColor;
 	}
 };
 
@@ -28301,8 +28316,11 @@ var GridRenderer = class extends DisposableStore {
 	drawGlobalBackground(renderingContext) {
 		const { ctx, viewports } = renderingContext;
 		const { width, height } = viewports.getSheetViewDimensionWithHeaders();
-		ctx.fillStyle = this.getBackgroundColor(renderingContext);
-		ctx.fillRect(0, 0, width + CANVAS_SHIFT, height + CANVAS_SHIFT);
+		const fillStyle = this.getBackgroundColor(renderingContext);
+		if (fillStyle) {
+			ctx.fillStyle = fillStyle;
+			ctx.fillRect(0, 0, width + CANVAS_SHIFT, height + CANVAS_SHIFT);
+		} else ctx.clearRect(0, 0, width + CANVAS_SHIFT, height + CANVAS_SHIFT);
 	}
 	drawBackground(renderingContext, boxes) {
 		const { ctx, thinLineWidth } = renderingContext;
@@ -28311,7 +28329,8 @@ var GridRenderer = class extends DisposableStore {
 		if (areGridLinesVisible) {
 			const theme = this.getters.getSpreadsheetTheme();
 			const background = this.getBackgroundColor(renderingContext);
-			ctx.strokeStyle = setColorAlpha(blendColors(theme.gridBorderColor + "aa", background + "50"), 1);
+			if (background) ctx.strokeStyle = setColorAlpha(blendColors(theme.gridBorderColor + "aa", toHex(background) + "50"), 1);
+			else ctx.strokeStyle = theme.gridBorderColorOnDefaultBackground;
 			ctx.lineWidth = thinLineWidth;
 			for (const box of boxes) {
 				if (box.style.hideGridLines) continue;
@@ -28321,9 +28340,11 @@ var GridRenderer = class extends DisposableStore {
 	}
 	drawCellBackground(renderingContext, boxes) {
 		const { ctx } = renderingContext;
+		const backgroundColor = this.getBackgroundColor(renderingContext);
+		const background = backgroundColor ? toHex(backgroundColor) : void 0;
 		for (const box of boxes) {
 			const style = box.style;
-			if (style.fillColor && toHex(style.fillColor) !== toHex(this.getBackgroundColor(renderingContext))) {
+			if (style.fillColor && toHex(style.fillColor) !== background) {
 				ctx.fillStyle = toHex(style.fillColor);
 				ctx.fillRect(box.x - CANVAS_SHIFT, box.y - CANVAS_SHIFT, box.width + CANVAS_SHIFT * 2, box.height + CANVAS_SHIFT * 2);
 			}
@@ -28337,7 +28358,8 @@ var GridRenderer = class extends DisposableStore {
 				ctx.fillRect(box.x, y, width, height);
 			}
 			if (box.overlayColor) {
-				ctx.fillStyle = blendColors(style.fillColor || this.getBackgroundColor(renderingContext), box.overlayColor);
+				const backdrop = style.fillColor || this.getBackgroundColor(renderingContext);
+				ctx.fillStyle = backdrop ? blendColors(backdrop, box.overlayColor) : box.overlayColor;
 				ctx.fillRect(box.x - CANVAS_SHIFT, box.y - CANVAS_SHIFT, box.width + CANVAS_SHIFT * 2, box.height + CANVAS_SHIFT * 2);
 			}
 			if (box?.chip) {
@@ -28365,6 +28387,7 @@ var GridRenderer = class extends DisposableStore {
 	}
 	drawOverflowingCellBackground(renderingContext, boxes) {
 		const { ctx, thinLineWidth } = renderingContext;
+		const background = this.getBackgroundColor(renderingContext);
 		for (const box of boxes) if (box.content && box.isOverflow) {
 			const align = box.content.align || "left";
 			let x;
@@ -28382,8 +28405,10 @@ var GridRenderer = class extends DisposableStore {
 				x = (box.clipRect?.x || box.x + box.width / 2 - box.content.width / 2) + thinLineWidth / 2;
 				width = clipWidth - 2 * thinLineWidth;
 			}
-			ctx.fillStyle = this.getBackgroundColor(renderingContext);
-			ctx.fillRect(x, y, width, height);
+			if (background) {
+				ctx.fillStyle = background;
+				ctx.fillRect(x, y, width, height);
+			} else ctx.clearRect(x, y, width, height);
 		}
 	}
 	drawBorders(renderingContext, boxes) {
@@ -28553,7 +28578,7 @@ var GridRenderer = class extends DisposableStore {
 		ctx.textBaseline = "middle";
 		ctx.lineWidth = thinLineWidth;
 		ctx.strokeStyle = theme.headerTextColor;
-		ctx.fillStyle = this.getters.getSpreadsheetTheme().backgroundColor;
+		ctx.fillStyle = theme.headerBackgroundColor;
 		ctx.fillRect(0, 0, 48, height);
 		ctx.fillRect(0, 0, width, 26);
 		for (const col of visibleCols) {
@@ -29002,7 +29027,7 @@ var GridRenderer = class extends DisposableStore {
 		}
 	}
 	getBackgroundColor(renderingContext) {
-		return this.getters.getSheet(renderingContext.sheetId).backgroundColor || this.getters.getSpreadsheetTheme().backgroundColor;
+		return this.getters.getSheet(renderingContext.sheetId).backgroundColor;
 	}
 };
 
@@ -29015,7 +29040,7 @@ function useGridDrawing({ canvasRef, renderingCtx, rendererStore, changeCanvasSi
 	function drawGrid() {
 		const canvas = canvasRef();
 		if (!canvas) return;
-		const ctx = canvas.getContext("2d", { alpha: false });
+		const ctx = canvas.getContext("2d", { alpha: true });
 		const renderingContext = {
 			ctx,
 			thinLineWidth: .4,
@@ -29258,7 +29283,7 @@ var StandaloneViewportStore = class extends SpreadsheetStore {
 			viewports: this.viewStore.viewports,
 			hideGridLines: this.getters.isDashboard(),
 			hideFrozenPaneBorder: true,
-			dpr: 1,
+			dpr: window.devicePixelRatio || 1,
 			selectedZones: [],
 			activeCols: /* @__PURE__ */ new Set(),
 			activeRows: /* @__PURE__ */ new Set(),
@@ -29820,7 +29845,7 @@ var CarouselFigure = class extends Component {
 	}
 	get carouselStyle() {
 		const cssProperties = {};
-		const backgroundColor = this.env.model.getters.getSpreadsheetTheme().backgroundColor;
+		const backgroundColor = this.env.model.getters.getSpreadsheetTheme().chartBackgroundColor;
 		if (this.selectedCarouselItem?.type === "chart") {
 			const chart = this.env.model.getters.getChartRuntime(this.selectedCarouselItem.chartId);
 			if ("background" in chart && chart.background) cssProperties["background-color"] = chart.background;
@@ -42777,7 +42802,7 @@ function analyzeColumn(zone, getters) {
 	if (!cells.length) return {
 		zone,
 		type: "empty",
-		hasHeader: false,
+		headerInZone: false,
 		rowCount: 0,
 		uniqueCount: 0,
 		uniqueRatio: 0,
@@ -42785,16 +42810,34 @@ function analyzeColumn(zone, getters) {
 	};
 	const firstCell = cells[0];
 	const rest = cells.slice(1);
-	const hasHeader = firstCell.type === "text" && rest.some((c) => c.type !== "text");
-	const dataCells = hasHeader ? rest : cells;
+	let title;
+	let dataCells = [];
+	let headerInZone = false;
+	let analyzedZone = zone;
+	const tableHeaderPosition = getColumnTableHeaderPosition(sheetId, zone, getters);
+	if (tableHeaderPosition) {
+		title = getters.getCellText(tableHeaderPosition) || void 0;
+		dataCells = cells.filter((c) => c.position && c.position.row > tableHeaderPosition.row);
+		headerInZone = !!title && tableHeaderPosition.row >= zone.top && tableHeaderPosition.row <= zone.bottom;
+		if (headerInZone) analyzedZone = {
+			top: tableHeaderPosition.row,
+			bottom: zone.bottom,
+			left: zone.left,
+			right: zone.right
+		};
+	} else if (firstCell.type === "text" && rest.some((c) => c.type !== "text")) {
+		title = firstCell.value;
+		dataCells = rest;
+		headerInZone = true;
+	} else dataCells = cells;
 	const numericValues = dataCells.filter((c) => c.type === "number").map((c) => c.value);
 	const allVals = dataCells.map((c) => String(c.value ?? ""));
 	const uniqueCount = new Set(allVals).size;
 	return {
-		zone,
+		zone: analyzedZone,
 		type: computeColumnType(dataCells),
-		header: hasHeader ? firstCell.value : void 0,
-		hasHeader,
+		title,
+		headerInZone,
 		rowCount: dataCells.length,
 		uniqueCount,
 		uniqueRatio: allVals.length > 0 ? uniqueCount / allVals.length : 0,
@@ -42820,6 +42863,33 @@ function computeColumnType(cells) {
 	}
 	return "empty";
 }
+function getColumnTableHeaderPosition(sheetId, zone, getters) {
+	if (zone.left !== zone.right) return;
+	const tables = getters.getTablesOverlappingZones(sheetId, [zone]);
+	if (tables.length !== 1) return;
+	const table = tables[0];
+	const firstCell = {
+		sheetId,
+		col: zone.left,
+		row: zone.top
+	};
+	const lastCell = {
+		sheetId,
+		col: zone.left,
+		row: zone.bottom
+	};
+	if (firstCell.row < table.range.zone.top || lastCell.row > table.range.zone.bottom) {
+		const cells = getters.getEvaluatedCellsInZone(sheetId, zone).filter((c) => c.type !== "empty");
+		for (const cell of cells) if (cell.position && !isInside(cell.position.col, cell.position.row, table.range.zone)) return;
+	}
+	const numberOfHeaders = table.config.numberOfHeaders;
+	if (numberOfHeaders === 0) return;
+	return {
+		sheetId,
+		col: zone.left,
+		row: table.range.zone.top + numberOfHeaders - 1
+	};
+}
 
 //#endregion
 //#region src/helpers/figures/charts/charts_suggestions_constants.ts
@@ -43064,6 +43134,10 @@ const SINGLE_DATE_COLUMN_SUGGESTIONS = [{
 	description: _t("Shows the last date value."),
 	isApplicable: ({ rowCount }) => rowCount === 1,
 	build: (ctx) => scorecardChart(ctx.title, `=${ctx.lastCellXC}`)
+}, {
+	description: _t("Shows occurrences for each time slot."),
+	isApplicable: ({ rowCount }) => rowCount > 1,
+	build: (ctx) => calendarChart(ctx.title, ctx.source)
 }];
 /** Pattern D — Single categorical column */
 const SINGLE_CATEGORICAL_COLUMN_SUGGESTIONS = [
@@ -43374,7 +43448,7 @@ const LABEL_VS_MULTIPLE_NUMBERS_SUGGESTIONS = [
 		isApplicable: ({ numColsCount }) => numColsCount === 3,
 		build: (ctx) => {
 			const bubble = ctx.bubble;
-			return bubbleChart(ctx.title, bubble.xRange, bubble.yRanges, bubble.sizeRange, bubble.labelRange, bubble.hasTitle);
+			return bubbleChart(ctx.title, bubble.xRange, bubble.yRanges, bubble.sizeRange, bubble.labelRange, bubble.headerInZone);
 		}
 	}
 ];
@@ -43471,8 +43545,8 @@ function matchesShape(pattern, shape) {
 	});
 }
 function isPyramidLike(numCol1, numCol2) {
-	const h1 = numCol1.header ?? "";
-	const h2 = numCol2.header ?? "";
+	const h1 = numCol1.title ?? "";
+	const h2 = numCol2.title ?? "";
 	return PYRAMID_HEADER_KEYWORD_PATTERNS.some((re) => re.test(h1) || re.test(h2));
 }
 /** Returns the first and last cell XC coordinates, and the second-to-last cell XC coordinate if it exists. */
@@ -43493,25 +43567,26 @@ function interestingCellsXc(col) {
 		prevCellXC: prevCellPosition ? toXC(prevCellPosition?.col, prevCellPosition?.row) : void 0
 	};
 }
-function getCategoryHeader(getters, catCol) {
-	let catHeader = catCol.header ?? "";
-	if (!catHeader && catCol.rowCount > 0) {
+function getCategoryHeader(getters, catCol, headerInZone) {
+	if (catCol.title) return catCol.title;
+	if (headerInZone && catCol.rowCount > 0) {
 		const { left, top } = catCol.zone;
-		catHeader = (getters.getEvaluatedCell({
+		const cellValue = getters.getEvaluatedCell({
 			sheetId: getters.getActiveSheetId(),
 			col: left,
 			row: top
-		})?.value || _t("Category")).toString();
+		})?.value;
+		if (cellValue) return cellValue.toString();
 	}
-	return catHeader;
+	return _t("Category");
 }
 /** Pattern A — Single numeric column */
 function buildSingleNumberContext([col], getters) {
-	const title = col.header ?? "";
+	const title = col.title ?? "";
 	const { firstCellXC, lastCellXC, prevCellXC } = interestingCellsXc(col);
 	return {
 		title,
-		source: rangeSource([dataset(col.zone, getters)], col.hasHeader),
+		source: rangeSource([dataset(col.zone, getters)], col.headerInZone),
 		rowCount: col.rowCount,
 		firstCellXC,
 		lastCellXC,
@@ -43520,10 +43595,9 @@ function buildSingleNumberContext([col], getters) {
 }
 /** Pattern B — Single percentage column */
 function buildSinglePercentageContext([col], getters) {
-	const hasTitle = col.hasHeader;
-	const title = col.header ?? "";
+	const title = col.title ?? "";
 	const { firstCellXC, lastCellXC, prevCellXC } = interestingCellsXc(col);
-	const source = rangeSource([dataset(col.zone, getters)], hasTitle);
+	const source = rangeSource([dataset(col.zone, getters)], col.headerInZone);
 	const isAboveOne = (col.maxValue ?? 0) > 1;
 	return {
 		title,
@@ -43536,22 +43610,24 @@ function buildSinglePercentageContext([col], getters) {
 	};
 }
 /** Pattern C — Single date column */
-function buildSingleDateContext([col]) {
+function buildSingleDateContext([col], getters) {
 	const { lastCellXC } = interestingCellsXc(col);
+	const labelRange = getUnboundRange(getters, col.zone);
+	const source = rangeSource([dataset(col.zone, getters)], col.headerInZone, labelRange);
 	return {
-		title: col.header ?? "",
+		title: col.title ?? "",
 		lastCellXC,
-		rowCount: col.rowCount
+		rowCount: col.rowCount,
+		source
 	};
 }
 /** Pattern D — Single categorical column */
 function buildSingleCategoricalContext([col], getters) {
-	const hasTitle = col.hasHeader;
-	const title = col.header ?? "";
+	const title = col.title ?? "";
 	const range = getUnboundRange(getters, col.zone);
 	return {
 		title,
-		source: rangeSource([dataset(col.zone, getters)], hasTitle, range),
+		source: rangeSource([dataset(col.zone, getters)], col.headerInZone, range),
 		range
 	};
 }
@@ -43559,7 +43635,7 @@ function buildSingleCategoricalContext([col], getters) {
 function buildSingleLabelContext([col]) {
 	const { lastCellXC } = interestingCellsXc(col);
 	return {
-		title: "",
+		title: col.title ?? "",
 		lastCellXC,
 		rowCount: col.rowCount
 	};
@@ -43567,37 +43643,37 @@ function buildSingleLabelContext([col]) {
 /** Pattern F — Categorical + Number */
 function buildCategoricalVsNumberContext([catCol, numCol], getters) {
 	const labelRange = getUnboundRange(getters, catCol.zone);
-	const hasTitle = numCol.hasHeader;
-	const categoryHeader = hasTitle ? getCategoryHeader(getters, catCol) : _t("Category");
+	const headerInZone = numCol.headerInZone;
+	const categoryHeader = getCategoryHeader(getters, catCol, headerInZone);
 	return {
-		title: numCol.header ? _t("%(numberHeader)s by %(categoryHeader)s", {
-			numberHeader: numCol.header,
+		title: numCol.title ? _t("%(numberHeader)s by %(categoryHeader)s", {
+			numberHeader: numCol.title,
 			categoryHeader
 		}) : "",
-		source: rangeSource([dataset(numCol.zone, getters)], hasTitle, labelRange),
-		treemapSource: rangeSource([dataset(catCol.zone, getters)], hasTitle, getUnboundRange(getters, numCol.zone))
+		source: rangeSource([dataset(numCol.zone, getters)], headerInZone, labelRange),
+		treemapSource: rangeSource([dataset(catCol.zone, getters)], headerInZone, getUnboundRange(getters, numCol.zone))
 	};
 }
 /** Patterns G & J — Date + Number or Date + Percentage */
 function buildDateVsSeriesContext([dateCol, seriesCol], getters) {
 	const isPercentage = seriesCol.type === "percentage";
 	const labelRange = getUnboundRange(getters, dateCol.zone);
-	const hasTitle = isDatasetTitled(getters, dateCol.zone);
+	const headerInZone = isDatasetTitled(getters, dateCol.zone);
 	return {
-		title: seriesCol.header ? _t("%(seriesHeader)s over time", { seriesHeader: seriesCol.header }) : "",
-		source: rangeSource([dataset(seriesCol.zone, getters)], hasTitle, labelRange),
+		title: seriesCol.title ? _t("%(seriesHeader)s over time", { seriesHeader: seriesCol.title }) : "",
+		source: rangeSource([dataset(seriesCol.zone, getters)], headerInZone, labelRange),
 		isPercentage
 	};
 }
 /** Pattern H — Number + Number */
 function buildNumberVsNumberContext([col1, col2], getters) {
-	const title = col1.header && col2.header ? _t("%(col2Header)s vs %(col1Header)s", {
-		col2Header: col2.header,
-		col1Header: col1.header
+	const title = col1.title && col2.title ? _t("%(col2Header)s vs %(col1Header)s", {
+		col2Header: col2.title,
+		col1Header: col1.title
 	}) : "";
-	const hasTitle = col1.hasHeader || col2.hasHeader;
-	const source2 = rangeSource([dataset(col2.zone, getters)], col2.hasHeader, getUnboundRange(getters, col1.zone));
-	const sourceBoth = rangeSource([dataset(col1.zone, getters, "0"), dataset(col2.zone, getters, "1")], hasTitle);
+	const headerInZone = col1.headerInZone || col2.headerInZone;
+	const source2 = rangeSource([dataset(col2.zone, getters)], col2.headerInZone, getUnboundRange(getters, col1.zone));
+	const sourceBoth = rangeSource([dataset(col1.zone, getters, "0"), dataset(col2.zone, getters, "1")], headerInZone);
 	const { lastCellXC } = interestingCellsXc(col2);
 	const { lastCellXC: prevCellXC } = interestingCellsXc(col1);
 	return {
@@ -43613,26 +43689,25 @@ function buildNumberVsNumberContext([col1, col2], getters) {
 /** Pattern I — Categorical + Percentage */
 function buildCategoricalVsPercentageContext([catCol, pctCol], getters) {
 	const labelRange = getUnboundRange(getters, catCol.zone);
-	const hasTitle = pctCol.hasHeader;
-	const categoryHeader = hasTitle ? getCategoryHeader(getters, catCol) : _t("Category");
+	const headerInZone = pctCol.headerInZone;
+	const categoryHeader = getCategoryHeader(getters, catCol, headerInZone);
 	return {
-		title: pctCol.header ? _t("%(percentageHeader)s by %(categoryHeader)s", {
-			percentageHeader: pctCol.header,
+		title: pctCol.title ? _t("%(percentageHeader)s by %(categoryHeader)s", {
+			percentageHeader: pctCol.title,
 			categoryHeader
 		}) : "",
-		source: rangeSource([dataset(pctCol.zone, getters)], hasTitle, labelRange),
+		source: rangeSource([dataset(pctCol.zone, getters)], headerInZone, labelRange),
 		rowCount: catCol.rowCount
 	};
 }
 /** Pattern K — Label + Number */
 function buildLabelVsNumberContext([labelCol, numCol], getters) {
 	const labelRange = getUnboundRange(getters, labelCol.zone);
-	const hasTitle = numCol.hasHeader;
-	const title = numCol.header ? _t("%(numberHeader)s by %(labelHeader)s", {
-		numberHeader: numCol.header,
-		labelHeader: labelCol.header ?? _t("Name")
+	const title = numCol.title ? _t("%(numberHeader)s by %(labelHeader)s", {
+		numberHeader: numCol.title,
+		labelHeader: labelCol.title ?? _t("Name")
 	}) : "";
-	const source = rangeSource([dataset(numCol.zone, getters)], hasTitle, labelRange);
+	const source = rangeSource([dataset(numCol.zone, getters)], numCol.headerInZone, labelRange);
 	const { lastCellXC } = interestingCellsXc(numCol);
 	const { lastCellXC: prevCellXC } = interestingCellsXc(labelCol);
 	return {
@@ -43646,66 +43721,66 @@ function buildLabelVsNumberContext([labelCol, numCol], getters) {
 /** Pattern M — Categorical + Multiple Numbers */
 function buildCategoricalVsMultipleNumbersContext([catCol, ...numCols], getters) {
 	const labelRange = getUnboundRange(getters, catCol.zone);
-	const hasTitle = numCols.some((c) => c.hasHeader);
-	const categoryHeader = hasTitle ? getCategoryHeader(getters, catCol) : "";
+	const headerInZone = numCols.some((c) => c.headerInZone);
+	const categoryHeader = getCategoryHeader(getters, catCol, headerInZone);
 	return {
-		title: hasTitle ? _t("Multi-series By %(categoryHeader)s", { categoryHeader }) : "",
-		source: rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), hasTitle, labelRange),
+		title: headerInZone ? _t("Multi-series By %(categoryHeader)s", { categoryHeader }) : "",
+		source: rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), headerInZone, labelRange),
 		rowCount: catCol.rowCount
 	};
 }
 /** Pattern N — Date + Multiple Numbers */
 function buildDateVsMultipleNumbersContext([dateCol, ...numCols], getters) {
 	const labelRange = getUnboundRange(getters, dateCol.zone);
-	const hasTitle = numCols.some((c) => c.hasHeader) || isDatasetTitled(getters, dateCol.zone);
+	const headerInZone = numCols.some((c) => c.headerInZone) || isDatasetTitled(getters, dateCol.zone);
 	return {
-		title: numCols.length === 1 && numCols[0].header ? _t("%(header)s over time", { header: numCols[0].header }) : "",
-		source: rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), hasTitle, labelRange)
+		title: numCols.length === 1 && numCols[0].title ? _t("%(header)s over time", { header: numCols[0].title }) : "",
+		source: rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), headerInZone, labelRange)
 	};
 }
 /** Pattern O — Categorical + Categorical + Number */
 function buildMultipleCategoricalsVsNumberContext([cat1, cat2, numCol], getters) {
-	const title = numCol.header ? _t("%(numHeader)s by %(cat1Header)s and %(cat2Header)s", {
-		numHeader: numCol.header,
-		cat1Header: cat1.header ?? _t("Level 1"),
-		cat2Header: cat2.header ?? _t("Level 2")
+	const title = numCol.title ? _t("%(numHeader)s by %(cat1Header)s and %(cat2Header)s", {
+		numHeader: numCol.title,
+		cat1Header: cat1.title ?? _t("Level 1"),
+		cat2Header: cat2.title ?? _t("Level 2")
 	}) : "";
-	const hasTitle = numCol.hasHeader;
+	const headerInZone = numCol.headerInZone;
 	return {
 		title,
-		hierarchySource: rangeSource([dataset(cat1.zone, getters, "0"), dataset(cat2.zone, getters, "1")], hasTitle, getUnboundRange(getters, numCol.zone)),
-		barSource: rangeSource([dataset(numCol.zone, getters)], hasTitle, getUnboundRange(getters, cat1.zone))
+		hierarchySource: rangeSource([dataset(cat1.zone, getters, "0"), dataset(cat2.zone, getters, "1")], headerInZone, getUnboundRange(getters, numCol.zone)),
+		barSource: rangeSource([dataset(numCol.zone, getters)], headerInZone, getUnboundRange(getters, cat1.zone))
 	};
 }
 /** Pattern P — Categorical + Date + Number */
 function buildCategoricalDateNumberContext([catCol, dateCol, numCol], getters) {
 	const dateRange = getUnboundRange(getters, dateCol.zone);
 	const catRange = getUnboundRange(getters, catCol.zone);
-	const hasTitle = numCol.hasHeader;
-	const catHeader = hasTitle ? getCategoryHeader(getters, catCol) : _t("Category");
+	const headerInZone = numCol.headerInZone;
+	const catHeader = getCategoryHeader(getters, catCol, headerInZone);
 	return {
-		title: numCol.header ? _t("%(numHeader)s by %(catHeader)s over %(dateHeader)s", {
-			numHeader: numCol.header,
+		title: numCol.title ? _t("%(numHeader)s by %(catHeader)s over %(dateHeader)s", {
+			numHeader: numCol.title,
 			catHeader,
-			dateHeader: dateCol.header ?? _t("Time")
+			dateHeader: dateCol.title ?? _t("Time")
 		}) : "",
-		sourceByDate: rangeSource([dataset(numCol.zone, getters)], hasTitle, dateRange),
-		sourceByCat: rangeSource([dataset(numCol.zone, getters)], hasTitle, catRange)
+		sourceByDate: rangeSource([dataset(numCol.zone, getters)], headerInZone, dateRange),
+		sourceByCat: rangeSource([dataset(numCol.zone, getters)], headerInZone, catRange)
 	};
 }
 /** Pattern Q — Label + Multiple Numbers */
 function buildLabelVsMultipleNumbersContext([labelCol, ...numCols], getters) {
 	const labelRange = getUnboundRange(getters, labelCol.zone);
-	const hasTitle = numCols.some((c) => c.hasHeader);
-	const title = labelCol.header ? _t("By %(header)s", { header: labelCol.header }) : "";
-	const source = rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), hasTitle, labelRange);
-	const scatterSource = rangeSource([dataset(numCols[1].zone, getters)], numCols[1].hasHeader, getUnboundRange(getters, numCols[0].zone));
+	const headerInZone = numCols.some((c) => c.headerInZone);
+	const title = labelCol.title ? _t("By %(title)s", { title: labelCol.title }) : "";
+	const source = rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), headerInZone, labelRange);
+	const scatterSource = rangeSource([dataset(numCols[1].zone, getters)], numCols[1].headerInZone, getUnboundRange(getters, numCols[0].zone));
 	const bubble = numCols.length === 3 ? {
 		xRange: getUnboundRange(getters, numCols[0].zone),
 		yRanges: [getUnboundRange(getters, numCols[1].zone)],
 		sizeRange: getUnboundRange(getters, numCols[2].zone),
 		labelRange,
-		hasTitle
+		headerInZone
 	} : void 0;
 	return {
 		title,
@@ -43719,25 +43794,25 @@ function buildLabelVsMultipleNumbersContext([labelCol, ...numCols], getters) {
 /** Pattern R — Categorical + Two Numbers (Population Pyramid or Grouped) */
 function buildCategoricalTwoNumbersContext([catCol, numCol1, numCol2], getters) {
 	const catRange = getUnboundRange(getters, catCol.zone);
-	const hasTitle = numCol1.hasHeader || numCol2.hasHeader;
-	const catHeader = hasTitle ? getCategoryHeader(getters, catCol) : _t("Category");
-	const title = numCol1.header && numCol2.header ? _t("%(num1Header)s vs %(num2Header)s by %(catHeader)s", {
-		num1Header: numCol1.header,
-		num2Header: numCol2.header,
+	const headerInZone = numCol1.headerInZone || numCol2.headerInZone;
+	const catHeader = getCategoryHeader(getters, catCol, headerInZone);
+	const title = numCol1.title && numCol2.title ? _t("%(num1Header)s vs %(num2Header)s by %(catHeader)s", {
+		num1Header: numCol1.title,
+		num2Header: numCol2.title,
 		catHeader
 	}) : "";
 	const isPyramid = isPyramidLike(numCol1, numCol2);
 	return {
 		title,
-		sourceBoth: rangeSource([dataset(numCol1.zone, getters, "0"), dataset(numCol2.zone, getters, "1")], hasTitle, catRange),
+		sourceBoth: rangeSource([dataset(numCol1.zone, getters, "0"), dataset(numCol2.zone, getters, "1")], headerInZone, catRange),
 		isPyramid
 	};
 }
 /** Pattern S — Many Numbers (3+ numeric columns, no categorical/date) */
 function buildManyNumbersContext(cols, getters) {
-	const title = cols.every((c) => c.hasHeader) ? cols.map((c) => c.header).join(" / ") : "";
-	const hasTitle = cols.some((c) => c.hasHeader);
-	const source = rangeSource(cols.map((c, i) => dataset(c.zone, getters, String(i))), hasTitle);
+	const title = cols.every((c) => c.headerInZone) ? cols.map((c) => c.title).join(" / ") : "";
+	const headerInZone = cols.some((c) => c.headerInZone);
+	const source = rangeSource(cols.map((c, i) => dataset(c.zone, getters, String(i))), headerInZone);
 	const { lastCellXC } = interestingCellsXc(cols[2]);
 	const { lastCellXC: firstCellXC } = interestingCellsXc(cols[0]);
 	const { lastCellXC: secondCellXC } = interestingCellsXc(cols[1]);
@@ -43752,6 +43827,7 @@ function buildManyNumbersContext(cols, getters) {
 	};
 }
 const NUMBER_OR_PERCENTAGE = ["number", "percentage"];
+const CATEGORICAL_OR_BOOLEAN = ["categorical", "boolean"];
 const EXACT_PATTERNS = [
 	{
 		pattern: { leadingTypes: ["number"] },
@@ -43769,7 +43845,7 @@ const EXACT_PATTERNS = [
 		suggestions: SINGLE_DATE_COLUMN_SUGGESTIONS
 	},
 	{
-		pattern: { leadingTypes: ["categorical"] },
+		pattern: { leadingTypes: [CATEGORICAL_OR_BOOLEAN] },
 		buildContext: buildSingleCategoricalContext,
 		suggestions: SINGLE_CATEGORICAL_COLUMN_SUGGESTIONS
 	},
@@ -43779,7 +43855,7 @@ const EXACT_PATTERNS = [
 		suggestions: SINGLE_LABEL_COLUMN_SUGGESTIONS
 	},
 	{
-		pattern: { leadingTypes: ["categorical", "number"] },
+		pattern: { leadingTypes: [CATEGORICAL_OR_BOOLEAN, "number"] },
 		buildContext: buildCategoricalVsNumberContext,
 		suggestions: CATEGORICAL_VS_NUMBER_SUGGESTIONS
 	},
@@ -43794,7 +43870,7 @@ const EXACT_PATTERNS = [
 		suggestions: NUMBER_VS_NUMBER_SUGGESTIONS
 	},
 	{
-		pattern: { leadingTypes: ["categorical", "percentage"] },
+		pattern: { leadingTypes: [CATEGORICAL_OR_BOOLEAN, "percentage"] },
 		buildContext: buildCategoricalVsPercentageContext,
 		suggestions: CATEGORICAL_VS_PERCENTAGE_SUGGESTIONS
 	},
@@ -43810,8 +43886,8 @@ const EXACT_PATTERNS = [
 	},
 	{
 		pattern: { leadingTypes: [
-			"categorical",
-			"categorical",
+			CATEGORICAL_OR_BOOLEAN,
+			CATEGORICAL_OR_BOOLEAN,
 			"number"
 		] },
 		buildContext: buildMultipleCategoricalsVsNumberContext,
@@ -43819,7 +43895,7 @@ const EXACT_PATTERNS = [
 	},
 	{
 		pattern: { leadingTypes: [
-			"categorical",
+			CATEGORICAL_OR_BOOLEAN,
 			"label",
 			"number"
 		] },
@@ -43828,7 +43904,7 @@ const EXACT_PATTERNS = [
 	},
 	{
 		pattern: { leadingTypes: [
-			"categorical",
+			CATEGORICAL_OR_BOOLEAN,
 			"date",
 			NUMBER_OR_PERCENTAGE
 		] },
@@ -43837,7 +43913,7 @@ const EXACT_PATTERNS = [
 	},
 	{
 		pattern: { leadingTypes: [
-			"categorical",
+			CATEGORICAL_OR_BOOLEAN,
 			NUMBER_OR_PERCENTAGE,
 			NUMBER_OR_PERCENTAGE
 		] },
@@ -57232,7 +57308,7 @@ function pivot_presentation_default(PivotClass) {
 			return this.strictMeasureValueToNumber(comparedValue);
 		}
 		getPivotValueCells(measureId) {
-			return this.getCollapsedTableStructure().getPivotCells().map((col) => col.filter((cell) => cell.type === "VALUE" && cell.measure === measureId)).filter((col) => col.length > 0);
+			return this.getExpandedTableStructure().getPivotCells().map((col) => col.filter((cell) => cell.type === "VALUE" && cell.measure === measureId)).filter((col) => col.length > 0);
 		}
 		measureValueToNumber(result) {
 			if (typeof result.value === "number") return result.value;
@@ -66112,7 +66188,7 @@ var EvaluationChartPlugin = class extends EvaluationPlugin {
 	* Get the background and textColor of a chart based on the color of the first cell of the main range of the chart.
 	*/
 	getStyleOfSingleCellChart(chartBackground, mainRange, colorThemeName) {
-		const themeBackground = COLOR_THEMES[colorThemeName].backgroundColor;
+		const themeBackground = COLOR_THEMES[colorThemeName].chartBackgroundColor;
 		if (chartBackground) return {
 			background: chartBackground,
 			fontColor: chartFontColor(chartBackground)
@@ -67166,14 +67242,12 @@ var SubtotalEvaluationPlugin = class extends EvaluationPlugin {
 var UIPlugin = class extends BasePlugin {
 	static layers = [];
 	getters;
-	ui;
 	selection;
 	dispatch;
 	canDispatch;
-	constructor({ getters, stateObserver, dispatch, canDispatch, uiActions, selection }) {
+	constructor({ getters, stateObserver, dispatch, canDispatch, selection }) {
 		super(stateObserver);
 		this.getters = getters;
-		this.ui = uiActions;
 		this.selection = selection;
 		this.dispatch = dispatch;
 		this.canDispatch = canDispatch;
@@ -72642,9 +72716,7 @@ var SpreadsheetDashboard = class extends Component {
 		return cssPropertiesToCss({ zoom: this.zoomStore.cssZoom });
 	}
 	get backgroundStyle() {
-		const sheet = this.env.model.getters.getActiveSheet();
-		const theme = this.env.model.getters.getSpreadsheetTheme();
-		return cssPropertiesToCss({ "background-color": sheet.backgroundColor || theme.backgroundColor });
+		return cssPropertiesToCss({ "background-color": this.env.model.getters.getActiveSheet().backgroundColor });
 	}
 };
 
@@ -73250,7 +73322,7 @@ var FigureRendererStore = class extends DisposableStore {
 		ctx.beginPath();
 		ctx.rect(figureRect.x, figureRect.y, figureRect.width, figureRect.height);
 		ctx.clip();
-		ctx.fillStyle = chartDefinition?.background || this.getters.getSpreadsheetTheme().backgroundColor;
+		ctx.fillStyle = chartDefinition?.background || this.getters.getSpreadsheetTheme().chartBackgroundColor;
 		ctx.fillRect(figureRect.x, figureRect.y, figureRect.width, figureRect.height);
 		const title = {
 			...DEFAULT_CAROUSEL_TITLE_STYLE,
@@ -75158,14 +75230,10 @@ var Spreadsheet = class extends Component {
 				sticky: false
 			});
 		});
-		this.model.on("notify-ui", this, (notification) => this.notificationStore.notifyUser(notification));
-		this.model.on("raise-error-ui", this, ({ text }) => this.notificationStore.raiseError(text));
 	}
 	unbindModelEvents() {
 		this.model.off("update", this);
 		this.model.off("command-rejected", this);
-		this.model.off("notify-ui", this);
-		this.model.off("raise-error-ui", this);
 	}
 	checkViewportSize() {
 		const { xRatio, yRatio } = this.viewStore.viewports.getFrozenSheetViewRatio(this.viewStore.displayedSheetId);
@@ -79580,8 +79648,6 @@ var Model = class Model extends EventBus {
 			client,
 			moveClient: () => {},
 			snapshotRequested: false,
-			notifyUI: (payload) => this.trigger("notify-ui", payload),
-			raiseBlockingErrorUI: (text) => this.trigger("raise-error-ui", { text }),
 			customColors: config.customColors || []
 		};
 	}
@@ -79625,7 +79691,6 @@ var Model = class Model extends EventBus {
 			selection: this.selection,
 			moveClient: this.session.move.bind(this.session),
 			custom: this.config.custom,
-			uiActions: this.config,
 			session: this.session,
 			defaultCurrency: this.config.defaultCurrency,
 			customColors: this.config.customColors || [],
@@ -79761,7 +79826,15 @@ var Model = class Model extends EventBus {
 	dispatchFromEvaluationPlugin = (type, payload) => {
 		const command = createCommand(type, payload);
 		if (!isDispatcheableEvaluationCommand(command)) throw new Error(`An evaluation plugin cannot dispatch non-evaluation commands (${type})`);
+		if (this.status !== 0) {
+			this.dispatchToHandlers(this.evaluationHandlers, command);
+			return DispatchResult.Success;
+		}
+		this.status = 3;
 		this.dispatchToHandlers(this.evaluationHandlers, command);
+		this.finalize();
+		this.status = 0;
+		this.trigger("update");
 		return DispatchResult.Success;
 	};
 	/**
@@ -82301,7 +82374,7 @@ const BubbleChart = {
 					legend: getBubbleChartLegend(definition, chartData),
 					tooltip: getBubbleChartTooltip(definition, chartData),
 					chartShowValuesPlugin: getChartShowValues(definition, chartData),
-					background: { color: definition.background }
+					background: { color: chartData.background }
 				}
 			}
 		} };
@@ -91640,6 +91713,6 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.5.0-alpha.19";
-__info__.date = "2026-09-10T05:38:44.935Z";
-__info__.hash = "2b1e397";
+__info__.version = "19.5.0-alpha.20";
+__info__.date = "2026-09-16T08:02:11.430Z";
+__info__.hash = "4784627";