@odoo/o-spreadsheet 19.4.2 → 19.4.4

package/dist/o_spreadsheet.cjs

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.4.2
- * @date 2026-07-13T06:26:39.071Z
- * @hash c83d4aa
+ * @version 19.4.4
+ * @date 2026-07-23T07:49:22.265Z
+ * @hash 6b3c312
  */
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -1247,6 +1247,12 @@ function defaultDict(def) {
 		}
 	};
 }
+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
@@ -2600,7 +2606,7 @@ function unregisterChartJsExtensions() {
 *
 * 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 = "";
@@ -2681,7 +2687,7 @@ function _useChildSubEnv(extension) {
 	extendEnv(extension);
 }
 function _useChildEnv() {
-	return plugin(_EnvPlugin).env;
+	return usePlugin(_EnvPlugin).env;
 }
 var VPortal = class extends blockDom$1.text("").constructor {
 	/**
@@ -2730,7 +2736,7 @@ var Portal = class extends OwlComponent {
 	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() {
@@ -6766,7 +6772,7 @@ function getRangeString(range, forSheetId, getSheetName, options = {
 	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);
 		}
@@ -7518,6 +7524,11 @@ var CompiledFormula = class CompiledFormula {
 		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 {
@@ -11713,7 +11724,7 @@ chartJsExtensionRegistry.add("chartBackgroundPlugin", {
 });
 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()
 	});
@@ -12416,7 +12427,7 @@ function getZoomTargetPosition(ev, zoom) {
 //#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()
 	});
@@ -14156,7 +14167,7 @@ function hasIconLayoutChange(newBox, oldBox) {
 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()
 	});
@@ -14382,7 +14393,7 @@ function useTimeOut() {
 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(),
@@ -14535,7 +14546,7 @@ function usePopoverContainer() {
 //#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"),
@@ -14714,7 +14725,7 @@ var MenuPopover = class MenuPopover extends Component {
 		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(),
@@ -14969,7 +14980,7 @@ var MenuPopover = class MenuPopover extends Component {
 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(),
@@ -15079,7 +15090,7 @@ var Select = class extends Component {
 //#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(),
@@ -15119,7 +15130,7 @@ var ChartMenu = class extends Component {
 		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)
@@ -15227,7 +15238,7 @@ var CarouselFigure = class extends Component {
 		ChartMenu,
 		MenuPopover
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		figureUI: types.FigureUI(),
 		editFigureStyle: types.function().optional(),
 		isFullScreen: types.boolean().optional(),
@@ -15373,7 +15384,7 @@ var CarouselFigure = class extends Component {
 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(),
@@ -15403,7 +15414,7 @@ var ChartFigure = class extends Component {
 //#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()
@@ -15455,7 +15466,7 @@ const ACTIVE_BORDER_WIDTH = 2;
 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(),
@@ -24593,7 +24604,7 @@ const genericInputPropsDefinition = {
 	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() {
@@ -24676,7 +24687,7 @@ var GenericInput = class extends Component {
 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(),
@@ -24696,7 +24707,7 @@ var TextInput = class extends GenericInput {
 //#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(),
@@ -24752,7 +24763,7 @@ const INNER_GRADIENT_HEIGHT = CONTENT_WIDTH - 30 - 2 * ITEM_BORDER_WIDTH;
 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(),
@@ -24915,7 +24926,7 @@ var ColorPicker = class extends Component {
 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(),
@@ -24940,7 +24951,7 @@ var ColorPickerWidget = class extends Component {
 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(),
@@ -25030,7 +25041,7 @@ var NumberEditor = class extends Component {
 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(),
@@ -25049,7 +25060,7 @@ var TextStyler = class extends Component {
 		ActionButton,
 		FontSizeEditor
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		style: types.ChartStyle(),
 		updateStyle: types.function(),
 		defaultStyle: types.object().optional(),
@@ -25239,7 +25250,7 @@ var TextStyler = class extends Component {
 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,
@@ -25259,7 +25270,7 @@ var CogWheelMenu = class extends Component {
 //#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()
@@ -25276,7 +25287,7 @@ var CarouselPanel = class extends Component {
 		TextStyler,
 		CogWheelMenu
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		onCloseSidePanel: types.function(),
 		figureId: types.UID()
 	});
@@ -25486,7 +25497,7 @@ const chartDataSourceSidePanelComponentRegistry = new Registry();
 //#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(),
@@ -25995,7 +26006,7 @@ var SelectionInputStore = class extends SpreadsheetStore {
 */
 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(),
@@ -26174,7 +26185,7 @@ var ChartDataSeries = class extends Component {
 		SelectionInput,
 		Section
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		ranges: types.ArrayOf(),
 		dataSetStyles: types.DataSetStyle().optional(),
 		hasSingleRange: types.boolean().optional(),
@@ -26215,7 +26226,7 @@ var ChartLabelRange = class extends Component {
 		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(),
@@ -26237,7 +26248,7 @@ var ChartDataSourceComponent = class extends Component {
 		ChartDataSeries,
 		ChartLabelRange
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		definition: types.ChartDefinitionWithDataSource(),
 		updateChart: types.function(),
@@ -26256,7 +26267,7 @@ var ChartDataSourceComponent = class extends Component {
 //#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"),
@@ -26280,7 +26291,7 @@ var ChartErrorSection = class extends Component {
 		Section,
 		ValidationMessages
 	};
-	props = (0, _odoo_owl.props)({ messages: types.array(types.string()) });
+	props = (0, _odoo_owl.useProps)({ messages: types.array(types.string()) });
 };
 
 //#endregion
@@ -26293,7 +26304,7 @@ var GenericChartConfigPanel = class extends Component {
 		Checkbox,
 		ChartErrorSection
 	};
-	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+	props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 	chartTerms = ChartTerms;
 	state = (0, _odoo_owl.proxy)({ errorMessages: [] });
 	onErrorMessagesChanged(errorMessages) {
@@ -26340,7 +26351,7 @@ var BarConfigPanel = class extends GenericChartConfigPanel {
 //#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)(() => {
@@ -26373,7 +26384,7 @@ var Collapse = class extends Component {
 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()
@@ -26393,7 +26404,7 @@ var ChartAnnotation = class extends Component {
 		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 || "",
@@ -26450,7 +26461,7 @@ var ChartAnnotation = class extends Component {
 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()
@@ -26475,7 +26486,7 @@ var DateInput = class extends NumberInput {
 //#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()
@@ -26491,7 +26502,7 @@ var ChartTitle = class extends Component {
 		TextStyler,
 		TextInput
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		title: types.string().optional(""),
 		placeholder: types.string().optional(""),
 		updateTitle: types.function(),
@@ -26517,7 +26528,7 @@ var AxisDesignEditor = class extends Component {
 		NumberInput,
 		DateInput
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		definition: types.ChartWithAxisDefinition(),
 		updateChart: types.function(),
@@ -26692,7 +26703,7 @@ var AxisDesignEditor = class extends Component {
 //#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(),
@@ -26709,7 +26720,7 @@ var RoundColorPicker = class extends Component {
 		Section,
 		ColorPicker
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		currentColor: types.string().optional(),
 		title: types.string().optional(),
 		onColorPicked: types.function(),
@@ -26750,7 +26761,7 @@ var GeneralDesignEditor = class extends Component {
 		SidePanelCollapsible,
 		RadioSelection
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		definition: types.ChartDefinition(),
 		canUpdateChart: types.function(),
@@ -26793,7 +26804,7 @@ var GeneralDesignEditor = class extends Component {
 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, {
@@ -26811,7 +26822,7 @@ var ChartLegend = class extends Component {
 		Section,
 		Select
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.string(),
 		definition: types.ChartDefinitionWithDataSource(),
 		canUpdateChart: types.function(),
@@ -26857,7 +26868,7 @@ var SeriesDesignEditor = class extends Component {
 		RoundColorPicker,
 		Select
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		definition: types.ChartDefinitionWithDataSource(),
 		updateChart: types.function(),
@@ -26922,7 +26933,7 @@ var SeriesWithAxisDesignEditor = class extends Component {
 		NumberInput,
 		Select
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		definition: types.ChartDefinitionWithDataSource(),
 		updateChart: types.function(),
@@ -27062,7 +27073,7 @@ var SeriesWithAxisDesignEditor = class extends Component {
 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(),
@@ -27086,7 +27097,7 @@ var ChartWithAxisDesignPanel = class extends Component {
 		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 = [{
@@ -27136,7 +27147,7 @@ var BubbleChartConfigPanel = class extends Component {
 		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,
@@ -27273,7 +27284,7 @@ var BubbleChartDesignPanel = class extends Component {
 		Checkbox,
 		ChartAnnotation
 	};
-	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+	props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 	get axesList() {
 		return [{
 			id: "x",
@@ -29728,7 +29739,7 @@ var ChartRangeDataSourceComponent = class extends Component {
 		ChartDataSeries,
 		ChartLabelRange
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		definition: types.ChartDefinitionWithDataSource(),
 		dataSource: types.ChartRangeDataSource(),
@@ -30591,7 +30602,7 @@ var ColorScalePicker = class extends Component {
 		RoundColorPicker,
 		Popover
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		definition: types.object({ colorScale: types.ChartColorScale().optional() }),
 		onUpdateColorScale: types.function()
 	});
@@ -30686,7 +30697,7 @@ var CalendarChartDesignPanel = class extends Component {
 		RoundColorPicker,
 		Select
 	};
-	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+	props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 	get axesList() {
 		return [{
 			id: "x",
@@ -30731,7 +30742,7 @@ var CalendarChartDesignPanel = class extends Component {
 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
@@ -30796,7 +30807,7 @@ var FunnelChartDesignPanel = class extends Component {
 		Section,
 		ChartHumanizeNumbers
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		...chartSidePanelPropsDefinition,
 		definition: types.FunnelChartDefinition()
 	});
@@ -30822,7 +30833,7 @@ var GaugeChartConfigPanel = class extends Component {
 		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() {
@@ -30847,7 +30858,7 @@ var GaugeChartConfigPanel = class extends Component {
 //#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(),
@@ -31070,7 +31081,7 @@ function isEmptyParagraph(node) {
 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()
@@ -31139,7 +31150,7 @@ const BUBBLE_ARROW_SIZE = 7;
 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()
 	});
@@ -31174,7 +31185,7 @@ var Composer = class extends Component {
 		FunctionDescriptionProvider,
 		SpeechBubble
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		focus: types.ComposerFocusType(),
 		inputStyle: types.string().optional(""),
 		rect: types.Rect().optional(),
@@ -32762,7 +32773,7 @@ var StandaloneComposerStore = class extends AbstractComposerStore {
 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(),
@@ -32839,7 +32850,7 @@ var GaugeChartDesignPanel = class extends Component {
 		ChartHumanizeNumbers,
 		Select
 	};
-	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+	props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 	state;
 	setup() {
 		this.state = (0, _odoo_owl.proxy)({
@@ -32970,7 +32981,7 @@ var GeoChartRegionSelectSection = class extends Component {
 		Section,
 		Select
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		definition: types.GeoChartDefinition(),
 		updateChart: types.function()
@@ -33124,7 +33135,7 @@ var PieHoleSize = class extends Component {
 		Section,
 		NumberInput
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		onValueChange: types.function(),
 		value: types.number()
 	});
@@ -33150,7 +33161,7 @@ var PieChartDesignPanel = class extends Component {
 		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);
@@ -33211,7 +33222,7 @@ var RadarChartDesignPanel = class extends Component {
 		Checkbox,
 		ChartHumanizeNumbers
 	};
-	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+	props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 };
 
 //#endregion
@@ -33261,7 +33272,7 @@ var ScorecardChartConfigPanel = class extends Component {
 		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
@@ -33275,7 +33286,7 @@ var ScorecardChartConfigPanel = class extends Component {
 		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];
@@ -33336,7 +33347,7 @@ var ScorecardChartDesignPanel = class extends Component {
 		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");
 	}
@@ -33418,7 +33429,7 @@ var SunburstChartDesignPanel = class extends Component {
 		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;
@@ -33451,7 +33462,7 @@ var TreeMapCategoryColors = class extends Component {
 		Checkbox,
 		RoundColorPicker
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		definition: types.TreeMapChartDefinition(),
 		onColorChanged: types.function()
@@ -33483,7 +33494,7 @@ var TreeMapCategoryColors = class extends Component {
 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()
@@ -33530,7 +33541,7 @@ var TreeMapChartDesignPanel = class extends Component {
 		TreeMapColorScale,
 		ChartHumanizeNumbers
 	};
-	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
+	props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
 	savedColors = {
 		categoryColors: DEFAULT_SOLID_COLOR,
 		colorScale: DEFAULT_COLOR_SCALE
@@ -33588,7 +33599,7 @@ var WaterfallChartDesignPanel = class extends Component {
 		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 });
@@ -33702,7 +33713,7 @@ var ChartTypePicker = class extends Component {
 		Section,
 		Popover
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		chartId: types.UID(),
 		chartPanelStore: types.Store()
 	});
@@ -33880,7 +33891,7 @@ var ChartPanel = class extends Component {
 		Section,
 		ChartTypePicker
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		onCloseSidePanel: types.function(),
 		chartId: types.UID()
 	});
@@ -34287,7 +34298,7 @@ var ColumnStatsPanel = class extends Component {
 		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",
@@ -34530,7 +34541,7 @@ var CellIsRuleEditor = class extends Component {
 		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;
@@ -34540,7 +34551,7 @@ var CellIsRuleEditor = class extends Component {
 //#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(),
@@ -35145,7 +35156,7 @@ function getOccurrencesInRanges(criterionRanges, getters) {
 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(),
@@ -35993,7 +36004,7 @@ var ColorScaleRuleEditorThreshold = class extends Component {
 		StandaloneComposer,
 		Select
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		store: types.Store(),
 		thresholdType: types.or([
 			types.literal("minimum"),
@@ -36075,7 +36086,7 @@ var ColorScaleRuleEditorThreshold = class extends Component {
 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
@@ -36086,7 +36097,7 @@ var DataBarRuleEditor = class extends Component {
 		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;
 	}
@@ -36097,7 +36108,7 @@ var DataBarRuleEditor = class extends Component {
 //#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);
 	}
@@ -36118,7 +36129,7 @@ var IconSetRuleEditor = class extends Component {
 		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;
 	}
@@ -36201,7 +36212,7 @@ var ConditionalFormattingEditor = class extends Component {
 		IconSetRuleEditor,
 		DataBarRuleEditor
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		cf: types.ConditionalFormat(),
 		isNewCf: types.boolean(),
 		onCloseSidePanel: types.function()
@@ -36261,7 +36272,7 @@ var ConditionalFormattingEditor = class extends Component {
 //#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()
@@ -36322,7 +36333,7 @@ var ConditionalFormatPreview = class extends Component {
 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() {
@@ -36388,7 +36399,7 @@ var ConditionalFormatPreviewList = class extends Component {
 //#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);
@@ -36424,7 +36435,7 @@ var DataValidationPreview = class extends Component {
 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() });
 	}
@@ -36474,7 +36485,7 @@ var DataValidationEditor = class extends Component {
 		Section,
 		ValidationMessages
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		ruleId: types.UID(),
 		onCancel: types.function().optional(),
 		onCloseSidePanel: types.function()
@@ -36963,7 +36974,7 @@ var FindAndReplacePanel = class extends Component {
 		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;
@@ -37818,7 +37829,7 @@ var MoreFormatsPanel = class extends Component {
 		Checkbox,
 		Select
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		onCloseSidePanel: types.function(),
 		category: types.or([
 			types.literal("number"),
@@ -37885,7 +37896,7 @@ var NamedRangePreview = class extends Component {
 		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() {
@@ -37942,7 +37953,7 @@ var NamedRangesPanel = class extends Component {
 		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();
 	}
@@ -37963,7 +37974,7 @@ const HIGHLIGHT_COLOR = "#e28f08";
 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
@@ -38179,7 +38190,7 @@ var PivotMeasureDisplayPanelStore = class extends SpreadsheetStore {
 //#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()
@@ -38245,7 +38256,7 @@ function getVisiblePivotCellPositions(getters, pivotId) {
 //#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(),
@@ -38474,7 +38485,7 @@ const filterDateCriterionOperators = [
 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()
@@ -38511,7 +38522,7 @@ var FilterMenuCriterion = class extends Component {
 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(),
@@ -38537,7 +38548,7 @@ var FilterMenuValueItem = class extends Component {
 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(),
@@ -38652,7 +38663,7 @@ var PivotFilterMenu = class extends Component {
 	};
 	criterionCategory = "char";
 	updatedCriterionValue;
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		pivotId: types.UID(),
 		definition: types.instanceOf(SpreadsheetPivotRuntimeDefinition),
 		filter: types.PivotFilter(),
@@ -38715,7 +38726,7 @@ var PivotFilterMenu = class extends Component {
 //#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(),
@@ -38752,7 +38763,7 @@ var PivotFilterEditor = class extends Component {
 		Popover,
 		PivotFilterMenu
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		pivotId: types.UID(),
 		definition: types.instanceOf(SpreadsheetPivotRuntimeDefinition),
 		filter: types.PivotFilter(),
@@ -38884,7 +38895,7 @@ var AddDimensionButton = class extends Component {
 		Popover,
 		TextValueProvider
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		onFieldPicked: types.function(),
 		fields: types.array()
 	});
@@ -38979,7 +38990,7 @@ var AddDimensionButton = class extends Component {
 //#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()
@@ -39043,7 +39054,7 @@ var PivotCustomGroupsCollapsible = class extends Component {
 //#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(),
@@ -39064,7 +39075,7 @@ var PivotDimensionGranularity = class extends Component {
 //#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()
@@ -39146,7 +39157,7 @@ var PivotMeasureEditor = class extends Component {
 		StandaloneComposer,
 		Select
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		pivotId: types.string(),
 		definition: types.PivotRuntimeDefinition(),
 		measure: types.PivotMeasure(),
@@ -39234,7 +39245,7 @@ var PivotMeasureEditor = class extends Component {
 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()
 	});
@@ -39289,7 +39300,7 @@ var PivotLayoutConfigurator = class extends Component {
 		PivotCustomGroupsCollapsible,
 		SidePanelCollapsible
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		definition: types.instanceOf(PivotRuntimeDefinition),
 		onDimensionsUpdated: types.function(),
 		onFiltersUpdated: types.function(),
@@ -39519,7 +39530,7 @@ var PivotTitleSection = class extends Component {
 		Section,
 		TextInput
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		pivotId: types.UID(),
 		flipAxis: types.function()
 	});
@@ -41155,7 +41166,7 @@ var PivotSpreadsheetSidePanel = class extends Component {
 		AddDimensionButton,
 		PivotFilterEditor
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		pivotId: types.UID(),
 		onCloseSidePanel: types.function()
 	});
@@ -42393,7 +42404,7 @@ function drawTexts(ctx, tableStyle, params) {
 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")]),
@@ -42486,7 +42497,7 @@ var TableStylesPopover = class extends Component {
 		Popover,
 		TableStylePreview
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		tableConfig: types.object(),
 		popoverProps: types.object().optional(),
 		closePopover: types.function(),
@@ -42534,7 +42545,7 @@ var TableStylePicker = class extends Component {
 		TableStylesPopover,
 		TableStylePreview
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		tableConfig: types.TableConfig(),
 		onStylePicked: types.function(),
 		tableStyles: types.RecordOf(),
@@ -42586,7 +42597,7 @@ var PivotDesignPanel = class extends Component {
 		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");
@@ -42640,7 +42651,7 @@ var PivotSidePanel = class extends Component {
 		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")
@@ -42674,7 +42685,7 @@ var RemoveDuplicatesPanel = class extends Component {
 		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: {}
@@ -42758,7 +42769,7 @@ var SettingsPanel = class extends Component {
 		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());
@@ -42876,7 +42887,7 @@ var SplitIntoColumnsPanel = class extends Component {
 		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,
@@ -42952,7 +42963,7 @@ var TablePanel = class extends Component {
 		Section,
 		NumberInput
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		onCloseSidePanel: types.function(),
 		table: types.CoreTable()
 	});
@@ -43112,7 +43123,7 @@ var TableStyleEditorPanel = class extends Component {
 		RoundColorPicker,
 		TableStylePreview
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		onCloseSidePanel: types.function(),
 		onStylePicked: types.function().optional(),
 		styleId: types.string().optional()
@@ -45459,7 +45470,7 @@ function adjustIndexWithinBounds(index, position, max) {
 //#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()
 	});
@@ -45483,7 +45494,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() {
@@ -45537,7 +45549,7 @@ var Autofill = class extends Component {
 	}
 };
 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"/>
   `;
@@ -45547,7 +45559,7 @@ var TooltipComponent = class extends Component {
 //#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(),
@@ -45904,7 +45916,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,
@@ -46134,7 +46146,7 @@ const GRID_CELL_REFERENCE_TOP_OFFSET = 28;
 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()
 	});
@@ -47261,7 +47273,7 @@ var GridOverlay = class extends Component {
 		FiguresContainer,
 		GridAddRowsFooter
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		onCellDoubleClicked: types.function().optional(() => () => {}),
 		onCellClicked: types.function().optional(() => () => {}),
 		onCellRightClicked: types.function().optional(() => () => {}),
@@ -47378,7 +47390,7 @@ var GridOverlay = class extends Component {
 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()
@@ -47406,7 +47418,7 @@ var GridPopover = class extends Component {
 //#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(),
@@ -47449,7 +47461,7 @@ var UnhideRowHeaders = class extends Component {
 };
 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(),
@@ -47489,7 +47501,7 @@ var UnhideColumnHeaders = class extends Component {
 //#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;
@@ -47952,7 +47964,7 @@ var RowResizer = class extends AbstractResizer {
 };
 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
@@ -48948,7 +48960,7 @@ function useWheelHandler(handler) {
 //#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"),
@@ -49001,7 +49013,7 @@ var Border = class extends Component {
 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([
@@ -49075,7 +49087,7 @@ var Highlight = class extends Component {
 		Corner,
 		Border
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		range: types.Range(),
 		color: types.Color()
 	});
@@ -49219,7 +49231,7 @@ var ScrollBar = class extends Component {
       <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)),
@@ -49265,7 +49277,7 @@ var HorizontalScrollBar = class extends Component {
         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;
 	}
@@ -49308,7 +49320,7 @@ var VerticalScrollBar = class extends Component {
       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;
 	}
@@ -49359,7 +49371,7 @@ const SIZE = 3;
 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() {
@@ -49447,7 +49459,7 @@ var Grid = class extends Component {
 		TableResizer,
 		Selection
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		exposeFocus: types.function(),
 		getGridSize: types.function()
 	});
@@ -50075,6 +50087,10 @@ var Grid = class extends Component {
 	get displaySelectionHandler() {
 		return this.env.isMobile() && this.composerFocusStore.activeComposer.editionMode === "inactive";
 	}
+	get clientsToDisplay() {
+		const sheetId = this.env.model.getters.getActiveSheetId();
+		return this.env.model.getters.getClientsToDisplay(sheetId);
+	}
 };
 
 //#endregion
@@ -50091,7 +50107,7 @@ supportedPivotPositionalFormulaRegistry.add("SPREADSHEET", false);
 //#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")])
 	});
@@ -50166,7 +50182,7 @@ var FullScreenFigure = class extends Component {
 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()
 	});
@@ -51039,6 +51055,7 @@ var Squisher = class {
 	alreadyAppliedNumberOffsets = [];
 	previousStrings = [];
 	baseFormulaWasTransformed = false;
+	rangeToStringOptions = { doNotSimplifyRange: true };
 	baseNumber = void 0;
 	constructor(getters) {
 		this.getters = getters;
@@ -51094,9 +51111,9 @@ var Squisher = class {
 			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);
@@ -51173,23 +51190,23 @@ var Squisher = class {
 	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;
@@ -51197,7 +51214,7 @@ var Squisher = class {
 		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.
@@ -51406,10 +51423,19 @@ var Unsquisher = class {
 			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": {
@@ -51418,10 +51444,19 @@ var Unsquisher = class {
 				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":
@@ -53026,11 +53061,16 @@ var DefaultPlugin = class extends CorePlugin {
 			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) {
@@ -53072,7 +53112,8 @@ var DefaultPlugin = class extends CorePlugin {
 		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;
 	}
@@ -59822,6 +59863,8 @@ var PivotUIPlugin = class extends CoreViewPlugin {
 	pivots = {};
 	unusedPivotsInFormulas;
 	custom;
+	pivotPositionCache = new PositionMap();
+	shouldInvalidateCache = false;
 	constructor(config) {
 		super(config);
 		this.custom = config.custom;
@@ -59832,7 +59875,11 @@ var PivotUIPlugin = class extends CoreViewPlugin {
 		}
 	}
 	handle(cmd) {
-		if (invalidateEvaluationCommands.has(cmd.type)) for (const pivotId of this.getters.getPivotIds()) this.setupPivot(pivotId, { recreate: true });
+		if (invalidateEvaluationCommands.has(cmd.type)) {
+			this.shouldInvalidateCache = true;
+			for (const pivotId of this.getters.getPivotIds()) this.setupPivot(pivotId, { recreate: true });
+		}
+		if (cmd.type === "UPDATE_CELL") this.shouldInvalidateCache = true;
 		switch (cmd.type) {
 			case "REFRESH_PIVOT":
 				this.refreshPivot(cmd.id);
@@ -59872,6 +59919,12 @@ var PivotUIPlugin = class extends CoreViewPlugin {
 				break;
 		}
 	}
+	finalize() {
+		if (this.shouldInvalidateCache) {
+			this.pivotPositionCache = new PositionMap();
+			this.shouldInvalidateCache = false;
+		}
+	}
 	/**
 	* Get the id of the first pivot in the formula at the given position. Returns undefined if there
 	* is no pivot at this position
@@ -59883,9 +59936,14 @@ var PivotUIPlugin = class extends CoreViewPlugin {
 	* Get all of the ids of the pivot present in the formula at the given position.
 	*/
 	getPivotIdsFromPosition(position) {
-		const cell = this.getters.getCorrespondingFormulaCell(position);
-		if (cell && cell.isFormula) return this.getPivotIdsFromFormula(position.sheetId, cell.compiledFormula);
-		return [];
+		if (!this.pivotPositionCache.has(position)) {
+			const cell = this.getters.getCorrespondingFormulaCell(position);
+			if (cell && cell.isFormula) {
+				const pivotIds = this.getPivotIdsFromFormula(position.sheetId, cell.compiledFormula);
+				this.pivotPositionCache.set(position, pivotIds);
+			}
+		}
+		return this.pivotPositionCache.get(position) || [];
 	}
 	getPivotIdsFromFormula(sheetId, formula) {
 		return this.getPivotFunctions(sheetId, formula).map((pivotFunction) => {
@@ -61250,17 +61308,32 @@ 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(() => {
 			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 = {
@@ -61298,6 +61371,7 @@ var TableComputedStylePlugin = class extends UIPlugin {
 		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();
@@ -62592,14 +62666,13 @@ var CollaborativePlugin = class extends UIPlugin {
 	* Get the list of others connected clients which are present in the same sheet
 	* and with a valid position
 	*/
-	getClientsToDisplay() {
+	getClientsToDisplay(sheetId) {
 		try {
 			this.getters.getCurrentClient();
 		} catch (e) {
 			if (e instanceof ClientDisconnectedError) return [];
 			else throw e;
 		}
-		const sheetId = this.getters.getActiveSheetId();
 		const clients = [];
 		for (const client of this.getters.getConnectedClients()) if (client.id !== this.getters.getCurrentClient().id && client.position && client.position.sheetId === sheetId && this.isPositionValid(client.position)) clients.push({
 			...client,
@@ -62610,7 +62683,7 @@ var CollaborativePlugin = class extends UIPlugin {
 	drawLayer(renderingContext) {
 		if (this.getters.isDashboard()) return;
 		const { ctx, thinLineWidth, viewports, sheetId } = renderingContext;
-		for (const client of this.getClientsToDisplay()) {
+		for (const client of this.getClientsToDisplay(sheetId)) {
 			const { row, col } = client.position;
 			const zone = this.getters.expandZone(sheetId, {
 				top: row,
@@ -63418,8 +63491,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
 		};
 	}
 	/**
@@ -68646,7 +68719,7 @@ const RIPPLE_KEY_FRAMES = [
 ];
 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(),
@@ -68699,7 +68772,7 @@ var RippleEffect = class extends Component {
 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),
@@ -68977,7 +69050,7 @@ var BottomBarSheet = class extends Component {
 		Ripple,
 		ColorPicker
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		sheetId: types.string(),
 		openContextMenu: types.function(),
 		style: types.string().optional(""),
@@ -69267,7 +69340,7 @@ var AggregateStatisticsStore = class extends SpreadsheetStore {
 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()
 	});
@@ -69321,7 +69394,7 @@ var BottomBarStatistic = class extends Component {
 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,
@@ -69604,7 +69677,7 @@ var SpreadsheetDashboard = class extends Component {
 		VerticalScrollBar,
 		HorizontalScrollBar
 	};
-	props = (0, _odoo_owl.props)({ getGridSize: types.function() });
+	props = (0, _odoo_owl.useProps)({ getGridSize: types.function() });
 	cellPopovers;
 	onMouseWheel;
 	canvasPosition;
@@ -69723,7 +69796,7 @@ var SpreadsheetDashboard = class extends Component {
 //#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()
@@ -69877,7 +69950,7 @@ var HeaderGroupContainer = class extends Component {
 		ColGroup,
 		MenuPopover
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		dimension: types.Dimension(),
 		layers: types.array()
 	});
@@ -69953,7 +70026,7 @@ function useScreenWidth() {
 //#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(),
@@ -70047,7 +70120,7 @@ var SidePanels = class extends Component {
 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);
@@ -70118,7 +70191,7 @@ var SmallBottomBar = class extends Component {
 		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;
@@ -70319,7 +70392,7 @@ var FigureRendererStore = class extends DisposableStore {
 //#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()
@@ -70644,7 +70717,7 @@ var SpreadsheetPrintStore = class extends SpreadsheetStore {
 //#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,
@@ -70986,7 +71059,7 @@ var BorderEditor = class extends Component {
 		ColorPickerWidget,
 		Popover
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		class: types.string().optional(),
 		currentBorderColor: types.Color(),
 		currentBorderStyle: types.BorderStyle(),
@@ -71058,7 +71131,7 @@ var BorderEditor = class extends Component {
 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()
@@ -71119,7 +71192,7 @@ var BorderEditorWidget = class extends Component {
 //#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);
@@ -71144,7 +71217,7 @@ var TableDropdownButton = class extends Component {
 		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() {
@@ -71238,7 +71311,7 @@ var TableDropdownButton = class extends Component {
 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(),
@@ -71286,7 +71359,7 @@ var DropdownAction = class extends Component {
 		ActionButton,
 		Popover
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		parentAction: types.ActionSpec(),
 		childActions: types.array(types.ActionSpec()),
 		class: types.string(),
@@ -71319,7 +71392,7 @@ var DropdownAction = class extends Component {
 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();
@@ -71353,7 +71426,7 @@ var NumberFormatsTool = class extends Component {
 		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);
@@ -71388,7 +71461,7 @@ var NumberFormatsTool = class extends Component {
 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() {
@@ -71614,7 +71687,7 @@ topBarToolBarRegistry.add("edit").addChild("edit", {
 //#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()
 	});
@@ -71892,7 +71965,7 @@ var WebClipboardWrapper = class {
 //#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(),
@@ -77194,8 +77267,8 @@ var DefaultClipboardHandler = class extends AbstractCellClipboardHandler {
 		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) {
@@ -77212,20 +77285,41 @@ var DefaultClipboardHandler = class extends AbstractCellClipboardHandler {
 		}
 		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);
@@ -77338,7 +77432,7 @@ var DefaultClipboardHandler = class extends AbstractCellClipboardHandler {
 		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
@@ -77688,7 +77782,7 @@ const ERROR_TOOLTIP_MAX_HEIGHT = 80;
 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()
 	});
@@ -77772,7 +77866,7 @@ var FilterMenu = class extends Component {
 		SidePanelCollapsible,
 		FilterMenuCriterion
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		filterPosition: types.Position(),
 		onClosed: types.function().optional()
 	});
@@ -77952,7 +78046,7 @@ const FilterMenuPopoverBuilder = { onOpen: (position, getters) => {
 //#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()
 	});
@@ -78026,7 +78120,7 @@ const LinkCellPopoverBuilder = { onHover: (position, getters) => {
 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()
 	});
@@ -87540,6 +87634,7 @@ const helpers = {
 	collapseHierarchicalDisplayName,
 	getCanonicalSymbolName,
 	fuzzyLookup,
+	PositionMap,
 	replaceSymbolInFormula
 };
 const links = {
@@ -87764,6 +87859,6 @@ 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.4";
+__info__.date = "2026-07-23T07:49:22.265Z";
+__info__.hash = "6b3c312";