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

package/dist/o_spreadsheet.iife.js

@@ -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
  */
 
 (function(exports, _odoo_owl) {
@@ -8830,7 +8830,7 @@ set(value) {
 	* 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);
@@ -9978,34 +9978,49 @@ set(value) {
 	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)
 		}
 	};
 
@@ -10231,7 +10246,7 @@ set(value) {
 		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;
 	}
 
@@ -14204,7 +14219,7 @@ set(value) {
 	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) {
@@ -24539,8 +24554,8 @@ set(value) {
 		}
 		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;
 		}
 	};
 
@@ -28302,8 +28317,11 @@ set(value) {
 		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;
@@ -28312,7 +28330,8 @@ set(value) {
 			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;
@@ -28322,9 +28341,11 @@ set(value) {
 		}
 		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);
 				}
@@ -28338,7 +28359,8 @@ set(value) {
 					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) {
@@ -28366,6 +28388,7 @@ set(value) {
 		}
 		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;
@@ -28383,8 +28406,10 @@ set(value) {
 					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) {
@@ -28554,7 +28579,7 @@ set(value) {
 			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) {
@@ -29003,7 +29028,7 @@ set(value) {
 			}
 		}
 		getBackgroundColor(renderingContext) {
-			return this.getters.getSheet(renderingContext.sheetId).backgroundColor || this.getters.getSpreadsheetTheme().backgroundColor;
+			return this.getters.getSheet(renderingContext.sheetId).backgroundColor;
 		}
 	};
 
@@ -29016,7 +29041,7 @@ set(value) {
 		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,
@@ -29259,7 +29284,7 @@ set(value) {
 				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(),
@@ -29821,7 +29846,7 @@ set(value) {
 		}
 		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;
@@ -42778,7 +42803,7 @@ set(value) {
 		if (!cells.length) return {
 			zone,
 			type: "empty",
-			hasHeader: false,
+			headerInZone: false,
 			rowCount: 0,
 			uniqueCount: 0,
 			uniqueRatio: 0,
@@ -42786,16 +42811,34 @@ set(value) {
 		};
 		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,
@@ -42821,6 +42864,33 @@ set(value) {
 		}
 		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
@@ -43065,6 +43135,10 @@ set(value) {
 		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 = [
@@ -43375,7 +43449,7 @@ set(value) {
 			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);
 			}
 		}
 	];
@@ -43472,8 +43546,8 @@ set(value) {
 		});
 	}
 	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. */
@@ -43494,25 +43568,26 @@ set(value) {
 			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,
@@ -43521,10 +43596,9 @@ set(value) {
 	}
 	/** 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,
@@ -43537,22 +43611,24 @@ set(value) {
 		};
 	}
 	/** 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
 		};
 	}
@@ -43560,7 +43636,7 @@ set(value) {
 	function buildSingleLabelContext([col]) {
 		const { lastCellXC } = interestingCellsXc(col);
 		return {
-			title: "",
+			title: col.title ?? "",
 			lastCellXC,
 			rowCount: col.rowCount
 		};
@@ -43568,37 +43644,37 @@ set(value) {
 	/** 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 {
@@ -43614,26 +43690,25 @@ set(value) {
 	/** 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 {
@@ -43647,66 +43722,66 @@ set(value) {
 	/** 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,
@@ -43720,25 +43795,25 @@ set(value) {
 	/** 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]);
@@ -43753,6 +43828,7 @@ set(value) {
 		};
 	}
 	const NUMBER_OR_PERCENTAGE = ["number", "percentage"];
+	const CATEGORICAL_OR_BOOLEAN = ["categorical", "boolean"];
 	const EXACT_PATTERNS = [
 		{
 			pattern: { leadingTypes: ["number"] },
@@ -43770,7 +43846,7 @@ set(value) {
 			suggestions: SINGLE_DATE_COLUMN_SUGGESTIONS
 		},
 		{
-			pattern: { leadingTypes: ["categorical"] },
+			pattern: { leadingTypes: [CATEGORICAL_OR_BOOLEAN] },
 			buildContext: buildSingleCategoricalContext,
 			suggestions: SINGLE_CATEGORICAL_COLUMN_SUGGESTIONS
 		},
@@ -43780,7 +43856,7 @@ set(value) {
 			suggestions: SINGLE_LABEL_COLUMN_SUGGESTIONS
 		},
 		{
-			pattern: { leadingTypes: ["categorical", "number"] },
+			pattern: { leadingTypes: [CATEGORICAL_OR_BOOLEAN, "number"] },
 			buildContext: buildCategoricalVsNumberContext,
 			suggestions: CATEGORICAL_VS_NUMBER_SUGGESTIONS
 		},
@@ -43795,7 +43871,7 @@ set(value) {
 			suggestions: NUMBER_VS_NUMBER_SUGGESTIONS
 		},
 		{
-			pattern: { leadingTypes: ["categorical", "percentage"] },
+			pattern: { leadingTypes: [CATEGORICAL_OR_BOOLEAN, "percentage"] },
 			buildContext: buildCategoricalVsPercentageContext,
 			suggestions: CATEGORICAL_VS_PERCENTAGE_SUGGESTIONS
 		},
@@ -43811,8 +43887,8 @@ set(value) {
 		},
 		{
 			pattern: { leadingTypes: [
-				"categorical",
-				"categorical",
+				CATEGORICAL_OR_BOOLEAN,
+				CATEGORICAL_OR_BOOLEAN,
 				"number"
 			] },
 			buildContext: buildMultipleCategoricalsVsNumberContext,
@@ -43820,7 +43896,7 @@ set(value) {
 		},
 		{
 			pattern: { leadingTypes: [
-				"categorical",
+				CATEGORICAL_OR_BOOLEAN,
 				"label",
 				"number"
 			] },
@@ -43829,7 +43905,7 @@ set(value) {
 		},
 		{
 			pattern: { leadingTypes: [
-				"categorical",
+				CATEGORICAL_OR_BOOLEAN,
 				"date",
 				NUMBER_OR_PERCENTAGE
 			] },
@@ -43838,7 +43914,7 @@ set(value) {
 		},
 		{
 			pattern: { leadingTypes: [
-				"categorical",
+				CATEGORICAL_OR_BOOLEAN,
 				NUMBER_OR_PERCENTAGE,
 				NUMBER_OR_PERCENTAGE
 			] },
@@ -57233,7 +57309,7 @@ set(value) {
 				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;
@@ -65929,7 +66005,7 @@ set(value) {
 		* 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)
@@ -66983,14 +67059,12 @@ set(value) {
 	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;
@@ -72459,9 +72533,7 @@ set(value) {
 			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 });
 		}
 	};
 
@@ -73067,7 +73139,7 @@ set(value) {
 			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,
@@ -74975,14 +75047,10 @@ set(value) {
 					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);
@@ -79397,8 +79465,6 @@ set(value) {
 				client,
 				moveClient: () => {},
 				snapshotRequested: false,
-				notifyUI: (payload) => this.trigger("notify-ui", payload),
-				raiseBlockingErrorUI: (text) => this.trigger("raise-error-ui", { text }),
 				customColors: config.customColors || []
 			};
 		}
@@ -79442,7 +79508,6 @@ set(value) {
 				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 || [],
@@ -79578,7 +79643,15 @@ set(value) {
 		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;
 		};
 		/**
@@ -82118,7 +82191,7 @@ set(value) {
 						legend: getBubbleChartLegend(definition, chartData),
 						tooltip: getBubbleChartTooltip(definition, chartData),
 						chartShowValuesPlugin: getChartShowValues(definition, chartData),
-						background: { color: definition.background }
+						background: { color: chartData.background }
 					}
 				}
 			} };
@@ -91457,8 +91530,8 @@ 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";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);