@odoo/o-spreadsheet 19.2.21 → 19.2.23

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.2.21
- * @date 2026-07-20T11:02:04.627Z
- * @hash fba73fe
+ * @version 19.2.23
+ * @date 2026-07-30T06:54:22.421Z
+ * @hash 7914fd5
  */
 :root {
   --os-gray-100: light-dark(#f9fafb, #1b1d26);

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.2.21
- * @date 2026-07-20T11:02:03.049Z
- * @hash fba73fe
+ * @version 19.2.23
+ * @date 2026-07-30T06:54:20.810Z
+ * @hash 7914fd5
  */
 
 import { App, Component, blockDom, markRaw, onMounted, onPatched, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, whenReady, xml } from "@odoo/owl";
@@ -10552,6 +10552,19 @@ function isOtherMobileOS() {
 function isMobileOS() {
 	return isAndroid() || isIOS() || isOtherMobileOS();
 }
+const INTERACTIVE_ELEMENT_SELECTOR = "select, input, textarea, button, .o-select, .os-input, .o-input, .o-button, .o-button-icon, .o-button-link, .o-composer";
+/** Check if there is an interactive element (input, select, button, ...) between the event.target and event.currentTarget (inclusive)*/
+function hasInteractiveElementInEventTree(event) {
+	const target = event.target;
+	const root = event.currentTarget;
+	if (!root || !target || !root.contains(target)) return false;
+	let node = target;
+	while (node && node !== root) {
+		if (node.matches(INTERACTIVE_ELEMENT_SELECTOR)) return true;
+		node = node.parentElement;
+	}
+	return root.matches(INTERACTIVE_ELEMENT_SELECTOR);
+}
 
 //#endregion
 //#region src/components/helpers/zoom.ts
@@ -44251,13 +44264,9 @@ var PivotLayoutConfigurator = class extends Component {
 	dimensionsRef = useRef("pivot-dimensions");
 	dragAndDrop = useDragAndDropListItems();
 	AGGREGATORS = AGGREGATORS;
-	composerFocus;
 	isDateOrDatetimeField = isDateOrDatetimeField;
-	setup() {
-		this.composerFocus = useStore(ComposerFocusStore);
-	}
 	startDragAndDrop(dimension, event) {
-		if (event.button !== 0 || event.target.tagName === "SELECT") return;
+		if (event.button !== 0 || hasInteractiveElementInEventTree(event)) return;
 		const rects = this.getDimensionElementsRects();
 		const { columns, rows } = this.props.definition;
 		const draggableIds = [
@@ -44297,7 +44306,7 @@ var PivotLayoutConfigurator = class extends Component {
 		return field.type === "date" ? this.props.dateGranularities : this.props.datetimeGranularities;
 	}
 	startDragAndDropMeasures(measure, event) {
-		if (event.button !== 0 || event.target.tagName === "SELECT" || event.target.tagName === "INPUT" || this.composerFocus.focusMode !== "inactive") return;
+		if (event.button !== 0 || hasInteractiveElementInEventTree(event)) return;
 		const rects = this.getDimensionElementsRects();
 		const { measures, columns, rows } = this.props.definition;
 		const draggableIds = measures.map((m) => m.id);
@@ -50230,7 +50239,8 @@ var Autofill = class extends Component {
 		const { x, y } = this.state.handler ? this.state.position : this.props.position;
 		return cssPropertiesToCss({
 			top: `${y}px`,
-			left: `${x}px`
+			left: `${x}px`,
+			visibility: this.props.isVisible ? "visible" : "hidden"
 		});
 	}
 	get styleNextValue() {
@@ -50651,7 +50661,7 @@ var CellComposerStore = class extends AbstractComposerStore {
 					this._cancelEdition();
 					this.resetContent();
 				}
-				if (cmd.sheetIdFrom !== cmd.sheetIdTo) {
+				if (this.model.selection.isListening(this) && cmd.sheetIdFrom !== cmd.sheetIdTo) {
 					const activePosition = this.getters.getActivePosition();
 					const { col, row } = this.getters.getNextVisibleCellPosition({
 						sheetId: cmd.sheetIdTo,
@@ -65388,12 +65398,22 @@ var TableComputedStylePlugin = class extends UIPlugin {
 	getCellTableStyle(position) {
 		const table = this.getters.getTable(position);
 		if (!table) return;
-		return this.tableStyles[position.sheetId][table.id]().styles[position.col]?.[position.row];
+		try {
+			return this.tableStyles[position.sheetId][table.id]().styles[position.col]?.[position.row];
+		} catch (e) {
+			if (isEvaluationError(e) || e instanceof EvaluationError) return;
+			throw e;
+		}
 	}
 	getCellTableBorder(position) {
 		const table = this.getters.getTable(position);
 		if (!table) return;
-		return this.tableStyles[position.sheetId][table.id]().borders[position.col]?.[position.row];
+		try {
+			return this.tableStyles[position.sheetId][table.id]().borders[position.col]?.[position.row];
+		} catch (e) {
+			if (isEvaluationError(e) || e instanceof EvaluationError) return;
+			throw e;
+		}
 	}
 	computeTableStyle(sheetId, table) {
 		return lazy(() => {
@@ -66879,8 +66899,8 @@ var HeaderVisibilityUIPlugin = class extends UIPlugin {
 	getNextVisibleCellPosition({ sheetId, col, row }) {
 		return {
 			sheetId,
-			col: this.findVisibleHeader(sheetId, "COL", col, this.getters.getNumberCols(sheetId) - 1),
-			row: this.findVisibleHeader(sheetId, "ROW", row, this.getters.getNumberRows(sheetId) - 1)
+			col: this.findVisibleHeader(sheetId, "COL", col, this.getters.getNumberCols(sheetId) - 1) || this.findVisibleHeader(sheetId, "COL", col, 0) || 0,
+			row: this.findVisibleHeader(sheetId, "ROW", row, this.getters.getNumberRows(sheetId) - 1) || this.findVisibleHeader(sheetId, "ROW", row, 0) || 0
 		};
 	}
 	/**
@@ -67819,7 +67839,7 @@ var SheetUIPlugin = class extends UIPlugin {
 		if (contentWidth === 0) return 0;
 		contentWidth += 2 * 4;
 		if (style.wrapping === "wrap") {
-			const colWidth = this.getters.getColSize(this.getters.getActiveSheetId(), position.col);
+			const colWidth = this.getters.getColSize(position.sheetId, position.col);
 			return Math.min(colWidth, contentWidth);
 		}
 		return contentWidth;
@@ -73138,6 +73158,7 @@ var SpreadsheetDashboard = class extends Component {
 		return toRaw(this.clickableCellsStore.clickableCells);
 	}
 	selectClickableCell(ev, clickableCell) {
+		if (![0, 1].includes(ev.button)) return;
 		const { position, action } = clickableCell;
 		action(position, this.env, isMiddleClickOrCtrlClick(ev));
 	}
@@ -81712,6 +81733,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CompiledFormula, CorePlugin, CoreViewPlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, canExecuteInReadonly, categories, chartHelpers, components, constants, convertAstNodes, coreTypes, createAutocompleteArgumentsProvider, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, isCoreCommand, isSheetDependent, iterateAstNodes, links, load, lockedSheetAllowedCommands, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
-__info__.version = "19.2.21";
-__info__.date = "2026-07-20T11:02:03.049Z";
-__info__.hash = "fba73fe";
+__info__.version = "19.2.23";
+__info__.date = "2026-07-30T06:54:20.810Z";
+__info__.hash = "7914fd5";

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.2.21
- * @date 2026-07-20T11:02:03.049Z
- * @hash fba73fe
+ * @version 19.2.23
+ * @date 2026-07-30T06:54:20.810Z
+ * @hash 7914fd5
  */
 
 (function(exports, _odoo_owl) {
@@ -10554,6 +10554,19 @@ stores.inject(MyMetaStore, storeInstance);
 	function isMobileOS() {
 		return isAndroid() || isIOS() || isOtherMobileOS();
 	}
+	const INTERACTIVE_ELEMENT_SELECTOR = "select, input, textarea, button, .o-select, .os-input, .o-input, .o-button, .o-button-icon, .o-button-link, .o-composer";
+	/** Check if there is an interactive element (input, select, button, ...) between the event.target and event.currentTarget (inclusive)*/
+	function hasInteractiveElementInEventTree(event) {
+		const target = event.target;
+		const root = event.currentTarget;
+		if (!root || !target || !root.contains(target)) return false;
+		let node = target;
+		while (node && node !== root) {
+			if (node.matches(INTERACTIVE_ELEMENT_SELECTOR)) return true;
+			node = node.parentElement;
+		}
+		return root.matches(INTERACTIVE_ELEMENT_SELECTOR);
+	}
 
 //#endregion
 //#region src/components/helpers/zoom.ts
@@ -44253,13 +44266,9 @@ stores.inject(MyMetaStore, storeInstance);
 		dimensionsRef = (0, _odoo_owl.useRef)("pivot-dimensions");
 		dragAndDrop = useDragAndDropListItems();
 		AGGREGATORS = AGGREGATORS;
-		composerFocus;
 		isDateOrDatetimeField = isDateOrDatetimeField;
-		setup() {
-			this.composerFocus = useStore(ComposerFocusStore);
-		}
 		startDragAndDrop(dimension, event) {
-			if (event.button !== 0 || event.target.tagName === "SELECT") return;
+			if (event.button !== 0 || hasInteractiveElementInEventTree(event)) return;
 			const rects = this.getDimensionElementsRects();
 			const { columns, rows } = this.props.definition;
 			const draggableIds = [
@@ -44299,7 +44308,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return field.type === "date" ? this.props.dateGranularities : this.props.datetimeGranularities;
 		}
 		startDragAndDropMeasures(measure, event) {
-			if (event.button !== 0 || event.target.tagName === "SELECT" || event.target.tagName === "INPUT" || this.composerFocus.focusMode !== "inactive") return;
+			if (event.button !== 0 || hasInteractiveElementInEventTree(event)) return;
 			const rects = this.getDimensionElementsRects();
 			const { measures, columns, rows } = this.props.definition;
 			const draggableIds = measures.map((m) => m.id);
@@ -50232,7 +50241,8 @@ stores.inject(MyMetaStore, storeInstance);
 			const { x, y } = this.state.handler ? this.state.position : this.props.position;
 			return cssPropertiesToCss({
 				top: `${y}px`,
-				left: `${x}px`
+				left: `${x}px`,
+				visibility: this.props.isVisible ? "visible" : "hidden"
 			});
 		}
 		get styleNextValue() {
@@ -50653,7 +50663,7 @@ stores.inject(MyMetaStore, storeInstance);
 						this._cancelEdition();
 						this.resetContent();
 					}
-					if (cmd.sheetIdFrom !== cmd.sheetIdTo) {
+					if (this.model.selection.isListening(this) && cmd.sheetIdFrom !== cmd.sheetIdTo) {
 						const activePosition = this.getters.getActivePosition();
 						const { col, row } = this.getters.getNextVisibleCellPosition({
 							sheetId: cmd.sheetIdTo,
@@ -65390,12 +65400,22 @@ stores.inject(MyMetaStore, storeInstance);
 		getCellTableStyle(position) {
 			const table = this.getters.getTable(position);
 			if (!table) return;
-			return this.tableStyles[position.sheetId][table.id]().styles[position.col]?.[position.row];
+			try {
+				return this.tableStyles[position.sheetId][table.id]().styles[position.col]?.[position.row];
+			} catch (e) {
+				if (isEvaluationError(e) || e instanceof EvaluationError) return;
+				throw e;
+			}
 		}
 		getCellTableBorder(position) {
 			const table = this.getters.getTable(position);
 			if (!table) return;
-			return this.tableStyles[position.sheetId][table.id]().borders[position.col]?.[position.row];
+			try {
+				return this.tableStyles[position.sheetId][table.id]().borders[position.col]?.[position.row];
+			} catch (e) {
+				if (isEvaluationError(e) || e instanceof EvaluationError) return;
+				throw e;
+			}
 		}
 		computeTableStyle(sheetId, table) {
 			return lazy(() => {
@@ -66881,8 +66901,8 @@ stores.inject(MyMetaStore, storeInstance);
 		getNextVisibleCellPosition({ sheetId, col, row }) {
 			return {
 				sheetId,
-				col: this.findVisibleHeader(sheetId, "COL", col, this.getters.getNumberCols(sheetId) - 1),
-				row: this.findVisibleHeader(sheetId, "ROW", row, this.getters.getNumberRows(sheetId) - 1)
+				col: this.findVisibleHeader(sheetId, "COL", col, this.getters.getNumberCols(sheetId) - 1) || this.findVisibleHeader(sheetId, "COL", col, 0) || 0,
+				row: this.findVisibleHeader(sheetId, "ROW", row, this.getters.getNumberRows(sheetId) - 1) || this.findVisibleHeader(sheetId, "ROW", row, 0) || 0
 			};
 		}
 		/**
@@ -67821,7 +67841,7 @@ stores.inject(MyMetaStore, storeInstance);
 			if (contentWidth === 0) return 0;
 			contentWidth += 2 * 4;
 			if (style.wrapping === "wrap") {
-				const colWidth = this.getters.getColSize(this.getters.getActiveSheetId(), position.col);
+				const colWidth = this.getters.getColSize(position.sheetId, position.col);
 				return Math.min(colWidth, contentWidth);
 			}
 			return contentWidth;
@@ -73140,6 +73160,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return (0, _odoo_owl.toRaw)(this.clickableCellsStore.clickableCells);
 		}
 		selectClickableCell(ev, clickableCell) {
+			if (![0, 1].includes(ev.button)) return;
 			const { position, action } = clickableCell;
 			action(position, this.env, isMiddleClickOrCtrlClick(ev));
 		}
@@ -81772,8 +81793,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.2.21";
-__info__.date = "2026-07-20T11:02:03.049Z";
-__info__.hash = "fba73fe";
+__info__.version = "19.2.23";
+__info__.date = "2026-07-30T06:54:20.810Z";
+__info__.hash = "7914fd5";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);