@odoo/o-spreadsheet 19.4.2 → 19.4.3

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.2
- * @date 2026-07-13T06:26:39.071Z
- * @hash c83d4aa
+ * @version 19.4.3
+ * @date 2026-07-20T11:02:36.941Z
+ * @hash d32e61b
  */
 
 (function(exports, _odoo_owl) {
@@ -1248,6 +1248,12 @@ _odoo_owl = __toESM(_odoo_owl, 1);
 			}
 		};
 	}
+	function repeat(array, times) {
+		const len = array.length;
+		const result = new Array(len * times);
+		for (let t = 0; t < times; t++) for (let i = 0; i < len; i++) result[t * len + i] = array[i];
+		return result;
+	}
 
 //#endregion
 //#region src/helpers/coordinates.ts
@@ -2601,7 +2607,7 @@ stores.inject(MyMetaStore, storeInstance);
 	*
 	* The end goal is to eliminate all compatibility shims.
 	*/
-	const { __ODOO_COMPATIBILITY_LAYER_ADDED__, blockDom: blockDom$1, config, onMounted: onMounted$24, onPatched: onPatched$5, onWillUnmount: onWillUnmount$18, App: OwlApp, Component: OwlComponent, EnvPlugin: OwlEnvPlugin, useChildEnv: OwlUseChildEnv, useChildSubEnv: OwlUseChildSubEnv, useComponent: OwlUseComponent, useEnv: OwlUseEnv, useExternalListener: OwlUseExternalListener, useLayoutEffect: OwlUseLayoutEffect, useSubEnv: OwlUseSubEnv, Plugin, plugin, props: props$166, providePlugins, useScope, xml: xml$4 } = _odoo_owl;
+	const { __ODOO_COMPATIBILITY_LAYER_ADDED__, blockDom: blockDom$1, config, onMounted: onMounted$24, onPatched: onPatched$5, onWillUnmount: onWillUnmount$18, App: OwlApp, Component: OwlComponent, EnvPlugin: OwlEnvPlugin, useChildEnv: OwlUseChildEnv, useChildSubEnv: OwlUseChildSubEnv, useComponent: OwlUseComponent, useEnv: OwlUseEnv, useExternalListener: OwlUseExternalListener, useLayoutEffect: OwlUseLayoutEffect, useSubEnv: OwlUseSubEnv, Plugin, usePlugin, useProps: useProps$166, providePlugins, useScope, xml: xml$4 } = _odoo_owl;
 	const isOdooCompatLoaded = __ODOO_COMPATIBILITY_LAYER_ADDED__ === true;
 	var _Component = class extends OwlComponent {
 		static template = "";
@@ -2682,7 +2688,7 @@ stores.inject(MyMetaStore, storeInstance);
 		extendEnv(extension);
 	}
 	function _useChildEnv() {
-		return plugin(_EnvPlugin).env;
+		return usePlugin(_EnvPlugin).env;
 	}
 	var VPortal = class extends blockDom$1.text("").constructor {
 		/**
@@ -2731,7 +2737,7 @@ stores.inject(MyMetaStore, storeInstance);
 		static template = xml$4`<t t-call-slot="default"/>`;
 		constructor(node) {
 			super(node);
-			this.props = props$166();
+			this.props = useProps$166();
 			this.__owl__ = node;
 		}
 		setup() {
@@ -6767,7 +6773,7 @@ set(value) {
 		if (prefixSheet && !sheetName) return CellErrorType.InvalidReference;
 		let rangeString = getRangePartString(range, 0, options);
 		if (range.parts && range.parts.length === 2) {
-			if (range.zone.top !== range.zone.bottom || range.zone.left !== range.zone.right || range.parts[0].rowFixed || range.parts[0].colFixed || range.parts[1].rowFixed || range.parts[1].colFixed) {
+			if (range.zone.top !== range.zone.bottom || range.zone.left !== range.zone.right || range.parts[0].rowFixed || range.parts[0].colFixed || range.parts[1].rowFixed || range.parts[1].colFixed || options.doNotSimplifyRange) {
 				rangeString += ":";
 				rangeString += getRangePartString(range, 1, options);
 			}
@@ -7519,6 +7525,11 @@ set(value) {
 			const params = compileTokens(rangeTokenize(formula));
 			return new CompiledFormula(sheetId, params.tokens, params.literalValues, params.symbols, params.dependencies.map((xc) => getters.getRangeFromSheetXC(sheetId, xc)), params.isBadExpression, params.normalizedFormula, params.execute);
 		}
+		areRangeShapesInLineWithNormalizedFormula() {
+			return Array.from(this.normalizedFormula.matchAll(/\|C\||\|R\|/g)).every((value, index) => {
+				return this.rangeDependencies[index].parts.length === 1 && value[0] === "|C|" || this.rangeDependencies[index].parts.length === 2 && value[0] === "|R|" || this.rangeDependencies[index].invalidXc || this.rangeDependencies[index].invalidSheetName;
+			});
+		}
 	};
 	function compileTokens(tokens) {
 		try {
@@ -11714,7 +11725,7 @@ set(value) {
 	});
 	var ChartJsComponent = class extends Component {
 		static template = "o-spreadsheet-ChartJsComponent";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.string(),
 			isFullScreen: types.boolean().optional()
 		});
@@ -12417,7 +12428,7 @@ set(value) {
 //#region src/components/figures/chart/scorecard/chart_scorecard.ts
 	var ScorecardChart = class extends Component {
 		static template = "o-spreadsheet-ScorecardChart";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.string(),
 			isFullScreen: types.boolean().optional()
 		});
@@ -14157,7 +14168,7 @@ set(value) {
 	const ANIMATION_DURATION = 1e3;
 	var GaugeChartComponent = class extends Component {
 		static template = "o-spreadsheet-GaugeChartComponent";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.string(),
 			isFullScreen: types.boolean().optional()
 		});
@@ -14383,7 +14394,7 @@ set(value) {
 	var Menu = class extends Component {
 		static template = "o-spreadsheet-Menu";
 		static components = {};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			menuItems: types.ArrayOf(),
 			onClose: types.function(),
 			onClickMenu: types.function().optional(),
@@ -14536,7 +14547,7 @@ set(value) {
 //#region src/components/popover/popover.ts
 	var Popover = class extends Component {
 		static template = "o-spreadsheet-Popover";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			anchorRect: types.Rect(),
 			containerRect: types.object({}).optional(),
 			positioning: types.or([types.literal("top-right"), types.literal("bottom-left")]).optional("bottom-left"),
@@ -14715,7 +14726,7 @@ set(value) {
 			Menu,
 			Popover
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			anchorRect: types.Rect(),
 			popoverPositioning: types.or([types.literal("top-right"), types.literal("bottom-left")]).optional("top-right"),
 			menuItems: types.ArrayOf(),
@@ -14970,7 +14981,7 @@ set(value) {
 	var Select = class extends Component {
 		static template = "o-spreadsheet-Select";
 		static components = { Popover };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onChange: types.function(),
 			values: types.array(),
 			selectedValue: types.string().optional(),
@@ -15080,7 +15091,7 @@ set(value) {
 //#region src/components/info_popover/info_popover.ts
 	var InfoPopover = class extends Component {
 		static template = "o-spreadsheet-Info-Popover";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			anchorRect: types.Rect(),
 			onClose: types.function(),
 			annotationText: types.string().optional(),
@@ -15120,7 +15131,7 @@ set(value) {
 			InfoPopover,
 			Select
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			hasFullScreenButton: types.boolean().optional(true),
 			displayEllipsisButton: types.boolean().optional(true)
@@ -15228,7 +15239,7 @@ set(value) {
 			ChartMenu,
 			MenuPopover
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			figureUI: types.FigureUI(),
 			editFigureStyle: types.function().optional(),
 			isFullScreen: types.boolean().optional(),
@@ -15374,7 +15385,7 @@ set(value) {
 	var ChartFigure = class extends Component {
 		static template = "o-spreadsheet-ChartFigure";
 		static components = { ChartMenu };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			figureUI: types.FigureUI(),
 			editFigureStyle: types.function().optional(),
 			isFullScreen: types.boolean().optional(),
@@ -15404,7 +15415,7 @@ set(value) {
 //#region src/components/figures/figure_image/figure_image.ts
 	var ImageFigure = class extends Component {
 		static template = "o-spreadsheet-ImageFigure";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			figureUI: types.FigureUI(),
 			editFigureStyle: types.function().optional(),
 			openContextMenu: types.function()
@@ -15456,7 +15467,7 @@ set(value) {
 	var FigureComponent = class extends Component {
 		static template = "o-spreadsheet-FigureComponent";
 		static components = { MenuPopover };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			figureUI: types.FigureUI(),
 			style: types.string(),
 			class: types.string(),
@@ -24594,7 +24605,7 @@ set(value) {
 		resetOnBlur: types.boolean().optional()
 	};
 	var GenericInput = class extends Component {
-		props = (0, _odoo_owl.props)(genericInputPropsDefinition);
+		props = (0, _odoo_owl.useProps)(genericInputPropsDefinition);
 		genericInputRef = _odoo_owl.signal.ref(HTMLInputElement);
 		lastOnChangeValue = this.props.value.toString();
 		setup() {
@@ -24677,7 +24688,7 @@ set(value) {
 	var TextInput = class extends GenericInput {
 		static template = "o-spreadsheet-TextInput";
 		static components = {};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			...genericInputPropsDefinition,
 			value: types.string(),
 			errorMessage: types.string().optional(),
@@ -24697,7 +24708,7 @@ set(value) {
 //#region src/components/action_button/action_button.ts
 	var ActionButton = class extends Component {
 		static template = "o-spreadsheet-ActionButton";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			action: types.ActionSpec(),
 			hasTriangleDownIcon: types.boolean().optional(),
 			selectedColor: types.string().optional(),
@@ -24753,7 +24764,7 @@ set(value) {
 	var ColorPicker = class extends Component {
 		static template = "o-spreadsheet-ColorPicker";
 		static components = { Popover };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onColorPicked: types.function(),
 			currentColor: types.string().optional(""),
 			maxHeight: types.Pixel().optional(),
@@ -24916,7 +24927,7 @@ set(value) {
 	var ColorPickerWidget = class extends Component {
 		static template = "o-spreadsheet-ColorPickerWidget";
 		static components = { ColorPicker };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			currentColor: types.string().optional(),
 			toggleColorPicker: types.function(),
 			showColorPicker: types.boolean(),
@@ -24941,7 +24952,7 @@ set(value) {
 	var NumberEditor = class extends Component {
 		static template = "o-spreadsheet-NumberEditor";
 		static components = { Popover };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			currentValue: types.number(),
 			onValueChange: types.function(),
 			onToggle: types.function().optional(),
@@ -25031,7 +25042,7 @@ set(value) {
 	var FontSizeEditor = class extends Component {
 		static template = "o-spreadsheet-FontSizeEditor";
 		static components = { NumberEditor };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			currentFontSize: types.number(),
 			onFontSizeChanged: types.function(),
 			onToggle: types.function().optional(),
@@ -25050,7 +25061,7 @@ set(value) {
 			ActionButton,
 			FontSizeEditor
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			style: types.ChartStyle(),
 			updateStyle: types.function(),
 			defaultStyle: types.object().optional(),
@@ -25240,7 +25251,7 @@ set(value) {
 	var CogWheelMenu = class extends Component {
 		static template = "o-spreadsheet-CogWheelMenu";
 		static components = { MenuPopover };
-		props = (0, _odoo_owl.props)({ items: types.array(types.ActionSpec()) });
+		props = (0, _odoo_owl.useProps)({ items: types.array(types.ActionSpec()) });
 		buttonRef = (0, _odoo_owl.signal)(null);
 		menuState = (0, _odoo_owl.proxy)({
 			isOpen: false,
@@ -25260,7 +25271,7 @@ set(value) {
 //#region src/components/side_panel/components/section/section.ts
 	var Section = class extends Component {
 		static template = "o_spreadsheet.Section";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			class: types.string().optional(),
 			title: types.string().optional(),
 			slots: types.object()
@@ -25277,7 +25288,7 @@ set(value) {
 			TextStyler,
 			CogWheelMenu
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onCloseSidePanel: types.function(),
 			figureId: types.UID()
 		});
@@ -25487,7 +25498,7 @@ set(value) {
 //#region src/components/side_panel/components/checkbox/checkbox.ts
 	var Checkbox = class extends Component {
 		static template = "o-spreadsheet.Checkbox";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			label: types.string().optional(),
 			value: types.boolean().optional(false),
 			className: types.string().optional(),
@@ -25996,7 +26007,7 @@ set(value) {
 	*/
 	var SelectionInput = class extends Component {
 		static template = "o-spreadsheet-SelectionInput";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			ranges: types.array(types.string()),
 			hasSingleRange: types.boolean().optional(),
 			required: types.boolean().optional(),
@@ -26175,7 +26186,7 @@ set(value) {
 			SelectionInput,
 			Section
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			ranges: types.ArrayOf(),
 			dataSetStyles: types.DataSetStyle().optional(),
 			hasSingleRange: types.boolean().optional(),
@@ -26216,7 +26227,7 @@ set(value) {
 			Checkbox,
 			Section
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			title: types.string().optional(_t("Categories / Labels")),
 			range: types.string(),
 			class: types.string().optional(),
@@ -26238,7 +26249,7 @@ set(value) {
 			ChartDataSeries,
 			ChartLabelRange
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.ChartDefinitionWithDataSource(),
 			updateChart: types.function(),
@@ -26257,7 +26268,7 @@ set(value) {
 //#region src/components/validation_messages/validation_messages.ts
 	var ValidationMessages = class extends Component {
 		static template = "o-spreadsheet-ValidationMessages";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			messages: types.array(types.string()).optional(),
 			msgType: types.or([
 				types.literal("warning"),
@@ -26281,7 +26292,7 @@ set(value) {
 			Section,
 			ValidationMessages
 		};
-		props = (0, _odoo_owl.props)({ messages: types.array(types.string()) });
+		props = (0, _odoo_owl.useProps)({ messages: types.array(types.string()) });
 	};
 
 //#endregion
@@ -26294,7 +26305,7 @@ set(value) {
 			Checkbox,
 			ChartErrorSection
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		chartTerms = ChartTerms;
 		state = (0, _odoo_owl.proxy)({ errorMessages: [] });
 		onErrorMessagesChanged(errorMessages) {
@@ -26341,7 +26352,7 @@ set(value) {
 //#region src/components/side_panel/components/collapse/collapse.ts
 	var Collapse = class extends Component {
 		static template = "o-spreadsheet-Collapse";
-		props = (0, _odoo_owl.props)({ isCollapsed: types.boolean() });
+		props = (0, _odoo_owl.useProps)({ isCollapsed: types.boolean() });
 		contentRef = (0, _odoo_owl.signal)(null);
 		setup() {
 			(0, _odoo_owl.onMounted)(() => {
@@ -26374,7 +26385,7 @@ set(value) {
 	var SidePanelCollapsible = class extends Component {
 		static template = "o-spreadsheet-SidePanelCollapsible";
 		static components = { Collapse };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			title: types.string().optional(),
 			isInitiallyCollapsed: types.boolean().optional(),
 			class: types.string().optional()
@@ -26394,7 +26405,7 @@ set(value) {
 			Section,
 			TextInput
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		editorRef = (0, _odoo_owl.signal)(null);
 		state = (0, _odoo_owl.proxy)({
 			annotationTextInput: this.props.definition.annotationText || "",
@@ -26451,7 +26462,7 @@ set(value) {
 	var NumberInput = class extends GenericInput {
 		static template = "o-spreadsheet-NumberInput";
 		static components = {};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			...genericInputPropsDefinition,
 			min: types.number().optional(),
 			max: types.number().optional()
@@ -26476,7 +26487,7 @@ set(value) {
 //#region src/components/side_panel/components/badge_selection/badge_selection.ts
 	var BadgeSelection = class extends Component {
 		static template = "o-spreadsheet.BadgeSelection";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			choices: types.ArrayOf(),
 			onChange: types.function(),
 			selectedValue: types.string()
@@ -26492,7 +26503,7 @@ set(value) {
 			TextStyler,
 			TextInput
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			title: types.string().optional(""),
 			placeholder: types.string().optional(""),
 			updateTitle: types.function(),
@@ -26518,7 +26529,7 @@ set(value) {
 			NumberInput,
 			DateInput
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.ChartWithAxisDefinition(),
 			updateChart: types.function(),
@@ -26693,7 +26704,7 @@ set(value) {
 //#region src/components/side_panel/components/radio_selection/radio_selection.ts
 	var RadioSelection = class extends Component {
 		static template = "o-spreadsheet.RadioSelection";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			choices: types.ArrayOf(),
 			onChange: types.function(),
 			selectedValue: types.string(),
@@ -26710,7 +26721,7 @@ set(value) {
 			Section,
 			ColorPicker
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			currentColor: types.string().optional(),
 			title: types.string().optional(),
 			onColorPicked: types.function(),
@@ -26751,7 +26762,7 @@ set(value) {
 			SidePanelCollapsible,
 			RadioSelection
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.ChartDefinition(),
 			canUpdateChart: types.function(),
@@ -26794,7 +26805,7 @@ set(value) {
 	var ChartHumanizeNumbers = class extends Component {
 		static template = "o-spreadsheet-ChartHumanizeNumbers";
 		static components = { Checkbox };
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		get title() {
 			const locale = this.env.model.getters.getLocale();
 			return _t("E.g. 1234567 -> %(value)s", { value: formatValue(1234567, {
@@ -26812,7 +26823,7 @@ set(value) {
 			Section,
 			Select
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.string(),
 			definition: types.ChartDefinitionWithDataSource(),
 			canUpdateChart: types.function(),
@@ -26858,7 +26869,7 @@ set(value) {
 			RoundColorPicker,
 			Select
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.ChartDefinitionWithDataSource(),
 			updateChart: types.function(),
@@ -26923,7 +26934,7 @@ set(value) {
 			NumberInput,
 			Select
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.ChartDefinitionWithDataSource(),
 			updateChart: types.function(),
@@ -27063,7 +27074,7 @@ set(value) {
 	var ChartShowValues = class extends Component {
 		static template = "o-spreadsheet-ChartShowValues";
 		static components = { Checkbox };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.ChartDefinitionWithDataSource(),
 			canUpdateChart: types.function(),
@@ -27087,7 +27098,7 @@ set(value) {
 			ChartShowValues,
 			ChartHumanizeNumbers
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		get axesList() {
 			const { useLeftAxis, useRightAxis } = getDefinedAxis(this.props.definition);
 			const axes = [{
@@ -27137,7 +27148,7 @@ set(value) {
 			ChartLabelRange,
 			ChartErrorSection
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		state = (0, _odoo_owl.proxy)({
 			datasetDispatchResult: void 0,
 			labelsDispatchResult: void 0,
@@ -27274,7 +27285,7 @@ set(value) {
 			Checkbox,
 			ChartAnnotation
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		get axesList() {
 			return [{
 				id: "x",
@@ -29729,7 +29740,7 @@ set(value) {
 			ChartDataSeries,
 			ChartLabelRange
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.ChartDefinitionWithDataSource(),
 			dataSource: types.ChartRangeDataSource(),
@@ -30592,7 +30603,7 @@ set(value) {
 			RoundColorPicker,
 			Popover
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			definition: types.object({ colorScale: types.ChartColorScale().optional() }),
 			onUpdateColorScale: types.function()
 		});
@@ -30687,7 +30698,7 @@ set(value) {
 			RoundColorPicker,
 			Select
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		get axesList() {
 			return [{
 				id: "x",
@@ -30732,7 +30743,7 @@ set(value) {
 	var ChartShowDataMarkers = class extends Component {
 		static template = "o-spreadsheet-ChartShowDataMarkers";
 		static components = { Checkbox };
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 	};
 
 //#endregion
@@ -30797,7 +30808,7 @@ set(value) {
 			Section,
 			ChartHumanizeNumbers
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			...chartSidePanelPropsDefinition,
 			definition: types.FunnelChartDefinition()
 		});
@@ -30823,7 +30834,7 @@ set(value) {
 			ChartErrorSection,
 			ChartDataSeries
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		state = (0, _odoo_owl.proxy)({ dataRangeDispatchResult: void 0 });
 		dataRange = this.props.definition.dataRange;
 		get configurationErrorMessages() {
@@ -30848,7 +30859,7 @@ set(value) {
 //#region src/components/composer/autocomplete_dropdown/autocomplete_dropdown.ts
 	var TextValueProvider = class extends Component {
 		static template = "o-spreadsheet-TextValueProvider";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			proposals: types.array(types.AutoCompleteProposal()),
 			selectedIndex: types.number().optional(),
 			onValueSelected: types.function(),
@@ -31071,7 +31082,7 @@ set(value) {
 	var FunctionDescriptionProvider = class extends Component {
 		static template = "o-spreadsheet-FunctionDescriptionProvider";
 		static components = { Collapse };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			functionDescription: types.FunctionDescription(),
 			argsToFocus: types.array(types.number()),
 			repeatingArgGroupIndex: types.number().optional()
@@ -31140,7 +31151,7 @@ set(value) {
 	var SpeechBubble = class extends Component {
 		static template = "o-spreadsheet-SpeechBubble";
 		static components = {};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			content: types.string(),
 			anchorRect: types.Rect()
 		});
@@ -31175,7 +31186,7 @@ set(value) {
 			FunctionDescriptionProvider,
 			SpeechBubble
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			focus: types.ComposerFocusType(),
 			inputStyle: types.string().optional(""),
 			rect: types.Rect().optional(),
@@ -32763,7 +32774,7 @@ set(value) {
 	var StandaloneComposer = class extends Component {
 		static template = "o-spreadsheet-StandaloneComposer";
 		static components = { Composer };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onConfirm: types.function(),
 			composerContent: types.string().optional(""),
 			defaultRangeSheetId: types.UID(),
@@ -32840,7 +32851,7 @@ set(value) {
 			ChartHumanizeNumbers,
 			Select
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		state;
 		setup() {
 			this.state = (0, _odoo_owl.proxy)({
@@ -32971,7 +32982,7 @@ set(value) {
 			Section,
 			Select
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.GeoChartDefinition(),
 			updateChart: types.function()
@@ -33125,7 +33136,7 @@ set(value) {
 			Section,
 			NumberInput
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onValueChange: types.function(),
 			value: types.number()
 		});
@@ -33151,7 +33162,7 @@ set(value) {
 			RoundColorPicker,
 			Select
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		state = (0, _odoo_owl.proxy)({ index: 0 });
 		get runtime() {
 			return this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -33212,7 +33223,7 @@ set(value) {
 			Checkbox,
 			ChartHumanizeNumbers
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 	};
 
 //#endregion
@@ -33262,7 +33273,7 @@ set(value) {
 			Section,
 			Select
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		state = (0, _odoo_owl.proxy)({
 			keyValueDispatchResult: void 0,
 			baselineDispatchResult: void 0
@@ -33276,7 +33287,7 @@ set(value) {
 			return !!this.state.keyValueDispatchResult?.isCancelledBecause("InvalidScorecardKeyValue");
 		}
 		get isBaselineInvalid() {
-			return !!this.state.keyValueDispatchResult?.isCancelledBecause("InvalidScorecardBaseline");
+			return !!this.state.baselineDispatchResult?.isCancelledBecause("InvalidScorecardBaseline");
 		}
 		onKeyValueRangeChanged(ranges) {
 			this.keyValue = ranges[0];
@@ -33337,7 +33348,7 @@ set(value) {
 			ChartTitle,
 			ChartHumanizeNumbers
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		get colorsSectionTitle() {
 			return this.props.definition.baselineMode === "progress" ? _t("Progress bar colors") : _t("Baseline colors");
 		}
@@ -33419,7 +33430,7 @@ set(value) {
 			PieHoleSize,
 			ChartHumanizeNumbers
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		defaults = SunburstChartDefaults;
 		get showValues() {
 			return this.props.definition.showValues ?? SunburstChartDefaults.showValues;
@@ -33452,7 +33463,7 @@ set(value) {
 			Checkbox,
 			RoundColorPicker
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.TreeMapChartDefinition(),
 			onColorChanged: types.function()
@@ -33484,7 +33495,7 @@ set(value) {
 	var TreeMapColorScale = class extends Component {
 		static template = "o-spreadsheet-TreeMapColorScale";
 		static components = { RoundColorPicker };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			definition: types.TreeMapChartDefinition(),
 			onColorChanged: types.function()
@@ -33531,7 +33542,7 @@ set(value) {
 			TreeMapColorScale,
 			ChartHumanizeNumbers
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		savedColors = {
 			categoryColors: DEFAULT_SOLID_COLOR,
 			colorScale: DEFAULT_COLOR_SCALE
@@ -33589,7 +33600,7 @@ set(value) {
 			ChartLegend,
 			ChartHumanizeNumbers
 		};
-		props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 		axisChoices = CHART_AXIS_CHOICES;
 		onUpdateShowSubTotals(showSubTotals) {
 			this.props.updateChart(this.props.chartId, { showSubTotals });
@@ -33703,7 +33714,7 @@ set(value) {
 			Section,
 			Popover
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			chartId: types.UID(),
 			chartPanelStore: types.Store()
 		});
@@ -33881,7 +33892,7 @@ set(value) {
 			Section,
 			ChartTypePicker
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onCloseSidePanel: types.function(),
 			chartId: types.UID()
 		});
@@ -34288,7 +34299,7 @@ set(value) {
 			BadgeSelection,
 			Section
 		};
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		state = (0, _odoo_owl.proxy)({
 			currentChart: "count",
 			currentFrequencyOrder: "descending",
@@ -34531,7 +34542,7 @@ set(value) {
 			ColorPickerWidget,
 			Select
 		};
-		props = (0, _odoo_owl.props)({ store: types.Store() });
+		props = (0, _odoo_owl.useProps)({ store: types.Store() });
 		getTextDecoration = getTextDecoration;
 		get rule() {
 			return this.props.store.state.rules.cellIs;
@@ -34541,7 +34552,7 @@ set(value) {
 //#endregion
 //#region src/components/side_panel/criterion_form/criterion_form.ts
 	var CriterionForm = class extends Component {
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			criterion: types.object(),
 			onCriterionChanged: types.function(),
 			disableFormulas: types.boolean().optional(),
@@ -35146,7 +35157,7 @@ set(value) {
 	var CriterionInput = class extends Component {
 		static template = "o-spreadsheet-CriterionInput";
 		static components = { StandaloneComposer };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			value: types.string().optional(""),
 			criterionType: types.DataValidationCriterionType(),
 			onValueChanged: types.function(),
@@ -35994,7 +36005,7 @@ set(value) {
 			StandaloneComposer,
 			Select
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			store: types.Store(),
 			thresholdType: types.or([
 				types.literal("minimum"),
@@ -36076,7 +36087,7 @@ set(value) {
 	var ColorScaleRuleEditor = class extends Component {
 		static template = "o-spreadsheet-ColorScaleRuleEditor";
 		static components = { ColorScaleRuleEditorThreshold };
-		props = (0, _odoo_owl.props)({ store: types.Store() });
+		props = (0, _odoo_owl.useProps)({ store: types.Store() });
 	};
 
 //#endregion
@@ -36087,7 +36098,7 @@ set(value) {
 			SelectionInput,
 			RoundColorPicker
 		};
-		props = (0, _odoo_owl.props)({ store: types.Store() });
+		props = (0, _odoo_owl.useProps)({ store: types.Store() });
 		get rule() {
 			return this.props.store.state.rules.dataBar;
 		}
@@ -36098,7 +36109,7 @@ set(value) {
 //#region src/components/icon_picker/icon_picker.ts
 	var IconPicker = class extends Component {
 		static template = "o-spreadsheet-IconPicker";
-		props = (0, _odoo_owl.props)({ onIconPicked: types.function() });
+		props = (0, _odoo_owl.useProps)({ onIconPicked: types.function() });
 		onIconClick(icon) {
 			if (icon) this.props.onIconPicked(icon);
 		}
@@ -36119,7 +36130,7 @@ set(value) {
 			StandaloneComposer,
 			Select
 		};
-		props = (0, _odoo_owl.props)({ store: types.Store() });
+		props = (0, _odoo_owl.useProps)({ store: types.Store() });
 		get rule() {
 			return this.props.store.state.rules.iconSet;
 		}
@@ -36202,7 +36213,7 @@ set(value) {
 			IconSetRuleEditor,
 			DataBarRuleEditor
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			cf: types.ConditionalFormat(),
 			isNewCf: types.boolean(),
 			onCloseSidePanel: types.function()
@@ -36262,7 +36273,7 @@ set(value) {
 //#region src/components/side_panel/conditional_formatting/cf_preview/cf_preview.ts
 	var ConditionalFormatPreview = class extends Component {
 		static template = "o-spreadsheet-ConditionalFormatPreview";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			conditionalFormat: types.ConditionalFormat(),
 			onMouseDown: types.function(),
 			class: types.string()
@@ -36323,7 +36334,7 @@ set(value) {
 	var ConditionalFormatPreviewList = class extends Component {
 		static template = "o-spreadsheet-ConditionalFormatPreviewList";
 		static components = { ConditionalFormatPreview };
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		dragAndDrop = useDragAndDropListItems();
 		cfListRef = (0, _odoo_owl.signal)(null);
 		get conditionalFormats() {
@@ -36389,7 +36400,7 @@ set(value) {
 //#region src/components/side_panel/data_validation/dv_preview/dv_preview.ts
 	var DataValidationPreview = class extends Component {
 		static template = "o-spreadsheet-DataValidationPreview";
-		props = (0, _odoo_owl.props)({ rule: types.DataValidationRule() });
+		props = (0, _odoo_owl.useProps)({ rule: types.DataValidationRule() });
 		dvPreviewRef = (0, _odoo_owl.signal)(null);
 		setup() {
 			useHighlightsOnHover(this.dvPreviewRef, this);
@@ -36425,7 +36436,7 @@ set(value) {
 	var DataValidationPanel = class extends Component {
 		static template = "o-spreadsheet-DataValidationPanel";
 		static components = { DataValidationPreview };
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		addDataValidationRule() {
 			this.env.replaceSidePanel("DataValidationEditor", "DataValidation", { ruleId: UuidGenerator.smallUuid() });
 		}
@@ -36475,7 +36486,7 @@ set(value) {
 			Section,
 			ValidationMessages
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			ruleId: types.UID(),
 			onCancel: types.function().optional(),
 			onCloseSidePanel: types.function()
@@ -36964,7 +36975,7 @@ set(value) {
 			ValidationMessages,
 			Select
 		};
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		searchInputRef = _odoo_owl.signal.ref(HTMLInputElement);
 		store;
 		state;
@@ -37819,7 +37830,7 @@ set(value) {
 			Checkbox,
 			Select
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onCloseSidePanel: types.function(),
 			category: types.or([
 				types.literal("number"),
@@ -37886,7 +37897,7 @@ set(value) {
 			SelectionInput,
 			TextInput
 		};
-		props = (0, _odoo_owl.props)({ namedRange: types.NamedRange() });
+		props = (0, _odoo_owl.useProps)({ namedRange: types.NamedRange() });
 		state = (0, _odoo_owl.proxy)({});
 		namedRangePreviewRef = (0, _odoo_owl.signal)(null);
 		setup() {
@@ -37943,7 +37954,7 @@ set(value) {
 			SelectionInput,
 			TextInput
 		};
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		get namedRanges() {
 			return this.env.model.getters.getNamedRanges();
 		}
@@ -37964,7 +37975,7 @@ set(value) {
 	var PerfProfilePanel = class extends Component {
 		static template = "o-spreadsheet-PerfProfilePanel";
 		static components = { Section };
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		state = (0, _odoo_owl.proxy)({
 			selectedIndex: void 0,
 			lastProfiledTime: 0
@@ -38180,7 +38191,7 @@ set(value) {
 //#region src/components/side_panel/pivot/pivot_measure_display_panel/pivot_measure_display_panel.ts
 	var PivotMeasureDisplayPanel = class extends Component {
 		static template = "o-spreadsheet-PivotMeasureDisplayPanel";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onCloseSidePanel: types.function(),
 			pivotId: types.UID(),
 			measure: types.PivotCoreMeasure()
@@ -38246,7 +38257,7 @@ set(value) {
 //#region src/components/side_panel/pivot/pivot_defer_update/pivot_defer_update.ts
 	var PivotDeferUpdate = class extends Component {
 		static template = "o-spreadsheet-PivotDeferUpdate";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			deferUpdate: types.boolean(),
 			isDirty: types.boolean(),
 			toggleDeferUpdate: types.function(),
@@ -38475,7 +38486,7 @@ set(value) {
 	var FilterMenuCriterion = class extends Component {
 		static template = "o-spreadsheet-FilterMenuCriterion";
 		static components = { Select };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			criterion: types.CriterionFilter(),
 			criterionOperators: types.array(types.GenericCriterionType()),
 			onCriterionChanged: types.function()
@@ -38512,7 +38523,7 @@ set(value) {
 	var FilterMenuValueItem = class extends Component {
 		static template = "o-spreadsheet-FilterMenuValueItem";
 		static components = { Checkbox };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			value: types.string(),
 			isChecked: types.boolean(),
 			isSelected: types.boolean(),
@@ -38538,7 +38549,7 @@ set(value) {
 	var FilterMenuValueList = class extends Component {
 		static template = "o-spreadsheet-FilterMenuValueList";
 		static components = { FilterMenuValueItem };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			values: types.array(types.object({
 				checked: types.boolean(),
 				string: types.string(),
@@ -38653,7 +38664,7 @@ set(value) {
 		};
 		criterionCategory = "char";
 		updatedCriterionValue;
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			pivotId: types.UID(),
 			definition: types.instanceOf(SpreadsheetPivotRuntimeDefinition),
 			filter: types.PivotFilter(),
@@ -38716,7 +38727,7 @@ set(value) {
 //#region src/components/side_panel/pivot/pivot_layout_configurator/pivot_dimension/pivot_dimension.ts
 	var PivotDimension = class extends Component {
 		static template = "o-spreadsheet-PivotDimension";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			dimension: types.or([
 				types.PivotDimension(),
 				types.PivotMeasure(),
@@ -38753,7 +38764,7 @@ set(value) {
 			Popover,
 			PivotFilterMenu
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			pivotId: types.UID(),
 			definition: types.instanceOf(SpreadsheetPivotRuntimeDefinition),
 			filter: types.PivotFilter(),
@@ -38885,7 +38896,7 @@ set(value) {
 			Popover,
 			TextValueProvider
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onFieldPicked: types.function(),
 			fields: types.array()
 		});
@@ -38980,7 +38991,7 @@ set(value) {
 //#region src/components/side_panel/pivot/pivot_custom_groups_collapsible/pivot_custom_groups_collapsible.ts
 	var PivotCustomGroupsCollapsible = class extends Component {
 		static template = "o-spreadsheet-PivotCustomGroupsCollapsible";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			pivotId: types.UID(),
 			customField: types.PivotCustomGroupedField(),
 			onCustomFieldUpdated: types.function()
@@ -39044,7 +39055,7 @@ set(value) {
 //#region src/components/side_panel/pivot/pivot_layout_configurator/pivot_dimension_granularity/pivot_dimension_granularity.ts
 	var PivotDimensionGranularity = class extends Component {
 		static template = "o-spreadsheet-PivotDimensionGranularity";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			dimension: types.PivotDimension(),
 			onUpdated: types.function(),
 			availableGranularities: types.SetOf(),
@@ -39065,7 +39076,7 @@ set(value) {
 //#region src/components/side_panel/pivot/pivot_layout_configurator/pivot_dimension_order/pivot_dimension_order.ts
 	var PivotDimensionOrder = class extends Component {
 		static template = "o-spreadsheet-PivotDimensionOrder";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			dimension: types.PivotDimension(),
 			onUpdated: types.function(),
 			isMeasureSorted: types.boolean().optional()
@@ -39147,7 +39158,7 @@ set(value) {
 			StandaloneComposer,
 			Select
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			pivotId: types.string(),
 			definition: types.PivotRuntimeDefinition(),
 			measure: types.PivotMeasure(),
@@ -39235,7 +39246,7 @@ set(value) {
 	var PivotSortSection = class extends Component {
 		static template = "o-spreadsheet-PivotSortSection";
 		static components = { Section };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			definition: types.PivotRuntimeDefinition(),
 			pivotId: types.UID()
 		});
@@ -39290,7 +39301,7 @@ set(value) {
 			PivotCustomGroupsCollapsible,
 			SidePanelCollapsible
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			definition: types.instanceOf(PivotRuntimeDefinition),
 			onDimensionsUpdated: types.function(),
 			onFiltersUpdated: types.function(),
@@ -39520,7 +39531,7 @@ set(value) {
 			Section,
 			TextInput
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			pivotId: types.UID(),
 			flipAxis: types.function()
 		});
@@ -41156,7 +41167,7 @@ set(value) {
 			AddDimensionButton,
 			PivotFilterEditor
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			pivotId: types.UID(),
 			onCloseSidePanel: types.function()
 		});
@@ -42394,7 +42405,7 @@ set(value) {
 	var TableStylePreview = class extends Component {
 		static template = "o-spreadsheet-TableStylePreview";
 		static components = { MenuPopover };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			tableConfig: types.TableConfig(),
 			tableStyle: types.TableStyle(),
 			type: types.or([types.literal("table"), types.literal("pivot")]),
@@ -42487,7 +42498,7 @@ set(value) {
 			Popover,
 			TableStylePreview
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			tableConfig: types.object(),
 			popoverProps: types.object().optional(),
 			closePopover: types.function(),
@@ -42535,7 +42546,7 @@ set(value) {
 			TableStylesPopover,
 			TableStylePreview
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			tableConfig: types.TableConfig(),
 			onStylePicked: types.function(),
 			tableStyles: types.RecordOf(),
@@ -42587,7 +42598,7 @@ set(value) {
 			NumberInput,
 			TableStylePicker
 		};
-		props = (0, _odoo_owl.props)({ pivotId: types.UID() });
+		props = (0, _odoo_owl.useProps)({ pivotId: types.UID() });
 		store;
 		setup() {
 			this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId, "neverDefer");
@@ -42641,7 +42652,7 @@ set(value) {
 			Section,
 			PivotDesignPanel
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			pivotId: types.UID(),
 			onCloseSidePanel: types.function(),
 			openTab: types.or([types.literal("configuration"), types.literal("design")]).optional("configuration")
@@ -42675,7 +42686,7 @@ set(value) {
 			Section,
 			Checkbox
 		};
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		state = (0, _odoo_owl.proxy)({
 			hasHeader: false,
 			columns: {}
@@ -42759,7 +42770,7 @@ set(value) {
 			BadgeSelection,
 			Select
 		};
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		loadedLocales = [];
 		setup() {
 			(0, _odoo_owl.onWillStart)(() => this.loadLocales());
@@ -42877,7 +42888,7 @@ set(value) {
 			Checkbox,
 			Select
 		};
-		props = (0, _odoo_owl.props)({ onCloseSidePanel: types.function() });
+		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		state = (0, _odoo_owl.proxy)({
 			separatorValue: "auto",
 			addNewColumns: false,
@@ -42953,7 +42964,7 @@ set(value) {
 			Section,
 			NumberInput
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onCloseSidePanel: types.function(),
 			table: types.CoreTable()
 		});
@@ -43113,7 +43124,7 @@ set(value) {
 			RoundColorPicker,
 			TableStylePreview
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onCloseSidePanel: types.function(),
 			onStylePicked: types.function().optional(),
 			styleId: types.string().optional()
@@ -45460,7 +45471,7 @@ set(value) {
 //#region src/components/autofill/autofill.ts
 	var Autofill = class extends Component {
 		static template = "o-spreadsheet-Autofill";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			position: types.DOMCoordinates(),
 			isVisible: types.boolean()
 		});
@@ -45538,7 +45549,7 @@ set(value) {
 		}
 	};
 	var TooltipComponent = class extends Component {
-		props = (0, _odoo_owl.props)({ content: types.string() });
+		props = (0, _odoo_owl.useProps)({ content: types.string() });
 		static template = _odoo_owl.xml`
     <div t-out="this.props.content"/>
   `;
@@ -45548,7 +45559,7 @@ set(value) {
 //#region src/components/collaborative_client_tag/collaborative_client_tag.ts
 	var ClientTag = class extends Component {
 		static template = "o-spreadsheet-ClientTag";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			active: types.boolean(),
 			name: types.string(),
 			color: types.Color(),
@@ -46135,7 +46146,7 @@ set(value) {
 	var GridComposer = class extends Component {
 		static template = "o-spreadsheet-GridComposer";
 		static components = { Composer };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			gridDims: types.DOMDimension(),
 			onInputContextMenu: types.function()
 		});
@@ -47262,7 +47273,7 @@ set(value) {
 			FiguresContainer,
 			GridAddRowsFooter
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onCellDoubleClicked: types.function().optional(() => () => {}),
 			onCellClicked: types.function().optional(() => () => {}),
 			onCellRightClicked: types.function().optional(() => () => {}),
@@ -47379,7 +47390,7 @@ set(value) {
 	var GridPopover = class extends Component {
 		static template = "o-spreadsheet-GridPopover";
 		static components = { Popover };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onClosePopover: types.function(),
 			onMouseWheel: types.function(),
 			gridRect: types.Rect()
@@ -47407,7 +47418,7 @@ set(value) {
 //#region src/components/headers_overlay/unhide_headers.ts
 	var UnhideRowHeaders = class extends Component {
 		static template = "o-spreadsheet-UnhideRowHeaders";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			headersGroups: types.array(),
 			headerRange: types.object({
 				start: types.HeaderIndex(),
@@ -47450,7 +47461,7 @@ set(value) {
 	};
 	var UnhideColumnHeaders = class extends Component {
 		static template = "o-spreadsheet-UnhideColumnHeaders";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			headersGroups: types.array(),
 			headerRange: types.object({
 				start: types.HeaderIndex(),
@@ -47490,7 +47501,7 @@ set(value) {
 //#region src/components/headers_overlay/headers_overlay.ts
 	const resizerPropsDefinition = { onOpenContextMenu: types.function() };
 	var AbstractResizer = class extends Component {
-		props = (0, _odoo_owl.props)(resizerPropsDefinition);
+		props = (0, _odoo_owl.useProps)(resizerPropsDefinition);
 		composerFocusStore;
 		PADDING = 0;
 		MAX_SIZE_MARGIN = 0;
@@ -47953,7 +47964,7 @@ set(value) {
 	};
 	var HeadersOverlay = class extends Component {
 		static template = "o-spreadsheet-HeadersOverlay";
-		props = (0, _odoo_owl.props)(resizerPropsDefinition);
+		props = (0, _odoo_owl.useProps)(resizerPropsDefinition);
 		static components = {
 			ColResizer,
 			RowResizer
@@ -48949,7 +48960,7 @@ set(value) {
 //#region src/components/highlight/border/border.ts
 	var Border = class extends Component {
 		static template = "o-spreadsheet-Border";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			zone: types.Zone(),
 			orientation: types.or([
 				types.literal("n"),
@@ -49002,7 +49013,7 @@ set(value) {
 	const MOBILE_HANDLER_WIDTH = 40;
 	var Corner = class extends Component {
 		static template = "o-spreadsheet-Corner";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			zone: types.Zone(),
 			color: types.Color(),
 			orientation: types.or([
@@ -49076,7 +49087,7 @@ set(value) {
 			Corner,
 			Border
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			range: types.Range(),
 			color: types.Color()
 		});
@@ -49220,7 +49231,7 @@ set(value) {
       <div t-att-style="this.sizeCss"/>
     </div>
   `;
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			width: types.Pixel().optional(1),
 			height: types.Pixel().optional(1),
 			direction: types.customValidator(types.string(), (direction) => ["horizontal", "vertical"].includes(direction)),
@@ -49266,7 +49277,7 @@ set(value) {
         direction="'horizontal'"
         onScroll.bind="this.onScroll"
       />`;
-		props = (0, _odoo_owl.props)({ leftOffset: types.number().optional(0) });
+		props = (0, _odoo_owl.useProps)({ leftOffset: types.number().optional(0) });
 		get offset() {
 			return this.env.model.getters.getActiveSheetScrollInfo().scrollX;
 		}
@@ -49309,7 +49320,7 @@ set(value) {
       direction="'vertical'"
       onScroll.bind="(offset) => this.onScroll(offset)"
     />`;
-		props = (0, _odoo_owl.props)({ topOffset: types.number().optional(0) });
+		props = (0, _odoo_owl.useProps)({ topOffset: types.number().optional(0) });
 		get offset() {
 			return this.env.model.getters.getActiveSheetScrollInfo().scrollY;
 		}
@@ -49360,7 +49371,7 @@ set(value) {
 	const COLOR = "#777";
 	var TableResizer = class extends Component {
 		static template = "o-spreadsheet-TableResizer";
-		props = (0, _odoo_owl.props)({ table: types.Table() });
+		props = (0, _odoo_owl.useProps)({ table: types.Table() });
 		state = (0, _odoo_owl.proxy)({ highlightZone: void 0 });
 		dragNDropGrid = useDragAndDropBeyondTheViewport(this.env);
 		setup() {
@@ -49448,7 +49459,7 @@ set(value) {
 			TableResizer,
 			Selection
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			exposeFocus: types.function(),
 			getGridSize: types.function()
 		});
@@ -50092,7 +50103,7 @@ set(value) {
 //#region src/components/dashboard/clickable_cell_sort_icon/clickable_cell_sort_icon.ts
 	var ClickableCellSortIcon = class extends Component {
 		static template = "o-spreadsheet-ClickableCellSortIcon";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			position: types.CellPosition(),
 			sortDirection: types.or([types.SortDirection, types.literal("none")])
 		});
@@ -50167,7 +50178,7 @@ set(value) {
 	var PivotHTMLRenderer = class extends Component {
 		static template = "o_spreadsheet.PivotHTMLRenderer";
 		static components = { Checkbox };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			pivotId: types.UID(),
 			onCellClicked: types.function()
 		});
@@ -51040,6 +51051,7 @@ set(value) {
 		alreadyAppliedNumberOffsets = [];
 		previousStrings = [];
 		baseFormulaWasTransformed = false;
+		rangeToStringOptions = { doNotSimplifyRange: true };
 		baseNumber = void 0;
 		constructor(getters) {
 			this.getters = getters;
@@ -51095,9 +51107,9 @@ set(value) {
 				let references = [];
 				if (!this.baseFormula || this.baseFormula.normalizedFormula !== cell.compiledFormula.normalizedFormula) {
 					this.resetBaseTo(cell.compiledFormula);
-					return cell.compiledFormula.toFormulaString(this.getters);
+					return cell.compiledFormula.toFormulaString(this.getters, this.rangeToStringOptions);
 				} else {
-					if (!this.baseFormulaWasTransformed && deepEquals(cell.compiledFormula.literalValues, this.baseFormula.literalValues) && deepEquals(cell.compiledFormula.rangeDependencies, this.baseFormula.rangeDependencies)) return cell.compiledFormula.toFormulaString(this.getters);
+					if (!this.baseFormulaWasTransformed && deepEquals(cell.compiledFormula.literalValues, this.baseFormula.literalValues) && deepEquals(cell.compiledFormula.rangeDependencies, this.baseFormula.rangeDependencies)) return cell.compiledFormula.toFormulaString(this.getters, this.rangeToStringOptions);
 					numbers = this.squishNumbers(cell.compiledFormula.literalValues.numbers);
 					strings = this.squishStrings(cell.compiledFormula.literalValues.strings);
 					references = this.squishReferences(cell.compiledFormula.rangeDependencies, forSheetId);
@@ -51174,23 +51186,23 @@ set(value) {
 		squishOneReference(reference, previousReferences, index, forSheetId) {
 			const previousReference = previousReferences[index];
 			if (deepEquals(previousReference, reference)) return "=";
-			if (previousReference.sheetId !== reference.sheetId || previousReference.prefixSheet !== reference.prefixSheet || previousReference.invalidSheetName !== reference.invalidSheetName || previousReference.invalidXc !== reference.invalidXc) {
+			if (previousReference.sheetId !== reference.sheetId || previousReference.prefixSheet !== reference.prefixSheet || previousReference.invalidSheetName !== reference.invalidSheetName || previousReference.invalidXc !== reference.invalidXc || previousReference.parts.length !== reference.parts.length) {
 				previousReferences[index] = deepCopy(reference);
-				return getRangeString(reference, forSheetId, this.getters.getSheetName);
+				return getRangeString(reference, forSheetId, this.getters.getSheetName, this.rangeToStringOptions);
 			}
 			if (previousReference.unboundedZone.bottom === void 0 || previousReference.unboundedZone.right === void 0 || reference.unboundedZone.bottom === void 0 || reference.unboundedZone.right === void 0) {
 				previousReferences[index] = deepCopy(reference);
-				return getRangeString(reference, forSheetId, this.getters.getSheetName);
+				return getRangeString(reference, forSheetId, this.getters.getSheetName, this.rangeToStringOptions);
 			}
 			for (let i = 0; i < reference.parts.length; i++) if (previousReference.parts[i].colFixed !== reference.parts[i].colFixed || previousReference.parts[i].rowFixed !== reference.parts[i].rowFixed) {
 				previousReferences[index] = deepCopy(reference);
-				return getRangeString(reference, forSheetId, this.getters.getSheetName);
+				return getRangeString(reference, forSheetId, this.getters.getSheetName, this.rangeToStringOptions);
 			}
 			const currentZone = reference.zone;
 			const previousZone = previousReference.zone;
 			if (currentZone.top !== currentZone.bottom || currentZone.left !== currentZone.right || previousZone.top !== previousZone.bottom || previousZone.left !== previousZone.right) {
 				previousReferences[index] = deepCopy(reference);
-				return getRangeString(reference, forSheetId, this.getters.getSheetName);
+				return getRangeString(reference, forSheetId, this.getters.getSheetName, this.rangeToStringOptions);
 			}
 			const diffCol = reference.zone.left - previousReference.zone.left;
 			const diffRow = reference.zone.top - previousReference.zone.top;
@@ -51198,7 +51210,7 @@ set(value) {
 			previousReference.unboundedZone = deepCopy(reference.unboundedZone);
 			if (diffCol !== 0 && diffRow === 0) return `${diffCol > 0 ? "+" : "-"}C${Math.abs(diffCol)}`;
 			else if (diffRow !== 0 && diffCol === 0) return `${diffRow > 0 ? "+" : "-"}R${Math.abs(diffRow)}`;
-			return getRangeString(reference, forSheetId, this.getters.getSheetName);
+			return getRangeString(reference, forSheetId, this.getters.getSheetName, this.rangeToStringOptions);
 		}
 		/**
 		* Squish the number parameters. Result for each parameter should be compared the previous formula.
@@ -51407,10 +51419,19 @@ set(value) {
 				case "FIRST_OFFSET": {
 					const currentOffset = current;
 					this.previousOffset = currentOffset;
-					for (const position of targetPositions) yield {
-						position,
-						compiled: this.unsquishFormula(currentOffset, sheetId, getters)
-					};
+					for (const position of targetPositions) {
+						const result = this.unsquishFormula(currentOffset, sheetId, getters);
+						if (!result.areRangeShapesInLineWithNormalizedFormula()) {
+							const formulaString = result.toFormulaString(getters);
+							yield {
+								position,
+								compiled: CompiledFormula.Compile(formulaString, sheetId, getters)
+							};
+						} else yield {
+							position,
+							compiled: result
+						};
+					}
 					break;
 				}
 				case "COMBINE_OFFSET": {
@@ -51419,10 +51440,19 @@ set(value) {
 					this.previousOffset.N = currentOffset.N ?? this.previousOffset.N;
 					this.previousOffset.S = currentOffset.S ?? this.previousOffset.S;
 					this.previousOffset.R = currentOffset.R ?? this.previousOffset.R;
-					for (const position of targetPositions) yield {
-						position,
-						compiled: this.unsquishFormula(this.previousOffset, sheetId, getters)
-					};
+					for (const position of targetPositions) {
+						const result = this.unsquishFormula(this.previousOffset, sheetId, getters);
+						if (!result.areRangeShapesInLineWithNormalizedFormula()) {
+							const formulaString = result.toFormulaString(getters);
+							yield {
+								position,
+								compiled: CompiledFormula.Compile(formulaString, sheetId, getters)
+							};
+						} else yield {
+							position,
+							compiled: result
+						};
+					}
 					break;
 				}
 				case "NEW_NUMBER":
@@ -53027,11 +53057,16 @@ set(value) {
 				const deltaStyle = {};
 				let hasDelta = false;
 				const styleSheet = this.style[position.sheetId];
-				if (!styleSheet) continue;
 				for (const key in newDefaultStyle) {
 					if (key in cellStyle) continue;
-					const defaults = styleSheet[key];
-					if (!defaults) continue;
+					const defaults = styleSheet?.[key];
+					if (!defaults) {
+						if (newDefaultStyle[key] !== DEFAULT_STYLE[key]) {
+							deltaStyle[key] = DEFAULT_STYLE[key];
+							hasDelta = true;
+						}
+						continue;
+					}
 					const rowDefault = defaults.rowDefault?.[position.row];
 					if (rowDefault !== void 0) {
 						if (priorities.shouldUseDefaultRow) {
@@ -53073,7 +53108,8 @@ set(value) {
 			for (const key in styleSheet) if (!(key in style)) {
 				const defaults = styleSheet[key];
 				if (!defaults) continue;
-				style[key] = defaults.rowDefault?.[position.row] ?? defaults.colDefault?.[position.col] ?? defaults.sheetDefault;
+				const styleValue = defaults.rowDefault?.[position.row] ?? defaults.colDefault?.[position.col] ?? defaults.sheetDefault;
+				if (styleValue !== void 0) style[key] = styleValue;
 			}
 			return style;
 		}
@@ -61077,7 +61113,12 @@ set(value) {
 		computeTableStyle(sheetId, table) {
 			return lazy(() => {
 				const style = this.getters.getTableStyle(table.config.styleId);
-				const { tableMetaData, config } = this.getTableMetaData(sheetId, table);
+				const tableMetaDataAndConfig = this.getTableMetaData(sheetId, table);
+				if (!tableMetaDataAndConfig) return {
+					borders: {},
+					styles: {}
+				};
+				const { tableMetaData, config } = tableMetaDataAndConfig;
 				const relativeTableStyle = getComputedTableStyle(config, style, tableMetaData);
 				const mapping = this.getTableMapping(sheetId, table);
 				const absoluteTableStyle = {
@@ -61115,6 +61156,7 @@ set(value) {
 			const pivotInfo = this.getters.getPivotStyleAtPosition(mainPosition);
 			if (!pivotInfo) throw new Error("No dynamic pivot info found at pivot table position");
 			const pivot = this.getters.getPivot(pivotInfo.pivotId);
+			if (!pivot.isValid()) return;
 			const pivotStyle = pivotInfo.pivotStyle;
 			const maxRowDepth = pivot.getExpandedTableStructure().getNumberOfRowGroupBys();
 			const pivotTable = pivot.getCollapsedTableStructure();
@@ -68463,7 +68505,7 @@ set(value) {
 	];
 	var RippleEffect = class extends Component {
 		static template = "o-spreadsheet-RippleEffect";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			x: types.string(),
 			y: types.string(),
 			color: types.string(),
@@ -68516,7 +68558,7 @@ set(value) {
 	var Ripple = class extends Component {
 		static template = "o-spreadsheet-Ripple";
 		static components = { RippleEffect };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			color: types.string().optional("#aaaaaa"),
 			opacity: types.number().optional(.4),
 			duration: types.number().optional(800),
@@ -68794,7 +68836,7 @@ set(value) {
 			Ripple,
 			ColorPicker
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			sheetId: types.string(),
 			openContextMenu: types.function(),
 			style: types.string().optional(""),
@@ -69084,7 +69126,7 @@ set(value) {
 	var BottomBarStatistic = class extends Component {
 		static template = "o-spreadsheet-BottomBarStatistic";
 		static components = { Ripple };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			openContextMenu: types.function(),
 			closeContextMenu: types.function()
 		});
@@ -69138,7 +69180,7 @@ set(value) {
 	const SHEET_LIST_MENU_MAX_HEIGHT = 250;
 	var BottomBar = class extends Component {
 		static template = "o-spreadsheet-BottomBar";
-		props = (0, _odoo_owl.props)({ onClick: types.function() });
+		props = (0, _odoo_owl.useProps)({ onClick: types.function() });
 		static components = {
 			MenuPopover,
 			Ripple,
@@ -69421,7 +69463,7 @@ set(value) {
 			VerticalScrollBar,
 			HorizontalScrollBar
 		};
-		props = (0, _odoo_owl.props)({ getGridSize: types.function() });
+		props = (0, _odoo_owl.useProps)({ getGridSize: types.function() });
 		cellPopovers;
 		onMouseWheel;
 		canvasPosition;
@@ -69540,7 +69582,7 @@ set(value) {
 //#region src/components/header_group/header_group.ts
 	var AbstractHeaderGroup = class extends Component {
 		static template = "o-spreadsheet-HeaderGroup";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			group: types.HeaderGroup(),
 			layerOffset: types.number(),
 			openContextMenu: types.function()
@@ -69694,7 +69736,7 @@ set(value) {
 			ColGroup,
 			MenuPopover
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			dimension: types.Dimension(),
 			layers: types.array()
 		});
@@ -69770,7 +69812,7 @@ set(value) {
 //#region src/components/side_panel/side_panel/side_panel.ts
 	var SidePanel = class extends Component {
 		static template = "o-spreadsheet-SidePanel";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			panelContent: types.SidePanelContent(),
 			panelProps: types.SidePanelComponentProps(),
 			onCloseSidePanel: types.function(),
@@ -69864,7 +69906,7 @@ set(value) {
 	var RibbonMenu = class extends Component {
 		static template = "o-spreadsheet-RibbonMenu";
 		static components = { Menu };
-		props = (0, _odoo_owl.props)({ onClose: types.function() });
+		props = (0, _odoo_owl.useProps)({ onClose: types.function() });
 		rootItems = topbarMenuRegistry.getMenuItems();
 		menuRef = (0, _odoo_owl.signal)(null);
 		containerRef = (0, _odoo_owl.signal)(null);
@@ -69935,7 +69977,7 @@ set(value) {
 			RibbonMenu
 		};
 		static template = "o-spreadsheet-SmallBottomBar";
-		props = (0, _odoo_owl.props)({ onClick: types.function() });
+		props = (0, _odoo_owl.useProps)({ onClick: types.function() });
 		composerFocusStore;
 		composerStore;
 		composerInterface;
@@ -70136,7 +70178,7 @@ set(value) {
 //#region src/components/standalone_grid_canvas/standalone_grid_canvas.ts
 	var StandaloneGridCanvas = class extends Component {
 		static template = "o-spreadsheet-StandaloneGridCanvas";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			sheetId: types.UID(),
 			zone: types.Zone(),
 			renderingCtx: types.object()
@@ -70461,7 +70503,7 @@ set(value) {
 //#region src/components/spreadsheet_print/spreadsheet_print.ts
 	var SpreadsheetPrint = class extends Component {
 		static template = "o-spreadsheet-SpreadsheetPrint";
-		props = (0, _odoo_owl.props)({ onExitPrintMode: types.function() });
+		props = (0, _odoo_owl.useProps)({ onExitPrintMode: types.function() });
 		static components = {
 			StandaloneGridCanvas,
 			Section,
@@ -70803,7 +70845,7 @@ set(value) {
 			ColorPickerWidget,
 			Popover
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			class: types.string().optional(),
 			currentBorderColor: types.Color(),
 			currentBorderStyle: types.BorderStyle(),
@@ -70875,7 +70917,7 @@ set(value) {
 	var BorderEditorWidget = class extends Component {
 		static template = "o-spreadsheet-BorderEditorWidget";
 		static components = { BorderEditor };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			disabled: types.boolean().optional(),
 			dropdownMaxHeight: types.Pixel().optional(),
 			class: types.string().optional()
@@ -70936,7 +70978,7 @@ set(value) {
 //#region src/components/paint_format_button/paint_format_button.ts
 	var PaintFormatButton = class extends Component {
 		static template = "o-spreadsheet-PaintFormatButton";
-		props = (0, _odoo_owl.props)({ class: types.string().optional() });
+		props = (0, _odoo_owl.useProps)({ class: types.string().optional() });
 		paintFormatStore;
 		setup() {
 			this.paintFormatStore = useStore(PaintFormatStore);
@@ -70961,7 +71003,7 @@ set(value) {
 			TableStylesPopover,
 			ActionButton
 		};
-		props = (0, _odoo_owl.props)({ class: types.string().optional() });
+		props = (0, _odoo_owl.useProps)({ class: types.string().optional() });
 		topBarToolStore;
 		state = (0, _odoo_owl.proxy)({ popoverProps: void 0 });
 		setup() {
@@ -71055,7 +71097,7 @@ set(value) {
 	var TopBarColorEditor = class extends Component {
 		static components = { ColorPickerWidget };
 		static template = "o-spreadsheet-ColorEditor";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			class: types.string(),
 			style: types.or([types.literal("textColor"), types.literal("fillColor")]),
 			icon: types.string(),
@@ -71103,7 +71145,7 @@ set(value) {
 			ActionButton,
 			Popover
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			parentAction: types.ActionSpec(),
 			childActions: types.array(types.ActionSpec()),
 			class: types.string(),
@@ -71136,7 +71178,7 @@ set(value) {
 	var TopBarFontSizeEditor = class extends Component {
 		static components = { FontSizeEditor };
 		static template = "o-spreadsheet-TopBarFontSizeEditor";
-		props = (0, _odoo_owl.props)({ class: types.string() });
+		props = (0, _odoo_owl.useProps)({ class: types.string() });
 		topBarToolStore;
 		setup() {
 			this.topBarToolStore = useToolBarDropdownStore();
@@ -71170,7 +71212,7 @@ set(value) {
 			MenuPopover,
 			ActionButton
 		};
-		props = (0, _odoo_owl.props)({ class: types.string() });
+		props = (0, _odoo_owl.useProps)({ class: types.string() });
 		formatNumberMenuItemSpec = formatNumberMenuItemSpec;
 		topBarToolStore;
 		buttonRef = (0, _odoo_owl.signal)(null);
@@ -71205,7 +71247,7 @@ set(value) {
 	var ToolBarZoom = class extends Component {
 		static template = "o-spreadsheet-TopBarZoom";
 		static components = { NumberEditor };
-		props = (0, _odoo_owl.props)({ class: types.string() });
+		props = (0, _odoo_owl.useProps)({ class: types.string() });
 		topBarToolStore;
 		valueList = ZOOM_VALUES;
 		setup() {
@@ -71431,7 +71473,7 @@ set(value) {
 //#region src/components/top_bar/top_bar.ts
 	var TopBar = class extends Component {
 		static template = "o-spreadsheet-TopBar";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			onClick: types.function(),
 			dropdownMaxHeight: types.Pixel()
 		});
@@ -71709,7 +71751,7 @@ set(value) {
 //#region src/components/spreadsheet/spreadsheet.ts
 	var Spreadsheet = class extends Component {
 		static template = "o-spreadsheet-Spreadsheet";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			model: types.Model(),
 			notifyUser: types.function().optional(),
 			raiseError: types.function().optional(),
@@ -77011,8 +77053,8 @@ set(value) {
 			for (const key in DEFAULT_STYLE) {
 				content.style[key] = {
 					sheetDefault: this.getters.getDefaultStyle(data.sheetId, key, "SHEET", void 0) ?? DEFAULT_STYLE[key],
-					colDefault: {},
-					rowDefault: {}
+					colDefault: [],
+					rowDefault: []
 				};
 				let colIndex = 0;
 				for (const col of data.columnsIndexes) {
@@ -77029,20 +77071,41 @@ set(value) {
 			}
 			return content;
 		}
-		clearStyleFormat(sheetId, zone) {
-			this.dispatch("SET_FORMATTING", {
-				sheetId,
-				target: [zone],
-				format: ""
-			});
+		adaptContentToZone(zone, content) {
+			const colRepetition = Math.max(Math.floor((zone.right - zone.left + 1) / content.width), 1);
+			const rowRepetition = Math.max(Math.floor((zone.bottom - zone.top + 1) / content.height), 1);
+			if (colRepetition === 1 && rowRepetition === 1) return content;
+			const newContent = deepCopy(content);
+			newContent.height *= rowRepetition;
+			newContent.width *= colRepetition;
+			if (rowRepetition > 1 && newContent.format.rowDefault) {
+				newContent.format.rowDefault.length = content.height;
+				newContent.format.rowDefault = repeat(newContent.format.rowDefault, rowRepetition);
+			}
+			if (colRepetition > 1 && newContent.format.colDefault) {
+				newContent.format.colDefault.length = content.width;
+				newContent.format.colDefault = repeat(newContent.format.colDefault, colRepetition);
+			}
+			for (const key in content.style) {
+				if (rowRepetition > 1 && newContent.style[key].rowDefault) {
+					newContent.style[key].rowDefault.length = content.height;
+					newContent.style[key].rowDefault = repeat(newContent.style[key].rowDefault, rowRepetition);
+				}
+				if (colRepetition > 1 && newContent.style[key].colDefault) {
+					newContent.style[key].colDefault.length = content.width;
+					newContent.style[key].colDefault = repeat(newContent.style[key].colDefault, colRepetition);
+				}
+			}
+			return newContent;
 		}
 		paste(target, content, options) {
 			const sheetId = target.sheetId;
 			if (options.pasteOption === "asValue") return;
 			const zones = target.zones;
-			if (!options.isCutOperation) for (const zone of zones) for (const pasteZone of splitZoneForPaste(zone, content.width, content.height)) {
-				this.pasteStyle(sheetId, pasteZone.left, pasteZone.top, content.width, content.height, content.style);
-				this.pasteFormat(sheetId, pasteZone.left, pasteZone.top, content.width, content.height, content.format);
+			if (!options.isCutOperation) for (const zone of zones) {
+				const newContent = this.adaptContentToZone(zone, content);
+				this.pasteStyle(sheetId, zone.left, zone.top, newContent.width, newContent.height, newContent.style);
+				this.pasteFormat(sheetId, zone.left, zone.top, newContent.width, newContent.height, newContent.format);
 			}
 			else {
 				this.clearClippedZones(content);
@@ -77155,7 +77218,7 @@ set(value) {
 			const commands = [];
 			for (const [zoneStr, [zone, priority]] of Object.entries(zones)) {
 				const format = updateCells[zoneStr];
-				commands.push([
+				if (format !== void 0) commands.push([
 					priority,
 					zone,
 					format
@@ -77505,7 +77568,7 @@ set(value) {
 	var ErrorToolTip = class extends Component {
 		static maxSize = { maxHeight: ERROR_TOOLTIP_MAX_HEIGHT };
 		static template = "o-spreadsheet-ErrorToolTip";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			cellPosition: types.CellPosition(),
 			onClosed: types.function().optional()
 		});
@@ -77589,7 +77652,7 @@ set(value) {
 			SidePanelCollapsible,
 			FilterMenuCriterion
 		};
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			filterPosition: types.Position(),
 			onClosed: types.function().optional()
 		});
@@ -77769,7 +77832,7 @@ set(value) {
 //#region src/components/link/link_display/link_display.ts
 	var LinkDisplay = class extends Component {
 		static template = "o-spreadsheet-LinkDisplay";
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			cellPosition: types.CellPosition(),
 			onClosed: types.function().optional()
 		});
@@ -77843,7 +77906,7 @@ set(value) {
 	var LinkEditor = class extends Component {
 		static template = "o-spreadsheet-LinkEditor";
 		static components = { MenuPopover };
-		props = (0, _odoo_owl.props)({
+		props = (0, _odoo_owl.useProps)({
 			cellPosition: types.CellPosition(),
 			onClosed: types.function().optional()
 		});
@@ -87581,8 +87644,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.4.2";
-__info__.date = "2026-07-13T06:26:39.071Z";
-__info__.hash = "c83d4aa";
+__info__.version = "19.4.3";
+__info__.date = "2026-07-20T11:02:36.941Z";
+__info__.hash = "d32e61b";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);