@odoo/o-spreadsheet 20.1.0-alpha.1 → 20.1.0-alpha.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 20.1.0-alpha.1
- * @date 2026-09-19T08:05:57.456Z
- * @hash c2bc431
+ * @version 20.1.0-alpha.2
+ * @date 2026-09-21T06:31:52.788Z
+ * @hash 63c49a8
  */
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -12767,7 +12767,7 @@ var ZoomStore = class {
 	storeGetters = ["getZoomedRect", "getZoomedEvent"];
 	zoomLevel = 1;
 	setZoom(zoom) {
-		if (zoom > 2 || zoom < .5 || zoom === this.zoomLevel) return "noStateChange";
+		if (isNaN(zoom) || zoom > 2 || zoom < .5 || zoom === this.zoomLevel) return "noStateChange";
 		this.zoomLevel = zoom;
 	}
 	getZoomedRect(rect) {
@@ -38813,7 +38813,7 @@ var HeaderResizeEditor = class extends Component {
 		this.isInputEmpty.set(!input.value && !input.validity.badInput);
 	}
 	get emptyInputHint() {
-		return this.target.dimension === "COL" ? _t("Empty value resets width to %s px", 96 .toString()) : _t("Empty value fits height to content");
+		return this.target.dimension === "COL" ? _t("Empty value resets width to %s px", 96) : _t("Empty value fits height to content");
 	}
 	onKeydown(ev) {
 		if (ev.key === "Enter") {
@@ -42137,6 +42137,11 @@ var NumberEditor = class extends Component {
 	inputRef = _odoo_owl.signal.ref(HTMLInputElement);
 	rootEditorRef = _odoo_owl.signal.ref();
 	valueListRef = _odoo_owl.signal.ref();
+	/**
+	* Skips the change event triggered when moving focus out of the input.
+	* The value has already been committed by `onInputKeydown`.
+	*/
+	skipNextInputChange = false;
 	DOMFocusableElementStore;
 	setup() {
 		this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
@@ -42172,11 +42177,14 @@ var NumberEditor = class extends Component {
 		this.dropdown.isOpen = false;
 	}
 	setValue(valueStr) {
-		const value = clip(Math.floor(parseFloat(valueStr)), this.props.min, this.props.max);
+		const value = clip(Math.round(parseFloat(valueStr)), this.props.min, this.props.max);
+		if (isNaN(value)) return;
 		this.props.onValueChange(value);
 		this.closeList();
+		return value;
 	}
 	setValueFromInput(ev) {
+		if (this.skipNextInputChange) return;
 		this.setValue(ev.target.value);
 	}
 	setValueFromList(valueStr) {
@@ -42190,19 +42198,26 @@ var NumberEditor = class extends Component {
 		ev.target.select();
 	}
 	onInputKeydown(ev) {
-		if (ev.key === "Enter" || ev.key === "Escape") {
-			this.closeList();
-			const target = ev.target;
-			if (ev.key === "Escape") target.value = `${this.props.currentValue}`;
-			this.props.onToggle?.();
-		}
-		if (ev.key === "Tab") {
-			ev.preventDefault();
-			ev.stopPropagation();
-			this.closeList();
-			this.DOMFocusableElementStore.focus();
-			return;
+		const target = ev.target;
+		switch (ev.key) {
+			case "Enter":
+			case "Tab": {
+				ev.preventDefault();
+				ev.stopPropagation();
+				const value = this.setValue(target.value);
+				if (value === void 0) return;
+				target.value = `${value}`;
+				break;
+			}
+			case "Escape":
+				target.value = `${this.props.currentValue}`;
+				this.closeList();
+				break;
+			default: return;
 		}
+		this.skipNextInputChange = true;
+		this.DOMFocusableElementStore.focus();
+		this.skipNextInputChange = false;
 	}
 };
 
@@ -74825,15 +74840,18 @@ var ToolBarZoom = class extends Component {
 	topBarToolStore;
 	zoomStore;
 	valueList = ZOOM_VALUES;
+	minZoom = MIN_ZOOM * 100;
+	maxZoom = 2 * 100;
 	setup() {
 		this.topBarToolStore = useToolBarDropdownStore();
 		this.zoomStore = useStore(ZoomStore);
 	}
-	get currentFontSize() {
-		return (this.zoomStore.zoomLevel || 1) * 100;
+	getZoomLevel() {
+		const zoom = this.zoomStore.zoomLevel || 1;
+		return Math.round(zoom * 100);
 	}
-	setZoom(fontSize) {
-		this.zoomStore.setZoom(fontSize / 100);
+	setZoom(zoomPercentage) {
+		this.zoomStore.setZoom(zoomPercentage / 100);
 	}
 	toggle() {
 		if (this.topBarToolStore.isActive) this.topBarToolStore.closeDropdowns();
@@ -91948,6 +91966,6 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "20.1.0-alpha.1";
-__info__.date = "2026-09-19T08:05:57.456Z";
-__info__.hash = "c2bc431";
+__info__.version = "20.1.0-alpha.2";
+__info__.date = "2026-09-21T06:31:52.788Z";
+__info__.hash = "63c49a8";

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 20.1.0-alpha.1
- * @date 2026-09-19T08:05:58.685Z
- * @hash c2bc431
+ * @version 20.1.0-alpha.2
+ * @date 2026-09-21T06:31:54.065Z
+ * @hash 63c49a8
  */
 :root {
   --os-gray-100: light-dark(#f8f9fa, #1c1c20);

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 20.1.0-alpha.1
- * @date 2026-09-19T08:05:57.456Z
- * @hash c2bc431
+ * @version 20.1.0-alpha.2
+ * @date 2026-09-21T06:31:52.788Z
+ * @hash 63c49a8
  */
 
 import * as owl from "@odoo/owl";
@@ -12766,7 +12766,7 @@ var ZoomStore = class {
 	storeGetters = ["getZoomedRect", "getZoomedEvent"];
 	zoomLevel = 1;
 	setZoom(zoom) {
-		if (zoom > 2 || zoom < .5 || zoom === this.zoomLevel) return "noStateChange";
+		if (isNaN(zoom) || zoom > 2 || zoom < .5 || zoom === this.zoomLevel) return "noStateChange";
 		this.zoomLevel = zoom;
 	}
 	getZoomedRect(rect) {
@@ -38812,7 +38812,7 @@ var HeaderResizeEditor = class extends Component {
 		this.isInputEmpty.set(!input.value && !input.validity.badInput);
 	}
 	get emptyInputHint() {
-		return this.target.dimension === "COL" ? _t("Empty value resets width to %s px", 96 .toString()) : _t("Empty value fits height to content");
+		return this.target.dimension === "COL" ? _t("Empty value resets width to %s px", 96) : _t("Empty value fits height to content");
 	}
 	onKeydown(ev) {
 		if (ev.key === "Enter") {
@@ -42136,6 +42136,11 @@ var NumberEditor = class extends Component {
 	inputRef = signal.ref(HTMLInputElement);
 	rootEditorRef = signal.ref();
 	valueListRef = signal.ref();
+	/**
+	* Skips the change event triggered when moving focus out of the input.
+	* The value has already been committed by `onInputKeydown`.
+	*/
+	skipNextInputChange = false;
 	DOMFocusableElementStore;
 	setup() {
 		this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
@@ -42171,11 +42176,14 @@ var NumberEditor = class extends Component {
 		this.dropdown.isOpen = false;
 	}
 	setValue(valueStr) {
-		const value = clip(Math.floor(parseFloat(valueStr)), this.props.min, this.props.max);
+		const value = clip(Math.round(parseFloat(valueStr)), this.props.min, this.props.max);
+		if (isNaN(value)) return;
 		this.props.onValueChange(value);
 		this.closeList();
+		return value;
 	}
 	setValueFromInput(ev) {
+		if (this.skipNextInputChange) return;
 		this.setValue(ev.target.value);
 	}
 	setValueFromList(valueStr) {
@@ -42189,19 +42197,26 @@ var NumberEditor = class extends Component {
 		ev.target.select();
 	}
 	onInputKeydown(ev) {
-		if (ev.key === "Enter" || ev.key === "Escape") {
-			this.closeList();
-			const target = ev.target;
-			if (ev.key === "Escape") target.value = `${this.props.currentValue}`;
-			this.props.onToggle?.();
-		}
-		if (ev.key === "Tab") {
-			ev.preventDefault();
-			ev.stopPropagation();
-			this.closeList();
-			this.DOMFocusableElementStore.focus();
-			return;
+		const target = ev.target;
+		switch (ev.key) {
+			case "Enter":
+			case "Tab": {
+				ev.preventDefault();
+				ev.stopPropagation();
+				const value = this.setValue(target.value);
+				if (value === void 0) return;
+				target.value = `${value}`;
+				break;
+			}
+			case "Escape":
+				target.value = `${this.props.currentValue}`;
+				this.closeList();
+				break;
+			default: return;
 		}
+		this.skipNextInputChange = true;
+		this.DOMFocusableElementStore.focus();
+		this.skipNextInputChange = false;
 	}
 };
 
@@ -74640,15 +74655,18 @@ var ToolBarZoom = class extends Component {
 	topBarToolStore;
 	zoomStore;
 	valueList = ZOOM_VALUES;
+	minZoom = MIN_ZOOM * 100;
+	maxZoom = 2 * 100;
 	setup() {
 		this.topBarToolStore = useToolBarDropdownStore();
 		this.zoomStore = useStore(ZoomStore);
 	}
-	get currentFontSize() {
-		return (this.zoomStore.zoomLevel || 1) * 100;
+	getZoomLevel() {
+		const zoom = this.zoomStore.zoomLevel || 1;
+		return Math.round(zoom * 100);
 	}
-	setZoom(fontSize) {
-		this.zoomStore.setZoom(fontSize / 100);
+	setZoom(zoomPercentage) {
+		this.zoomStore.setZoom(zoomPercentage / 100);
 	}
 	toggle() {
 		if (this.topBarToolStore.isActive) this.topBarToolStore.closeDropdowns();
@@ -91664,6 +91682,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, BadExpressionError, CHART_TYPES, CellErrorType, CellValueType, CircularDependencyError, ClientDisconnectedError, ClipboardMIMEType, CommandResult, CompiledFormula, CorePlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DEFAULT_LOCALE_DIGIT_GROUPING, DIRECTION, DispatchResult, DivisionByZeroError, EvaluationError, EvaluationPlugin, 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, dispatcheableEvaluationCommandTypes, errorTypes, evaluationCommandTypes, filterDateCriterionOperators, filterNumberCriterionOperators, filterTextCriterionOperators, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidSubtotalFormulasCommands, invalidateBordersCommands, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, isCoreCommand, isDispatcheableEvaluationCommand, isEvaluationCommand, isHeadersDependant, isMatrix, isPositionDependent, isRangeDependant, isSheetDependent, isTargetDependent, isZoneDependent, iterateAstNodes, links, load, lockedSheetAllowedCommands, owlPlugins, parse, parseTokens, readonlyAllowedCommands, registries, schemeToColorScale, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
-__info__.version = "20.1.0-alpha.1";
-__info__.date = "2026-09-19T08:05:57.456Z";
-__info__.hash = "c2bc431";
+__info__.version = "20.1.0-alpha.2";
+__info__.date = "2026-09-21T06:31:52.788Z";
+__info__.hash = "63c49a8";

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 20.1.0-alpha.1
- * @date 2026-09-19T08:05:57.456Z
- * @hash c2bc431
+ * @version 20.1.0-alpha.2
+ * @date 2026-09-21T06:31:52.788Z
+ * @hash 63c49a8
  */
 
 (function(exports, _odoo_owl) {
@@ -12768,7 +12768,7 @@ set(value) {
 		storeGetters = ["getZoomedRect", "getZoomedEvent"];
 		zoomLevel = 1;
 		setZoom(zoom) {
-			if (zoom > 2 || zoom < .5 || zoom === this.zoomLevel) return "noStateChange";
+			if (isNaN(zoom) || zoom > 2 || zoom < .5 || zoom === this.zoomLevel) return "noStateChange";
 			this.zoomLevel = zoom;
 		}
 		getZoomedRect(rect) {
@@ -38814,7 +38814,7 @@ set(value) {
 			this.isInputEmpty.set(!input.value && !input.validity.badInput);
 		}
 		get emptyInputHint() {
-			return this.target.dimension === "COL" ? _t("Empty value resets width to %s px", 96 .toString()) : _t("Empty value fits height to content");
+			return this.target.dimension === "COL" ? _t("Empty value resets width to %s px", 96) : _t("Empty value fits height to content");
 		}
 		onKeydown(ev) {
 			if (ev.key === "Enter") {
@@ -42138,6 +42138,11 @@ set(value) {
 		inputRef = _odoo_owl.signal.ref(HTMLInputElement);
 		rootEditorRef = _odoo_owl.signal.ref();
 		valueListRef = _odoo_owl.signal.ref();
+		/**
+		* Skips the change event triggered when moving focus out of the input.
+		* The value has already been committed by `onInputKeydown`.
+		*/
+		skipNextInputChange = false;
 		DOMFocusableElementStore;
 		setup() {
 			this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
@@ -42173,11 +42178,14 @@ set(value) {
 			this.dropdown.isOpen = false;
 		}
 		setValue(valueStr) {
-			const value = clip(Math.floor(parseFloat(valueStr)), this.props.min, this.props.max);
+			const value = clip(Math.round(parseFloat(valueStr)), this.props.min, this.props.max);
+			if (isNaN(value)) return;
 			this.props.onValueChange(value);
 			this.closeList();
+			return value;
 		}
 		setValueFromInput(ev) {
+			if (this.skipNextInputChange) return;
 			this.setValue(ev.target.value);
 		}
 		setValueFromList(valueStr) {
@@ -42191,19 +42199,26 @@ set(value) {
 			ev.target.select();
 		}
 		onInputKeydown(ev) {
-			if (ev.key === "Enter" || ev.key === "Escape") {
-				this.closeList();
-				const target = ev.target;
-				if (ev.key === "Escape") target.value = `${this.props.currentValue}`;
-				this.props.onToggle?.();
-			}
-			if (ev.key === "Tab") {
-				ev.preventDefault();
-				ev.stopPropagation();
-				this.closeList();
-				this.DOMFocusableElementStore.focus();
-				return;
+			const target = ev.target;
+			switch (ev.key) {
+				case "Enter":
+				case "Tab": {
+					ev.preventDefault();
+					ev.stopPropagation();
+					const value = this.setValue(target.value);
+					if (value === void 0) return;
+					target.value = `${value}`;
+					break;
+				}
+				case "Escape":
+					target.value = `${this.props.currentValue}`;
+					this.closeList();
+					break;
+				default: return;
 			}
+			this.skipNextInputChange = true;
+			this.DOMFocusableElementStore.focus();
+			this.skipNextInputChange = false;
 		}
 	};
 
@@ -74642,15 +74657,18 @@ set(value) {
 		topBarToolStore;
 		zoomStore;
 		valueList = ZOOM_VALUES;
+		minZoom = MIN_ZOOM * 100;
+		maxZoom = 2 * 100;
 		setup() {
 			this.topBarToolStore = useToolBarDropdownStore();
 			this.zoomStore = useStore(ZoomStore);
 		}
-		get currentFontSize() {
-			return (this.zoomStore.zoomLevel || 1) * 100;
+		getZoomLevel() {
+			const zoom = this.zoomStore.zoomLevel || 1;
+			return Math.round(zoom * 100);
 		}
-		setZoom(fontSize) {
-			this.zoomStore.setZoom(fontSize / 100);
+		setZoom(zoomPercentage) {
+			this.zoomStore.setZoom(zoomPercentage / 100);
 		}
 		toggle() {
 			if (this.topBarToolStore.isActive) this.topBarToolStore.closeDropdowns();
@@ -91765,8 +91783,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "20.1.0-alpha.1";
-__info__.date = "2026-09-19T08:05:57.456Z";
-__info__.hash = "c2bc431";
+__info__.version = "20.1.0-alpha.2";
+__info__.date = "2026-09-21T06:31:52.788Z";
+__info__.hash = "63c49a8";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);