@odoo/o-spreadsheet 19.4.2 → 19.4.4

package/dist/o_spreadsheet.esm.js

@@ -2,13 +2,13 @@
 /**
  * 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
  */
 
 import * as owl from "@odoo/owl";
-import { App, blockDom, markRaw, onMounted, onPatched, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, props, proxy, signal, status, toRaw, types, useEffect, useListener, whenReady, xml } from "@odoo/owl";
+import { App, blockDom, markRaw, onMounted, onPatched, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, proxy, signal, status, toRaw, types, useEffect, useListener, useProps, whenReady, xml } from "@odoo/owl";
 
 //#region \0rolldown/runtime.js
 var __create = Object.create;
@@ -1246,6 +1246,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
@@ -2599,7 +2605,7 @@ function unregisterChartJsExtensions() {
 *
 * The end goal is to eliminate all compatibility shims.
 */
-const { __ODOO_COMPATIBILITY_LAYER_ADDED__, blockDom: blockDom$1, config, onMounted: onMounted$1, onPatched: onPatched$1, onWillUnmount: onWillUnmount$1, App: OwlApp, Component: OwlComponent, EnvPlugin: OwlEnvPlugin, useChildEnv: OwlUseChildEnv, useChildSubEnv: OwlUseChildSubEnv, useComponent: OwlUseComponent, useEnv: OwlUseEnv, useExternalListener: OwlUseExternalListener, useLayoutEffect: OwlUseLayoutEffect, useSubEnv: OwlUseSubEnv, Plugin, plugin, props: props$1, providePlugins, useScope, xml: xml$1 } = owl;
+const { __ODOO_COMPATIBILITY_LAYER_ADDED__, blockDom: blockDom$1, config, onMounted: onMounted$1, onPatched: onPatched$1, onWillUnmount: onWillUnmount$1, App: OwlApp, Component: OwlComponent, EnvPlugin: OwlEnvPlugin, useChildEnv: OwlUseChildEnv, useChildSubEnv: OwlUseChildSubEnv, useComponent: OwlUseComponent, useEnv: OwlUseEnv, useExternalListener: OwlUseExternalListener, useLayoutEffect: OwlUseLayoutEffect, useSubEnv: OwlUseSubEnv, Plugin, usePlugin, useProps: useProps$1, providePlugins, useScope, xml: xml$1 } = owl;
 const isOdooCompatLoaded = __ODOO_COMPATIBILITY_LAYER_ADDED__ === true;
 var _Component = class extends OwlComponent {
 	static template = "";
@@ -2680,7 +2686,7 @@ function _useChildSubEnv(extension) {
 	extendEnv(extension);
 }
 function _useChildEnv() {
-	return plugin(_EnvPlugin).env;
+	return usePlugin(_EnvPlugin).env;
 }
 var VPortal = class extends blockDom$1.text("").constructor {
 	/**
@@ -2729,7 +2735,7 @@ var Portal = class extends OwlComponent {
 	static template = xml$1`<t t-call-slot="default"/>`;
 	constructor(node) {
 		super(node);
-		this.props = props$1();
+		this.props = useProps$1();
 		this.__owl__ = node;
 	}
 	setup() {
@@ -6765,7 +6771,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);
 		}
@@ -7517,6 +7523,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 {
@@ -11712,7 +11723,7 @@ chartJsExtensionRegistry.add("chartBackgroundPlugin", {
 });
 var ChartJsComponent = class extends Component {
 	static template = "o-spreadsheet-ChartJsComponent";
-	props = props({
+	props = useProps({
 		chartId: types$1.string(),
 		isFullScreen: types$1.boolean().optional()
 	});
@@ -12415,7 +12426,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 = props({
+	props = useProps({
 		chartId: types$1.string(),
 		isFullScreen: types$1.boolean().optional()
 	});
@@ -14155,7 +14166,7 @@ function hasIconLayoutChange(newBox, oldBox) {
 const ANIMATION_DURATION = 1e3;
 var GaugeChartComponent = class extends Component {
 	static template = "o-spreadsheet-GaugeChartComponent";
-	props = props({
+	props = useProps({
 		chartId: types$1.string(),
 		isFullScreen: types$1.boolean().optional()
 	});
@@ -14381,7 +14392,7 @@ function useTimeOut() {
 var Menu = class extends Component {
 	static template = "o-spreadsheet-Menu";
 	static components = {};
-	props = props({
+	props = useProps({
 		menuItems: types$1.ArrayOf(),
 		onClose: types$1.function(),
 		onClickMenu: types$1.function().optional(),
@@ -14534,7 +14545,7 @@ function usePopoverContainer() {
 //#region src/components/popover/popover.ts
 var Popover = class extends Component {
 	static template = "o-spreadsheet-Popover";
-	props = props({
+	props = useProps({
 		anchorRect: types$1.Rect(),
 		containerRect: types$1.object({}).optional(),
 		positioning: types$1.or([types$1.literal("top-right"), types$1.literal("bottom-left")]).optional("bottom-left"),
@@ -14713,7 +14724,7 @@ var MenuPopover = class MenuPopover extends Component {
 		Menu,
 		Popover
 	};
-	props = props({
+	props = useProps({
 		anchorRect: types$1.Rect(),
 		popoverPositioning: types$1.or([types$1.literal("top-right"), types$1.literal("bottom-left")]).optional("top-right"),
 		menuItems: types$1.ArrayOf(),
@@ -14968,7 +14979,7 @@ var MenuPopover = class MenuPopover extends Component {
 var Select = class extends Component {
 	static template = "o-spreadsheet-Select";
 	static components = { Popover };
-	props = props({
+	props = useProps({
 		onChange: types$1.function(),
 		values: types$1.array(),
 		selectedValue: types$1.string().optional(),
@@ -15078,7 +15089,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 = props({
+	props = useProps({
 		anchorRect: types$1.Rect(),
 		onClose: types$1.function(),
 		annotationText: types$1.string().optional(),
@@ -15118,7 +15129,7 @@ var ChartMenu = class extends Component {
 		InfoPopover,
 		Select
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		hasFullScreenButton: types$1.boolean().optional(true),
 		displayEllipsisButton: types$1.boolean().optional(true)
@@ -15226,7 +15237,7 @@ var CarouselFigure = class extends Component {
 		ChartMenu,
 		MenuPopover
 	};
-	props = props({
+	props = useProps({
 		figureUI: types$1.FigureUI(),
 		editFigureStyle: types$1.function().optional(),
 		isFullScreen: types$1.boolean().optional(),
@@ -15372,7 +15383,7 @@ var CarouselFigure = class extends Component {
 var ChartFigure = class extends Component {
 	static template = "o-spreadsheet-ChartFigure";
 	static components = { ChartMenu };
-	props = props({
+	props = useProps({
 		figureUI: types$1.FigureUI(),
 		editFigureStyle: types$1.function().optional(),
 		isFullScreen: types$1.boolean().optional(),
@@ -15402,7 +15413,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 = props({
+	props = useProps({
 		figureUI: types$1.FigureUI(),
 		editFigureStyle: types$1.function().optional(),
 		openContextMenu: types$1.function()
@@ -15454,7 +15465,7 @@ const ACTIVE_BORDER_WIDTH = 2;
 var FigureComponent = class extends Component {
 	static template = "o-spreadsheet-FigureComponent";
 	static components = { MenuPopover };
-	props = props({
+	props = useProps({
 		figureUI: types$1.FigureUI(),
 		style: types$1.string(),
 		class: types$1.string(),
@@ -24592,7 +24603,7 @@ const genericInputPropsDefinition = {
 	resetOnBlur: types$1.boolean().optional()
 };
 var GenericInput = class extends Component {
-	props = props(genericInputPropsDefinition);
+	props = useProps(genericInputPropsDefinition);
 	genericInputRef = signal.ref(HTMLInputElement);
 	lastOnChangeValue = this.props.value.toString();
 	setup() {
@@ -24675,7 +24686,7 @@ var GenericInput = class extends Component {
 var TextInput = class extends GenericInput {
 	static template = "o-spreadsheet-TextInput";
 	static components = {};
-	props = props({
+	props = useProps({
 		...genericInputPropsDefinition,
 		value: types$1.string(),
 		errorMessage: types$1.string().optional(),
@@ -24695,7 +24706,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 = props({
+	props = useProps({
 		action: types$1.ActionSpec(),
 		hasTriangleDownIcon: types$1.boolean().optional(),
 		selectedColor: types$1.string().optional(),
@@ -24751,7 +24762,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 = props({
+	props = useProps({
 		onColorPicked: types$1.function(),
 		currentColor: types$1.string().optional(""),
 		maxHeight: types$1.Pixel().optional(),
@@ -24914,7 +24925,7 @@ var ColorPicker = class extends Component {
 var ColorPickerWidget = class extends Component {
 	static template = "o-spreadsheet-ColorPickerWidget";
 	static components = { ColorPicker };
-	props = props({
+	props = useProps({
 		currentColor: types$1.string().optional(),
 		toggleColorPicker: types$1.function(),
 		showColorPicker: types$1.boolean(),
@@ -24939,7 +24950,7 @@ var ColorPickerWidget = class extends Component {
 var NumberEditor = class extends Component {
 	static template = "o-spreadsheet-NumberEditor";
 	static components = { Popover };
-	props = props({
+	props = useProps({
 		currentValue: types$1.number(),
 		onValueChange: types$1.function(),
 		onToggle: types$1.function().optional(),
@@ -25029,7 +25040,7 @@ var NumberEditor = class extends Component {
 var FontSizeEditor = class extends Component {
 	static template = "o-spreadsheet-FontSizeEditor";
 	static components = { NumberEditor };
-	props = props({
+	props = useProps({
 		currentFontSize: types$1.number(),
 		onFontSizeChanged: types$1.function(),
 		onToggle: types$1.function().optional(),
@@ -25048,7 +25059,7 @@ var TextStyler = class extends Component {
 		ActionButton,
 		FontSizeEditor
 	};
-	props = props({
+	props = useProps({
 		style: types$1.ChartStyle(),
 		updateStyle: types$1.function(),
 		defaultStyle: types$1.object().optional(),
@@ -25238,7 +25249,7 @@ var TextStyler = class extends Component {
 var CogWheelMenu = class extends Component {
 	static template = "o-spreadsheet-CogWheelMenu";
 	static components = { MenuPopover };
-	props = props({ items: types$1.array(types$1.ActionSpec()) });
+	props = useProps({ items: types$1.array(types$1.ActionSpec()) });
 	buttonRef = signal(null);
 	menuState = proxy({
 		isOpen: false,
@@ -25258,7 +25269,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 = props({
+	props = useProps({
 		class: types$1.string().optional(),
 		title: types$1.string().optional(),
 		slots: types$1.object()
@@ -25275,7 +25286,7 @@ var CarouselPanel = class extends Component {
 		TextStyler,
 		CogWheelMenu
 	};
-	props = props({
+	props = useProps({
 		onCloseSidePanel: types$1.function(),
 		figureId: types$1.UID()
 	});
@@ -25485,7 +25496,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 = props({
+	props = useProps({
 		label: types$1.string().optional(),
 		value: types$1.boolean().optional(false),
 		className: types$1.string().optional(),
@@ -25994,7 +26005,7 @@ var SelectionInputStore = class extends SpreadsheetStore {
 */
 var SelectionInput = class extends Component {
 	static template = "o-spreadsheet-SelectionInput";
-	props = props({
+	props = useProps({
 		ranges: types$1.array(types$1.string()),
 		hasSingleRange: types$1.boolean().optional(),
 		required: types$1.boolean().optional(),
@@ -26173,7 +26184,7 @@ var ChartDataSeries = class extends Component {
 		SelectionInput,
 		Section
 	};
-	props = props({
+	props = useProps({
 		ranges: types$1.ArrayOf(),
 		dataSetStyles: types$1.DataSetStyle().optional(),
 		hasSingleRange: types$1.boolean().optional(),
@@ -26214,7 +26225,7 @@ var ChartLabelRange = class extends Component {
 		Checkbox,
 		Section
 	};
-	props = props({
+	props = useProps({
 		title: types$1.string().optional(_t("Categories / Labels")),
 		range: types$1.string(),
 		class: types$1.string().optional(),
@@ -26236,7 +26247,7 @@ var ChartDataSourceComponent = class extends Component {
 		ChartDataSeries,
 		ChartLabelRange
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.ChartDefinitionWithDataSource(),
 		updateChart: types$1.function(),
@@ -26255,7 +26266,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 = props({
+	props = useProps({
 		messages: types$1.array(types$1.string()).optional(),
 		msgType: types$1.or([
 			types$1.literal("warning"),
@@ -26279,7 +26290,7 @@ var ChartErrorSection = class extends Component {
 		Section,
 		ValidationMessages
 	};
-	props = props({ messages: types$1.array(types$1.string()) });
+	props = useProps({ messages: types$1.array(types$1.string()) });
 };
 
 //#endregion
@@ -26292,7 +26303,7 @@ var GenericChartConfigPanel = class extends Component {
 		Checkbox,
 		ChartErrorSection
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	chartTerms = ChartTerms;
 	state = proxy({ errorMessages: [] });
 	onErrorMessagesChanged(errorMessages) {
@@ -26339,7 +26350,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 = props({ isCollapsed: types$1.boolean() });
+	props = useProps({ isCollapsed: types$1.boolean() });
 	contentRef = signal(null);
 	setup() {
 		onMounted(() => {
@@ -26372,7 +26383,7 @@ var Collapse = class extends Component {
 var SidePanelCollapsible = class extends Component {
 	static template = "o-spreadsheet-SidePanelCollapsible";
 	static components = { Collapse };
-	props = props({
+	props = useProps({
 		title: types$1.string().optional(),
 		isInitiallyCollapsed: types$1.boolean().optional(),
 		class: types$1.string().optional()
@@ -26392,7 +26403,7 @@ var ChartAnnotation = class extends Component {
 		Section,
 		TextInput
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	editorRef = signal(null);
 	state = proxy({
 		annotationTextInput: this.props.definition.annotationText || "",
@@ -26449,7 +26460,7 @@ var ChartAnnotation = class extends Component {
 var NumberInput = class extends GenericInput {
 	static template = "o-spreadsheet-NumberInput";
 	static components = {};
-	props = props({
+	props = useProps({
 		...genericInputPropsDefinition,
 		min: types$1.number().optional(),
 		max: types$1.number().optional()
@@ -26474,7 +26485,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 = props({
+	props = useProps({
 		choices: types$1.ArrayOf(),
 		onChange: types$1.function(),
 		selectedValue: types$1.string()
@@ -26490,7 +26501,7 @@ var ChartTitle = class extends Component {
 		TextStyler,
 		TextInput
 	};
-	props = props({
+	props = useProps({
 		title: types$1.string().optional(""),
 		placeholder: types$1.string().optional(""),
 		updateTitle: types$1.function(),
@@ -26516,7 +26527,7 @@ var AxisDesignEditor = class extends Component {
 		NumberInput,
 		DateInput
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.ChartWithAxisDefinition(),
 		updateChart: types$1.function(),
@@ -26691,7 +26702,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 = props({
+	props = useProps({
 		choices: types$1.ArrayOf(),
 		onChange: types$1.function(),
 		selectedValue: types$1.string(),
@@ -26708,7 +26719,7 @@ var RoundColorPicker = class extends Component {
 		Section,
 		ColorPicker
 	};
-	props = props({
+	props = useProps({
 		currentColor: types$1.string().optional(),
 		title: types$1.string().optional(),
 		onColorPicked: types$1.function(),
@@ -26749,7 +26760,7 @@ var GeneralDesignEditor = class extends Component {
 		SidePanelCollapsible,
 		RadioSelection
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.ChartDefinition(),
 		canUpdateChart: types$1.function(),
@@ -26792,7 +26803,7 @@ var GeneralDesignEditor = class extends Component {
 var ChartHumanizeNumbers = class extends Component {
 	static template = "o-spreadsheet-ChartHumanizeNumbers";
 	static components = { Checkbox };
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	get title() {
 		const locale = this.env.model.getters.getLocale();
 		return _t("E.g. 1234567 -> %(value)s", { value: formatValue(1234567, {
@@ -26810,7 +26821,7 @@ var ChartLegend = class extends Component {
 		Section,
 		Select
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.string(),
 		definition: types$1.ChartDefinitionWithDataSource(),
 		canUpdateChart: types$1.function(),
@@ -26856,7 +26867,7 @@ var SeriesDesignEditor = class extends Component {
 		RoundColorPicker,
 		Select
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.ChartDefinitionWithDataSource(),
 		updateChart: types$1.function(),
@@ -26921,7 +26932,7 @@ var SeriesWithAxisDesignEditor = class extends Component {
 		NumberInput,
 		Select
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.ChartDefinitionWithDataSource(),
 		updateChart: types$1.function(),
@@ -27061,7 +27072,7 @@ var SeriesWithAxisDesignEditor = class extends Component {
 var ChartShowValues = class extends Component {
 	static template = "o-spreadsheet-ChartShowValues";
 	static components = { Checkbox };
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.ChartDefinitionWithDataSource(),
 		canUpdateChart: types$1.function(),
@@ -27085,7 +27096,7 @@ var ChartWithAxisDesignPanel = class extends Component {
 		ChartShowValues,
 		ChartHumanizeNumbers
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	get axesList() {
 		const { useLeftAxis, useRightAxis } = getDefinedAxis(this.props.definition);
 		const axes = [{
@@ -27135,7 +27146,7 @@ var BubbleChartConfigPanel = class extends Component {
 		ChartLabelRange,
 		ChartErrorSection
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	state = proxy({
 		datasetDispatchResult: void 0,
 		labelsDispatchResult: void 0,
@@ -27272,7 +27283,7 @@ var BubbleChartDesignPanel = class extends Component {
 		Checkbox,
 		ChartAnnotation
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	get axesList() {
 		return [{
 			id: "x",
@@ -29727,7 +29738,7 @@ var ChartRangeDataSourceComponent = class extends Component {
 		ChartDataSeries,
 		ChartLabelRange
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.ChartDefinitionWithDataSource(),
 		dataSource: types$1.ChartRangeDataSource(),
@@ -30590,7 +30601,7 @@ var ColorScalePicker = class extends Component {
 		RoundColorPicker,
 		Popover
 	};
-	props = props({
+	props = useProps({
 		definition: types$1.object({ colorScale: types$1.ChartColorScale().optional() }),
 		onUpdateColorScale: types$1.function()
 	});
@@ -30685,7 +30696,7 @@ var CalendarChartDesignPanel = class extends Component {
 		RoundColorPicker,
 		Select
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	get axesList() {
 		return [{
 			id: "x",
@@ -30730,7 +30741,7 @@ var CalendarChartDesignPanel = class extends Component {
 var ChartShowDataMarkers = class extends Component {
 	static template = "o-spreadsheet-ChartShowDataMarkers";
 	static components = { Checkbox };
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 };
 
 //#endregion
@@ -30795,7 +30806,7 @@ var FunnelChartDesignPanel = class extends Component {
 		Section,
 		ChartHumanizeNumbers
 	};
-	props = props({
+	props = useProps({
 		...chartSidePanelPropsDefinition,
 		definition: types$1.FunnelChartDefinition()
 	});
@@ -30821,7 +30832,7 @@ var GaugeChartConfigPanel = class extends Component {
 		ChartErrorSection,
 		ChartDataSeries
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	state = proxy({ dataRangeDispatchResult: void 0 });
 	dataRange = this.props.definition.dataRange;
 	get configurationErrorMessages() {
@@ -30846,7 +30857,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 = props({
+	props = useProps({
 		proposals: types$1.array(types$1.AutoCompleteProposal()),
 		selectedIndex: types$1.number().optional(),
 		onValueSelected: types$1.function(),
@@ -31069,7 +31080,7 @@ function isEmptyParagraph(node) {
 var FunctionDescriptionProvider = class extends Component {
 	static template = "o-spreadsheet-FunctionDescriptionProvider";
 	static components = { Collapse };
-	props = props({
+	props = useProps({
 		functionDescription: types$1.FunctionDescription(),
 		argsToFocus: types$1.array(types$1.number()),
 		repeatingArgGroupIndex: types$1.number().optional()
@@ -31138,7 +31149,7 @@ const BUBBLE_ARROW_SIZE = 7;
 var SpeechBubble = class extends Component {
 	static template = "o-spreadsheet-SpeechBubble";
 	static components = {};
-	props = props({
+	props = useProps({
 		content: types$1.string(),
 		anchorRect: types$1.Rect()
 	});
@@ -31173,7 +31184,7 @@ var Composer = class extends Component {
 		FunctionDescriptionProvider,
 		SpeechBubble
 	};
-	props = props({
+	props = useProps({
 		focus: types$1.ComposerFocusType(),
 		inputStyle: types$1.string().optional(""),
 		rect: types$1.Rect().optional(),
@@ -32761,7 +32772,7 @@ var StandaloneComposerStore = class extends AbstractComposerStore {
 var StandaloneComposer = class extends Component {
 	static template = "o-spreadsheet-StandaloneComposer";
 	static components = { Composer };
-	props = props({
+	props = useProps({
 		onConfirm: types$1.function(),
 		composerContent: types$1.string().optional(""),
 		defaultRangeSheetId: types$1.UID(),
@@ -32838,7 +32849,7 @@ var GaugeChartDesignPanel = class extends Component {
 		ChartHumanizeNumbers,
 		Select
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	state;
 	setup() {
 		this.state = proxy({
@@ -32969,7 +32980,7 @@ var GeoChartRegionSelectSection = class extends Component {
 		Section,
 		Select
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.GeoChartDefinition(),
 		updateChart: types$1.function()
@@ -33123,7 +33134,7 @@ var PieHoleSize = class extends Component {
 		Section,
 		NumberInput
 	};
-	props = props({
+	props = useProps({
 		onValueChange: types$1.function(),
 		value: types$1.number()
 	});
@@ -33149,7 +33160,7 @@ var PieChartDesignPanel = class extends Component {
 		RoundColorPicker,
 		Select
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	state = proxy({ index: 0 });
 	get runtime() {
 		return this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -33210,7 +33221,7 @@ var RadarChartDesignPanel = class extends Component {
 		Checkbox,
 		ChartHumanizeNumbers
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 };
 
 //#endregion
@@ -33260,7 +33271,7 @@ var ScorecardChartConfigPanel = class extends Component {
 		Section,
 		Select
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	state = proxy({
 		keyValueDispatchResult: void 0,
 		baselineDispatchResult: void 0
@@ -33274,7 +33285,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];
@@ -33335,7 +33346,7 @@ var ScorecardChartDesignPanel = class extends Component {
 		ChartTitle,
 		ChartHumanizeNumbers
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	get colorsSectionTitle() {
 		return this.props.definition.baselineMode === "progress" ? _t("Progress bar colors") : _t("Baseline colors");
 	}
@@ -33417,7 +33428,7 @@ var SunburstChartDesignPanel = class extends Component {
 		PieHoleSize,
 		ChartHumanizeNumbers
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	defaults = SunburstChartDefaults;
 	get showValues() {
 		return this.props.definition.showValues ?? SunburstChartDefaults.showValues;
@@ -33450,7 +33461,7 @@ var TreeMapCategoryColors = class extends Component {
 		Checkbox,
 		RoundColorPicker
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.TreeMapChartDefinition(),
 		onColorChanged: types$1.function()
@@ -33482,7 +33493,7 @@ var TreeMapCategoryColors = class extends Component {
 var TreeMapColorScale = class extends Component {
 	static template = "o-spreadsheet-TreeMapColorScale";
 	static components = { RoundColorPicker };
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		definition: types$1.TreeMapChartDefinition(),
 		onColorChanged: types$1.function()
@@ -33529,7 +33540,7 @@ var TreeMapChartDesignPanel = class extends Component {
 		TreeMapColorScale,
 		ChartHumanizeNumbers
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	savedColors = {
 		categoryColors: DEFAULT_SOLID_COLOR,
 		colorScale: DEFAULT_COLOR_SCALE
@@ -33587,7 +33598,7 @@ var WaterfallChartDesignPanel = class extends Component {
 		ChartLegend,
 		ChartHumanizeNumbers
 	};
-	props = props(chartSidePanelPropsDefinition);
+	props = useProps(chartSidePanelPropsDefinition);
 	axisChoices = CHART_AXIS_CHOICES;
 	onUpdateShowSubTotals(showSubTotals) {
 		this.props.updateChart(this.props.chartId, { showSubTotals });
@@ -33701,7 +33712,7 @@ var ChartTypePicker = class extends Component {
 		Section,
 		Popover
 	};
-	props = props({
+	props = useProps({
 		chartId: types$1.UID(),
 		chartPanelStore: types$1.Store()
 	});
@@ -33879,7 +33890,7 @@ var ChartPanel = class extends Component {
 		Section,
 		ChartTypePicker
 	};
-	props = props({
+	props = useProps({
 		onCloseSidePanel: types$1.function(),
 		chartId: types$1.UID()
 	});
@@ -34286,7 +34297,7 @@ var ColumnStatsPanel = class extends Component {
 		BadgeSelection,
 		Section
 	};
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	state = proxy({
 		currentChart: "count",
 		currentFrequencyOrder: "descending",
@@ -34529,7 +34540,7 @@ var CellIsRuleEditor = class extends Component {
 		ColorPickerWidget,
 		Select
 	};
-	props = props({ store: types$1.Store() });
+	props = useProps({ store: types$1.Store() });
 	getTextDecoration = getTextDecoration;
 	get rule() {
 		return this.props.store.state.rules.cellIs;
@@ -34539,7 +34550,7 @@ var CellIsRuleEditor = class extends Component {
 //#endregion
 //#region src/components/side_panel/criterion_form/criterion_form.ts
 var CriterionForm = class extends Component {
-	props = props({
+	props = useProps({
 		criterion: types$1.object(),
 		onCriterionChanged: types$1.function(),
 		disableFormulas: types$1.boolean().optional(),
@@ -35144,7 +35155,7 @@ function getOccurrencesInRanges(criterionRanges, getters) {
 var CriterionInput = class extends Component {
 	static template = "o-spreadsheet-CriterionInput";
 	static components = { StandaloneComposer };
-	props = props({
+	props = useProps({
 		value: types$1.string().optional(""),
 		criterionType: types$1.DataValidationCriterionType(),
 		onValueChanged: types$1.function(),
@@ -35992,7 +36003,7 @@ var ColorScaleRuleEditorThreshold = class extends Component {
 		StandaloneComposer,
 		Select
 	};
-	props = props({
+	props = useProps({
 		store: types$1.Store(),
 		thresholdType: types$1.or([
 			types$1.literal("minimum"),
@@ -36074,7 +36085,7 @@ var ColorScaleRuleEditorThreshold = class extends Component {
 var ColorScaleRuleEditor = class extends Component {
 	static template = "o-spreadsheet-ColorScaleRuleEditor";
 	static components = { ColorScaleRuleEditorThreshold };
-	props = props({ store: types$1.Store() });
+	props = useProps({ store: types$1.Store() });
 };
 
 //#endregion
@@ -36085,7 +36096,7 @@ var DataBarRuleEditor = class extends Component {
 		SelectionInput,
 		RoundColorPicker
 	};
-	props = props({ store: types$1.Store() });
+	props = useProps({ store: types$1.Store() });
 	get rule() {
 		return this.props.store.state.rules.dataBar;
 	}
@@ -36096,7 +36107,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 = props({ onIconPicked: types$1.function() });
+	props = useProps({ onIconPicked: types$1.function() });
 	onIconClick(icon) {
 		if (icon) this.props.onIconPicked(icon);
 	}
@@ -36117,7 +36128,7 @@ var IconSetRuleEditor = class extends Component {
 		StandaloneComposer,
 		Select
 	};
-	props = props({ store: types$1.Store() });
+	props = useProps({ store: types$1.Store() });
 	get rule() {
 		return this.props.store.state.rules.iconSet;
 	}
@@ -36200,7 +36211,7 @@ var ConditionalFormattingEditor = class extends Component {
 		IconSetRuleEditor,
 		DataBarRuleEditor
 	};
-	props = props({
+	props = useProps({
 		cf: types$1.ConditionalFormat(),
 		isNewCf: types$1.boolean(),
 		onCloseSidePanel: types$1.function()
@@ -36260,7 +36271,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 = props({
+	props = useProps({
 		conditionalFormat: types$1.ConditionalFormat(),
 		onMouseDown: types$1.function(),
 		class: types$1.string()
@@ -36321,7 +36332,7 @@ var ConditionalFormatPreview = class extends Component {
 var ConditionalFormatPreviewList = class extends Component {
 	static template = "o-spreadsheet-ConditionalFormatPreviewList";
 	static components = { ConditionalFormatPreview };
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	dragAndDrop = useDragAndDropListItems();
 	cfListRef = signal(null);
 	get conditionalFormats() {
@@ -36387,7 +36398,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 = props({ rule: types$1.DataValidationRule() });
+	props = useProps({ rule: types$1.DataValidationRule() });
 	dvPreviewRef = signal(null);
 	setup() {
 		useHighlightsOnHover(this.dvPreviewRef, this);
@@ -36423,7 +36434,7 @@ var DataValidationPreview = class extends Component {
 var DataValidationPanel = class extends Component {
 	static template = "o-spreadsheet-DataValidationPanel";
 	static components = { DataValidationPreview };
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	addDataValidationRule() {
 		this.env.replaceSidePanel("DataValidationEditor", "DataValidation", { ruleId: UuidGenerator.smallUuid() });
 	}
@@ -36473,7 +36484,7 @@ var DataValidationEditor = class extends Component {
 		Section,
 		ValidationMessages
 	};
-	props = props({
+	props = useProps({
 		ruleId: types$1.UID(),
 		onCancel: types$1.function().optional(),
 		onCloseSidePanel: types$1.function()
@@ -36962,7 +36973,7 @@ var FindAndReplacePanel = class extends Component {
 		ValidationMessages,
 		Select
 	};
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	searchInputRef = signal.ref(HTMLInputElement);
 	store;
 	state;
@@ -37817,7 +37828,7 @@ var MoreFormatsPanel = class extends Component {
 		Checkbox,
 		Select
 	};
-	props = props({
+	props = useProps({
 		onCloseSidePanel: types$1.function(),
 		category: types$1.or([
 			types$1.literal("number"),
@@ -37884,7 +37895,7 @@ var NamedRangePreview = class extends Component {
 		SelectionInput,
 		TextInput
 	};
-	props = props({ namedRange: types$1.NamedRange() });
+	props = useProps({ namedRange: types$1.NamedRange() });
 	state = proxy({});
 	namedRangePreviewRef = signal(null);
 	setup() {
@@ -37941,7 +37952,7 @@ var NamedRangesPanel = class extends Component {
 		SelectionInput,
 		TextInput
 	};
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	get namedRanges() {
 		return this.env.model.getters.getNamedRanges();
 	}
@@ -37962,7 +37973,7 @@ const HIGHLIGHT_COLOR = "#e28f08";
 var PerfProfilePanel = class extends Component {
 	static template = "o-spreadsheet-PerfProfilePanel";
 	static components = { Section };
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	state = proxy({
 		selectedIndex: void 0,
 		lastProfiledTime: 0
@@ -38178,7 +38189,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 = props({
+	props = useProps({
 		onCloseSidePanel: types$1.function(),
 		pivotId: types$1.UID(),
 		measure: types$1.PivotCoreMeasure()
@@ -38244,7 +38255,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 = props({
+	props = useProps({
 		deferUpdate: types$1.boolean(),
 		isDirty: types$1.boolean(),
 		toggleDeferUpdate: types$1.function(),
@@ -38473,7 +38484,7 @@ const filterDateCriterionOperators = [
 var FilterMenuCriterion = class extends Component {
 	static template = "o-spreadsheet-FilterMenuCriterion";
 	static components = { Select };
-	props = props({
+	props = useProps({
 		criterion: types$1.CriterionFilter(),
 		criterionOperators: types$1.array(types$1.GenericCriterionType()),
 		onCriterionChanged: types$1.function()
@@ -38510,7 +38521,7 @@ var FilterMenuCriterion = class extends Component {
 var FilterMenuValueItem = class extends Component {
 	static template = "o-spreadsheet-FilterMenuValueItem";
 	static components = { Checkbox };
-	props = props({
+	props = useProps({
 		value: types$1.string(),
 		isChecked: types$1.boolean(),
 		isSelected: types$1.boolean(),
@@ -38536,7 +38547,7 @@ var FilterMenuValueItem = class extends Component {
 var FilterMenuValueList = class extends Component {
 	static template = "o-spreadsheet-FilterMenuValueList";
 	static components = { FilterMenuValueItem };
-	props = props({
+	props = useProps({
 		values: types$1.array(types$1.object({
 			checked: types$1.boolean(),
 			string: types$1.string(),
@@ -38651,7 +38662,7 @@ var PivotFilterMenu = class extends Component {
 	};
 	criterionCategory = "char";
 	updatedCriterionValue;
-	props = props({
+	props = useProps({
 		pivotId: types$1.UID(),
 		definition: types$1.instanceOf(SpreadsheetPivotRuntimeDefinition),
 		filter: types$1.PivotFilter(),
@@ -38714,7 +38725,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 = props({
+	props = useProps({
 		dimension: types$1.or([
 			types$1.PivotDimension(),
 			types$1.PivotMeasure(),
@@ -38751,7 +38762,7 @@ var PivotFilterEditor = class extends Component {
 		Popover,
 		PivotFilterMenu
 	};
-	props = props({
+	props = useProps({
 		pivotId: types$1.UID(),
 		definition: types$1.instanceOf(SpreadsheetPivotRuntimeDefinition),
 		filter: types$1.PivotFilter(),
@@ -38883,7 +38894,7 @@ var AddDimensionButton = class extends Component {
 		Popover,
 		TextValueProvider
 	};
-	props = props({
+	props = useProps({
 		onFieldPicked: types$1.function(),
 		fields: types$1.array()
 	});
@@ -38978,7 +38989,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 = props({
+	props = useProps({
 		pivotId: types$1.UID(),
 		customField: types$1.PivotCustomGroupedField(),
 		onCustomFieldUpdated: types$1.function()
@@ -39042,7 +39053,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 = props({
+	props = useProps({
 		dimension: types$1.PivotDimension(),
 		onUpdated: types$1.function(),
 		availableGranularities: types$1.SetOf(),
@@ -39063,7 +39074,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 = props({
+	props = useProps({
 		dimension: types$1.PivotDimension(),
 		onUpdated: types$1.function(),
 		isMeasureSorted: types$1.boolean().optional()
@@ -39145,7 +39156,7 @@ var PivotMeasureEditor = class extends Component {
 		StandaloneComposer,
 		Select
 	};
-	props = props({
+	props = useProps({
 		pivotId: types$1.string(),
 		definition: types$1.PivotRuntimeDefinition(),
 		measure: types$1.PivotMeasure(),
@@ -39233,7 +39244,7 @@ var PivotMeasureEditor = class extends Component {
 var PivotSortSection = class extends Component {
 	static template = "o-spreadsheet-PivotSortSection";
 	static components = { Section };
-	props = props({
+	props = useProps({
 		definition: types$1.PivotRuntimeDefinition(),
 		pivotId: types$1.UID()
 	});
@@ -39288,7 +39299,7 @@ var PivotLayoutConfigurator = class extends Component {
 		PivotCustomGroupsCollapsible,
 		SidePanelCollapsible
 	};
-	props = props({
+	props = useProps({
 		definition: types$1.instanceOf(PivotRuntimeDefinition),
 		onDimensionsUpdated: types$1.function(),
 		onFiltersUpdated: types$1.function(),
@@ -39518,7 +39529,7 @@ var PivotTitleSection = class extends Component {
 		Section,
 		TextInput
 	};
-	props = props({
+	props = useProps({
 		pivotId: types$1.UID(),
 		flipAxis: types$1.function()
 	});
@@ -41154,7 +41165,7 @@ var PivotSpreadsheetSidePanel = class extends Component {
 		AddDimensionButton,
 		PivotFilterEditor
 	};
-	props = props({
+	props = useProps({
 		pivotId: types$1.UID(),
 		onCloseSidePanel: types$1.function()
 	});
@@ -42392,7 +42403,7 @@ function drawTexts(ctx, tableStyle, params) {
 var TableStylePreview = class extends Component {
 	static template = "o-spreadsheet-TableStylePreview";
 	static components = { MenuPopover };
-	props = props({
+	props = useProps({
 		tableConfig: types$1.TableConfig(),
 		tableStyle: types$1.TableStyle(),
 		type: types$1.or([types$1.literal("table"), types$1.literal("pivot")]),
@@ -42485,7 +42496,7 @@ var TableStylesPopover = class extends Component {
 		Popover,
 		TableStylePreview
 	};
-	props = props({
+	props = useProps({
 		tableConfig: types$1.object(),
 		popoverProps: types$1.object().optional(),
 		closePopover: types$1.function(),
@@ -42533,7 +42544,7 @@ var TableStylePicker = class extends Component {
 		TableStylesPopover,
 		TableStylePreview
 	};
-	props = props({
+	props = useProps({
 		tableConfig: types$1.TableConfig(),
 		onStylePicked: types$1.function(),
 		tableStyles: types$1.RecordOf(),
@@ -42585,7 +42596,7 @@ var PivotDesignPanel = class extends Component {
 		NumberInput,
 		TableStylePicker
 	};
-	props = props({ pivotId: types$1.UID() });
+	props = useProps({ pivotId: types$1.UID() });
 	store;
 	setup() {
 		this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId, "neverDefer");
@@ -42639,7 +42650,7 @@ var PivotSidePanel = class extends Component {
 		Section,
 		PivotDesignPanel
 	};
-	props = props({
+	props = useProps({
 		pivotId: types$1.UID(),
 		onCloseSidePanel: types$1.function(),
 		openTab: types$1.or([types$1.literal("configuration"), types$1.literal("design")]).optional("configuration")
@@ -42673,7 +42684,7 @@ var RemoveDuplicatesPanel = class extends Component {
 		Section,
 		Checkbox
 	};
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	state = proxy({
 		hasHeader: false,
 		columns: {}
@@ -42757,7 +42768,7 @@ var SettingsPanel = class extends Component {
 		BadgeSelection,
 		Select
 	};
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	loadedLocales = [];
 	setup() {
 		onWillStart(() => this.loadLocales());
@@ -42875,7 +42886,7 @@ var SplitIntoColumnsPanel = class extends Component {
 		Checkbox,
 		Select
 	};
-	props = props({ onCloseSidePanel: types$1.function() });
+	props = useProps({ onCloseSidePanel: types$1.function() });
 	state = proxy({
 		separatorValue: "auto",
 		addNewColumns: false,
@@ -42951,7 +42962,7 @@ var TablePanel = class extends Component {
 		Section,
 		NumberInput
 	};
-	props = props({
+	props = useProps({
 		onCloseSidePanel: types$1.function(),
 		table: types$1.CoreTable()
 	});
@@ -43111,7 +43122,7 @@ var TableStyleEditorPanel = class extends Component {
 		RoundColorPicker,
 		TableStylePreview
 	};
-	props = props({
+	props = useProps({
 		onCloseSidePanel: types$1.function(),
 		onStylePicked: types$1.function().optional(),
 		styleId: types$1.string().optional()
@@ -45458,7 +45469,7 @@ function adjustIndexWithinBounds(index, position, max) {
 //#region src/components/autofill/autofill.ts
 var Autofill = class extends Component {
 	static template = "o-spreadsheet-Autofill";
-	props = props({
+	props = useProps({
 		position: types$1.DOMCoordinates(),
 		isVisible: types$1.boolean()
 	});
@@ -45482,7 +45493,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() {
@@ -45536,7 +45548,7 @@ var Autofill = class extends Component {
 	}
 };
 var TooltipComponent = class extends Component {
-	props = props({ content: types$1.string() });
+	props = useProps({ content: types$1.string() });
 	static template = xml`
     <div t-out="this.props.content"/>
   `;
@@ -45546,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 = props({
+	props = useProps({
 		active: types$1.boolean(),
 		name: types$1.string(),
 		color: types$1.Color(),
@@ -45903,7 +45915,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,
@@ -46133,7 +46145,7 @@ const GRID_CELL_REFERENCE_TOP_OFFSET = 28;
 var GridComposer = class extends Component {
 	static template = "o-spreadsheet-GridComposer";
 	static components = { Composer };
-	props = props({
+	props = useProps({
 		gridDims: types$1.DOMDimension(),
 		onInputContextMenu: types$1.function()
 	});
@@ -47260,7 +47272,7 @@ var GridOverlay = class extends Component {
 		FiguresContainer,
 		GridAddRowsFooter
 	};
-	props = props({
+	props = useProps({
 		onCellDoubleClicked: types$1.function().optional(() => () => {}),
 		onCellClicked: types$1.function().optional(() => () => {}),
 		onCellRightClicked: types$1.function().optional(() => () => {}),
@@ -47377,7 +47389,7 @@ var GridOverlay = class extends Component {
 var GridPopover = class extends Component {
 	static template = "o-spreadsheet-GridPopover";
 	static components = { Popover };
-	props = props({
+	props = useProps({
 		onClosePopover: types$1.function(),
 		onMouseWheel: types$1.function(),
 		gridRect: types$1.Rect()
@@ -47405,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 = props({
+	props = useProps({
 		headersGroups: types$1.array(),
 		headerRange: types$1.object({
 			start: types$1.HeaderIndex(),
@@ -47448,7 +47460,7 @@ var UnhideRowHeaders = class extends Component {
 };
 var UnhideColumnHeaders = class extends Component {
 	static template = "o-spreadsheet-UnhideColumnHeaders";
-	props = props({
+	props = useProps({
 		headersGroups: types$1.array(),
 		headerRange: types$1.object({
 			start: types$1.HeaderIndex(),
@@ -47488,7 +47500,7 @@ var UnhideColumnHeaders = class extends Component {
 //#region src/components/headers_overlay/headers_overlay.ts
 const resizerPropsDefinition = { onOpenContextMenu: types$1.function() };
 var AbstractResizer = class extends Component {
-	props = props(resizerPropsDefinition);
+	props = useProps(resizerPropsDefinition);
 	composerFocusStore;
 	PADDING = 0;
 	MAX_SIZE_MARGIN = 0;
@@ -47951,7 +47963,7 @@ var RowResizer = class extends AbstractResizer {
 };
 var HeadersOverlay = class extends Component {
 	static template = "o-spreadsheet-HeadersOverlay";
-	props = props(resizerPropsDefinition);
+	props = useProps(resizerPropsDefinition);
 	static components = {
 		ColResizer,
 		RowResizer
@@ -48947,7 +48959,7 @@ function useWheelHandler(handler) {
 //#region src/components/highlight/border/border.ts
 var Border = class extends Component {
 	static template = "o-spreadsheet-Border";
-	props = props({
+	props = useProps({
 		zone: types$1.Zone(),
 		orientation: types$1.or([
 			types$1.literal("n"),
@@ -49000,7 +49012,7 @@ var Border = class extends Component {
 const MOBILE_HANDLER_WIDTH = 40;
 var Corner = class extends Component {
 	static template = "o-spreadsheet-Corner";
-	props = props({
+	props = useProps({
 		zone: types$1.Zone(),
 		color: types$1.Color(),
 		orientation: types$1.or([
@@ -49074,7 +49086,7 @@ var Highlight = class extends Component {
 		Corner,
 		Border
 	};
-	props = props({
+	props = useProps({
 		range: types$1.Range(),
 		color: types$1.Color()
 	});
@@ -49218,7 +49230,7 @@ var ScrollBar = class extends Component {
       <div t-att-style="this.sizeCss"/>
     </div>
   `;
-	props = props({
+	props = useProps({
 		width: types$1.Pixel().optional(1),
 		height: types$1.Pixel().optional(1),
 		direction: types$1.customValidator(types$1.string(), (direction) => ["horizontal", "vertical"].includes(direction)),
@@ -49264,7 +49276,7 @@ var HorizontalScrollBar = class extends Component {
         direction="'horizontal'"
         onScroll.bind="this.onScroll"
       />`;
-	props = props({ leftOffset: types$1.number().optional(0) });
+	props = useProps({ leftOffset: types$1.number().optional(0) });
 	get offset() {
 		return this.env.model.getters.getActiveSheetScrollInfo().scrollX;
 	}
@@ -49307,7 +49319,7 @@ var VerticalScrollBar = class extends Component {
       direction="'vertical'"
       onScroll.bind="(offset) => this.onScroll(offset)"
     />`;
-	props = props({ topOffset: types$1.number().optional(0) });
+	props = useProps({ topOffset: types$1.number().optional(0) });
 	get offset() {
 		return this.env.model.getters.getActiveSheetScrollInfo().scrollY;
 	}
@@ -49358,7 +49370,7 @@ const SIZE = 3;
 const COLOR = "#777";
 var TableResizer = class extends Component {
 	static template = "o-spreadsheet-TableResizer";
-	props = props({ table: types$1.Table() });
+	props = useProps({ table: types$1.Table() });
 	state = proxy({ highlightZone: void 0 });
 	dragNDropGrid = useDragAndDropBeyondTheViewport(this.env);
 	setup() {
@@ -49446,7 +49458,7 @@ var Grid = class extends Component {
 		TableResizer,
 		Selection
 	};
-	props = props({
+	props = useProps({
 		exposeFocus: types$1.function(),
 		getGridSize: types$1.function()
 	});
@@ -50074,6 +50086,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
@@ -50090,7 +50106,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 = props({
+	props = useProps({
 		position: types$1.CellPosition(),
 		sortDirection: types$1.or([types$1.SortDirection, types$1.literal("none")])
 	});
@@ -50165,7 +50181,7 @@ var FullScreenFigure = class extends Component {
 var PivotHTMLRenderer = class extends Component {
 	static template = "o_spreadsheet.PivotHTMLRenderer";
 	static components = { Checkbox };
-	props = props({
+	props = useProps({
 		pivotId: types$1.UID(),
 		onCellClicked: types$1.function()
 	});
@@ -51038,6 +51054,7 @@ var Squisher = class {
 	alreadyAppliedNumberOffsets = [];
 	previousStrings = [];
 	baseFormulaWasTransformed = false;
+	rangeToStringOptions = { doNotSimplifyRange: true };
 	baseNumber = void 0;
 	constructor(getters) {
 		this.getters = getters;
@@ -51093,9 +51110,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);
@@ -51172,23 +51189,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;
@@ -51196,7 +51213,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.
@@ -51405,10 +51422,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": {
@@ -51417,10 +51443,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":
@@ -53025,11 +53060,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) {
@@ -53071,7 +53111,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;
 	}
@@ -59637,6 +59678,8 @@ var PivotUIPlugin = class extends CoreViewPlugin {
 	pivots = {};
 	unusedPivotsInFormulas;
 	custom;
+	pivotPositionCache = new PositionMap();
+	shouldInvalidateCache = false;
 	constructor(config) {
 		super(config);
 		this.custom = config.custom;
@@ -59647,7 +59690,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);
@@ -59687,6 +59734,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
@@ -59698,9 +59751,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) => {
@@ -61065,17 +61123,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 = {
@@ -61113,6 +61186,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();
@@ -62407,14 +62481,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,
@@ -62425,7 +62498,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,
@@ -63233,8 +63306,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
 		};
 	}
 	/**
@@ -68461,7 +68534,7 @@ const RIPPLE_KEY_FRAMES = [
 ];
 var RippleEffect = class extends Component {
 	static template = "o-spreadsheet-RippleEffect";
-	props = props({
+	props = useProps({
 		x: types$1.string(),
 		y: types$1.string(),
 		color: types$1.string(),
@@ -68514,7 +68587,7 @@ var RippleEffect = class extends Component {
 var Ripple = class extends Component {
 	static template = "o-spreadsheet-Ripple";
 	static components = { RippleEffect };
-	props = props({
+	props = useProps({
 		color: types$1.string().optional("#aaaaaa"),
 		opacity: types$1.number().optional(.4),
 		duration: types$1.number().optional(800),
@@ -68792,7 +68865,7 @@ var BottomBarSheet = class extends Component {
 		Ripple,
 		ColorPicker
 	};
-	props = props({
+	props = useProps({
 		sheetId: types$1.string(),
 		openContextMenu: types$1.function(),
 		style: types$1.string().optional(""),
@@ -69082,7 +69155,7 @@ var AggregateStatisticsStore = class extends SpreadsheetStore {
 var BottomBarStatistic = class extends Component {
 	static template = "o-spreadsheet-BottomBarStatistic";
 	static components = { Ripple };
-	props = props({
+	props = useProps({
 		openContextMenu: types$1.function(),
 		closeContextMenu: types$1.function()
 	});
@@ -69136,7 +69209,7 @@ var BottomBarStatistic = class extends Component {
 const SHEET_LIST_MENU_MAX_HEIGHT = 250;
 var BottomBar = class extends Component {
 	static template = "o-spreadsheet-BottomBar";
-	props = props({ onClick: types$1.function() });
+	props = useProps({ onClick: types$1.function() });
 	static components = {
 		MenuPopover,
 		Ripple,
@@ -69419,7 +69492,7 @@ var SpreadsheetDashboard = class extends Component {
 		VerticalScrollBar,
 		HorizontalScrollBar
 	};
-	props = props({ getGridSize: types$1.function() });
+	props = useProps({ getGridSize: types$1.function() });
 	cellPopovers;
 	onMouseWheel;
 	canvasPosition;
@@ -69538,7 +69611,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 = props({
+	props = useProps({
 		group: types$1.HeaderGroup(),
 		layerOffset: types$1.number(),
 		openContextMenu: types$1.function()
@@ -69692,7 +69765,7 @@ var HeaderGroupContainer = class extends Component {
 		ColGroup,
 		MenuPopover
 	};
-	props = props({
+	props = useProps({
 		dimension: types$1.Dimension(),
 		layers: types$1.array()
 	});
@@ -69768,7 +69841,7 @@ function useScreenWidth() {
 //#region src/components/side_panel/side_panel/side_panel.ts
 var SidePanel = class extends Component {
 	static template = "o-spreadsheet-SidePanel";
-	props = props({
+	props = useProps({
 		panelContent: types$1.SidePanelContent(),
 		panelProps: types$1.SidePanelComponentProps(),
 		onCloseSidePanel: types$1.function(),
@@ -69862,7 +69935,7 @@ var SidePanels = class extends Component {
 var RibbonMenu = class extends Component {
 	static template = "o-spreadsheet-RibbonMenu";
 	static components = { Menu };
-	props = props({ onClose: types$1.function() });
+	props = useProps({ onClose: types$1.function() });
 	rootItems = topbarMenuRegistry.getMenuItems();
 	menuRef = signal(null);
 	containerRef = signal(null);
@@ -69933,7 +70006,7 @@ var SmallBottomBar = class extends Component {
 		RibbonMenu
 	};
 	static template = "o-spreadsheet-SmallBottomBar";
-	props = props({ onClick: types$1.function() });
+	props = useProps({ onClick: types$1.function() });
 	composerFocusStore;
 	composerStore;
 	composerInterface;
@@ -70134,7 +70207,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 = props({
+	props = useProps({
 		sheetId: types$1.UID(),
 		zone: types$1.Zone(),
 		renderingCtx: types$1.object()
@@ -70459,7 +70532,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 = props({ onExitPrintMode: types$1.function() });
+	props = useProps({ onExitPrintMode: types$1.function() });
 	static components = {
 		StandaloneGridCanvas,
 		Section,
@@ -70801,7 +70874,7 @@ var BorderEditor = class extends Component {
 		ColorPickerWidget,
 		Popover
 	};
-	props = props({
+	props = useProps({
 		class: types$1.string().optional(),
 		currentBorderColor: types$1.Color(),
 		currentBorderStyle: types$1.BorderStyle(),
@@ -70873,7 +70946,7 @@ var BorderEditor = class extends Component {
 var BorderEditorWidget = class extends Component {
 	static template = "o-spreadsheet-BorderEditorWidget";
 	static components = { BorderEditor };
-	props = props({
+	props = useProps({
 		disabled: types$1.boolean().optional(),
 		dropdownMaxHeight: types$1.Pixel().optional(),
 		class: types$1.string().optional()
@@ -70934,7 +71007,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 = props({ class: types$1.string().optional() });
+	props = useProps({ class: types$1.string().optional() });
 	paintFormatStore;
 	setup() {
 		this.paintFormatStore = useStore(PaintFormatStore);
@@ -70959,7 +71032,7 @@ var TableDropdownButton = class extends Component {
 		TableStylesPopover,
 		ActionButton
 	};
-	props = props({ class: types$1.string().optional() });
+	props = useProps({ class: types$1.string().optional() });
 	topBarToolStore;
 	state = proxy({ popoverProps: void 0 });
 	setup() {
@@ -71053,7 +71126,7 @@ var TableDropdownButton = class extends Component {
 var TopBarColorEditor = class extends Component {
 	static components = { ColorPickerWidget };
 	static template = "o-spreadsheet-ColorEditor";
-	props = props({
+	props = useProps({
 		class: types$1.string(),
 		style: types$1.or([types$1.literal("textColor"), types$1.literal("fillColor")]),
 		icon: types$1.string(),
@@ -71101,7 +71174,7 @@ var DropdownAction = class extends Component {
 		ActionButton,
 		Popover
 	};
-	props = props({
+	props = useProps({
 		parentAction: types$1.ActionSpec(),
 		childActions: types$1.array(types$1.ActionSpec()),
 		class: types$1.string(),
@@ -71134,7 +71207,7 @@ var DropdownAction = class extends Component {
 var TopBarFontSizeEditor = class extends Component {
 	static components = { FontSizeEditor };
 	static template = "o-spreadsheet-TopBarFontSizeEditor";
-	props = props({ class: types$1.string() });
+	props = useProps({ class: types$1.string() });
 	topBarToolStore;
 	setup() {
 		this.topBarToolStore = useToolBarDropdownStore();
@@ -71168,7 +71241,7 @@ var NumberFormatsTool = class extends Component {
 		MenuPopover,
 		ActionButton
 	};
-	props = props({ class: types$1.string() });
+	props = useProps({ class: types$1.string() });
 	formatNumberMenuItemSpec = formatNumberMenuItemSpec;
 	topBarToolStore;
 	buttonRef = signal(null);
@@ -71203,7 +71276,7 @@ var NumberFormatsTool = class extends Component {
 var ToolBarZoom = class extends Component {
 	static template = "o-spreadsheet-TopBarZoom";
 	static components = { NumberEditor };
-	props = props({ class: types$1.string() });
+	props = useProps({ class: types$1.string() });
 	topBarToolStore;
 	valueList = ZOOM_VALUES;
 	setup() {
@@ -71429,7 +71502,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 = props({
+	props = useProps({
 		onClick: types$1.function(),
 		dropdownMaxHeight: types$1.Pixel()
 	});
@@ -71707,7 +71780,7 @@ var WebClipboardWrapper = class {
 //#region src/components/spreadsheet/spreadsheet.ts
 var Spreadsheet = class extends Component {
 	static template = "o-spreadsheet-Spreadsheet";
-	props = props({
+	props = useProps({
 		model: types$1.Model(),
 		notifyUser: types$1.function().optional(),
 		raiseError: types$1.function().optional(),
@@ -77009,8 +77082,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) {
@@ -77027,20 +77100,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);
@@ -77153,7 +77247,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
@@ -77503,7 +77597,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 = props({
+	props = useProps({
 		cellPosition: types$1.CellPosition(),
 		onClosed: types$1.function().optional()
 	});
@@ -77587,7 +77681,7 @@ var FilterMenu = class extends Component {
 		SidePanelCollapsible,
 		FilterMenuCriterion
 	};
-	props = props({
+	props = useProps({
 		filterPosition: types$1.Position(),
 		onClosed: types$1.function().optional()
 	});
@@ -77767,7 +77861,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 = props({
+	props = useProps({
 		cellPosition: types$1.CellPosition(),
 		onClosed: types$1.function().optional()
 	});
@@ -77841,7 +77935,7 @@ const LinkCellPopoverBuilder = { onHover: (position, getters) => {
 var LinkEditor = class extends Component {
 	static template = "o-spreadsheet-LinkEditor";
 	static components = { MenuPopover };
-	props = props({
+	props = useProps({
 		cellPosition: types$1.CellPosition(),
 		onClosed: types$1.function().optional()
 	});
@@ -87355,6 +87449,7 @@ const helpers = {
 	collapseHierarchicalDisplayName,
 	getCanonicalSymbolName,
 	fuzzyLookup,
+	PositionMap,
 	replaceSymbolInFormula
 };
 const links = {
@@ -87485,6 +87580,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, BadExpressionError, CHART_TYPES, CellErrorType, CellValueType, CircularDependencyError, ClientDisconnectedError, ClipboardMIMEType, CommandResult, CompiledFormula, CorePlugin, CoreViewPlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DEFAULT_LOCALE_DIGIT_GROUPING, DIRECTION, DispatchResult, DivisionByZeroError, EvaluationError, InvalidReferenceError, LocalTransportService, Model, NEXT_VALUE, NotAvailableError, NumberTooLargeError, OrderedLayers, PREVIOUS_VALUE, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, SplillBlockedError, Spreadsheet, SpreadsheetPivotTable, UIPlugin, UnknownFunctionError, __info__, addFunction, addRenderingLayer, astToFormula, availableConditionalFormatOperators, availableDataValidationOperators, availableFiltersOperators, borderPositions, borderStyles, canExecuteInReadonly, categories, chartHelpers, compatibility, components, composerFocusTypes, constants, convertAstNodes, coreTypes, createAutocompleteArgumentsProvider, errorTypes, filterDateCriterionOperators, filterNumberCriterionOperators, filterTextCriterionOperators, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidSubtotalFormulasCommands, invalidateBordersCommands, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, isCoreCommand, isHeadersDependant, isMatrix, isPositionDependent, isRangeDependant, isSheetDependent, isTargetDependent, isZoneDependent, iterateAstNodes, links, load, lockedSheetAllowedCommands, parse, parseTokens, readonlyAllowedCommands, registries, schemeToColorScale, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, 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";