@odoo/o-spreadsheet 19.4.1 → 19.4.3

package/dist/o_spreadsheet.cjs

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.4.1
- * @date 2026-07-01T05:05:19.248Z
- * @hash e359501
+ * @version 19.4.3
+ * @date 2026-07-20T11:02:36.941Z
+ * @hash d32e61b
  */
 
 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",
@@ -28056,7 +28067,7 @@ function filterInvalidCalendarDataPoints(labels, datasets) {
 */
 function filterInvalidHierarchicalPoints(values, hierarchy) {
 	const numberOfDataPoints = Math.max(values.length, ...hierarchy.map((dataset) => dataset.data?.length || 0));
-	const isEmpty = (value) => value === null || value === "";
+	const isEmpty = (value) => value === void 0 || value === null || value === "";
 	const dataPointsIndexes = range(0, numberOfDataPoints).filter((dataPointIndex) => {
 		const groups = hierarchy.map((dataset) => dataset.data?.[dataPointIndex]);
 		if (isEmpty(groups[0]?.value)) return false;
@@ -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()
 	});
@@ -45537,7 +45548,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 +45558,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(),
@@ -46134,7 +46145,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 +47272,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 +47389,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 +47417,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 +47460,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 +47500,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 +47963,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 +48959,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 +49012,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 +49086,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 +49230,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 +49276,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 +49319,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 +49370,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 +49458,7 @@ var Grid = class extends Component {
 		TableResizer,
 		Selection
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		exposeFocus: types.function(),
 		getGridSize: types.function()
 	});
@@ -50091,7 +50102,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 +50177,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 +51050,7 @@ var Squisher = class {
 	alreadyAppliedNumberOffsets = [];
 	previousStrings = [];
 	baseFormulaWasTransformed = false;
+	rangeToStringOptions = { doNotSimplifyRange: true };
 	baseNumber = void 0;
 	constructor(getters) {
 		this.getters = getters;
@@ -51094,9 +51106,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 +51185,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 +51209,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 +51418,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 +51439,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 +53056,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 +53107,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;
 	}
@@ -58904,13 +58940,13 @@ var EvaluationConditionalFormatPlugin = class extends CoreViewPlugin {
 		const minValue = this.parsePoint(sheetId, range, rule.minimum, "min");
 		const midValue = rule.midpoint ? this.parsePoint(sheetId, range, rule.midpoint) : null;
 		const maxValue = this.parsePoint(sheetId, range, rule.maximum, "max");
-		if (minValue === null || maxValue === null || minValue >= maxValue || midValue && (minValue >= midValue || midValue >= maxValue)) return;
+		if (minValue === null || maxValue === null || minValue >= maxValue || midValue !== null && (minValue >= midValue || midValue >= maxValue)) return;
 		const zone = this.getters.getRangeFromSheetXC(sheetId, range).zone;
 		const colorThresholds = [{
 			value: minValue,
 			color: rule.minimum.color
 		}];
-		if (rule.midpoint && midValue) colorThresholds.push({
+		if (rule.midpoint && midValue !== null) colorThresholds.push({
 			value: midValue,
 			color: rule.midpoint.color
 		});
@@ -61260,7 +61296,12 @@ var TableComputedStylePlugin = class extends UIPlugin {
 	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 +61339,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();
@@ -66369,7 +66411,9 @@ var GridSelectionPlugin = class extends UIPlugin {
 		ctx.lineWidth = 1.5 * thinLineWidth;
 		const isDarkMode = this.getters.isDarkMode();
 		for (const zone of zones) {
+			if (!viewports.isZoneVisibleInViewport(sheetId, zone)) continue;
 			const { x, y, width, height } = viewports.getVisibleRect(sheetId, zone);
+			const currentLineWidth = ctx.lineWidth;
 			if (!isDarkMode) ctx.globalCompositeOperation = "multiply";
 			if (height === 0 || width === 0) ctx.lineWidth = 3 * thinLineWidth;
 			if (height === 0 && width === 0) {
@@ -66383,6 +66427,7 @@ var GridSelectionPlugin = class extends UIPlugin {
 				ctx.globalCompositeOperation = "source-over";
 				ctx.strokeRect(x, y, width, height);
 			}
+			ctx.lineWidth = currentLineWidth;
 		}
 		ctx.globalCompositeOperation = "source-over";
 		const position = renderingContext.activePosition;
@@ -66529,6 +66574,9 @@ var InternalViewport = class {
 		this.adjustViewportZoneX();
 		this.adjustViewportZoneY();
 	}
+	isZoneVisible(zone) {
+		return intersection(zone, this) !== void 0;
+	}
 	/**
 	*
 	* Computes the visible coordinates & dimensions of a given zone inside the viewport
@@ -66809,6 +66857,9 @@ var ViewportCollection = class {
 	isVisibleInViewport({ sheetId, col, row }) {
 		return this.getSubViewports(sheetId).some((pane) => pane.isVisible(col, row));
 	}
+	isZoneVisibleInViewport(sheetId, zone) {
+		return this.getSubViewports(sheetId).some((pane) => pane.isZoneVisible(zone));
+	}
 	getScrollBarWidth() {
 		return 15 / this.zoomLevel;
 	}
@@ -68637,7 +68688,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(),
@@ -68690,7 +68741,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),
@@ -68968,7 +69019,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(""),
@@ -69258,7 +69309,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()
 	});
@@ -69312,7 +69363,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,
@@ -69595,7 +69646,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;
@@ -69700,10 +69751,13 @@ var SpreadsheetDashboard = class extends Component {
 		return this.env.model.getters.getColDimensions(sheetId, right).end;
 	}
 	get dashboardStyle() {
-		return cssPropertiesToCss({ zoom: `${this.env.model.getters.getViewportZoomLevel()}` });
+		const style = { zoom: `${this.env.model.getters.getViewportZoomLevel()}` };
+		if (this.env.model.getters.getActiveSheet().backgroundColor) style["background-color"] = "transparent";
+		return cssPropertiesToCss(style);
 	}
 	get backgroundStyle() {
-		return cssPropertiesToCss({ "background-color": this.env.model.getters.getActiveSheet().backgroundColor || "var(--os-white-bg)" });
+		const sheet = this.env.model.getters.getActiveSheet();
+		return sheet.backgroundColor ? cssPropertiesToCss({ "background-color": sheet.backgroundColor }) : "";
 	}
 };
 
@@ -69711,7 +69765,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()
@@ -69865,7 +69919,7 @@ var HeaderGroupContainer = class extends Component {
 		ColGroup,
 		MenuPopover
 	};
-	props = (0, _odoo_owl.props)({
+	props = (0, _odoo_owl.useProps)({
 		dimension: types.Dimension(),
 		layers: types.array()
 	});
@@ -69941,7 +69995,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(),
@@ -70035,7 +70089,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);
@@ -70106,7 +70160,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;
@@ -70307,7 +70361,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()
@@ -70632,7 +70686,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,
@@ -70882,18 +70936,28 @@ var NamedRangeSelector = class extends Component {
 			return;
 		}
 		const activeSheetId = this.env.model.getters.getActiveSheetId();
-		if (activeSheetId !== sheetId) this.env.model.dispatch("ACTIVATE_SHEET", {
-			sheetIdFrom: activeSheetId,
-			sheetIdTo: sheetId
-		});
-		this.env.model.selection.selectCell(zone.right, zone.bottom);
+		if (activeSheetId !== sheetId) {
+			if (!this.env.model.getters.getSheet(sheetId).isVisible) {
+				this.env.notifyUser({
+					text: _t("The sheet on which the range is defined is hidden."),
+					type: "info",
+					sticky: false
+				});
+				return;
+			}
+			this.env.model.dispatch("ACTIVATE_SHEET", {
+				sheetIdFrom: activeSheetId,
+				sheetIdTo: sheetId
+			});
+		}
+		this.env.model.selection.selectCell(zone.right, zone.bottom, { allowsHiddenSelection: true });
 		this.env.model.selection.selectZone({
 			cell: {
 				col: zone.left,
 				row: zone.top
 			},
 			zone
-		});
+		}, { allowsHiddenSelection: true });
 	}
 	get selectionKey() {
 		return `${this.env.model.getters.getActiveSheetId()}-${zoneToXc(this.selectedZone)}`;
@@ -70964,7 +71028,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(),
@@ -71036,7 +71100,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()
@@ -71097,7 +71161,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);
@@ -71122,7 +71186,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() {
@@ -71216,7 +71280,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(),
@@ -71264,7 +71328,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(),
@@ -71297,7 +71361,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();
@@ -71331,7 +71395,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);
@@ -71366,7 +71430,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() {
@@ -71592,7 +71656,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()
 	});
@@ -71870,7 +71934,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(),
@@ -77172,8 +77236,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) {
@@ -77190,20 +77254,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);
@@ -77316,7 +77401,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
@@ -77666,7 +77751,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()
 	});
@@ -77750,7 +77835,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()
 	});
@@ -77930,7 +78015,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()
 	});
@@ -78004,7 +78089,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()
 	});
@@ -87742,6 +87827,6 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.4.1";
-__info__.date = "2026-07-01T05:05:19.248Z";
-__info__.hash = "e359501";
+__info__.version = "19.4.3";
+__info__.date = "2026-07-20T11:02:36.941Z";
+__info__.hash = "d32e61b";