@odoo/o-spreadsheet 19.4.1 → 19.4.2

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.4.1
- * @date 2026-07-01T05:05:19.248Z
- * @hash e359501
+ * @version 19.4.2
+ * @date 2026-07-13T06:26:39.071Z
+ * @hash c83d4aa
  */
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -28056,7 +28056,7 @@ function filterInvalidCalendarDataPoints(labels, datasets) {
 */
 function filterInvalidHierarchicalPoints(values, hierarchy) {
 	const numberOfDataPoints = Math.max(values.length, ...hierarchy.map((dataset) => dataset.data?.length || 0));
-	const isEmpty = (value) => value === null || value === "";
+	const isEmpty = (value) => value === void 0 || value === null || value === "";
 	const dataPointsIndexes = range(0, numberOfDataPoints).filter((dataPointIndex) => {
 		const groups = hierarchy.map((dataset) => dataset.data?.[dataPointIndex]);
 		if (isEmpty(groups[0]?.value)) return false;
@@ -58904,13 +58904,13 @@ var EvaluationConditionalFormatPlugin = class extends CoreViewPlugin {
 		const minValue = this.parsePoint(sheetId, range, rule.minimum, "min");
 		const midValue = rule.midpoint ? this.parsePoint(sheetId, range, rule.midpoint) : null;
 		const maxValue = this.parsePoint(sheetId, range, rule.maximum, "max");
-		if (minValue === null || maxValue === null || minValue >= maxValue || midValue && (minValue >= midValue || midValue >= maxValue)) return;
+		if (minValue === null || maxValue === null || minValue >= maxValue || midValue !== null && (minValue >= midValue || midValue >= maxValue)) return;
 		const zone = this.getters.getRangeFromSheetXC(sheetId, range).zone;
 		const colorThresholds = [{
 			value: minValue,
 			color: rule.minimum.color
 		}];
-		if (rule.midpoint && midValue) colorThresholds.push({
+		if (rule.midpoint && midValue !== null) colorThresholds.push({
 			value: midValue,
 			color: rule.midpoint.color
 		});
@@ -66369,7 +66369,9 @@ var GridSelectionPlugin = class extends UIPlugin {
 		ctx.lineWidth = 1.5 * thinLineWidth;
 		const isDarkMode = this.getters.isDarkMode();
 		for (const zone of zones) {
+			if (!viewports.isZoneVisibleInViewport(sheetId, zone)) continue;
 			const { x, y, width, height } = viewports.getVisibleRect(sheetId, zone);
+			const currentLineWidth = ctx.lineWidth;
 			if (!isDarkMode) ctx.globalCompositeOperation = "multiply";
 			if (height === 0 || width === 0) ctx.lineWidth = 3 * thinLineWidth;
 			if (height === 0 && width === 0) {
@@ -66383,6 +66385,7 @@ var GridSelectionPlugin = class extends UIPlugin {
 				ctx.globalCompositeOperation = "source-over";
 				ctx.strokeRect(x, y, width, height);
 			}
+			ctx.lineWidth = currentLineWidth;
 		}
 		ctx.globalCompositeOperation = "source-over";
 		const position = renderingContext.activePosition;
@@ -66529,6 +66532,9 @@ var InternalViewport = class {
 		this.adjustViewportZoneX();
 		this.adjustViewportZoneY();
 	}
+	isZoneVisible(zone) {
+		return intersection(zone, this) !== void 0;
+	}
 	/**
 	*
 	* Computes the visible coordinates & dimensions of a given zone inside the viewport
@@ -66809,6 +66815,9 @@ var ViewportCollection = class {
 	isVisibleInViewport({ sheetId, col, row }) {
 		return this.getSubViewports(sheetId).some((pane) => pane.isVisible(col, row));
 	}
+	isZoneVisibleInViewport(sheetId, zone) {
+		return this.getSubViewports(sheetId).some((pane) => pane.isZoneVisible(zone));
+	}
 	getScrollBarWidth() {
 		return 15 / this.zoomLevel;
 	}
@@ -69700,10 +69709,13 @@ var SpreadsheetDashboard = class extends Component {
 		return this.env.model.getters.getColDimensions(sheetId, right).end;
 	}
 	get dashboardStyle() {
-		return cssPropertiesToCss({ zoom: `${this.env.model.getters.getViewportZoomLevel()}` });
+		const style = { zoom: `${this.env.model.getters.getViewportZoomLevel()}` };
+		if (this.env.model.getters.getActiveSheet().backgroundColor) style["background-color"] = "transparent";
+		return cssPropertiesToCss(style);
 	}
 	get backgroundStyle() {
-		return cssPropertiesToCss({ "background-color": this.env.model.getters.getActiveSheet().backgroundColor || "var(--os-white-bg)" });
+		const sheet = this.env.model.getters.getActiveSheet();
+		return sheet.backgroundColor ? cssPropertiesToCss({ "background-color": sheet.backgroundColor }) : "";
 	}
 };
 
@@ -70882,18 +70894,28 @@ var NamedRangeSelector = class extends Component {
 			return;
 		}
 		const activeSheetId = this.env.model.getters.getActiveSheetId();
-		if (activeSheetId !== sheetId) this.env.model.dispatch("ACTIVATE_SHEET", {
-			sheetIdFrom: activeSheetId,
-			sheetIdTo: sheetId
-		});
-		this.env.model.selection.selectCell(zone.right, zone.bottom);
+		if (activeSheetId !== sheetId) {
+			if (!this.env.model.getters.getSheet(sheetId).isVisible) {
+				this.env.notifyUser({
+					text: _t("The sheet on which the range is defined is hidden."),
+					type: "info",
+					sticky: false
+				});
+				return;
+			}
+			this.env.model.dispatch("ACTIVATE_SHEET", {
+				sheetIdFrom: activeSheetId,
+				sheetIdTo: sheetId
+			});
+		}
+		this.env.model.selection.selectCell(zone.right, zone.bottom, { allowsHiddenSelection: true });
 		this.env.model.selection.selectZone({
 			cell: {
 				col: zone.left,
 				row: zone.top
 			},
 			zone
-		});
+		}, { allowsHiddenSelection: true });
 	}
 	get selectionKey() {
 		return `${this.env.model.getters.getActiveSheetId()}-${zoneToXc(this.selectedZone)}`;
@@ -87742,6 +87764,6 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.4.1";
-__info__.date = "2026-07-01T05:05:19.248Z";
-__info__.hash = "e359501";
+__info__.version = "19.4.2";
+__info__.date = "2026-07-13T06:26:39.071Z";
+__info__.hash = "c83d4aa";

package/dist/o_spreadsheet.css

@@ -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.4.1
- * @date 2026-07-01T05:05:21.035Z
- * @hash e359501
+ * @version 19.4.2
+ * @date 2026-07-13T06:26:40.770Z
+ * @hash c83d4aa
  */
 :root {
   --os-gray-100: light-dark(#f9fafb, #1b1d26);
@@ -2864,10 +2864,6 @@
     position: absolute;
     cursor: pointer;
   }
-
-  .o-grid.o-dashboard-grid {
-    background-color: transparent;
-  }
 }
 
 /* Originates from src/components/dashboard/clickable_cell_sort_icon/clickable_cell_sort_icon.css */

package/dist/o_spreadsheet.esm.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.4.1
- * @date 2026-07-01T05:05:19.248Z
- * @hash e359501
+ * @version 19.4.2
+ * @date 2026-07-13T06:26:39.071Z
+ * @hash c83d4aa
  */
 
 import * as owl from "@odoo/owl";
@@ -28055,7 +28055,7 @@ function filterInvalidCalendarDataPoints(labels, datasets) {
 */
 function filterInvalidHierarchicalPoints(values, hierarchy) {
 	const numberOfDataPoints = Math.max(values.length, ...hierarchy.map((dataset) => dataset.data?.length || 0));
-	const isEmpty = (value) => value === null || value === "";
+	const isEmpty = (value) => value === void 0 || value === null || value === "";
 	const dataPointsIndexes = range(0, numberOfDataPoints).filter((dataPointIndex) => {
 		const groups = hierarchy.map((dataset) => dataset.data?.[dataPointIndex]);
 		if (isEmpty(groups[0]?.value)) return false;
@@ -58719,13 +58719,13 @@ var EvaluationConditionalFormatPlugin = class extends CoreViewPlugin {
 		const minValue = this.parsePoint(sheetId, range, rule.minimum, "min");
 		const midValue = rule.midpoint ? this.parsePoint(sheetId, range, rule.midpoint) : null;
 		const maxValue = this.parsePoint(sheetId, range, rule.maximum, "max");
-		if (minValue === null || maxValue === null || minValue >= maxValue || midValue && (minValue >= midValue || midValue >= maxValue)) return;
+		if (minValue === null || maxValue === null || minValue >= maxValue || midValue !== null && (minValue >= midValue || midValue >= maxValue)) return;
 		const zone = this.getters.getRangeFromSheetXC(sheetId, range).zone;
 		const colorThresholds = [{
 			value: minValue,
 			color: rule.minimum.color
 		}];
-		if (rule.midpoint && midValue) colorThresholds.push({
+		if (rule.midpoint && midValue !== null) colorThresholds.push({
 			value: midValue,
 			color: rule.midpoint.color
 		});
@@ -66184,7 +66184,9 @@ var GridSelectionPlugin = class extends UIPlugin {
 		ctx.lineWidth = 1.5 * thinLineWidth;
 		const isDarkMode = this.getters.isDarkMode();
 		for (const zone of zones) {
+			if (!viewports.isZoneVisibleInViewport(sheetId, zone)) continue;
 			const { x, y, width, height } = viewports.getVisibleRect(sheetId, zone);
+			const currentLineWidth = ctx.lineWidth;
 			if (!isDarkMode) ctx.globalCompositeOperation = "multiply";
 			if (height === 0 || width === 0) ctx.lineWidth = 3 * thinLineWidth;
 			if (height === 0 && width === 0) {
@@ -66198,6 +66200,7 @@ var GridSelectionPlugin = class extends UIPlugin {
 				ctx.globalCompositeOperation = "source-over";
 				ctx.strokeRect(x, y, width, height);
 			}
+			ctx.lineWidth = currentLineWidth;
 		}
 		ctx.globalCompositeOperation = "source-over";
 		const position = renderingContext.activePosition;
@@ -66344,6 +66347,9 @@ var InternalViewport = class {
 		this.adjustViewportZoneX();
 		this.adjustViewportZoneY();
 	}
+	isZoneVisible(zone) {
+		return intersection(zone, this) !== void 0;
+	}
 	/**
 	*
 	* Computes the visible coordinates & dimensions of a given zone inside the viewport
@@ -66624,6 +66630,9 @@ var ViewportCollection = class {
 	isVisibleInViewport({ sheetId, col, row }) {
 		return this.getSubViewports(sheetId).some((pane) => pane.isVisible(col, row));
 	}
+	isZoneVisibleInViewport(sheetId, zone) {
+		return this.getSubViewports(sheetId).some((pane) => pane.isZoneVisible(zone));
+	}
 	getScrollBarWidth() {
 		return 15 / this.zoomLevel;
 	}
@@ -69515,10 +69524,13 @@ var SpreadsheetDashboard = class extends Component {
 		return this.env.model.getters.getColDimensions(sheetId, right).end;
 	}
 	get dashboardStyle() {
-		return cssPropertiesToCss({ zoom: `${this.env.model.getters.getViewportZoomLevel()}` });
+		const style = { zoom: `${this.env.model.getters.getViewportZoomLevel()}` };
+		if (this.env.model.getters.getActiveSheet().backgroundColor) style["background-color"] = "transparent";
+		return cssPropertiesToCss(style);
 	}
 	get backgroundStyle() {
-		return cssPropertiesToCss({ "background-color": this.env.model.getters.getActiveSheet().backgroundColor || "var(--os-white-bg)" });
+		const sheet = this.env.model.getters.getActiveSheet();
+		return sheet.backgroundColor ? cssPropertiesToCss({ "background-color": sheet.backgroundColor }) : "";
 	}
 };
 
@@ -70697,18 +70709,28 @@ var NamedRangeSelector = class extends Component {
 			return;
 		}
 		const activeSheetId = this.env.model.getters.getActiveSheetId();
-		if (activeSheetId !== sheetId) this.env.model.dispatch("ACTIVATE_SHEET", {
-			sheetIdFrom: activeSheetId,
-			sheetIdTo: sheetId
-		});
-		this.env.model.selection.selectCell(zone.right, zone.bottom);
+		if (activeSheetId !== sheetId) {
+			if (!this.env.model.getters.getSheet(sheetId).isVisible) {
+				this.env.notifyUser({
+					text: _t("The sheet on which the range is defined is hidden."),
+					type: "info",
+					sticky: false
+				});
+				return;
+			}
+			this.env.model.dispatch("ACTIVATE_SHEET", {
+				sheetIdFrom: activeSheetId,
+				sheetIdTo: sheetId
+			});
+		}
+		this.env.model.selection.selectCell(zone.right, zone.bottom, { allowsHiddenSelection: true });
 		this.env.model.selection.selectZone({
 			cell: {
 				col: zone.left,
 				row: zone.top
 			},
 			zone
-		});
+		}, { allowsHiddenSelection: true });
 	}
 	get selectionKey() {
 		return `${this.env.model.getters.getActiveSheetId()}-${zoneToXc(this.selectedZone)}`;
@@ -87463,6 +87485,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, BadExpressionError, CHART_TYPES, CellErrorType, CellValueType, CircularDependencyError, ClientDisconnectedError, ClipboardMIMEType, CommandResult, CompiledFormula, CorePlugin, CoreViewPlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DEFAULT_LOCALE_DIGIT_GROUPING, DIRECTION, DispatchResult, DivisionByZeroError, EvaluationError, InvalidReferenceError, LocalTransportService, Model, NEXT_VALUE, NotAvailableError, NumberTooLargeError, OrderedLayers, PREVIOUS_VALUE, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, SplillBlockedError, Spreadsheet, SpreadsheetPivotTable, UIPlugin, UnknownFunctionError, __info__, addFunction, addRenderingLayer, astToFormula, availableConditionalFormatOperators, availableDataValidationOperators, availableFiltersOperators, borderPositions, borderStyles, canExecuteInReadonly, categories, chartHelpers, compatibility, components, composerFocusTypes, constants, convertAstNodes, coreTypes, createAutocompleteArgumentsProvider, errorTypes, filterDateCriterionOperators, filterNumberCriterionOperators, filterTextCriterionOperators, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidSubtotalFormulasCommands, invalidateBordersCommands, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, isCoreCommand, isHeadersDependant, isMatrix, isPositionDependent, isRangeDependant, isSheetDependent, isTargetDependent, isZoneDependent, iterateAstNodes, links, load, lockedSheetAllowedCommands, parse, parseTokens, readonlyAllowedCommands, registries, schemeToColorScale, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
-__info__.version = "19.4.1";
-__info__.date = "2026-07-01T05:05:19.248Z";
-__info__.hash = "e359501";
+__info__.version = "19.4.2";
+__info__.date = "2026-07-13T06:26:39.071Z";
+__info__.hash = "c83d4aa";

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.4.1
- * @date 2026-07-01T05:05:19.248Z
- * @hash e359501
+ * @version 19.4.2
+ * @date 2026-07-13T06:26:39.071Z
+ * @hash c83d4aa
  */
 
 (function(exports, _odoo_owl) {
@@ -28057,7 +28057,7 @@ set(value) {
 	*/
 	function filterInvalidHierarchicalPoints(values, hierarchy) {
 		const numberOfDataPoints = Math.max(values.length, ...hierarchy.map((dataset) => dataset.data?.length || 0));
-		const isEmpty = (value) => value === null || value === "";
+		const isEmpty = (value) => value === void 0 || value === null || value === "";
 		const dataPointsIndexes = range(0, numberOfDataPoints).filter((dataPointIndex) => {
 			const groups = hierarchy.map((dataset) => dataset.data?.[dataPointIndex]);
 			if (isEmpty(groups[0]?.value)) return false;
@@ -58721,13 +58721,13 @@ set(value) {
 			const minValue = this.parsePoint(sheetId, range, rule.minimum, "min");
 			const midValue = rule.midpoint ? this.parsePoint(sheetId, range, rule.midpoint) : null;
 			const maxValue = this.parsePoint(sheetId, range, rule.maximum, "max");
-			if (minValue === null || maxValue === null || minValue >= maxValue || midValue && (minValue >= midValue || midValue >= maxValue)) return;
+			if (minValue === null || maxValue === null || minValue >= maxValue || midValue !== null && (minValue >= midValue || midValue >= maxValue)) return;
 			const zone = this.getters.getRangeFromSheetXC(sheetId, range).zone;
 			const colorThresholds = [{
 				value: minValue,
 				color: rule.minimum.color
 			}];
-			if (rule.midpoint && midValue) colorThresholds.push({
+			if (rule.midpoint && midValue !== null) colorThresholds.push({
 				value: midValue,
 				color: rule.midpoint.color
 			});
@@ -66186,7 +66186,9 @@ set(value) {
 			ctx.lineWidth = 1.5 * thinLineWidth;
 			const isDarkMode = this.getters.isDarkMode();
 			for (const zone of zones) {
+				if (!viewports.isZoneVisibleInViewport(sheetId, zone)) continue;
 				const { x, y, width, height } = viewports.getVisibleRect(sheetId, zone);
+				const currentLineWidth = ctx.lineWidth;
 				if (!isDarkMode) ctx.globalCompositeOperation = "multiply";
 				if (height === 0 || width === 0) ctx.lineWidth = 3 * thinLineWidth;
 				if (height === 0 && width === 0) {
@@ -66200,6 +66202,7 @@ set(value) {
 					ctx.globalCompositeOperation = "source-over";
 					ctx.strokeRect(x, y, width, height);
 				}
+				ctx.lineWidth = currentLineWidth;
 			}
 			ctx.globalCompositeOperation = "source-over";
 			const position = renderingContext.activePosition;
@@ -66346,6 +66349,9 @@ set(value) {
 			this.adjustViewportZoneX();
 			this.adjustViewportZoneY();
 		}
+		isZoneVisible(zone) {
+			return intersection(zone, this) !== void 0;
+		}
 		/**
 		*
 		* Computes the visible coordinates & dimensions of a given zone inside the viewport
@@ -66626,6 +66632,9 @@ set(value) {
 		isVisibleInViewport({ sheetId, col, row }) {
 			return this.getSubViewports(sheetId).some((pane) => pane.isVisible(col, row));
 		}
+		isZoneVisibleInViewport(sheetId, zone) {
+			return this.getSubViewports(sheetId).some((pane) => pane.isZoneVisible(zone));
+		}
 		getScrollBarWidth() {
 			return 15 / this.zoomLevel;
 		}
@@ -69517,10 +69526,13 @@ set(value) {
 			return this.env.model.getters.getColDimensions(sheetId, right).end;
 		}
 		get dashboardStyle() {
-			return cssPropertiesToCss({ zoom: `${this.env.model.getters.getViewportZoomLevel()}` });
+			const style = { zoom: `${this.env.model.getters.getViewportZoomLevel()}` };
+			if (this.env.model.getters.getActiveSheet().backgroundColor) style["background-color"] = "transparent";
+			return cssPropertiesToCss(style);
 		}
 		get backgroundStyle() {
-			return cssPropertiesToCss({ "background-color": this.env.model.getters.getActiveSheet().backgroundColor || "var(--os-white-bg)" });
+			const sheet = this.env.model.getters.getActiveSheet();
+			return sheet.backgroundColor ? cssPropertiesToCss({ "background-color": sheet.backgroundColor }) : "";
 		}
 	};
 
@@ -70699,18 +70711,28 @@ set(value) {
 				return;
 			}
 			const activeSheetId = this.env.model.getters.getActiveSheetId();
-			if (activeSheetId !== sheetId) this.env.model.dispatch("ACTIVATE_SHEET", {
-				sheetIdFrom: activeSheetId,
-				sheetIdTo: sheetId
-			});
-			this.env.model.selection.selectCell(zone.right, zone.bottom);
+			if (activeSheetId !== sheetId) {
+				if (!this.env.model.getters.getSheet(sheetId).isVisible) {
+					this.env.notifyUser({
+						text: _t("The sheet on which the range is defined is hidden."),
+						type: "info",
+						sticky: false
+					});
+					return;
+				}
+				this.env.model.dispatch("ACTIVATE_SHEET", {
+					sheetIdFrom: activeSheetId,
+					sheetIdTo: sheetId
+				});
+			}
+			this.env.model.selection.selectCell(zone.right, zone.bottom, { allowsHiddenSelection: true });
 			this.env.model.selection.selectZone({
 				cell: {
 					col: zone.left,
 					row: zone.top
 				},
 				zone
-			});
+			}, { allowsHiddenSelection: true });
 		}
 		get selectionKey() {
 			return `${this.env.model.getters.getActiveSheetId()}-${zoneToXc(this.selectedZone)}`;
@@ -87559,8 +87581,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.4.1";
-__info__.date = "2026-07-01T05:05:19.248Z";
-__info__.hash = "e359501";
+__info__.version = "19.4.2";
+__info__.date = "2026-07-13T06:26:39.071Z";
+__info__.hash = "c83d4aa";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);