@odoo/o-spreadsheet 19.4.0-alpha.10 → 19.4.0-alpha.12

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.0-alpha.10
- * @date 2026-06-02T12:07:58.355Z
- * @hash 41144f9
+ * @version 19.4.0-alpha.12
+ * @date 2026-06-06T06:24:48.209Z
+ * @hash a71f829
  */
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -670,6 +670,18 @@ const borderStyles = [
 function isMatrix(x) {
 	return Array.isArray(x) && Array.isArray(x[0]);
 }
+const borderPositions = [
+	"all",
+	"hv",
+	"h",
+	"v",
+	"external",
+	"left",
+	"top",
+	"right",
+	"bottom",
+	"clear"
+];
 let DIRECTION = /* @__PURE__ */ function(DIRECTION) {
 	DIRECTION["UP"] = "up";
 	DIRECTION["DOWN"] = "down";
@@ -677,6 +689,11 @@ let DIRECTION = /* @__PURE__ */ function(DIRECTION) {
 	DIRECTION["RIGHT"] = "right";
 	return DIRECTION;
 }({});
+const composerFocusTypes = [
+	"inactive",
+	"cellFocus",
+	"contentFocus"
+];
 
 //#endregion
 //#region src/helpers/misc.ts
@@ -2578,13 +2595,9 @@ function unregisterChartJsExtensions() {
 const isOdooCompatLoaded = _odoo_owl.__ODOO_COMPATIBILITY_LAYER_ADDED__ === true;
 var _Component = class extends _odoo_owl.Component {
 	static template = "";
-	static props = {};
-	static defaultProps = {};
-	props;
 	env;
 	constructor(node) {
 		super(node);
-		this.props = (0, _odoo_owl.props)(null, this.constructor.defaultProps);
 		this.env = useChildEnv();
 		this.__owl__ = node;
 	}
@@ -2706,10 +2719,11 @@ var VPortal = class extends _odoo_owl.blockDom.text("").constructor {
 };
 var Portal = class extends _odoo_owl.Component {
 	static template = _odoo_owl.xml`<t t-call-slot="default"/>`;
-	static props = {
-		selector: String,
-		slots: true
-	};
+	constructor(node) {
+		super(node);
+		this.props = (0, _odoo_owl.props)();
+		this.__owl__ = node;
+	}
 	setup() {
 		const node = this.__owl__;
 		const renderContent = node.renderFn;
@@ -4309,6 +4323,7 @@ const DEFAULT_LOCALE_DIGIT_GROUPING = "[3,0]";
 //#endregion
 //#region src/helpers/format/format_tokenizer.ts
 function tokenizeFormat(str) {
+	str = str.replace(/\s/g, " ");
 	const chars = new TokenizingChars(str);
 	const result = [];
 	let currentFormatPart = [];
@@ -7024,6 +7039,11 @@ function getRange(sheetXC, sheetId) {
 		sheetId
 	}, defaultGetSheetSize);
 }
+function replaceSymbolInFormula(formula, oldSymbol, newSymbol) {
+	const oldCanonicalSymbol = getCanonicalSymbolName(oldSymbol);
+	const newCanonicalSymbol = getCanonicalSymbolName(newSymbol);
+	return tokenize(formula).map((token) => token.type === "SYMBOL" && token.value === oldCanonicalSymbol ? newCanonicalSymbol : token.value).join("");
+}
 
 //#endregion
 //#region src/formulas/code_builder.ts
@@ -9917,6 +9937,9 @@ function getChartBackgroundColor({ background }, getters) {
 //#endregion
 //#region src/components/figures/chart/chartJs/chartjs_show_values_plugin.ts
 const MINIMAL_VERTICAL_DISTANCE = 13;
+function isLineOverlayOnBarChart(options, dataset) {
+	return options.type === "bar" && dataset.type === "line";
+}
 /** This is a chartJS plugin that will draw the values of each data next to the point/bar/pie slice */
 const chartShowValuesPlugin = {
 	id: "chartShowValuesPlugin",
@@ -9967,7 +9990,7 @@ function drawTextWithBackground(text, x, y, ctx) {
 function drawLineOrBarOrRadarChartValues(chart, options, ctx) {
 	const textsPositions = {};
 	for (const dataset of chart._metasets) {
-		if (isTrendLineAxis(dataset.xAxisID) || dataset.hidden) continue;
+		if (isTrendLineAxis(dataset.xAxisID) || dataset.hidden || isLineOverlayOnBarChart(options, dataset)) continue;
 		const yAxisScale = chart.scales[dataset.yAxisID];
 		for (let i = 0; i < dataset._parsed.length; i++) {
 			const parsedValue = dataset._parsed[i];
@@ -10046,7 +10069,7 @@ function drawBubbleChartValues(chart, options, ctx) {
 function drawHorizontalBarChartValues(chart, options, ctx) {
 	const textsPositions = {};
 	for (const dataset of chart._metasets) {
-		if (isTrendLineAxis(dataset.xAxisID)) return;
+		if (isTrendLineAxis(dataset.xAxisID) || isLineOverlayOnBarChart(options, dataset)) continue;
 		const xZeroLine = chart.scales[dataset.xAxisID].getPixelForValue(0);
 		for (let i = 0; i < dataset._parsed.length; i++) {
 			const value = Number(dataset._parsed[i].x);
@@ -10548,7 +10571,7 @@ function getChartAxisTitleRuntime(design) {
 			font: {
 				style: italic ? "italic" : "normal",
 				weight: bold ? "bold" : "normal",
-				size: design.title.fontSize ?? 12
+				size: fontSizeInPixels(design.title.fontSize ?? 12)
 			},
 			align: align === "left" ? "start" : align === "right" ? "end" : "center"
 		};
@@ -10691,8 +10714,38 @@ function getBarChartDatasets(definition, args) {
 		trendDatasets.push(getTrendingLineDataSet(dataset, trendConfig, trendData));
 	}
 	dataSets.push(...trendDatasets);
+	const totalLineDataset = getBarChartTotalLineDataset(definition, dataSetsValues);
+	if (totalLineDataset) dataSets.push(totalLineDataset);
 	return dataSets;
 }
+function getBarChartTotalLineDataset(definition, dataSetsValues) {
+	const visibleDataSetsValues = dataSetsValues.filter((dataSet) => !dataSet.hidden);
+	if (!definition.stacked || !definition.showTotalLine || visibleDataSetsValues.length < 2) return;
+	const data = range(0, Math.max(...visibleDataSetsValues.map((dataSet) => dataSet.data.length))).map((index) => {
+		let total;
+		for (const dataSet of visibleDataSetsValues) {
+			const cell = dataSet.data[index];
+			if (isNumberResult(cell)) total = (total ?? 0) + cell.value;
+		}
+		return total ?? NaN;
+	});
+	const color = relativeLuminance(definition.background || "#FFFFFF") < .3 ? "#e9ecef" : "#343a40";
+	return {
+		type: "line",
+		label: _t("Sum"),
+		data,
+		order: -1,
+		tension: 0,
+		fill: false,
+		pointRadius: 3,
+		borderWidth: 2,
+		backgroundColor: color,
+		borderColor: color,
+		pointBackgroundColor: color,
+		xAxisID: "x",
+		yAxisID: "y"
+	};
+}
 function getCalendarChartDatasetAndLabels(definition, args) {
 	const { labels, dataSetsValues, background } = args;
 	const values = dataSetsValues.map((ds) => ds.data).flat().filter(isNumberResult).map((cell) => cell.value);
@@ -11140,7 +11193,7 @@ function getTextStyle(design, defaultDesign) {
 		font: {
 			weight: design?.bold ?? defaultDesign?.bold ? "bold" : "normal",
 			style: design?.italic ?? defaultDesign?.italic ? "italic" : "normal",
-			size: design?.fontSize ?? defaultDesign?.fontSize
+			size: fontSizeInPixels(design?.fontSize ?? defaultDesign.fontSize)
 		}
 	};
 }
@@ -11470,13 +11523,10 @@ chartJsExtensionRegistry.add("chartBackgroundPlugin", {
 });
 var ChartJsComponent = class extends Component {
 	static template = "o-spreadsheet-ChartJsComponent";
-	static props = {
-		chartId: String,
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: _odoo_owl.types.string(),
+		"isFullScreen?": _odoo_owl.types.boolean()
+	});
 	canvas = (0, _odoo_owl.signal)(null);
 	chart;
 	currentRuntime;
@@ -12079,35 +12129,35 @@ var ScorecardChartConfigBuilder = class {
 		if (this.runtime.progressBar) baselineValueFontSize /= 1.5;
 		return {
 			title: {
-				font: getDefaultContextFont(this.runtime.title.fontSize ?? 14, this.runtime.title.bold, this.runtime.title.italic),
+				font: getDefaultContextFont(fontSizeInPixels(this.runtime.title.fontSize ?? 14), this.runtime.title.bold, this.runtime.title.italic),
 				color: this.runtime.title.color ?? this.secondaryFontColor
 			},
 			keyValue: {
 				color: this.runtime.keyValueStyle?.textColor || this.runtime.fontColor,
-				font: getDefaultContextFont(keyValueFontSize, this.runtime.keyValueStyle?.bold, this.runtime.keyValueStyle?.italic),
+				font: getDefaultContextFont(fontSizeInPixels(keyValueFontSize), this.runtime.keyValueStyle?.bold, this.runtime.keyValueStyle?.italic),
 				strikethrough: this.runtime.keyValueStyle?.strikethrough,
 				underline: this.runtime.keyValueStyle?.underline
 			},
 			keyDescr: {
 				color: this.runtime.keyValueDescrStyle?.textColor || this.runtime.fontColor,
-				font: getDefaultContextFont(keyValueDescrFontSize, this.runtime.keyValueDescrStyle?.bold, this.runtime.keyValueDescrStyle?.italic),
+				font: getDefaultContextFont(fontSizeInPixels(keyValueDescrFontSize), this.runtime.keyValueDescrStyle?.bold, this.runtime.keyValueDescrStyle?.italic),
 				strikethrough: this.runtime.keyValueDescrStyle?.strikethrough,
 				underline: this.runtime.keyValueDescrStyle?.underline
 			},
 			baselineValue: {
-				font: getDefaultContextFont(baselineValueFontSize, this.runtime.baselineStyle?.bold, this.runtime.baselineStyle?.italic),
+				font: getDefaultContextFont(fontSizeInPixels(baselineValueFontSize), this.runtime.baselineStyle?.bold, this.runtime.baselineStyle?.italic),
 				strikethrough: this.runtime.baselineStyle?.strikethrough,
 				underline: this.runtime.baselineStyle?.underline,
 				color: this.runtime.baselineColor || this.runtime.baselineStyle?.textColor || this.secondaryFontColor
 			},
 			baselineDescr: {
-				font: getDefaultContextFont(baselineDescrFontSize, this.runtime.baselineDescrStyle?.bold, this.runtime.baselineDescrStyle?.italic),
+				font: getDefaultContextFont(fontSizeInPixels(baselineDescrFontSize), this.runtime.baselineDescrStyle?.bold, this.runtime.baselineDescrStyle?.italic),
 				strikethrough: this.runtime.baselineDescrStyle?.strikethrough,
 				underline: this.runtime.baselineDescrStyle?.underline,
 				color: this.runtime.baselineDescrStyle?.textColor ?? this.secondaryFontColor
 			},
 			baselineArrow: this.baselineArrow === "neutral" || this.runtime.progressBar ? void 0 : {
-				size: this.keyValue ? .8 * baselineValueFontSize : 0,
+				size: this.keyValue ? .8 * fontSizeInPixels(baselineValueFontSize) : 0,
 				color: this.runtime.baselineColor || this.runtime.baselineStyle?.textColor || this.secondaryFontColor
 			}
 		};
@@ -12172,13 +12222,10 @@ function getZoomTargetPosition(ev, zoom) {
 //#region src/components/figures/chart/scorecard/chart_scorecard.ts
 var ScorecardChart = class extends Component {
 	static template = "o-spreadsheet-ScorecardChart";
-	static props = {
-		chartId: String,
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: _odoo_owl.types.string(),
+		"isFullScreen?": _odoo_owl.types.boolean()
+	});
 	canvas = (0, _odoo_owl.signal)(null);
 	get runtime() {
 		return this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -12320,7 +12367,7 @@ function drawInflectionValues(ctx, config) {
 function drawTitle(ctx, config) {
 	ctx.save();
 	const title = config.title;
-	ctx.font = getDefaultContextFont(title.fontSize, title.bold, title.italic);
+	ctx.font = getDefaultContextFont(fontSizeInPixels(title.fontSize), title.bold, title.italic);
 	ctx.textBaseline = "middle";
 	ctx.fillStyle = title.color;
 	ctx.fillText(title.label, title.textPosition.x, title.textPosition.y);
@@ -12354,8 +12401,8 @@ function getGaugeRenderingConfig(boundingRect, runtime, ctx) {
 	const inflectionValues = getInflectionValues(runtime, gaugeRect, textColor, ctx);
 	let x = 0, titleWidth = 0, titleHeight = 0;
 	if (runtime.title.text) ({width: titleWidth, height: titleHeight} = computeTextDimension(ctx, runtime.title.text, {
-		fontSize: 16,
-		...runtime.title
+		...runtime.title,
+		fontSize: fontSizeInPixels(runtime.title.fontSize ?? 16)
 	}, "px"));
 	switch (runtime.title.align) {
 		case "right":
@@ -13864,13 +13911,10 @@ function hasIconLayoutChange(newBox, oldBox) {
 const ANIMATION_DURATION = 1e3;
 var GaugeChartComponent = class extends Component {
 	static template = "o-spreadsheet-GaugeChartComponent";
-	static props = {
-		chartId: String,
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: _odoo_owl.types.string(),
+		"isFullScreen?": _odoo_owl.types.boolean()
+	});
 	canvas = (0, _odoo_owl.signal)(null);
 	animationStore;
 	get runtime() {
@@ -13881,10 +13925,10 @@ var GaugeChartComponent = class extends Component {
 		let animation = null;
 		let lastRuntime = void 0;
 		useLayoutEffect(() => {
-			if (this.env.isDashboard() && lastRuntime === void 0 && this.animationStore?.animationPlayed[this.animationChartId] !== "gauge") {
+			if (this.env.model.getters.isDashboard() && lastRuntime === void 0 && this.animationStore?.animationPlayed[this.animationChartId] !== "gauge") {
 				animation = this.drawGaugeWithAnimation();
 				this.animationStore?.disableAnimationForChart(this.animationChartId, "gauge");
-			} else if (this.env.isDashboard() && lastRuntime !== void 0 && !deepEquals(this.runtime, lastRuntime)) {
+			} else if (this.env.model.getters.isDashboard() && lastRuntime !== void 0 && !deepEquals(this.runtime, lastRuntime)) {
 				animation = this.drawGaugeWithAnimation();
 				this.animationStore?.disableAnimationForChart(this.animationChartId, "gauge");
 			} else {
@@ -14141,52 +14185,201 @@ function useTimeOut() {
 	};
 }
 
+//#endregion
+//#region src/components/props_validation.ts
+/**
+* Validate that a prop is a number, but with a more specific type than just `number` (e.g. `Pixel`).
+*/
+function validateNumber() {
+	return _odoo_owl.types.number();
+}
+/**
+* Validate that a prop is a string, but with a more specific type than just `string` (e.g. `Color`).
+*/
+function validateString() {
+	return _odoo_owl.types.string();
+}
+/**
+* Validate that a prop is an object, but with a more specific type than just `object` (e.g. `ActionSpec`).
+*/
+function validateObject() {
+	return _odoo_owl.types.object();
+}
+/**
+* Validate that a prop is an array, but with a more specific element type than `any[]`.
+*/
+function validateArrayOf() {
+	return _odoo_owl.types.array();
+}
+/**
+* Validate that a prop is a record (string-keyed dictionary), but with a more
+* specific value type than `any`.
+*/
+function validateRecordOf() {
+	return _odoo_owl.types.record();
+}
+/**
+* Validate that a prop is a `Set`, typed with a specific element type.
+*/
+function validateSetOf() {
+	return _odoo_owl.types.instanceOf(Set);
+}
+function validateRect() {
+	return _odoo_owl.types.object({
+		x: _odoo_owl.types.number(),
+		y: _odoo_owl.types.number(),
+		width: _odoo_owl.types.number(),
+		height: _odoo_owl.types.number()
+	});
+}
+function validateBorderPosition() {
+	return _odoo_owl.types.customValidator(validateString(), (position) => borderPositions.includes(position));
+}
+function validateBorderStyle() {
+	return _odoo_owl.types.customValidator(validateString(), (style) => borderStyles.includes(style));
+}
+function validateDOMCoordinates() {
+	return _odoo_owl.types.object({
+		x: _odoo_owl.types.number(),
+		y: _odoo_owl.types.number()
+	});
+}
+function validateDOMDimension() {
+	return _odoo_owl.types.object({
+		width: _odoo_owl.types.number(),
+		height: _odoo_owl.types.number()
+	});
+}
+function validateSortDirection() {
+	return _odoo_owl.types.customValidator(validateString(), (direction) => ["asc", "desc"].includes(direction));
+}
+function validateResizeDirection() {
+	return _odoo_owl.types.customValidator(validateNumber(), (direction) => [
+		-1,
+		0,
+		1
+	].includes(direction));
+}
+function validateComposerFocusType() {
+	return _odoo_owl.types.customValidator(validateString(), (value) => composerFocusTypes.includes(value));
+}
+function validateDimension() {
+	return _odoo_owl.types.customValidator(validateString(), (value) => ["COL", "ROW"].includes(value));
+}
+function validateContextMenuType() {
+	return _odoo_owl.types.customValidator(validateString(), (value) => [
+		"ROW",
+		"COL",
+		"CELL",
+		"FILTER",
+		"GROUP_HEADERS",
+		"UNGROUP_HEADERS"
+	].includes(value));
+}
+/**
+* Validate that a prop is a store. Typed as the CQS-wrapped `Store<T>` to
+* match what `useStore(...)` returns at the call site.
+*/
+function validateStore() {
+	return _odoo_owl.types.object();
+}
+const types$6 = {
+	..._odoo_owl.types,
+	ArrayOf: validateArrayOf,
+	RecordOf: validateRecordOf,
+	SetOf: validateSetOf,
+	GenericCriterionType: validateString,
+	UID: validateString,
+	CriterionFilter: validateObject,
+	CSSProperties: validateObject,
+	ResizeDirection: validateResizeDirection,
+	FigureUI: validateObject,
+	Token: validateObject,
+	CellPosition: validateObject,
+	AutoCompleteProviderDefinition: validateObject,
+	AutoCompleteProposal: validateObject,
+	FunctionDescription: validateObject,
+	Rect: validateRect,
+	Pixel: validateNumber,
+	HeaderIndex: validateNumber,
+	BorderPosition: validateBorderPosition,
+	BorderStyle: validateBorderStyle,
+	Color: validateString,
+	ActionSpec: validateObject,
+	DOMCoordinates: validateDOMCoordinates,
+	DOMDimension: validateDOMDimension,
+	ComposerFocusType: validateComposerFocusType,
+	SortDirection: validateSortDirection,
+	Store: validateStore,
+	Position: validateObject,
+	PivotCoreDefinition: validateObject,
+	PivotField: validateObject,
+	PivotDimension: validateObject,
+	PivotMeasure: validateObject,
+	PivotCoreMeasure: validateObject,
+	PivotCustomGroupedField: validateObject,
+	PivotRuntimeDefinition: validateObject,
+	PivotFilter: validateObject,
+	DataFilterValue: validateObject,
+	SpreadsheetPivotCoreDefinition: validateObject,
+	ComposerSelection: validateObject,
+	Action: validateObject,
+	MenuItemOrSeparator: validateObject,
+	Model: validateObject,
+	DispatchResult: validateObject,
+	Zone: validateObject,
+	Range: validateObject,
+	HeaderGroup: validateObject,
+	GridClickModifiers: validateObject,
+	ZoomedMouseEvent: validateObject,
+	ConditionalFormat: validateObject,
+	ColorScaleThreshold: validateObject,
+	Table: validateObject,
+	CoreTable: validateObject,
+	TableConfig: validateObject,
+	TableStyle: validateObject,
+	TitleDesign: validateObject,
+	ChartDefinition: validateObject,
+	ChartDefinitionWithDataSource: validateObject,
+	ChartWithAxisDefinition: validateObject,
+	ChartStyle: validateObject,
+	ChartColorScale: validateObject,
+	ChartRangeDataSource: validateObject,
+	DataSetStyle: validateObject,
+	GeoChartDefinition: validateObject,
+	FunnelChartDefinition: validateObject,
+	TreeMapChartDefinition: validateObject,
+	TreeMapCategoryColorOptions: validateObject,
+	TreeMapColorScaleOptions: validateObject,
+	NamedRange: validateObject,
+	DataValidationRule: validateObject,
+	InformationNotification: validateObject,
+	NotificationStoreMethods: validateObject,
+	SidePanelContent: validateObject,
+	SidePanelComponentProps: validateObject,
+	DataValidationCriterionType: validateString,
+	Dimension: validateDimension,
+	ContextMenuType: validateContextMenuType
+};
+
 //#endregion
 //#region src/components/menu/menu.ts
 var Menu = class extends Component {
 	static template = "o-spreadsheet-Menu";
-	static props = {
-		menuItems: Array,
-		onClose: Function,
-		onClickMenu: {
-			type: Function,
-			optional: true
-		},
-		onMouseEnter: {
-			type: Function,
-			optional: true
-		},
-		onMouseLeave: {
-			type: Function,
-			optional: true
-		},
-		width: {
-			type: Number,
-			optional: true
-		},
-		hoveredMenuId: {
-			type: String,
-			optional: true
-		},
-		isHoveredMenuFocused: {
-			type: Boolean,
-			optional: true
-		},
-		onScroll: {
-			type: Function,
-			optional: true
-		},
-		onKeyDown: {
-			type: Function,
-			optional: true
-		},
-		disableKeyboardNavigation: {
-			type: Boolean,
-			optional: true
-		}
-	};
 	static components = {};
-	static defaultProps = {};
+	props = (0, _odoo_owl.props)({
+		menuItems: types$6.ArrayOf(),
+		onClose: types$6.function([]),
+		"onClickMenu?": types$6.function([types$6.Action(), types$6.instanceOf(PointerEvent)]),
+		"onMouseEnter?": types$6.function([types$6.Action(), types$6.instanceOf(PointerEvent)]),
+		"onMouseLeave?": types$6.function([types$6.Action(), types$6.instanceOf(PointerEvent)]),
+		"width?": types$6.number(),
+		"hoveredMenuId?": types$6.string(),
+		"isHoveredMenuFocused?": types$6.boolean(),
+		"onScroll?": types$6.function([types$6.instanceOf(CustomEvent)]),
+		"onKeyDown?": types$6.function([types$6.instanceOf(KeyboardEvent)]),
+		"disableKeyboardNavigation?": types$6.boolean()
+	});
 	menuRef = (0, _odoo_owl.signal)(null);
 	setup() {
 		useLayoutEffect(() => {
@@ -14324,57 +14517,25 @@ function usePopoverContainer() {
 //#region src/components/popover/popover.ts
 var Popover = class extends Component {
 	static template = "o-spreadsheet-Popover";
-	static props = {
-		anchorRect: Object,
-		containerRect: {
-			type: Object,
-			optional: true
-		},
-		positioning: {
-			type: String,
-			optional: true
-		},
-		maxWidth: {
-			type: Number,
-			optional: true
-		},
-		maxHeight: {
-			type: Number,
-			optional: true
-		},
-		verticalOffset: {
-			type: Number,
-			optional: true
-		},
-		onMouseWheel: {
-			type: Function,
-			optional: true
-		},
-		onPopoverHidden: {
-			type: Function,
-			optional: true
-		},
-		onPopoverMoved: {
-			type: Function,
-			optional: true
-		},
-		zIndex: {
-			type: Number,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		slots: Object
-	};
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		anchorRect: types$6.Rect(),
+		"containerRect?": types$6.object({}),
+		"positioning?": types$6.or([types$6.literal("top-right"), types$6.literal("bottom-left")]),
+		"maxWidth?": types$6.Pixel(),
+		"maxHeight?": types$6.Pixel(),
+		"verticalOffset?": types$6.number(),
+		"onMouseWheel?": types$6.function([]),
+		"onPopoverHidden?": types$6.function([]),
+		"onPopoverMoved?": types$6.function([]),
+		"zIndex?": types$6.number(),
+		"class?": types$6.string()
+	}, {
 		positioning: "bottom-left",
 		verticalOffset: 0,
 		onMouseWheel: () => {},
 		onPopoverMoved: () => {},
 		onPopoverHidden: () => {}
-	};
+	});
 	popoverRef = (0, _odoo_owl.signal)(null);
 	popoverContentRef = (0, _odoo_owl.signal)(null);
 	currentPosition = void 0;
@@ -14536,60 +14697,29 @@ var TopRightPopoverContext = class extends PopoverPositionContext {
 const TIMEOUT_DELAY = 250;
 var MenuPopover = class MenuPopover extends Component {
 	static template = "o-spreadsheet-Menu-Popover";
-	static props = {
-		anchorRect: Object,
-		popoverPositioning: {
-			type: String,
-			optional: true
-		},
-		menuItems: Array,
-		depth: {
-			type: Number,
-			optional: true
-		},
-		maxHeight: {
-			type: Number,
-			optional: true
-		},
-		onClose: Function,
-		onMenuClicked: {
-			type: Function,
-			optional: true
-		},
-		menuId: {
-			type: String,
-			optional: true
-		},
-		onMouseOver: {
-			type: Function,
-			optional: true
-		},
-		width: {
-			type: Number,
-			optional: true
-		},
-		autoSelectFirstItem: {
-			type: Boolean,
-			optional: true
-		},
-		disableKeyboardNavigation: {
-			type: Boolean,
-			optional: true
-		},
-		onKeyboardNavigation: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {
 		MenuPopover,
 		Menu,
 		Popover
 	};
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		anchorRect: types$6.Rect(),
+		"popoverPositioning?": types$6.or([types$6.literal("top-right"), types$6.literal("bottom-left")]),
+		menuItems: types$6.ArrayOf(),
+		"depth?": types$6.number(),
+		"maxHeight?": types$6.Pixel(),
+		onClose: types$6.function([]),
+		"onMenuClicked?": types$6.function([types$6.instanceOf(CustomEvent)]),
+		"menuId?": types$6.UID(),
+		"onMouseOver?": types$6.function([]),
+		"width?": types$6.number(),
+		"autoSelectFirstItem?": types$6.boolean(),
+		"disableKeyboardNavigation?": types$6.boolean(),
+		"onKeyboardNavigation?": types$6.function([types$6.instanceOf(KeyboardEvent)])
+	}, {
 		depth: 0,
 		popoverPositioning: "top-right"
-	};
+	});
 	subMenu = (0, _odoo_owl.proxy)({
 		isOpen: false,
 		anchorRect: null,
@@ -14829,31 +14959,16 @@ var MenuPopover = class MenuPopover extends Component {
 //#region src/components/select/select.ts
 var Select = class extends Component {
 	static template = "o-spreadsheet-Select";
-	static props = {
-		onChange: Function,
-		values: Array,
-		selectedValue: {
-			type: String,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		popoverClass: {
-			type: String,
-			optional: true
-		},
-		name: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { Popover };
+	props = (0, _odoo_owl.props)({
+		onChange: types$6.function([types$6.string()]),
+		values: types$6.array(),
+		"selectedValue?": types$6.string(),
+		"class?": types$6.string(),
+		"popoverClass?": types$6.string(),
+		"name?": types$6.string(),
+		"title?": types$6.string()
+	});
 	selectRef = (0, _odoo_owl.signal)(null);
 	dropdownRef = (0, _odoo_owl.signal)(null);
 	state = (0, _odoo_owl.proxy)({
@@ -14959,14 +15074,10 @@ var ChartDashboardMenu = class extends Component {
 		MenuPopover,
 		Select
 	};
-	static props = {
-		chartId: String,
-		hasFullScreenButton: {
-			type: Boolean,
-			optional: true
-		}
-	};
-	static defaultProps = { hasFullScreenButton: true };
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		"hasFullScreenButton?": types$6.boolean()
+	}, { hasFullScreenButton: true });
 	fullScreenFigureStore;
 	menuState = (0, _odoo_owl.proxy)({
 		isOpen: false,
@@ -15029,25 +15140,16 @@ var ChartDashboardMenu = class extends Component {
 //#region src/components/figures/figure_carousel/figure_carousel.ts
 var CarouselFigure = class extends Component {
 	static template = "o-spreadsheet-CarouselFigure";
-	static props = {
-		figureUI: Object,
-		editFigureStyle: {
-			type: Function,
-			optional: true
-		},
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		},
-		openContextMenu: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {
 		ChartDashboardMenu,
 		MenuPopover
 	};
+	props = (0, _odoo_owl.props)({
+		figureUI: types$6.FigureUI(),
+		"editFigureStyle?": types$6.function([types$6.CSSProperties()]),
+		"isFullScreen?": types$6.boolean(),
+		"openContextMenu?": types$6.function([types$6.Rect(), types$6.function([])])
+	});
 	carouselTabsRef = (0, _odoo_owl.signal)(null);
 	carouselTabsDropdownRef = (0, _odoo_owl.signal)(null);
 	menuState = (0, _odoo_owl.proxy)({
@@ -15117,10 +15219,12 @@ var CarouselFigure = class extends Component {
 		return this.carousel.title?.text ?? "";
 	}
 	get titleStyle() {
-		return cssPropertiesToCss(cellTextStyleToCss(chartStyleToCellStyle({
+		const style = {
 			...DEFAULT_CAROUSEL_TITLE_STYLE,
 			...this.carousel.title
-		})));
+		};
+		style.fontSize = fontSizeInPixels(style.fontSize ?? 16);
+		return cssPropertiesToCss(cellTextStyleToCss(chartStyleToCellStyle(style)));
 	}
 	updateTabsVisibility() {
 		const tabsContainerEl = this.carouselTabsRef();
@@ -15180,22 +15284,13 @@ var CarouselFigure = class extends Component {
 //#region src/components/figures/figure_chart/figure_chart.ts
 var ChartFigure = class extends Component {
 	static template = "o-spreadsheet-ChartFigure";
-	static props = {
-		figureUI: Object,
-		editFigureStyle: {
-			type: Function,
-			optional: true
-		},
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		},
-		openContextMenu: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = { ChartDashboardMenu };
+	props = (0, _odoo_owl.props)({
+		figureUI: types$6.FigureUI(),
+		"editFigureStyle?": types$6.function([types$6.CSSProperties()]),
+		"isFullScreen?": types$6.boolean(),
+		"openContextMenu?": types$6.function([types$6.Rect(), types$6.function([])])
+	});
 	onDoubleClick() {
 		this.env.model.dispatch("SELECT_FIGURE", { figureId: this.props.figureUI.id });
 		this.env.openSidePanel("ChartPanel");
@@ -15220,18 +15315,12 @@ var ChartFigure = class extends Component {
 //#region src/components/figures/figure_image/figure_image.ts
 var ImageFigure = class extends Component {
 	static template = "o-spreadsheet-ImageFigure";
-	static props = {
-		figureUI: Object,
-		editFigureStyle: {
-			type: Function,
-			optional: true
-		},
-		openContextMenu: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {};
+	props = (0, _odoo_owl.props)({
+		figureUI: types$6.FigureUI(),
+		"editFigureStyle?": types$6.function([types$6.CSSProperties()]),
+		"openContextMenu?": types$6.function([types$6.Rect(), types$6.function([])])
+	});
 	get figureId() {
 		return this.props.figureUI.id;
 	}
@@ -15267,30 +15356,21 @@ const BORDER_WIDTH = 1;
 const ACTIVE_BORDER_WIDTH = 2;
 var FigureComponent = class extends Component {
 	static template = "o-spreadsheet-FigureComponent";
-	static props = {
-		figureUI: Object,
-		style: {
-			type: String,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		onMouseDown: {
-			type: Function,
-			optional: true
-		},
-		onClickAnchor: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = { MenuPopover };
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		figureUI: types$6.FigureUI(),
+		style: types$6.string(),
+		class: types$6.string(),
+		"onMouseDown?": types$6.function([types$6.instanceOf(MouseEvent)]),
+		"onClickAnchor?": types$6.function([
+			types$6.ResizeDirection(),
+			types$6.ResizeDirection(),
+			types$6.instanceOf(MouseEvent)
+		])
+	}, {
 		onMouseDown: () => {},
 		onClickAnchor: () => {}
-	};
+	});
 	menuState = (0, _odoo_owl.proxy)({
 		isOpen: false,
 		anchorRect: null,
@@ -15307,7 +15387,7 @@ var FigureComponent = class extends Component {
 		return figureRegistry;
 	}
 	getBorderWidth() {
-		if (this.env.isDashboard()) return 0;
+		if (this.env.model.getters.isDashboard()) return 0;
 		return this.isSelected ? ACTIVE_BORDER_WIDTH : this.borderWidth;
 	}
 	getBorderStyle(position) {
@@ -15449,7 +15529,7 @@ var FigureComponent = class extends Component {
 		};
 	}
 	onContextMenu(ev) {
-		if (this.env.isDashboard()) return;
+		if (this.env.model.getters.isDashboard()) return;
 		const zoomedMouseEvent = withZoom(this.env, ev);
 		this.openContextMenu({
 			x: zoomedMouseEvent.clientX,
@@ -15475,7 +15555,7 @@ var FigureComponent = class extends Component {
 		if (el) for (const property in properties) el.style.setProperty(property, properties[property] || null);
 	}
 	get isFigureResizable() {
-		return this.isSelected && !this.env.isMobile() && !this.env.isDashboard() && !this.env.model.getters.isCurrentSheetLocked();
+		return this.isSelected && !this.env.isMobile() && !this.env.model.getters.isDashboard() && !this.env.model.getters.isCurrentSheetLocked();
 	}
 };
 
@@ -21764,7 +21844,7 @@ function changeCalculatedMeasuresOnMeasureChange(oldMeasure, newMeasure, measure
 	return measures.map((measure) => {
 		if (measure.id === oldMeasure.id) return newMeasure;
 		else if (!measure.computedBy || oldMeasure.id === newMeasure.id) return measure;
-		const newFormula = tokenize(measure.computedBy.formula).map((token) => token.type === "SYMBOL" && token.value === getCanonicalSymbolName(oldMeasure.id) ? getCanonicalSymbolName(newMeasure.id) : token.value).join("");
+		const newFormula = replaceSymbolInFormula(measure.computedBy.formula, oldMeasure.id, newMeasure.id);
 		return {
 			...measure,
 			computedBy: {
@@ -24405,51 +24485,22 @@ function useAutofocus(ref) {
 
 //#endregion
 //#region src/components/generic_input/generic_input.ts
+const genericInputPropsDefinition = {
+	value: types$6.or([types$6.number(), types$6.string()]),
+	onChange: types$6.function([types$6.string()]),
+	"onFocused?": types$6.function([]),
+	"onBlur?": types$6.function([]),
+	"onInput?": types$6.function([types$6.string()]),
+	"class?": types$6.string(),
+	"id?": types$6.string(),
+	"placeholder?": types$6.string(),
+	"autofocus?": types$6.boolean(),
+	"alwaysShowBorder?": types$6.boolean(),
+	"selectContentOnFocus?": types$6.boolean(),
+	"resetOnBlur?": types$6.boolean()
+};
 var GenericInput = class extends Component {
-	static props = {
-		value: [Number, String],
-		onChange: Function,
-		onFocused: {
-			type: Function,
-			optional: true
-		},
-		onBlur: {
-			type: Function,
-			optional: true
-		},
-		onInput: {
-			type: Function,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		id: {
-			type: String,
-			optional: true
-		},
-		placeholder: {
-			type: String,
-			optional: true
-		},
-		autofocus: {
-			type: Boolean,
-			optional: true
-		},
-		alwaysShowBorder: {
-			type: Boolean,
-			optional: true
-		},
-		selectContentOnFocus: {
-			type: Boolean,
-			optional: true
-		},
-		resetOnBlur: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)(genericInputPropsDefinition);
 	genericInputRef = (0, _odoo_owl.signal)(null);
 	lastOnChangeValue = this.props.value.toString();
 	setup() {
@@ -24532,13 +24583,11 @@ var GenericInput = class extends Component {
 var TextInput = class extends GenericInput {
 	static template = "o-spreadsheet-TextInput";
 	static components = {};
-	static props = {
-		...GenericInput.props,
-		errorMessage: {
-			type: String,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		...genericInputPropsDefinition,
+		value: types$6.string(),
+		"errorMessage?": types$6.string()
+	});
 	get inputClass() {
 		return [
 			this.props.class,
@@ -24553,25 +24602,13 @@ var TextInput = class extends GenericInput {
 //#region src/components/action_button/action_button.ts
 var ActionButton = class extends Component {
 	static template = "o-spreadsheet-ActionButton";
-	static props = {
-		action: Object,
-		hasTriangleDownIcon: {
-			type: Boolean,
-			optional: true
-		},
-		selectedColor: {
-			type: String,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		onClick: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		action: types$6.ActionSpec(),
+		"hasTriangleDownIcon?": types$6.boolean(),
+		"selectedColor?": types$6.string(),
+		"class?": types$6.string(),
+		"onClick?": types$6.function()
+	});
 	actionButton = createAction(this.props.action);
 	setup() {
 		(0, _odoo_owl.onWillUpdateProps)((nextProps) => {
@@ -24623,24 +24660,14 @@ const INNER_GRADIENT_WIDTH = CONTENT_WIDTH - 2 * ITEM_BORDER_WIDTH;
 const INNER_GRADIENT_HEIGHT = CONTENT_WIDTH - 30 - 2 * ITEM_BORDER_WIDTH;
 var ColorPicker = class extends Component {
 	static template = "o-spreadsheet-ColorPicker";
-	static props = {
-		onColorPicked: Function,
-		currentColor: {
-			type: String,
-			optional: true
-		},
-		maxHeight: {
-			type: Number,
-			optional: true
-		},
-		anchorRect: Object,
-		disableNoColor: {
-			type: Boolean,
-			optional: true
-		}
-	};
-	static defaultProps = { currentColor: "" };
 	static components = { Popover };
+	props = (0, _odoo_owl.props)({
+		onColorPicked: types$6.function([types$6.string()]),
+		"currentColor?": types$6.string(),
+		"maxHeight?": types$6.Pixel(),
+		anchorRect: types$6.Rect(),
+		"disableNoColor?": types$6.boolean()
+	}, { currentColor: "" });
 	COLORS = COLOR_PICKER_DEFAULTS;
 	state = (0, _odoo_owl.proxy)({
 		showGradient: false,
@@ -24784,33 +24811,18 @@ var ColorPicker = class extends Component {
 //#region src/components/color_picker/color_picker_widget.ts
 var ColorPickerWidget = class extends Component {
 	static template = "o-spreadsheet-ColorPickerWidget";
-	static props = {
-		currentColor: {
-			type: String,
-			optional: true
-		},
-		toggleColorPicker: Function,
-		showColorPicker: Boolean,
-		onColorPicked: Function,
-		icon: String,
-		title: {
-			type: String,
-			optional: true
-		},
-		disabled: {
-			type: Boolean,
-			optional: true
-		},
-		dropdownMaxHeight: {
-			type: Number,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { ColorPicker };
+	props = (0, _odoo_owl.props)({
+		"currentColor?": types$6.string(),
+		toggleColorPicker: types$6.function([]),
+		showColorPicker: types$6.boolean(),
+		onColorPicked: types$6.function([types$6.string()]),
+		icon: types$6.string(),
+		"title?": types$6.string(),
+		"disabled?": types$6.boolean(),
+		"dropdownMaxHeight?": types$6.Pixel(),
+		"class?": types$6.string()
+	});
 	colorPickerButtonRef = (0, _odoo_owl.signal)(null);
 	get iconStyle() {
 		return this.props.currentColor ? `border-color: ${this.props.currentColor}` : "border-bottom-style: hidden";
@@ -24824,29 +24836,19 @@ var ColorPickerWidget = class extends Component {
 //#region src/components/number_editor/number_editor.ts
 var NumberEditor = class extends Component {
 	static template = "o-spreadsheet-NumberEditor";
-	static props = {
-		currentValue: Number,
-		onValueChange: Function,
-		onToggle: {
-			type: Function,
-			optional: true
-		},
-		onFocusInput: {
-			type: Function,
-			optional: true
-		},
-		class: String,
-		valueIcon: {
-			type: String,
-			optional: true
-		},
-		min: Number,
-		max: Number,
-		title: String,
-		valueList: Array
-	};
-	static defaultProps = { onFocusInput: () => {} };
 	static components = { Popover };
+	props = (0, _odoo_owl.props)({
+		currentValue: types$6.number(),
+		onValueChange: types$6.function([types$6.number()]),
+		"onToggle?": types$6.function([]),
+		"onFocusInput?": types$6.function([]),
+		class: types$6.string(),
+		"valueIcon?": types$6.string(),
+		min: types$6.number(),
+		max: types$6.number(),
+		title: types$6.string(),
+		valueList: types$6.array(types$6.number())
+	}, { onFocusInput: () => {} });
 	dropdown = (0, _odoo_owl.proxy)({ isOpen: false });
 	inputRef = (0, _odoo_owl.signal)(null);
 	rootEditorRef = (0, _odoo_owl.signal)(null);
@@ -24925,20 +24927,13 @@ var NumberEditor = class extends Component {
 var FontSizeEditor = class extends Component {
 	static template = "o-spreadsheet-FontSizeEditor";
 	static components = { NumberEditor };
-	static props = {
-		currentFontSize: Number,
-		onFontSizeChanged: Function,
-		onToggle: {
-			type: Function,
-			optional: true
-		},
-		onFocusInput: {
-			type: Function,
-			optional: true
-		},
-		class: String
-	};
-	static defaultProps = { onFocusInput: () => {} };
+	props = (0, _odoo_owl.props)({
+		currentFontSize: types$6.number(),
+		onFontSizeChanged: types$6.function([types$6.number()]),
+		"onToggle?": types$6.function([]),
+		"onFocusInput?": types$6.function([]),
+		class: types$6.string()
+	}, { onFocusInput: () => {} });
 	fontSizes = FONT_SIZES;
 };
 
@@ -24951,33 +24946,15 @@ var TextStyler = class extends Component {
 		ActionButton,
 		FontSizeEditor
 	};
-	static props = {
-		style: Object,
-		updateStyle: {
-			type: Function,
-			optional: true
-		},
-		defaultStyle: {
-			type: Object,
-			optional: true
-		},
-		hasVerticalAlign: {
-			type: Boolean,
-			optional: true
-		},
-		hasHorizontalAlign: {
-			type: Boolean,
-			optional: true
-		},
-		hasBackgroundColor: {
-			type: Boolean,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		style: types$6.ChartStyle(),
+		updateStyle: types$6.function([types$6.ChartStyle()]),
+		"defaultStyle?": types$6.object({}),
+		"hasVerticalAlign?": types$6.boolean(),
+		"hasHorizontalAlign?": types$6.boolean(),
+		"hasBackgroundColor?": types$6.boolean(),
+		"class?": types$6.string()
+	});
 	openedEl = null;
 	setup() {
 		useExternalListener(window, "click", this.onExternalClick);
@@ -25159,7 +25136,7 @@ var TextStyler = class extends Component {
 var CogWheelMenu = class extends Component {
 	static template = "o-spreadsheet-CogWheelMenu";
 	static components = { MenuPopover };
-	static props = { items: Array };
+	props = (0, _odoo_owl.props)({ items: types$6.array(types$6.ActionSpec()) });
 	buttonRef = (0, _odoo_owl.signal)(null);
 	menuState = (0, _odoo_owl.proxy)({
 		isOpen: false,
@@ -25179,33 +25156,27 @@ var CogWheelMenu = class extends Component {
 //#region src/components/side_panel/components/section/section.ts
 var Section = class extends Component {
 	static template = "o_spreadsheet.Section";
-	static props = {
-		class: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		},
-		slots: Object
-	};
+	props = (0, _odoo_owl.props)({
+		"class?": types$6.string(),
+		"title?": types$6.string(),
+		slots: types$6.object()
+	});
 };
 
 //#endregion
 //#region src/components/side_panel/carousel_panel/carousel_panel.ts
 var CarouselPanel = class extends Component {
 	static template = "o-spreadsheet-CarouselPanel";
-	static props = {
-		onCloseSidePanel: Function,
-		figureId: String
-	};
 	static components = {
 		Section,
 		TextInput,
 		TextStyler,
 		CogWheelMenu
 	};
+	props = (0, _odoo_owl.props)({
+		onCloseSidePanel: types$6.function([]),
+		figureId: types$6.UID()
+	});
 	DEFAULT_CAROUSEL_TITLE_STYLE = DEFAULT_CAROUSEL_TITLE_STYLE;
 	dragAndDrop = useDragAndDropListItems();
 	previewListRef = (0, _odoo_owl.signal)(null);
@@ -25412,34 +25383,15 @@ const chartDataSourceSidePanelComponentRegistry = new Registry();
 //#region src/components/side_panel/components/checkbox/checkbox.ts
 var Checkbox = class extends Component {
 	static template = "o-spreadsheet.Checkbox";
-	static props = {
-		label: {
-			type: String,
-			optional: true
-		},
-		value: {
-			type: Boolean,
-			optional: true
-		},
-		className: {
-			type: String,
-			optional: true
-		},
-		name: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		},
-		disabled: {
-			type: Boolean,
-			optional: true
-		},
-		onChange: Function
-	};
-	static defaultProps = { value: false };
+	props = (0, _odoo_owl.props)({
+		"label?": types$6.string(),
+		"value?": types$6.boolean(),
+		"className?": types$6.string(),
+		"name?": types$6.string(),
+		"title?": types$6.string(),
+		"disabled?": types$6.boolean(),
+		onChange: types$6.function([types$6.boolean()])
+	}, { value: false });
 	onChange(ev) {
 		const value = ev.target.checked;
 		this.props.onChange(value);
@@ -25448,11 +25400,11 @@ var Checkbox = class extends Component {
 
 //#endregion
 //#region src/components/side_panel/chart/common.ts
-const ChartSidePanelPropsObject = {
-	chartId: String,
-	definition: Object,
-	canUpdateChart: Function,
-	updateChart: Function
+const chartSidePanelPropsDefinition = {
+	chartId: types$6.UID(),
+	definition: types$6.object({}),
+	canUpdateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult()),
+	updateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult())
 };
 
 //#endregion
@@ -25940,63 +25892,25 @@ var SelectionInputStore = class extends SpreadsheetStore {
 */
 var SelectionInput = class extends Component {
 	static template = "o-spreadsheet-SelectionInput";
-	static props = {
-		ranges: Array,
-		hasSingleRange: {
-			type: Boolean,
-			optional: true
-		},
-		required: {
-			type: Boolean,
-			optional: true
-		},
-		autofocus: {
-			type: Boolean,
-			optional: true
-		},
-		isInvalid: {
-			type: Boolean,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		onSelectionChanged: {
-			type: Function,
-			optional: true
-		},
-		onSelectionConfirmed: {
-			type: Function,
-			optional: true
-		},
-		onSelectionReordered: {
-			type: Function,
-			optional: true
-		},
-		onSelectionRemoved: {
-			type: Function,
-			optional: true
-		},
-		onInputFocused: {
-			type: Function,
-			optional: true
-		},
-		colors: {
-			type: Array,
-			optional: true,
-			default: []
-		},
-		disabledRanges: {
-			type: Array,
-			optional: true,
-			default: []
-		},
-		disabledRangeTitle: {
-			type: String,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		ranges: types$6.array(types$6.string()),
+		"hasSingleRange?": types$6.boolean(),
+		"required?": types$6.boolean(),
+		"autofocus?": types$6.boolean(),
+		"isInvalid?": types$6.boolean(),
+		"class?": types$6.string(),
+		"onSelectionChanged?": types$6.function([types$6.array(types$6.string())]),
+		"onSelectionConfirmed?": types$6.function([]),
+		"onSelectionReordered?": types$6.function([types$6.array(types$6.number())]),
+		"onSelectionRemoved?": types$6.function([types$6.number()]),
+		"onInputFocused?": types$6.function([]),
+		"colors?": types$6.ArrayOf(),
+		"disabledRanges?": types$6.array(types$6.boolean()),
+		"disabledRangeTitle?": types$6.string()
+	}, {
+		colors: [],
+		disabledRanges: []
+	});
 	state = (0, _odoo_owl.proxy)({ isMissing: false });
 	dragAndDrop = useDragAndDropListItems();
 	focusedInputRef = (0, _odoo_owl.signal)(null);
@@ -26160,47 +26074,20 @@ var ChartDataSeries = class extends Component {
 		SelectionInput,
 		Section
 	};
-	static props = {
-		ranges: Array,
-		dataSetStyles: {
-			type: Object,
-			optional: true
-		},
-		hasSingleRange: {
-			type: Boolean,
-			optional: true
-		},
-		onSelectionChanged: Function,
-		onSelectionReordered: {
-			type: Function,
-			optional: true
-		},
-		onSelectionRemoved: {
-			type: Function,
-			optional: true
-		},
-		onSelectionConfirmed: Function,
-		title: {
-			type: String,
-			optional: true
-		},
-		maxNumberOfUsedRanges: {
-			type: Number,
-			optional: true
-		},
-		datasetOrientation: {
-			type: String,
-			optional: true
-		},
-		canChangeDatasetOrientation: {
-			type: Boolean,
-			optional: true
-		},
-		onFlipAxis: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		ranges: types$6.ArrayOf(),
+		"dataSetStyles?": types$6.DataSetStyle(),
+		"hasSingleRange?": types$6.boolean(),
+		onSelectionChanged: types$6.function([types$6.array(types$6.string())]),
+		"onSelectionReordered?": types$6.function([types$6.array(types$6.number())]),
+		"onSelectionRemoved?": types$6.function([types$6.number()]),
+		onSelectionConfirmed: types$6.function([]),
+		"maxNumberOfUsedRanges?": types$6.number(),
+		"title?": types$6.string(),
+		"datasetOrientation?": types$6.or([types$6.literal("rows"), types$6.literal("columns")]),
+		"canChangeDatasetOrientation?": types$6.boolean(),
+		"onFlipAxis?": types$6.function([types$6.string()])
+	});
 	get ranges() {
 		return this.props.ranges.map((r) => r.dataRange);
 	}
@@ -26228,28 +26115,18 @@ var ChartLabelRange = class extends Component {
 		Checkbox,
 		Section
 	};
-	static props = {
-		title: {
-			type: String,
-			optional: true
-		},
-		range: String,
-		class: {
-			type: String,
-			optional: true
-		},
-		isInvalid: Boolean,
-		onSelectionChanged: Function,
-		onSelectionConfirmed: Function,
-		options: {
-			type: Array,
-			optional: true
-		}
-	};
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		"title?": types$6.string(),
+		range: types$6.string(),
+		"class?": types$6.string(),
+		isInvalid: types$6.boolean(),
+		onSelectionChanged: types$6.function([types$6.string()]),
+		onSelectionConfirmed: types$6.function([]),
+		"options?": types$6.ArrayOf()
+	}, {
 		title: _t("Categories / Labels"),
 		options: []
-	};
+	});
 	get sectionClass() {
 		return "o-data-labels" + (this.props.class ? ` ${this.props.class}` : "");
 	}
@@ -26263,28 +26140,16 @@ var ChartDataSourceComponent = class extends Component {
 		ChartDataSeries,
 		ChartLabelRange
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		updateChart: Function,
-		canUpdateChart: Function,
-		onErrorMessagesChanged: {
-			type: Function,
-			optional: true
-		},
-		dataSeriesTitle: {
-			type: String,
-			optional: true
-		},
-		labelRangeTitle: {
-			type: String,
-			optional: true
-		},
-		getLabelRangeOptions: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.ChartDefinitionWithDataSource(),
+		updateChart: types$6.function([]),
+		canUpdateChart: types$6.function([]),
+		"onErrorMessagesChanged?": types$6.function([types$6.array(types$6.string())]),
+		"dataSeriesTitle?": types$6.string(),
+		"labelRangeTitle?": types$6.string(),
+		"getLabelRangeOptions?": types$6.function([])
+	});
 	get DataSourceComponent() {
 		const dataSourceType = this.props.definition.dataSource.type;
 		return chartDataSourceSidePanelComponentRegistry.get(dataSourceType);
@@ -26295,14 +26160,15 @@ var ChartDataSourceComponent = class extends Component {
 //#region src/components/validation_messages/validation_messages.ts
 var ValidationMessages = class extends Component {
 	static template = "o-spreadsheet-ValidationMessages";
-	static props = {
-		messages: Array,
-		msgType: String,
-		singleBox: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		messages: types$6.array(types$6.string()),
+		msgType: types$6.or([
+			types$6.literal("warning"),
+			types$6.literal("error"),
+			types$6.literal("info")
+		]),
+		"singleBox?": types$6.boolean()
+	});
 	get divClasses() {
 		if (this.props.msgType === "warning") return "o-validation-warning";
 		if (this.props.msgType === "info") return "o-validation-info";
@@ -26321,10 +26187,7 @@ var ChartErrorSection = class extends Component {
 		Section,
 		ValidationMessages
 	};
-	static props = { messages: {
-		type: Array,
-		element: String
-	} };
+	props = (0, _odoo_owl.props)({ messages: types$6.array(types$6.string()) });
 };
 
 //#endregion
@@ -26337,7 +26200,7 @@ var GenericChartConfigPanel = class extends Component {
 		Checkbox,
 		ChartErrorSection
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	chartTerms = ChartTerms;
 	state = (0, _odoo_owl.proxy)({ errorMessages: [] });
 	onErrorMessagesChanged(errorMessages) {
@@ -26384,10 +26247,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";
-	static props = {
-		isCollapsed: Boolean,
-		slots: Object
-	};
+	props = (0, _odoo_owl.props)({ isCollapsed: types$6.boolean() });
 	contentRef = (0, _odoo_owl.signal)(null);
 	setup() {
 		(0, _odoo_owl.onMounted)(() => {
@@ -26419,23 +26279,13 @@ var Collapse = class extends Component {
 //#region src/components/side_panel/components/collapsible/side_panel_collapsible.ts
 var SidePanelCollapsible = class extends Component {
 	static template = "o-spreadsheet-SidePanelCollapsible";
-	static props = {
-		slots: Object,
-		title: {
-			type: String,
-			optional: true
-		},
-		isInitiallyCollapsed: {
-			type: Boolean,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { Collapse };
-	state = (0, _odoo_owl.proxy)({ isCollapsed: this.props.isInitiallyCollapsed });
+	props = (0, _odoo_owl.props)({
+		"title?": types$6.string(),
+		"isInitiallyCollapsed?": types$6.boolean(),
+		"class?": types$6.string()
+	});
+	state = (0, _odoo_owl.proxy)({ isCollapsed: !!this.props.isInitiallyCollapsed });
 	toggle() {
 		this.state.isCollapsed = !this.state.isCollapsed;
 	}
@@ -26446,17 +26296,11 @@ var SidePanelCollapsible = class extends Component {
 var NumberInput = class extends GenericInput {
 	static template = "o-spreadsheet-NumberInput";
 	static components = {};
-	static props = {
-		...GenericInput.props,
-		min: {
-			type: Number,
-			optional: true
-		},
-		max: {
-			type: Number,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		...genericInputPropsDefinition,
+		"min?": types$6.number(),
+		"max?": types$6.number()
+	});
 	debouncedOnChange = debounce(this.props.onChange.bind(this), 100, true);
 	save() {
 		const currentValue = (this.genericInputRef()?.value || "").trim();
@@ -26477,11 +26321,11 @@ 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";
-	static props = {
-		choices: Array,
-		onChange: Function,
-		selectedValue: String
-	};
+	props = (0, _odoo_owl.props)({
+		choices: types$6.ArrayOf(),
+		onChange: types$6.function([types$6.string()]),
+		selectedValue: types$6.string()
+	});
 };
 
 //#endregion
@@ -26493,28 +26337,18 @@ var ChartTitle = class extends Component {
 		TextStyler,
 		TextInput
 	};
-	static props = {
-		title: {
-			type: String,
-			optional: true
-		},
-		placeholder: {
-			type: String,
-			optional: true
-		},
-		updateTitle: Function,
-		name: { type: String },
-		style: Object,
-		defaultStyle: {
-			type: Object,
-			optional: true
-		},
-		updateStyle: Function
-	};
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		"title?": types$6.string(),
+		"placeholder?": types$6.string(),
+		updateTitle: types$6.function([types$6.string()]),
+		"name?": types$6.string(),
+		style: types$6.TitleDesign(),
+		"defaultStyle?": types$6.object({}),
+		updateStyle: types$6.function([types$6.object({})])
+	}, {
 		title: "",
 		placeholder: ""
-	};
+	});
 	updateTitle(value) {
 		this.props.updateTitle(value);
 	}
@@ -26532,12 +26366,12 @@ var AxisDesignEditor = class extends Component {
 		NumberInput,
 		DateInput
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		updateChart: Function,
-		axesList: Array
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.ChartWithAxisDefinition(),
+		updateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult()),
+		axesList: types$6.ArrayOf()
+	});
 	state = (0, _odoo_owl.proxy)({ currentAxis: "x" });
 	defaultFontSize = 12;
 	get axisTitleStyle() {
@@ -26707,17 +26541,13 @@ 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";
-	static props = {
-		choices: Array,
-		onChange: Function,
-		selectedValue: { optional: false },
-		name: String,
-		direction: {
-			type: String,
-			optional: true
-		}
-	};
-	static defaultProps = { direction: "horizontal" };
+	props = (0, _odoo_owl.props)({
+		choices: types$6.ArrayOf(),
+		onChange: types$6.function([types$6.any()]),
+		selectedValue: types$6.string(),
+		name: types$6.string(),
+		"direction?": types$6.or([types$6.literal("horizontal"), types$6.literal("vertical")])
+	}, { direction: "horizontal" });
 };
 
 //#endregion
@@ -26728,21 +26558,12 @@ var RoundColorPicker = class extends Component {
 		Section,
 		ColorPicker
 	};
-	static props = {
-		currentColor: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		},
-		onColorPicked: Function,
-		disableNoColor: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		"currentColor?": types$6.string(),
+		"title?": types$6.string(),
+		onColorPicked: types$6.function([types$6.string()]),
+		"disableNoColor?": types$6.boolean()
+	});
 	colorPickerButtonRef = (0, _odoo_owl.signal)(null);
 	state;
 	setup() {
@@ -26778,18 +26599,13 @@ var GeneralDesignEditor = class extends Component {
 		SidePanelCollapsible,
 		RadioSelection
 	};
-	static props = {
-		...ChartSidePanelPropsObject,
-		defaultChartTitleFontSize: {
-			type: Number,
-			optional: true
-		},
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
-	static defaultProps = { defaultChartTitleFontSize: 16 };
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.ChartDefinition(),
+		canUpdateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult()),
+		updateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult()),
+		"defaultChartTitleFontSize?": types$6.number()
+	}, { defaultChartTitleFontSize: 16 });
 	state;
 	setup() {
 		this.state = (0, _odoo_owl.proxy)({ activeTool: "" });
@@ -26826,7 +26642,7 @@ var GeneralDesignEditor = class extends Component {
 var ChartHumanizeNumbers = class extends Component {
 	static template = "o-spreadsheet-ChartHumanizeNumbers";
 	static components = { Checkbox };
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	get title() {
 		const locale = this.env.model.getters.getLocale();
 		return _t("E.g. 1234567 -> %(value)s", { value: formatValue(1234567, {
@@ -26844,14 +26660,13 @@ var ChartLegend = class extends Component {
 		Section,
 		Select
 	};
-	static props = {
-		...ChartSidePanelPropsObject,
-		isDisabled: {
-			type: Boolean,
-			optional: true
-		}
-	};
-	static defaultProps = { isDisabled: false };
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.string(),
+		definition: types$6.ChartDefinitionWithDataSource(),
+		canUpdateChart: types$6.function(),
+		updateChart: types$6.function(),
+		"isDisabled?": types$6.boolean()
+	}, { isDisabled: false });
 	updateLegendPosition(value) {
 		this.props.updateChart(this.props.chartId, { legendPosition: value });
 	}
@@ -26891,13 +26706,12 @@ var SeriesDesignEditor = class extends Component {
 		RoundColorPicker,
 		Select
 	};
-	static props = {
-		...ChartSidePanelPropsObject,
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.ChartDefinitionWithDataSource(),
+		canUpdateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult()),
+		updateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult())
+	});
 	state = (0, _odoo_owl.proxy)({ dataSetId: this.getDataSeries()[0]?.dataSetId || "" });
 	getRuntime() {
 		const runtime = this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -26957,13 +26771,12 @@ var SeriesWithAxisDesignEditor = class extends Component {
 		NumberInput,
 		Select
 	};
-	static props = {
-		...ChartSidePanelPropsObject,
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.ChartDefinitionWithDataSource(),
+		canUpdateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult()),
+		updateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult())
+	});
 	axisChoices = CHART_AXIS_CHOICES;
 	updateDataSeriesAxis(dataSetId, axis) {
 		const dataSetStyles = { ...this.props.definition.dataSetStyles };
@@ -27098,13 +26911,13 @@ var SeriesWithAxisDesignEditor = class extends Component {
 var ChartShowValues = class extends Component {
 	static template = "o-spreadsheet-ChartShowValues";
 	static components = { Checkbox };
-	static props = {
-		...ChartSidePanelPropsObject,
-		defaultValue: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.ChartDefinitionWithDataSource(),
+		canUpdateChart: types$6.function([]),
+		updateChart: types$6.function([]),
+		"defaultValue?": types$6.boolean()
+	});
 };
 
 //#endregion
@@ -27121,7 +26934,7 @@ var ChartWithAxisDesignPanel = class extends Component {
 		ChartShowValues,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	get axesList() {
 		const { useLeftAxis, useRightAxis } = getDefinedAxis(this.props.definition);
 		const axes = [{
@@ -27171,7 +26984,7 @@ var BubbleChartConfigPanel = class extends Component {
 		ChartLabelRange,
 		ChartErrorSection
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	state = (0, _odoo_owl.proxy)({
 		datasetDispatchResult: void 0,
 		labelsDispatchResult: void 0,
@@ -27307,7 +27120,7 @@ var BubbleChartDesignPanel = class extends Component {
 		RoundColorPicker,
 		Checkbox
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	get axesList() {
 		return [{
 			id: "x",
@@ -28300,10 +28113,7 @@ function getBarChartLegend(definition, args) {
 			toggleDataVisibility: toggleLineBarDataVisibility
 		}),
 		...getLegendDisplayOptions(definition),
-		...getCustomLegendLabels(chartFontColor(definition.background), {
-			pointStyle: "rect",
-			lineWidth: 3
-		})
+		...getCustomLegendLabels(chartFontColor(definition.background), { lineWidth: 3 })
 	};
 }
 function getPyramidChartLegend(definition, args) {
@@ -28674,7 +28484,7 @@ function getSunburstShowValues(definition, args) {
 		showLabels: definition.showLabels ?? SunburstChartDefaults.showLabels,
 		showValues: definition.showValues ?? SunburstChartDefaults.showValues,
 		style: {
-			fontSize: definition.valuesDesign?.fontSize ?? SunburstChartDefaults.valuesDesign.fontSize,
+			fontSize: fontSizeInPixels(definition.valuesDesign?.fontSize ?? SunburstChartDefaults.valuesDesign.fontSize),
 			align: definition.valuesDesign?.align ?? SunburstChartDefaults.valuesDesign.align,
 			bold: definition.valuesDesign?.bold ?? SunburstChartDefaults.valuesDesign.bold,
 			italic: definition.valuesDesign?.italic ?? SunburstChartDefaults.valuesDesign.italic,
@@ -28729,7 +28539,7 @@ function getChartTitle({ title, legendPosition, background }, getters) {
 		color: title?.color ?? fontColor,
 		align: title.align === "center" ? "center" : title.align === "right" ? "end" : "start",
 		font: {
-			size: title.fontSize ?? 16,
+			size: fontSizeInPixels(title.fontSize ?? 16),
 			weight: title.bold ? "bold" : "normal",
 			style: title.italic ? "italic" : "normal"
 		},
@@ -29111,6 +28921,7 @@ const BarChart = {
 		"stacked",
 		"aggregated",
 		"showValues",
+		"showTotalLine",
 		"zoomable"
 	],
 	fromStrDefinition: (definition) => ({
@@ -29136,6 +28947,7 @@ const BarChart = {
 			type: "bar",
 			axesDesign: context.axesDesign,
 			showValues: context.showValues,
+			showTotalLine: context.showTotalLine,
 			horizontal: context.horizontal,
 			zoomable: context.zoomable,
 			humanize: context.humanize
@@ -29737,29 +29549,17 @@ var ChartRangeDataSourceComponent = class extends Component {
 		ChartDataSeries,
 		ChartLabelRange
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		dataSource: Object,
-		updateChart: Function,
-		canUpdateChart: Function,
-		onErrorMessagesChanged: {
-			type: Function,
-			optional: true
-		},
-		dataSeriesTitle: {
-			type: String,
-			optional: true
-		},
-		labelRangeTitle: {
-			type: String,
-			optional: true
-		},
-		getLabelRangeOptions: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.ChartDefinitionWithDataSource(),
+		dataSource: types$6.ChartRangeDataSource(),
+		updateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult()),
+		canUpdateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult()),
+		"onErrorMessagesChanged?": types$6.function([types$6.array(types$6.string())]),
+		"dataSeriesTitle?": types$6.string(),
+		"labelRangeTitle?": types$6.string(),
+		"getLabelRangeOptions?": types$6.function([])
+	});
 	state = (0, _odoo_owl.proxy)({
 		datasetDispatchResult: void 0,
 		labelsDispatchResult: void 0
@@ -30609,10 +30409,10 @@ var ColorScalePicker = class extends Component {
 		RoundColorPicker,
 		Popover
 	};
-	static props = {
-		definition: Object,
-		onUpdateColorScale: Function
-	};
+	props = (0, _odoo_owl.props)({
+		definition: types$6.object({ "colorScale?": types$6.ChartColorScale() }),
+		onUpdateColorScale: types$6.function([types$6.ChartColorScale()])
+	});
 	colorScales = COLORSCALES.map((colorScale) => ({
 		value: colorScale,
 		label: ChartTerms.ColorScales[colorScale],
@@ -30703,7 +30503,7 @@ var CalendarChartDesignPanel = class extends Component {
 		RoundColorPicker,
 		Select
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	get axesList() {
 		return [{
 			id: "x",
@@ -30748,7 +30548,7 @@ var CalendarChartDesignPanel = class extends Component {
 var ChartShowDataMarkers = class extends Component {
 	static template = "o-spreadsheet-ChartShowDataMarkers";
 	static components = { Checkbox };
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 };
 
 //#endregion
@@ -30811,12 +30611,10 @@ var FunnelChartDesignPanel = class extends Component {
 		Section,
 		ChartHumanizeNumbers
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		updateChart: Function,
-		canUpdateChart: Function
-	};
+	props = (0, _odoo_owl.props)({
+		...chartSidePanelPropsDefinition,
+		definition: types$6.FunnelChartDefinition()
+	});
 	getFunnelColorItems() {
 		const labels = this.env.model.getters.getChartRuntime(this.props.chartId).chartJsConfig.data.labels || [];
 		const colors = getFunnelLabelColors(labels, this.props.definition.funnelColors);
@@ -30839,7 +30637,7 @@ var GaugeChartConfigPanel = class extends Component {
 		ChartErrorSection,
 		ChartDataSeries
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	state = (0, _odoo_owl.proxy)({ dataRangeDispatchResult: void 0 });
 	dataRange = this.props.definition.dataRange;
 	get configurationErrorMessages() {
@@ -30864,15 +30662,12 @@ var GaugeChartConfigPanel = class extends Component {
 //#region src/components/composer/autocomplete_dropdown/autocomplete_dropdown.ts
 var TextValueProvider = class extends Component {
 	static template = "o-spreadsheet-TextValueProvider";
-	static props = {
-		proposals: Array,
-		selectedIndex: {
-			type: Number,
-			optional: true
-		},
-		onValueSelected: Function,
-		onValueHovered: Function
-	};
+	props = (0, _odoo_owl.props)({
+		proposals: types$6.array(types$6.AutoCompleteProposal()),
+		"selectedIndex?": types$6.number(),
+		onValueSelected: types$6.function([types$6.AutoCompleteProposal()]),
+		onValueHovered: types$6.function([types$6.string()])
+	});
 	autoCompleteListRef = (0, _odoo_owl.signal)(null);
 	setup() {
 		(0, _odoo_owl.useEffect)(() => {
@@ -31089,15 +30884,12 @@ function isEmptyParagraph(node) {
 //#region src/components/composer/formula_assistant/formula_assistant.ts
 var FunctionDescriptionProvider = class extends Component {
 	static template = "o-spreadsheet-FunctionDescriptionProvider";
-	static props = {
-		functionDescription: Object,
-		argsToFocus: Array,
-		repeatingArgGroupIndex: {
-			type: Number,
-			optional: true
-		}
-	};
 	static components = { Collapse };
+	props = (0, _odoo_owl.props)({
+		functionDescription: types$6.FunctionDescription(),
+		argsToFocus: types$6.array(types$6.number()),
+		"repeatingArgGroupIndex?": types$6.number()
+	});
 	state = (0, _odoo_owl.proxy)({ isCollapsed: true });
 	toggle() {
 		this.state.isCollapsed = !this.state.isCollapsed;
@@ -31161,11 +30953,11 @@ var FunctionDescriptionProvider = class extends Component {
 const BUBBLE_ARROW_SIZE = 7;
 var SpeechBubble = class extends Component {
 	static template = "o-spreadsheet-SpeechBubble";
-	static props = {
-		content: String,
-		anchorRect: Object
-	};
 	static components = {};
+	props = (0, _odoo_owl.props)({
+		content: types$6.string(),
+		anchorRect: types$6.Rect()
+	});
 	spreadsheetRect = useSpreadsheetRect();
 	bubbleRef = (0, _odoo_owl.signal)(null);
 	setup() {
@@ -31192,62 +30984,30 @@ const highlightParenthesisClass = "highlight-parenthesis-flag";
 const highlightClass = "highlight-flag";
 var Composer = class extends Component {
 	static template = "o-spreadsheet-Composer";
-	static props = {
-		focus: { validate: (value) => [
-			"inactive",
-			"cellFocus",
-			"contentFocus"
-		].includes(value) },
-		inputStyle: {
-			type: String,
-			optional: true
-		},
-		rect: {
-			type: Object,
-			optional: true
-		},
-		delimitation: {
-			type: Object,
-			optional: true
-		},
-		onComposerCellFocused: {
-			type: Function,
-			optional: true
-		},
-		onComposerContentFocused: Function,
-		isDefaultFocus: {
-			type: Boolean,
-			optional: true
-		},
-		onInputContextMenu: {
-			type: Function,
-			optional: true
-		},
-		composerStore: Object,
-		placeholder: {
-			type: String,
-			optional: true
-		},
-		inputMode: {
-			type: String,
-			optional: true
-		},
-		showAssistant: {
-			type: Boolean,
-			optional: true
-		}
-	};
 	static components = {
 		TextValueProvider,
 		FunctionDescriptionProvider,
 		SpeechBubble
 	};
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		focus: types$6.ComposerFocusType(),
+		"inputStyle?": types$6.string(),
+		"rect?": types$6.Rect(),
+		"delimitation?": types$6.DOMDimension(),
+		"onComposerCellFocused?": types$6.function([types$6.string()]),
+		onComposerContentFocused: types$6.function([types$6.ComposerSelection()]),
+		"isDefaultFocus?": types$6.boolean(),
+		"onInputContextMenu?": types$6.function([types$6.instanceOf(MouseEvent)]),
+		composerStore: types$6.Store(),
+		"placeholder?": types$6.string(),
+		"inputMode?": types$6.string(),
+		"showAssistant?": types$6.boolean()
+	}, {
 		inputStyle: "",
 		isDefaultFocus: false,
 		inputMode: "text",
 		showAssistant: true
-	};
+	});
 	DOMFocusableElementStore;
 	composerRef = (0, _odoo_owl.signal)(null);
 	containerRef = (0, _odoo_owl.signal)(null);
@@ -32812,54 +32572,23 @@ var StandaloneComposerStore = class extends AbstractComposerStore {
 //#region src/components/composer/standalone_composer/standalone_composer.ts
 var StandaloneComposer = class extends Component {
 	static template = "o-spreadsheet-StandaloneComposer";
-	static props = {
-		composerContent: {
-			type: String,
-			optional: true
-		},
-		defaultRangeSheetId: {
-			type: String,
-			optional: true
-		},
-		defaultStatic: {
-			type: Boolean,
-			optional: true
-		},
-		onConfirm: Function,
-		contextualAutocomplete: {
-			type: Object,
-			optional: true
-		},
-		placeholder: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		invalid: {
-			type: Boolean,
-			optional: true
-		},
-		autofocus: {
-			type: Boolean,
-			optional: true
-		},
-		getContextualColoredSymbolToken: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = { Composer };
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		onConfirm: types$6.function([types$6.string()]),
+		"composerContent?": types$6.string(),
+		defaultRangeSheetId: types$6.UID(),
+		"defaultStatic?": types$6.boolean(),
+		"contextualAutocomplete?": types$6.AutoCompleteProviderDefinition(),
+		"placeholder?": types$6.string(),
+		"title?": types$6.string(),
+		"class?": types$6.string(),
+		"invalid?": types$6.boolean(),
+		"autofocus?": types$6.boolean(),
+		"getContextualColoredSymbolToken?": types$6.function([types$6.Token()], types$6.Color())
+	}, {
 		composerContent: "",
 		defaultStatic: false
-	};
+	});
 	composerFocusStore;
 	standaloneComposerStore;
 	composerInterface;
@@ -32923,7 +32652,7 @@ var GaugeChartDesignPanel = class extends Component {
 		ChartHumanizeNumbers,
 		Select
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	state;
 	setup() {
 		this.state = (0, _odoo_owl.proxy)({
@@ -33054,11 +32783,11 @@ var GeoChartRegionSelectSection = class extends Component {
 		Section,
 		Select
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		updateChart: Function
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.GeoChartDefinition(),
+		updateChart: types$6.function([types$6.UID(), types$6.object({})], types$6.DispatchResult())
+	});
 	updateSelectedRegion(value) {
 		this.props.updateChart(this.props.chartId, { region: value });
 	}
@@ -33208,10 +32937,10 @@ var PieHoleSize = class extends Component {
 		Section,
 		NumberInput
 	};
-	static props = {
-		onValueChange: Function,
-		value: Number
-	};
+	props = (0, _odoo_owl.props)({
+		onValueChange: types$6.function([types$6.number()]),
+		value: types$6.number()
+	});
 	onChange(value) {
 		if (!isNaN(Number(value))) this.props.onValueChange(clip(Number(value), 0, 95));
 	}
@@ -33233,7 +32962,7 @@ var PieChartDesignPanel = class extends Component {
 		RoundColorPicker,
 		Select
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	state = (0, _odoo_owl.proxy)({ index: 0 });
 	get runtime() {
 		return this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -33293,7 +33022,7 @@ var RadarChartDesignPanel = class extends Component {
 		Checkbox,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 };
 
 //#endregion
@@ -33343,7 +33072,7 @@ var ScorecardChartConfigPanel = class extends Component {
 		Section,
 		Select
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	state = (0, _odoo_owl.proxy)({
 		keyValueDispatchResult: void 0,
 		baselineDispatchResult: void 0
@@ -33417,7 +33146,7 @@ var ScorecardChartDesignPanel = class extends Component {
 		ChartTitle,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	get colorsSectionTitle() {
 		return this.props.definition.baselineMode === "progress" ? _t("Progress bar colors") : _t("Baseline colors");
 	}
@@ -33498,7 +33227,7 @@ var SunburstChartDesignPanel = class extends Component {
 		PieHoleSize,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	defaults = SunburstChartDefaults;
 	get showValues() {
 		return this.props.definition.showValues ?? SunburstChartDefaults.showValues;
@@ -33531,11 +33260,11 @@ var TreeMapCategoryColors = class extends Component {
 		Checkbox,
 		RoundColorPicker
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		onColorChanged: Function
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.TreeMapChartDefinition(),
+		onColorChanged: types$6.function([types$6.TreeMapCategoryColorOptions()], types$6.DispatchResult())
+	});
 	get coloringOptions() {
 		const coloringOptions = this.props.definition.coloringOptions ?? TreeMapChartDefaults.coloringOptions;
 		if (coloringOptions.type !== "categoryColor") throw new Error("Coloring options is not solid color");
@@ -33563,11 +33292,11 @@ var TreeMapCategoryColors = class extends Component {
 var TreeMapColorScale = class extends Component {
 	static template = "o-spreadsheet-TreeMapColorScale";
 	static components = { RoundColorPicker };
-	static props = {
-		chartId: String,
-		definition: Object,
-		onColorChanged: Function
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		definition: types$6.TreeMapChartDefinition(),
+		onColorChanged: types$6.function([types$6.TreeMapColorScaleOptions()], types$6.DispatchResult())
+	});
 	get coloringOptions() {
 		const coloringOptions = this.props.definition.coloringOptions ?? TreeMapChartDefaults.coloringOptions;
 		if (coloringOptions.type !== "colorScale") throw new Error("Coloring options is not a color scale");
@@ -33609,7 +33338,7 @@ var TreeMapChartDesignPanel = class extends Component {
 		TreeMapColorScale,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	savedColors = {
 		categoryColors: DEFAULT_SOLID_COLOR,
 		colorScale: DEFAULT_COLOR_SCALE
@@ -33666,7 +33395,7 @@ var WaterfallChartDesignPanel = class extends Component {
 		ChartLegend,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = (0, _odoo_owl.props)(chartSidePanelPropsDefinition);
 	axisChoices = CHART_AXIS_CHOICES;
 	onUpdateShowSubTotals(showSubTotals) {
 		this.props.updateChart(this.props.chartId, { showSubTotals });
@@ -33780,10 +33509,10 @@ var ChartTypePicker = class extends Component {
 		Section,
 		Popover
 	};
-	static props = {
-		chartId: String,
-		chartPanelStore: Object
-	};
+	props = (0, _odoo_owl.props)({
+		chartId: types$6.UID(),
+		chartPanelStore: types$6.Store()
+	});
 	categories = chartCategories;
 	chartTypeByCategories = {};
 	popoverRef = (0, _odoo_owl.signal)(null);
@@ -33958,10 +33687,10 @@ var ChartPanel = class extends Component {
 		Section,
 		ChartTypePicker
 	};
-	static props = {
-		onCloseSidePanel: Function,
-		chartId: String
-	};
+	props = (0, _odoo_owl.props)({
+		onCloseSidePanel: types$6.function([]),
+		chartId: types$6.UID()
+	});
 	store;
 	get chartId() {
 		return this.props.chartId;
@@ -34352,13 +34081,13 @@ var ColumnStatisticsStore = class extends SpreadsheetStore {
 //#region src/components/side_panel/column_stats/column_stats_panel.ts
 var ColumnStatsPanel = class extends Component {
 	static template = "o-spreadsheet-ColumnStatsPanel";
-	static props = { onCloseSidePanel: Function };
 	static components = {
 		NumberInput,
 		SidePanelCollapsible,
 		BadgeSelection,
 		Section
 	};
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	state = (0, _odoo_owl.proxy)({
 		currentChart: "count",
 		currentFrequencyOrder: "descending",
@@ -34601,7 +34330,7 @@ var CellIsRuleEditor = class extends Component {
 		ColorPickerWidget,
 		Select
 	};
-	static props = { store: Object };
+	props = (0, _odoo_owl.props)({ store: types$6.Store() });
 	getTextDecoration = getTextDecoration;
 	get rule() {
 		return this.props.store.state.rules.cellIs;
@@ -34611,18 +34340,12 @@ var CellIsRuleEditor = class extends Component {
 //#endregion
 //#region src/components/side_panel/criterion_form/criterion_form.ts
 var CriterionForm = class extends Component {
-	static props = {
-		criterion: Object,
-		onCriterionChanged: Function,
-		disableFormulas: {
-			type: Boolean,
-			optional: true
-		},
-		autofocus: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		criterion: types$6.object({}),
+		onCriterionChanged: types$6.function([types$6.object({})]),
+		"disableFormulas?": types$6.boolean(),
+		"autofocus?": types$6.boolean()
+	});
 	setup() {
 		const composerFocusStore = useStore(ComposerFocusStore);
 		if (composerFocusStore.activeComposer.editionMode !== "inactive") composerFocusStore.activeComposer.stopEdition();
@@ -35203,41 +34926,22 @@ function getOccurrencesInRanges(criterionRanges, getters) {
 //#region src/components/side_panel/criterion_form/criterion_input/criterion_input.ts
 var CriterionInput = class extends Component {
 	static template = "o-spreadsheet-CriterionInput";
-	static props = {
-		value: {
-			type: String,
-			optional: true
-		},
-		criterionType: String,
-		onValueChanged: Function,
-		onKeyDown: {
-			type: Function,
-			optional: true
-		},
-		focused: {
-			type: Boolean,
-			optional: true
-		},
-		onBlur: {
-			type: Function,
-			optional: true
-		},
-		onFocus: {
-			type: Function,
-			optional: true
-		},
-		disableFormulas: {
-			type: Boolean,
-			optional: true
-		}
-	};
-	static defaultProps = {
+	static components = { StandaloneComposer };
+	props = (0, _odoo_owl.props)({
+		"value?": types$6.string(),
+		criterionType: types$6.DataValidationCriterionType(),
+		onValueChanged: types$6.function([types$6.string()]),
+		"onKeyDown?": types$6.function([types$6.instanceOf(KeyboardEvent)]),
+		"focused?": types$6.boolean(),
+		"onBlur?": types$6.function([]),
+		"onFocus?": types$6.function([]),
+		"disableFormulas?": types$6.boolean()
+	}, {
 		value: "",
 		onKeyDown: () => {},
 		focused: false,
 		onBlur: () => {}
-	};
-	static components = { StandaloneComposer };
+	});
 	inputRef = (0, _odoo_owl.signal)(null);
 	setup() {
 		useLayoutEffect(() => {
@@ -36064,10 +35768,14 @@ var ColorScaleRuleEditorThreshold = class extends Component {
 		StandaloneComposer,
 		Select
 	};
-	static props = {
-		store: Object,
-		thresholdType: String
-	};
+	props = (0, _odoo_owl.props)({
+		store: types$6.Store(),
+		thresholdType: types$6.or([
+			types$6.literal("minimum"),
+			types$6.literal("midpoint"),
+			types$6.literal("maximum")
+		])
+	});
 	get rule() {
 		return this.props.store.state.rules.colorScale;
 	}
@@ -36138,7 +35846,7 @@ var ColorScaleRuleEditorThreshold = class extends Component {
 var ColorScaleRuleEditor = class extends Component {
 	static template = "o-spreadsheet-ColorScaleRuleEditor";
 	static components = { ColorScaleRuleEditorThreshold };
-	static props = { store: Object };
+	props = (0, _odoo_owl.props)({ store: types$6.Store() });
 };
 
 //#endregion
@@ -36149,7 +35857,7 @@ var DataBarRuleEditor = class extends Component {
 		SelectionInput,
 		RoundColorPicker
 	};
-	static props = { store: Object };
+	props = (0, _odoo_owl.props)({ store: types$6.Store() });
 	get rule() {
 		return this.props.store.state.rules.dataBar;
 	}
@@ -36160,7 +35868,7 @@ var DataBarRuleEditor = class extends Component {
 //#region src/components/icon_picker/icon_picker.ts
 var IconPicker = class extends Component {
 	static template = "o-spreadsheet-IconPicker";
-	static props = { onIconPicked: Function };
+	props = (0, _odoo_owl.props)({ onIconPicked: types$6.function([types$6.string()]) });
 	onIconClick(icon) {
 		if (icon) this.props.onIconPicked(icon);
 	}
@@ -36181,7 +35889,7 @@ var IconSetRuleEditor = class extends Component {
 		StandaloneComposer,
 		Select
 	};
-	static props = { store: Object };
+	props = (0, _odoo_owl.props)({ store: types$6.Store() });
 	get rule() {
 		return this.props.store.state.rules.iconSet;
 	}
@@ -36260,11 +35968,11 @@ var ConditionalFormattingEditor = class extends Component {
 		IconSetRuleEditor,
 		DataBarRuleEditor
 	};
-	static props = {
-		cf: Object,
-		isNewCf: Boolean,
-		onCloseSidePanel: Function
-	};
+	props = (0, _odoo_owl.props)({
+		cf: types$6.ConditionalFormat(),
+		isNewCf: types$6.boolean(),
+		onCloseSidePanel: types$6.function([])
+	});
 	activeSheetId;
 	store;
 	setup() {
@@ -36320,11 +36028,11 @@ 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";
-	static props = {
-		conditionalFormat: Object,
-		onMouseDown: Function,
-		class: String
-	};
+	props = (0, _odoo_owl.props)({
+		conditionalFormat: types$6.ConditionalFormat(),
+		onMouseDown: types$6.function([types$6.instanceOf(MouseEvent)]),
+		class: types$6.string()
+	});
 	icons = ICONS;
 	cfPreviewRef = (0, _odoo_owl.signal)(null);
 	setup() {
@@ -36380,8 +36088,8 @@ var ConditionalFormatPreview = class extends Component {
 //#region src/components/side_panel/conditional_formatting/cf_preview_list/cf_preview_list.ts
 var ConditionalFormatPreviewList = class extends Component {
 	static template = "o-spreadsheet-ConditionalFormatPreviewList";
-	static props = { onCloseSidePanel: Function };
 	static components = { ConditionalFormatPreview };
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	dragAndDrop = useDragAndDropListItems();
 	cfListRef = (0, _odoo_owl.signal)(null);
 	get conditionalFormats() {
@@ -36450,7 +36158,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";
-	static props = { rule: Object };
+	props = (0, _odoo_owl.props)({ rule: types$6.DataValidationRule() });
 	dvPreviewRef = (0, _odoo_owl.signal)(null);
 	setup() {
 		useHighlightsOnHover(this.dvPreviewRef, this);
@@ -36485,8 +36193,8 @@ var DataValidationPreview = class extends Component {
 //#region src/components/side_panel/data_validation/data_validation_panel.ts
 var DataValidationPanel = class extends Component {
 	static template = "o-spreadsheet-DataValidationPanel";
-	static props = { onCloseSidePanel: Function };
 	static components = { DataValidationPreview };
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	addDataValidationRule() {
 		this.env.replaceSidePanel("DataValidationEditor", "DataValidation", { ruleId: UuidGenerator.smallUuid() });
 	}
@@ -36540,14 +36248,11 @@ var DataValidationEditor = class extends Component {
 		Section,
 		ValidationMessages
 	};
-	static props = {
-		ruleId: String,
-		onCancel: {
-			type: Function,
-			optional: true
-		},
-		onCloseSidePanel: Function
-	};
+	props = (0, _odoo_owl.props)({
+		ruleId: types$6.UID(),
+		"onCancel?": types$6.function([]),
+		onCloseSidePanel: types$6.function([])
+	});
 	state = (0, _odoo_owl.proxy)({
 		rule: this.defaultDataValidationRule,
 		errors: [],
@@ -36994,7 +36699,7 @@ var FindAndReplacePanel = class extends Component {
 		ValidationMessages,
 		Select
 	};
-	static props = { onCloseSidePanel: Function };
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	searchInputRef = (0, _odoo_owl.signal)(null);
 	store;
 	state;
@@ -37820,13 +37525,6 @@ var MoreFormatsStore = class extends SpreadsheetStore {
 //#region src/components/side_panel/more_formats/more_formats.ts
 var MoreFormatsPanel = class extends Component {
 	static template = "o-spreadsheet-MoreFormatsPanel";
-	static props = {
-		onCloseSidePanel: Function,
-		category: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = {
 		BadgeSelection,
 		Section,
@@ -37834,6 +37532,14 @@ var MoreFormatsPanel = class extends Component {
 		Checkbox,
 		Select
 	};
+	props = (0, _odoo_owl.props)({
+		onCloseSidePanel: types$6.function([]),
+		"category?": types$6.or([
+			types$6.literal("number"),
+			types$6.literal("date"),
+			types$6.literal("currency")
+		])
+	});
 	store;
 	setup() {
 		this.store = useLocalStore(MoreFormatsStore, this.props.category);
@@ -37889,11 +37595,11 @@ function handleResult(env, result) {
 //#region src/components/side_panel/named_ranges_panel/named_range_preview/named_range_preview.ts
 var NamedRangePreview = class extends Component {
 	static template = "o-spreadsheet-NamedRangePreview";
-	static props = { namedRange: Object };
 	static components = {
 		SelectionInput,
 		TextInput
 	};
+	props = (0, _odoo_owl.props)({ namedRange: types$6.NamedRange() });
 	state = (0, _odoo_owl.proxy)({});
 	namedRangePreviewRef = (0, _odoo_owl.signal)(null);
 	setup() {
@@ -37945,12 +37651,12 @@ var NamedRangePreview = class extends Component {
 //#region src/components/side_panel/named_ranges_panel/named_ranges_panel.ts
 var NamedRangesPanel = class extends Component {
 	static template = "o-spreadsheet-NamedRangesPanel";
-	static props = { onCloseSidePanel: Function };
 	static components = {
 		NamedRangePreview,
 		SelectionInput,
 		TextInput
 	};
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	get namedRanges() {
 		return this.env.model.getters.getNamedRanges();
 	}
@@ -37971,7 +37677,7 @@ const HIGHLIGHT_COLOR = "#e28f08";
 var PerfProfilePanel = class extends Component {
 	static template = "o-spreadsheet-PerfProfilePanel";
 	static components = { Section };
-	static props = { onCloseSidePanel: Function };
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	state = (0, _odoo_owl.proxy)({
 		selectedIndex: void 0,
 		lastProfiledTime: 0
@@ -38187,11 +37893,11 @@ 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";
-	static props = {
-		onCloseSidePanel: Function,
-		pivotId: String,
-		measure: Object
-	};
+	props = (0, _odoo_owl.props)({
+		onCloseSidePanel: types$6.function([]),
+		pivotId: types$6.UID(),
+		measure: types$6.PivotCoreMeasure()
+	});
 	static components = {
 		Section,
 		Checkbox,
@@ -38253,13 +37959,13 @@ 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";
-	static props = {
-		deferUpdate: Boolean,
-		isDirty: Boolean,
-		toggleDeferUpdate: Function,
-		discard: Function,
-		apply: Function
-	};
+	props = (0, _odoo_owl.props)({
+		deferUpdate: types$6.boolean(),
+		isDirty: types$6.boolean(),
+		toggleDeferUpdate: types$6.function([types$6.boolean()]),
+		discard: types$6.function([]),
+		apply: types$6.function([])
+	});
 	static components = {
 		Section,
 		Checkbox
@@ -38272,6 +37978,150 @@ var PivotDeferUpdate = class extends Component {
 	}
 };
 
+//#endregion
+//#region src/helpers/pivot/pivot_runtime_definition.ts
+/**
+* Represent a pivot runtime definition. A pivot runtime definition is a pivot
+* definition that has been enriched to include the display name of its attributes
+* (measures, columns, rows).
+*/
+var PivotRuntimeDefinition = class {
+	measures;
+	columns;
+	rows;
+	filters;
+	sortedColumn;
+	collapsedDomains;
+	customFields;
+	constructor(definition, fields) {
+		this.columns = definition.columns.map((dimension) => this.createPivotDimension(fields, dimension));
+		this.rows = definition.rows.map((dimension) => this.createPivotDimension(fields, dimension));
+		this.measures = definition.measures.map((measure) => this.createMeasure(fields, measure));
+		this.filters = (definition.filters ?? []).map((filter) => this.createPivotFilter(fields, filter));
+		this.sortedColumn = definition.sortedColumn;
+		this.collapsedDomains = definition.collapsedDomains;
+		this.customFields = definition.customFields;
+	}
+	getDimension(nameWithGranularity) {
+		const dimension = this.columns.find((d) => d.nameWithGranularity === nameWithGranularity) || this.rows.find((d) => d.nameWithGranularity === nameWithGranularity);
+		if (!dimension) throw new EvaluationError(_t("Dimension %s does not exist", nameWithGranularity));
+		return dimension;
+	}
+	getMeasure(id) {
+		const measure = this.measures.find((measure) => measure.id === id);
+		if (!measure) throw new EvaluationError(_t("Field %s is not a measure", id));
+		return measure;
+	}
+	get invalidAggregatorsForCustomField() {
+		return [];
+	}
+	createMeasure(fields, measure) {
+		const fieldName = measure.fieldName;
+		const field = fieldName === "__count" ? {
+			name: "__count",
+			string: _t("Count"),
+			type: "integer",
+			aggregator: "sum"
+		} : fields[fieldName];
+		const aggregator = measure.aggregator;
+		let isValid = !!(field || measure.computedBy);
+		for (const dimension of [...this.rows, ...this.columns]) if (fields[dimension.fieldName]?.isCustomField && this.invalidAggregatorsForCustomField.includes(aggregator)) {
+			isValid = false;
+			break;
+		}
+		return {
+			/**
+			* Get the id of the measure, as it is stored in the pivot formula
+			*/
+			id: measure.id,
+			/**
+			* Display name of the measure
+			* e.g. "__count" -> "Count", "amount_total" -> "Total Amount"
+			*/
+			get displayName() {
+				return measure.userDefinedName ?? field?.string ?? measure.fieldName;
+			},
+			userDefinedName: measure.userDefinedName,
+			/**
+			* Get the name of the field of the measure
+			*/
+			fieldName,
+			/**
+			* Get the aggregator of the measure
+			*/
+			aggregator,
+			/**
+			* Get the type of the measure field
+			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
+			*/
+			type: fieldName === "__count" ? "integer" : field?.type ?? "integer",
+			isValid,
+			isHidden: measure.isHidden,
+			format: measure.format,
+			computedBy: measure.computedBy,
+			display: measure.display
+		};
+	}
+	createPivotDimension(fields, dimension) {
+		const field = fields[dimension.fieldName];
+		const type = field?.type ?? "integer";
+		const granularity = field && isDateOrDatetimeField(field) ? dimension.granularity : void 0;
+		return {
+			/**
+			* Get the display name of the dimension
+			* e.g. "stage_id" -> "Stage", "create_date:month" -> "Create Date"
+			*/
+			displayName: field?.string ?? dimension.fieldName,
+			/**
+			* Get the name of the dimension, as it is stored in the pivot formula
+			* e.g. "stage_id", "create_date:month"
+			*/
+			nameWithGranularity: dimension.fieldName + (granularity ? `:${granularity}` : ""),
+			/**
+			* Get the name of the field of the dimension
+			* e.g. "stage_id" -> "stage_id", "create_date:month" -> "create_date"
+			*/
+			fieldName: dimension.fieldName,
+			/**
+			* Get the aggregate operator of the dimension
+			* e.g. "stage_id" -> undefined, "create_date:month" -> "month"
+			*/
+			granularity,
+			/**
+			* Get the type of the field of the dimension
+			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
+			*/
+			type: field?.isCustomField ? "custom" : type,
+			order: dimension.order,
+			isValid: !!field,
+			isCustomField: !!field?.isCustomField,
+			customGroups: field?.customGroups,
+			parentField: field?.parentField
+		};
+	}
+	createPivotFilter(fields, filter) {
+		const field = fields[filter.fieldName];
+		return {
+			...filter,
+			displayName: field?.name ?? filter.fieldName,
+			isValid: !!field
+		};
+	}
+};
+
+//#endregion
+//#region src/helpers/pivot/spreadsheet_pivot/runtime_definition_spreadsheet_pivot.ts
+var SpreadsheetPivotRuntimeDefinition = class extends PivotRuntimeDefinition {
+	range;
+	constructor(definition, fields, getters) {
+		super(definition, fields);
+		if (definition.dataSet) {
+			const { sheetId, zone } = definition.dataSet;
+			this.range = getters.getRangeFromZone(sheetId, zone);
+		}
+	}
+};
+
 //#endregion
 //#region src/types/table.ts
 const filterCriterions = [
@@ -38337,12 +38187,12 @@ const filterDateCriterionOperators = [
 //#region src/components/filters/filter_menu_criterion/filter_menu_criterion.ts
 var FilterMenuCriterion = class extends Component {
 	static template = "o-spreadsheet-FilterMenuCriterion";
-	static props = {
-		criterion: Object,
-		onCriterionChanged: Function,
-		criterionOperators: Array
-	};
 	static components = { Select };
+	props = (0, _odoo_owl.props)({
+		criterion: types$6.CriterionFilter(),
+		criterionOperators: types$6.array(types$6.GenericCriterionType()),
+		onCriterionChanged: types$6.function([types$6.CriterionFilter()])
+	});
 	state;
 	setup() {
 		(0, _odoo_owl.onWillUpdateProps)((nextProps) => {
@@ -38375,17 +38225,14 @@ var FilterMenuCriterion = class extends Component {
 var FilterMenuValueItem = class extends Component {
 	static template = "o-spreadsheet-FilterMenuValueItem";
 	static components = { Checkbox };
-	static props = {
-		value: String,
-		isChecked: Boolean,
-		isSelected: Boolean,
-		onMouseMove: Function,
-		onClick: Function,
-		scrolledTo: {
-			type: String,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		value: _odoo_owl.types.string(),
+		isChecked: _odoo_owl.types.boolean(),
+		isSelected: _odoo_owl.types.boolean(),
+		onMouseMove: _odoo_owl.types.function([]),
+		onClick: _odoo_owl.types.function([]),
+		"scrolledTo?": _odoo_owl.types.or([_odoo_owl.types.literal("top"), _odoo_owl.types.literal("bottom")])
+	});
 	itemRef = (0, _odoo_owl.signal)(null);
 	setup() {
 		(0, _odoo_owl.onWillPatch)(() => {
@@ -38403,11 +38250,15 @@ var FilterMenuValueItem = class extends Component {
 //#region src/components/filters/filter_menu_value_list/filter_menu_value_list.ts
 var FilterMenuValueList = class extends Component {
 	static template = "o-spreadsheet-FilterMenuValueList";
-	static props = {
-		values: Object,
-		onUpdateHiddenValues: Function
-	};
 	static components = { FilterMenuValueItem };
+	props = (0, _odoo_owl.props)({
+		values: types$6.array(types$6.object({
+			checked: types$6.boolean(),
+			string: types$6.string(),
+			"scrolledTo?": types$6.or([types$6.literal("top"), types$6.literal("bottom")])
+		})),
+		onUpdateHiddenValues: types$6.function([types$6.array(types$6.string())])
+	});
 	state = (0, _odoo_owl.proxy)({
 		displayedValues: [],
 		textFilter: "",
@@ -38508,17 +38359,6 @@ var FilterMenuValueList = class extends Component {
 //#region src/components/filters/pivot_filter_menu/pivot_filter_menu.ts
 var PivotFilterMenu = class extends Component {
 	static template = "o-spreadsheet-PivotFilterMenu";
-	static props = {
-		pivotId: String,
-		definition: Object,
-		filter: Object,
-		values: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		},
-		onConfirmed: Function
-	};
 	static components = {
 		FilterMenuValueList,
 		SidePanelCollapsible,
@@ -38526,6 +38366,18 @@ var PivotFilterMenu = class extends Component {
 	};
 	criterionCategory = "char";
 	updatedCriterionValue;
+	props = (0, _odoo_owl.props)({
+		pivotId: types$6.UID(),
+		definition: types$6.instanceOf(SpreadsheetPivotRuntimeDefinition),
+		filter: types$6.PivotFilter(),
+		values: types$6.array(types$6.object({
+			checked: types$6.boolean(),
+			string: types$6.string(),
+			"scrolledTo?": types$6.or([types$6.literal("top"), types$6.literal("bottom")])
+		})),
+		"onClosed?": types$6.function([]),
+		onConfirmed: types$6.function([types$6.DataFilterValue()])
+	});
 	setup() {
 		(0, _odoo_owl.onWillUpdateProps)((nextProps) => {
 			if (!deepEquals(nextProps.definition, this.props.definition)) {
@@ -38577,21 +38429,29 @@ 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";
-	static props = {
-		dimension: Object,
-		onRemoved: {
-			type: Function,
-			optional: true
-		},
-		onNameUpdated: {
-			type: Function,
-			optional: true
-		},
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		dimension: types$6.or([
+			types$6.PivotDimension(),
+			types$6.PivotMeasure(),
+			types$6.PivotFilter()
+		]),
+		"onRemoved?": types$6.function([types$6.or([
+			types$6.PivotDimension(),
+			types$6.PivotMeasure(),
+			types$6.PivotFilter()
+		])]),
+		"onNameUpdated?": types$6.function([types$6.or([
+			types$6.PivotDimension(),
+			types$6.PivotMeasure(),
+			types$6.PivotFilter()
+		]), types$6.string()]),
+		"type?": types$6.or([
+			types$6.literal("row"),
+			types$6.literal("col"),
+			types$6.literal("measure"),
+			types$6.literal("filter")
+		])
+	});
 	static components = {
 		CogWheelMenu,
 		TextInput
@@ -38614,12 +38474,12 @@ var PivotFilterEditor = class extends Component {
 		Popover,
 		PivotFilterMenu
 	};
-	static props = {
-		pivotId: String,
-		definition: Object,
-		filter: Object,
-		onFiltersUpdated: Function
-	};
+	props = (0, _odoo_owl.props)({
+		pivotId: types$6.UID(),
+		definition: types$6.instanceOf(SpreadsheetPivotRuntimeDefinition),
+		filter: types$6.PivotFilter(),
+		onFiltersUpdated: types$6.function([types$6.SpreadsheetPivotCoreDefinition()])
+	});
 	state;
 	buttonFilter = (0, _odoo_owl.signal)(null);
 	popover;
@@ -38746,14 +38606,10 @@ var AddDimensionButton = class extends Component {
 		Popover,
 		TextValueProvider
 	};
-	static props = {
-		onFieldPicked: Function,
-		fields: Array,
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		onFieldPicked: types$6.function([types$6.string()]),
+		fields: types$6.array()
+	});
 	buttonRef = (0, _odoo_owl.signal)(null);
 	popover = (0, _odoo_owl.proxy)({ isOpen: false });
 	search = (0, _odoo_owl.proxy)({ input: "" });
@@ -38845,11 +38701,11 @@ 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";
-	static props = {
-		pivotId: String,
-		customField: Object,
-		onCustomFieldUpdated: Function
-	};
+	props = (0, _odoo_owl.props)({
+		pivotId: types$6.UID(),
+		customField: types$6.PivotCustomGroupedField(),
+		onCustomFieldUpdated: types$6.function([types$6.object({})])
+	});
 	static components = {
 		SidePanelCollapsible,
 		TextInput,
@@ -38909,12 +38765,12 @@ 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";
-	static props = {
-		dimension: Object,
-		onUpdated: Function,
-		availableGranularities: Set,
-		allGranularities: Array
-	};
+	props = (0, _odoo_owl.props)({
+		dimension: types$6.PivotDimension(),
+		onUpdated: types$6.function([types$6.PivotDimension(), types$6.instanceOf(InputEvent)]),
+		availableGranularities: types$6.SetOf(),
+		allGranularities: types$6.array()
+	});
 	static components = { Select };
 	periods = ALL_PERIODS;
 	get granularityOptions() {
@@ -38930,10 +38786,11 @@ 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";
-	static props = {
-		dimension: Object,
-		onUpdated: Function
-	};
+	props = (0, _odoo_owl.props)({
+		dimension: types$6.PivotDimension(),
+		onUpdated: types$6.function([types$6.PivotDimension(), types$6.instanceOf(InputEvent)]),
+		"isMeasureSorted?": types$6.boolean()
+	});
 	static components = { Select };
 	get orderSelectOptions() {
 		const options = [{
@@ -38943,12 +38800,20 @@ var PivotDimensionOrder = class extends Component {
 			value: "desc",
 			label: _t("Descending")
 		}];
+		if (this.props.isMeasureSorted) options.unshift({
+			value: "measures",
+			label: _t("Sorted by measure")
+		});
 		if (this.props.dimension.type === "date") return options;
 		return [{
 			value: "",
 			label: _t("Unsorted")
 		}, ...options];
 	}
+	get selectedValue() {
+		if (this.props.isMeasureSorted) return "measures";
+		return this.props.dimension.order || "";
+	}
 };
 
 //#endregion
@@ -39003,15 +38868,15 @@ var PivotMeasureEditor = class extends Component {
 		StandaloneComposer,
 		Select
 	};
-	static props = {
-		definition: Object,
-		measure: Object,
-		onMeasureUpdated: Function,
-		onRemoved: Function,
-		generateMeasureId: Function,
-		aggregators: Object,
-		pivotId: String
-	};
+	props = (0, _odoo_owl.props)({
+		pivotId: types$6.string(),
+		definition: types$6.PivotRuntimeDefinition(),
+		measure: types$6.PivotMeasure(),
+		onMeasureUpdated: types$6.function([types$6.PivotMeasure()]),
+		onRemoved: types$6.function([]),
+		generateMeasureId: types$6.function([types$6.string(), types$6.string()], types$6.string()),
+		aggregators: types$6.object({})
+	});
 	getMeasureAutocomplete() {
 		return createMeasureAutoComplete(this.props.definition, this.props.measure);
 	}
@@ -39091,10 +38956,10 @@ var PivotMeasureEditor = class extends Component {
 var PivotSortSection = class extends Component {
 	static template = "o-spreadsheet-PivotSortSection";
 	static components = { Section };
-	static props = {
-		definition: Object,
-		pivotId: String
-	};
+	props = (0, _odoo_owl.props)({
+		definition: types$6.PivotRuntimeDefinition(),
+		pivotId: types$6.UID()
+	});
 	get hasValidSort() {
 		const pivot = this.env.model.getters.getPivot(this.props.pivotId);
 		return !!this.props.definition.sortedColumn && isSortedColumnValid(this.props.definition.sortedColumn, pivot);
@@ -39146,21 +39011,18 @@ var PivotLayoutConfigurator = class extends Component {
 		PivotCustomGroupsCollapsible,
 		SidePanelCollapsible
 	};
-	static props = {
-		definition: Object,
-		onDimensionsUpdated: Function,
-		onFiltersUpdated: Function,
-		unusedGroupableFields: Array,
-		measureFields: Array,
-		unusedGranularities: Object,
-		dateGranularities: Array,
-		datetimeGranularities: Array,
-		getScrollableContainerEl: {
-			type: Function,
-			optional: true
-		},
-		pivotId: String
-	};
+	props = (0, _odoo_owl.props)({
+		definition: types$6.instanceOf(PivotRuntimeDefinition),
+		onDimensionsUpdated: types$6.function([types$6.PivotCoreDefinition()]),
+		onFiltersUpdated: types$6.function([types$6.PivotCoreDefinition()]),
+		unusedGroupableFields: types$6.array(types$6.PivotField()),
+		measureFields: types$6.array(types$6.PivotField()),
+		unusedGranularities: types$6.RecordOf(),
+		dateGranularities: types$6.array(types$6.string()),
+		datetimeGranularities: types$6.array(types$6.string()),
+		"getScrollableContainerEl?": types$6.function([], types$6.instanceOf(HTMLElement)),
+		pivotId: types$6.UID()
+	});
 	dimensionsRef = (0, _odoo_owl.signal)(null);
 	dragAndDrop = useDragAndDropListItems();
 	AGGREGATORS = AGGREGATORS;
@@ -39322,7 +39184,8 @@ var PivotLayoutConfigurator = class extends Component {
 		return this.env.model.getters.getPivotCoreDefinition(this.props.pivotId).customFields?.[dimension.nameWithGranularity];
 	}
 	updateOrder(updateDimension, order) {
-		const { rows, columns } = this.props.definition;
+		const { rows, columns, sortedColumn } = this.props.definition;
+		const isRow = rows.some((row) => row.nameWithGranularity === updateDimension.nameWithGranularity);
 		this.props.onDimensionsUpdated({
 			rows: rows.map((row) => {
 				if (row.nameWithGranularity === updateDimension.nameWithGranularity) return {
@@ -39337,7 +39200,8 @@ var PivotLayoutConfigurator = class extends Component {
 					order: order || void 0
 				};
 				return col;
-			})
+			}),
+			sortedColumn: isRow ? void 0 : sortedColumn
 		});
 	}
 	updateGranularity(dimension, granularity) {
@@ -39363,6 +39227,9 @@ var PivotLayoutConfigurator = class extends Component {
 		const possibleValues = this.env.model.getters.getPivot(this.props.pivotId).getPossibleFieldValues(dimension);
 		return possibleValues.length > 100 ? _t("This dimension contains a lot of values (%s), and might slow down the pivot table.", possibleValues.length) : void 0;
 	}
+	get hasSortedColumn() {
+		return !!this.props.definition.sortedColumn;
+	}
 };
 
 //#endregion
@@ -39374,10 +39241,10 @@ var PivotTitleSection = class extends Component {
 		Section,
 		TextInput
 	};
-	static props = {
-		pivotId: String,
-		flipAxis: Function
-	};
+	props = (0, _odoo_owl.props)({
+		pivotId: types$6.UID(),
+		flipAxis: types$6.function([])
+	});
 	get cogWheelMenuItems() {
 		return [
 			{
@@ -39443,150 +39310,6 @@ var PivotTitleSection = class extends Component {
 	}
 };
 
-//#endregion
-//#region src/helpers/pivot/pivot_runtime_definition.ts
-/**
-* Represent a pivot runtime definition. A pivot runtime definition is a pivot
-* definition that has been enriched to include the display name of its attributes
-* (measures, columns, rows).
-*/
-var PivotRuntimeDefinition = class {
-	measures;
-	columns;
-	rows;
-	filters;
-	sortedColumn;
-	collapsedDomains;
-	customFields;
-	constructor(definition, fields) {
-		this.columns = definition.columns.map((dimension) => this.createPivotDimension(fields, dimension));
-		this.rows = definition.rows.map((dimension) => this.createPivotDimension(fields, dimension));
-		this.measures = definition.measures.map((measure) => this.createMeasure(fields, measure));
-		this.filters = (definition.filters ?? []).map((filter) => this.createPivotFilter(fields, filter));
-		this.sortedColumn = definition.sortedColumn;
-		this.collapsedDomains = definition.collapsedDomains;
-		this.customFields = definition.customFields;
-	}
-	getDimension(nameWithGranularity) {
-		const dimension = this.columns.find((d) => d.nameWithGranularity === nameWithGranularity) || this.rows.find((d) => d.nameWithGranularity === nameWithGranularity);
-		if (!dimension) throw new EvaluationError(_t("Dimension %s does not exist", nameWithGranularity));
-		return dimension;
-	}
-	getMeasure(id) {
-		const measure = this.measures.find((measure) => measure.id === id);
-		if (!measure) throw new EvaluationError(_t("Field %s is not a measure", id));
-		return measure;
-	}
-	get invalidAggregatorsForCustomField() {
-		return [];
-	}
-	createMeasure(fields, measure) {
-		const fieldName = measure.fieldName;
-		const field = fieldName === "__count" ? {
-			name: "__count",
-			string: _t("Count"),
-			type: "integer",
-			aggregator: "sum"
-		} : fields[fieldName];
-		const aggregator = measure.aggregator;
-		let isValid = !!(field || measure.computedBy);
-		for (const dimension of [...this.rows, ...this.columns]) if (fields[dimension.fieldName]?.isCustomField && this.invalidAggregatorsForCustomField.includes(aggregator)) {
-			isValid = false;
-			break;
-		}
-		return {
-			/**
-			* Get the id of the measure, as it is stored in the pivot formula
-			*/
-			id: measure.id,
-			/**
-			* Display name of the measure
-			* e.g. "__count" -> "Count", "amount_total" -> "Total Amount"
-			*/
-			get displayName() {
-				return measure.userDefinedName ?? field?.string ?? measure.fieldName;
-			},
-			userDefinedName: measure.userDefinedName,
-			/**
-			* Get the name of the field of the measure
-			*/
-			fieldName,
-			/**
-			* Get the aggregator of the measure
-			*/
-			aggregator,
-			/**
-			* Get the type of the measure field
-			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
-			*/
-			type: fieldName === "__count" ? "integer" : field?.type ?? "integer",
-			isValid,
-			isHidden: measure.isHidden,
-			format: measure.format,
-			computedBy: measure.computedBy,
-			display: measure.display
-		};
-	}
-	createPivotDimension(fields, dimension) {
-		const field = fields[dimension.fieldName];
-		const type = field?.type ?? "integer";
-		const granularity = field && isDateOrDatetimeField(field) ? dimension.granularity : void 0;
-		return {
-			/**
-			* Get the display name of the dimension
-			* e.g. "stage_id" -> "Stage", "create_date:month" -> "Create Date"
-			*/
-			displayName: field?.string ?? dimension.fieldName,
-			/**
-			* Get the name of the dimension, as it is stored in the pivot formula
-			* e.g. "stage_id", "create_date:month"
-			*/
-			nameWithGranularity: dimension.fieldName + (granularity ? `:${granularity}` : ""),
-			/**
-			* Get the name of the field of the dimension
-			* e.g. "stage_id" -> "stage_id", "create_date:month" -> "create_date"
-			*/
-			fieldName: dimension.fieldName,
-			/**
-			* Get the aggregate operator of the dimension
-			* e.g. "stage_id" -> undefined, "create_date:month" -> "month"
-			*/
-			granularity,
-			/**
-			* Get the type of the field of the dimension
-			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
-			*/
-			type: field?.isCustomField ? "custom" : type,
-			order: dimension.order,
-			isValid: !!field,
-			isCustomField: !!field?.isCustomField,
-			customGroups: field?.customGroups,
-			parentField: field?.parentField
-		};
-	}
-	createPivotFilter(fields, filter) {
-		const field = fields[filter.fieldName];
-		return {
-			...filter,
-			displayName: field?.name ?? filter.fieldName,
-			isValid: !!field
-		};
-	}
-};
-
-//#endregion
-//#region src/helpers/pivot/spreadsheet_pivot/runtime_definition_spreadsheet_pivot.ts
-var SpreadsheetPivotRuntimeDefinition = class extends PivotRuntimeDefinition {
-	range;
-	constructor(definition, fields, getters) {
-		super(definition, fields);
-		if (definition.dataSet) {
-			const { sheetId, zone } = definition.dataSet;
-			this.range = getters.getRangeFromZone(sheetId, zone);
-		}
-	}
-};
-
 //#endregion
 //#region src/helpers/filter_helpers.ts
 /**
@@ -41138,10 +40861,6 @@ var PivotSidePanelStore = class extends SpreadsheetStore {
 //#region src/components/side_panel/pivot/pivot_side_panel/pivot_spreadsheet_side_panel/pivot_spreadsheet_side_panel.ts
 var PivotSpreadsheetSidePanel = class extends Component {
 	static template = "o-spreadsheet-PivotSpreadsheetSidePanel";
-	static props = {
-		pivotId: String,
-		onCloseSidePanel: Function
-	};
 	static components = {
 		PivotLayoutConfigurator,
 		Section,
@@ -41152,6 +40871,10 @@ var PivotSpreadsheetSidePanel = class extends Component {
 		AddDimensionButton,
 		PivotFilterEditor
 	};
+	props = (0, _odoo_owl.props)({
+		pivotId: types$6.UID(),
+		onCloseSidePanel: types$6.function([])
+	});
 	store;
 	state;
 	pivotSidePanelRef = (0, _odoo_owl.signal)(null);
@@ -42386,23 +42109,14 @@ function drawTexts(ctx, tableStyle, params) {
 var TableStylePreview = class extends Component {
 	static template = "o-spreadsheet-TableStylePreview";
 	static components = { MenuPopover };
-	static props = {
-		tableConfig: Object,
-		tableStyle: Object,
-		type: String,
-		styleId: {
-			type: String,
-			optional: true
-		},
-		selected: {
-			type: Boolean,
-			optional: true
-		},
-		onClick: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		tableConfig: types$6.TableConfig(),
+		tableStyle: types$6.TableStyle(),
+		type: types$6.or([types$6.literal("table"), types$6.literal("pivot")]),
+		"styleId?": types$6.string(),
+		"selected?": types$6.boolean(),
+		"onClick?": types$6.function([])
+	});
 	canvasRef = (0, _odoo_owl.signal)(null);
 	menu = (0, _odoo_owl.proxy)({
 		isOpen: false,
@@ -42488,21 +42202,15 @@ var TableStylesPopover = class extends Component {
 		Popover,
 		TableStylePreview
 	};
-	static props = {
-		tableConfig: Object,
-		popoverProps: {
-			type: Object,
-			optional: true
-		},
-		closePopover: Function,
-		onStylePicked: Function,
-		selectedStyleId: {
-			type: String,
-			optional: true
-		},
-		tableStyles: Object,
-		type: String
-	};
+	props = (0, _odoo_owl.props)({
+		tableConfig: types$6.object({}),
+		"popoverProps?": types$6.object({}),
+		closePopover: types$6.function([]),
+		onStylePicked: types$6.function([types$6.string()]),
+		"selectedStyleId?": types$6.string(),
+		tableStyles: types$6.RecordOf(),
+		type: types$6.or([types$6.literal("table"), types$6.literal("pivot")])
+	});
 	tableStyleListRef = (0, _odoo_owl.signal)(null);
 	state = (0, _odoo_owl.proxy)({ selectedCategory: this.initialSelectedCategory });
 	setup() {
@@ -42542,12 +42250,12 @@ var TableStylePicker = class extends Component {
 		TableStylesPopover,
 		TableStylePreview
 	};
-	static props = {
-		tableConfig: Object,
-		onStylePicked: Function,
-		tableStyles: Object,
-		type: String
-	};
+	props = (0, _odoo_owl.props)({
+		tableConfig: types$6.TableConfig(),
+		onStylePicked: types$6.function([types$6.string()]),
+		tableStyles: types$6.RecordOf(),
+		type: types$6.or([types$6.literal("table"), types$6.literal("pivot")])
+	});
 	state = (0, _odoo_owl.proxy)({ popoverProps: void 0 });
 	getDisplayedTableStyles() {
 		const allStyles = this.props.tableStyles;
@@ -42588,13 +42296,13 @@ var TableStylePicker = class extends Component {
 //#region src/components/side_panel/pivot/pivot_side_panel/pivot_design_panel/pivot_design_panel.ts
 var PivotDesignPanel = class extends Component {
 	static template = "o-spreadsheet-PivotDesignPanel";
-	static props = { pivotId: String };
 	static components = {
 		Section,
 		Checkbox,
 		NumberInput,
 		TableStylePicker
 	};
+	props = (0, _odoo_owl.props)({ pivotId: types$6.UID() });
 	store;
 	setup() {
 		this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId, "neverDefer");
@@ -42643,20 +42351,16 @@ var PivotDesignPanel = class extends Component {
 //#region src/components/side_panel/pivot/pivot_side_panel/pivot_side_panel.ts
 var PivotSidePanel = class extends Component {
 	static template = "o-spreadsheet-PivotSidePanel";
-	static props = {
-		pivotId: String,
-		onCloseSidePanel: Function,
-		openTab: {
-			type: String,
-			optional: true
-		}
-	};
-	static defaultProps = { openTab: "configuration" };
 	static components = {
 		PivotLayoutConfigurator,
 		Section,
 		PivotDesignPanel
 	};
+	props = (0, _odoo_owl.props)({
+		pivotId: types$6.UID(),
+		onCloseSidePanel: types$6.function([]),
+		"openTab?": types$6.or([types$6.literal("configuration"), types$6.literal("design")])
+	}, { openTab: "configuration" });
 	state = (0, _odoo_owl.proxy)({ panel: this.props.openTab || "configuration" });
 	setup() {
 		useHighlights(this);
@@ -42686,7 +42390,7 @@ var RemoveDuplicatesPanel = class extends Component {
 		Section,
 		Checkbox
 	};
-	static props = { onCloseSidePanel: Function };
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	state = (0, _odoo_owl.proxy)({
 		hasHeader: false,
 		columns: {}
@@ -42770,7 +42474,7 @@ var SettingsPanel = class extends Component {
 		BadgeSelection,
 		Select
 	};
-	static props = { onCloseSidePanel: Function };
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	loadedLocales = [];
 	setup() {
 		(0, _odoo_owl.onWillStart)(() => this.loadLocales());
@@ -42888,7 +42592,7 @@ var SplitIntoColumnsPanel = class extends Component {
 		Checkbox,
 		Select
 	};
-	static props = { onCloseSidePanel: Function };
+	props = (0, _odoo_owl.props)({ onCloseSidePanel: types$6.function([]) });
 	state = (0, _odoo_owl.proxy)({
 		separatorValue: "auto",
 		addNewColumns: false,
@@ -42964,10 +42668,10 @@ var TablePanel = class extends Component {
 		Section,
 		NumberInput
 	};
-	static props = {
-		onCloseSidePanel: Function,
-		table: Object
-	};
+	props = (0, _odoo_owl.props)({
+		onCloseSidePanel: types$6.function([]),
+		table: types$6.CoreTable()
+	});
 	state;
 	setup() {
 		const sheetId = this.env.model.getters.getActiveSheetId();
@@ -43124,17 +42828,11 @@ var TableStyleEditorPanel = class extends Component {
 		RoundColorPicker,
 		TableStylePreview
 	};
-	static props = {
-		onCloseSidePanel: Function,
-		onStylePicked: {
-			type: Function,
-			optional: true
-		},
-		styleId: {
-			type: String,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		onCloseSidePanel: types$6.function([]),
+		"onStylePicked?": types$6.function([types$6.string()]),
+		"styleId?": types$6.string()
+	});
 	state = (0, _odoo_owl.proxy)(this.getInitialState());
 	setup() {
 		useExternalListener(window, "click", () => this.state.pickerOpened = false);
@@ -45464,10 +45162,10 @@ function adjustIndexWithinBounds(index, position, max) {
 //#region src/components/autofill/autofill.ts
 var Autofill = class extends Component {
 	static template = "o-spreadsheet-Autofill";
-	static props = {
-		position: Object,
-		isVisible: Boolean
-	};
+	props = (0, _odoo_owl.props)({
+		position: types$6.DOMCoordinates(),
+		isVisible: types$6.boolean()
+	});
 	state = (0, _odoo_owl.proxy)({
 		position: {
 			x: 0,
@@ -45542,7 +45240,7 @@ var Autofill = class extends Component {
 	}
 };
 var TooltipComponent = class extends Component {
-	static props = { content: String };
+	props = (0, _odoo_owl.props)({ content: types$6.string() });
 	static template = _odoo_owl.xml`
     <div t-out="this.props.content"/>
   `;
@@ -45552,13 +45250,13 @@ 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";
-	static props = {
-		active: Boolean,
-		name: String,
-		color: String,
-		col: Number,
-		row: Number
-	};
+	props = (0, _odoo_owl.props)({
+		active: types$6.boolean(),
+		name: types$6.string(),
+		color: types$6.Color(),
+		col: types$6.HeaderIndex(),
+		row: types$6.HeaderIndex()
+	});
 	get tagStyle() {
 		const { col, row, color } = this.props;
 		const { height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
@@ -46132,11 +45830,11 @@ const GRID_CELL_REFERENCE_TOP_OFFSET = 28;
 */
 var GridComposer = class extends Component {
 	static template = "o-spreadsheet-GridComposer";
-	static props = {
-		gridDims: Object,
-		onInputContextMenu: Function
-	};
 	static components = { Composer };
+	props = (0, _odoo_owl.props)({
+		gridDims: types$6.DOMDimension(),
+		onInputContextMenu: types$6.function([types$6.instanceOf(MouseEvent)])
+	});
 	rect = this.defaultRect;
 	isEditing = false;
 	isCellReferenceVisible = false;
@@ -46596,7 +46294,6 @@ function getAxis(getters, figureUI, dnd, axisType) {
 */
 var FiguresContainer = class extends Component {
 	static template = "o-spreadsheet-FiguresContainer";
-	static props = {};
 	static components = { FigureComponent };
 	dnd = (0, _odoo_owl.proxy)({
 		draggedFigure: void 0,
@@ -46947,7 +46644,6 @@ var FiguresContainer = class extends Component {
 //#region src/components/grid_add_rows_footer/grid_add_rows_footer.ts
 var GridAddRowsFooter = class extends Component {
 	static template = "o-spreadsheet-GridAddRowsFooter";
-	static props = {};
 	static components = { ValidationMessages };
 	DOMFocusableElementStore;
 	inputRef = (0, _odoo_owl.signal)(null);
@@ -47255,40 +46951,32 @@ function useCellHovered(env, gridRef) {
 }
 var GridOverlay = class extends Component {
 	static template = "o-spreadsheet-GridOverlay";
-	static props = {
-		onCellDoubleClicked: {
-			type: Function,
-			optional: true
-		},
-		onCellClicked: {
-			type: Function,
-			optional: true
-		},
-		onCellRightClicked: {
-			type: Function,
-			optional: true
-		},
-		onGridResized: {
-			type: Function,
-			optional: true
-		},
-		onGridMoved: Function,
-		gridOverlayDimensions: String,
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
 	static components = {
 		FiguresContainer,
 		GridAddRowsFooter
 	};
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		"onCellDoubleClicked?": types$6.function([types$6.HeaderIndex(), types$6.HeaderIndex()]),
+		"onCellClicked?": types$6.function([
+			types$6.HeaderIndex(),
+			types$6.HeaderIndex(),
+			types$6.GridClickModifiers(),
+			types$6.ZoomedMouseEvent()
+		]),
+		"onCellRightClicked?": types$6.function([
+			types$6.HeaderIndex(),
+			types$6.HeaderIndex(),
+			types$6.DOMCoordinates()
+		]),
+		"onGridResized?": types$6.function([]),
+		onGridMoved: types$6.function([types$6.Pixel(), types$6.Pixel()]),
+		gridOverlayDimensions: types$6.string()
+	}, {
 		onCellDoubleClicked: () => {},
 		onCellClicked: () => {},
 		onCellRightClicked: () => {},
 		onGridResized: () => {}
-	};
+	});
 	gridOverlayRef = (0, _odoo_owl.signal)(null);
 	cellPopovers;
 	paintFormatStore;
@@ -47398,12 +47086,12 @@ var GridOverlay = class extends Component {
 //#region src/components/grid_popover/grid_popover.ts
 var GridPopover = class extends Component {
 	static template = "o-spreadsheet-GridPopover";
-	static props = {
-		onClosePopover: Function,
-		onMouseWheel: Function,
-		gridRect: Object
-	};
 	static components = { Popover };
+	props = (0, _odoo_owl.props)({
+		onClosePopover: types$6.function([]),
+		onMouseWheel: types$6.function([types$6.instanceOf(WheelEvent)]),
+		gridRect: types$6.Rect()
+	});
 	cellPopovers;
 	setup() {
 		this.cellPopovers = useStore(CellPopoverStore);
@@ -47427,15 +47115,14 @@ var GridPopover = class extends Component {
 //#region src/components/headers_overlay/unhide_headers.ts
 var UnhideRowHeaders = class extends Component {
 	static template = "o-spreadsheet-UnhideRowHeaders";
-	static props = {
-		headersGroups: Array,
-		headerRange: Object,
-		offset: {
-			type: Number,
-			optional: true
-		}
-	};
-	static defaultProps = { offset: 0 };
+	props = (0, _odoo_owl.props)({
+		headersGroups: types$6.array(),
+		headerRange: types$6.object({
+			start: types$6.HeaderIndex(),
+			end: types$6.HeaderIndex()
+		}),
+		"offset?": types$6.number()
+	}, { offset: 0 });
 	get sheetId() {
 		return this.env.model.getters.getActiveSheetId();
 	}
@@ -47471,15 +47158,14 @@ var UnhideRowHeaders = class extends Component {
 };
 var UnhideColumnHeaders = class extends Component {
 	static template = "o-spreadsheet-UnhideColumnHeaders";
-	static props = {
-		headersGroups: Array,
-		headerRange: Object,
-		offset: {
-			type: Number,
-			optional: true
-		}
-	};
-	static defaultProps = { offset: 0 };
+	props = (0, _odoo_owl.props)({
+		headersGroups: types$6.array(),
+		headerRange: types$6.object({
+			start: types$6.HeaderIndex(),
+			end: types$6.HeaderIndex()
+		}),
+		"offset?": types$6.number()
+	}, { offset: 0 });
 	get sheetId() {
 		return this.env.model.getters.getActiveSheetId();
 	}
@@ -47510,8 +47196,13 @@ var UnhideColumnHeaders = class extends Component {
 
 //#endregion
 //#region src/components/headers_overlay/headers_overlay.ts
+const resizerPropsDefinition = { onOpenContextMenu: types$6.function([
+	types$6.ContextMenuType(),
+	types$6.Pixel(),
+	types$6.Pixel()
+]) };
 var AbstractResizer = class extends Component {
-	static props = { onOpenContextMenu: Function };
+	props = (0, _odoo_owl.props)(resizerPropsDefinition);
 	composerFocusStore;
 	PADDING = 0;
 	MAX_SIZE_MARGIN = 0;
@@ -47709,7 +47400,6 @@ var AbstractResizer = class extends Component {
 	}
 };
 var ColResizer = class extends AbstractResizer {
-	static props = { onOpenContextMenu: Function };
 	static template = "o-spreadsheet-ColResizer";
 	static components = { UnhideColumnHeaders };
 	colResizerRef = (0, _odoo_owl.signal)(null);
@@ -47844,7 +47534,6 @@ var ColResizer = class extends AbstractResizer {
 	}
 };
 var RowResizer = class extends AbstractResizer {
-	static props = { onOpenContextMenu: Function };
 	static template = "o-spreadsheet-RowResizer";
 	static components = { UnhideRowHeaders };
 	rowResizerRef = (0, _odoo_owl.signal)(null);
@@ -47975,8 +47664,8 @@ var RowResizer = class extends AbstractResizer {
 	}
 };
 var HeadersOverlay = class extends Component {
-	static props = { onOpenContextMenu: Function };
 	static template = "o-spreadsheet-HeadersOverlay";
+	props = (0, _odoo_owl.props)(resizerPropsDefinition);
 	static components = {
 		ColResizer,
 		RowResizer
@@ -48964,12 +48653,17 @@ function useWheelHandler(handler) {
 //#region src/components/highlight/border/border.ts
 var Border = class extends Component {
 	static template = "o-spreadsheet-Border";
-	static props = {
-		zone: Object,
-		orientation: String,
-		isMoving: Boolean,
-		onMoveHighlight: Function
-	};
+	props = (0, _odoo_owl.props)({
+		zone: types$6.Zone(),
+		orientation: types$6.or([
+			types$6.literal("n"),
+			types$6.literal("s"),
+			types$6.literal("w"),
+			types$6.literal("e")
+		]),
+		isMoving: types$6.boolean(),
+		onMoveHighlight: types$6.function([types$6.instanceOf(PointerEvent)])
+	});
 	get style() {
 		const isTop = [
 			"n",
@@ -49012,13 +48706,26 @@ var Border = class extends Component {
 const MOBILE_HANDLER_WIDTH = 40;
 var Corner = class extends Component {
 	static template = "o-spreadsheet-Corner";
-	static props = {
-		zone: Object,
-		color: String,
-		orientation: String,
-		isResizing: Boolean,
-		onResizeHighlight: Function
-	};
+	props = (0, _odoo_owl.props)({
+		zone: types$6.Zone(),
+		color: types$6.Color(),
+		orientation: types$6.or([
+			types$6.literal("nw"),
+			types$6.literal("ne"),
+			types$6.literal("sw"),
+			types$6.literal("se"),
+			types$6.literal("n"),
+			types$6.literal("s"),
+			types$6.literal("e"),
+			types$6.literal("w")
+		]),
+		isResizing: types$6.boolean(),
+		onResizeHighlight: types$6.function([
+			types$6.instanceOf(PointerEvent),
+			types$6.ResizeDirection(),
+			types$6.ResizeDirection()
+		])
+	});
 	dirX;
 	dirY;
 	setup() {
@@ -49073,14 +48780,14 @@ function orientationToDir(or) {
 //#region src/components/highlight/highlight/highlight.ts
 var Highlight = class extends Component {
 	static template = "o-spreadsheet-Highlight";
-	static props = {
-		range: Object,
-		color: String
-	};
 	static components = {
 		Corner,
 		Border
 	};
+	props = (0, _odoo_owl.props)({
+		range: types$6.Range(),
+		color: types$6.Color()
+	});
 	highlightState = (0, _odoo_owl.proxy)({ shiftingMode: "none" });
 	dragNDropGrid = useDragAndDropBeyondTheViewport(this.env);
 	get cornerOrientations() {
@@ -49221,20 +48928,20 @@ var ScrollBar = class extends Component {
       <div t-att-style="this.sizeCss"/>
     </div>
   `;
+	props = (0, _odoo_owl.props)({
+		"width?": types$6.Pixel(),
+		"height?": types$6.Pixel(),
+		direction: types$6.customValidator(types$6.string(), (direction) => ["horizontal", "vertical"].includes(direction)),
+		position: types$6.CSSProperties(),
+		offset: types$6.Pixel(),
+		onScroll: types$6.function([types$6.Pixel()])
+	}, {
+		width: 1,
+		height: 1
+	});
 	scrollbarRef = (0, _odoo_owl.signal)(null);
 	scrollbar;
 	setup() {
-		this.props = (0, _odoo_owl.props)({
-			"width?": _odoo_owl.types.number(),
-			"height?": _odoo_owl.types.number(),
-			direction: _odoo_owl.types.customValidator(_odoo_owl.types.string(), (direction) => ["horizontal", "vertical"].includes(direction)),
-			position: _odoo_owl.types.object({}),
-			offset: _odoo_owl.types.number(),
-			onScroll: _odoo_owl.types.function()
-		}, {
-			width: 1,
-			height: 1
-		});
 		this.scrollbar = new ScrollBar$1(this.scrollbarRef(), this.props.direction);
 		(0, _odoo_owl.onMounted)(() => {
 			this.scrollbar.el = this.scrollbarRef();
@@ -49260,10 +48967,6 @@ var ScrollBar = class extends Component {
 //#endregion
 //#region src/components/scrollbar/scrollbar_horizontal.ts
 var HorizontalScrollBar = class extends Component {
-	static props = { leftOffset: {
-		type: Number,
-		optional: true
-	} };
 	static components = { ScrollBar };
 	static template = _odoo_owl.xml`
       <ScrollBar
@@ -49274,7 +48977,7 @@ var HorizontalScrollBar = class extends Component {
         direction="'horizontal'"
         onScroll.bind="this.onScroll"
       />`;
-	static defaultProps = { leftOffset: 0 };
+	props = (0, _odoo_owl.props)({ "leftOffset?": types$6.number() }, { leftOffset: 0 });
 	get offset() {
 		return this.env.model.getters.getActiveSheetScrollInfo().scrollX;
 	}
@@ -49307,10 +49010,6 @@ var HorizontalScrollBar = class extends Component {
 //#endregion
 //#region src/components/scrollbar/scrollbar_vertical.ts
 var VerticalScrollBar = class extends Component {
-	static props = { topOffset: {
-		type: Number,
-		optional: true
-	} };
 	static components = { ScrollBar };
 	static template = _odoo_owl.xml`
     <ScrollBar
@@ -49321,7 +49020,7 @@ var VerticalScrollBar = class extends Component {
       direction="'vertical'"
       onScroll.bind="(offset) => this.onScroll(offset)"
     />`;
-	static defaultProps = { topOffset: 0 };
+	props = (0, _odoo_owl.props)({ "topOffset?": types$6.number() }, { topOffset: 0 });
 	get offset() {
 		return this.env.model.getters.getActiveSheetScrollInfo().scrollY;
 	}
@@ -49355,7 +49054,6 @@ var VerticalScrollBar = class extends Component {
 //#region src/components/selection/selection.ts
 var Selection = class extends Component {
 	static template = "o-spreadsheet-Selection";
-	static props = {};
 	static components = { Highlight };
 	get highlightProps() {
 		const sheetId = this.env.model.getters.getActiveSheetId();
@@ -49373,7 +49071,7 @@ const SIZE = 3;
 const COLOR = "#777";
 var TableResizer = class extends Component {
 	static template = "o-spreadsheet-TableResizer";
-	static props = { table: Object };
+	props = (0, _odoo_owl.props)({ table: types$6.Table() });
 	state = (0, _odoo_owl.proxy)({ highlightZone: void 0 });
 	dragNDropGrid = useDragAndDropBeyondTheViewport(this.env);
 	setup() {
@@ -49446,10 +49144,6 @@ const registries$1 = {
 };
 var Grid = class extends Component {
 	static template = "o-spreadsheet-Grid";
-	static props = {
-		exposeFocus: Function,
-		getGridSize: Function
-	};
 	static components = {
 		GridComposer,
 		GridOverlay,
@@ -49465,6 +49159,10 @@ var Grid = class extends Component {
 		TableResizer,
 		Selection
 	};
+	props = (0, _odoo_owl.props)({
+		exposeFocus: types$6.function([types$6.function([])]),
+		getGridSize: types$6.function([], types$6.DOMDimension())
+	});
 	HEADER_HEIGHT = 26;
 	HEADER_WIDTH = 48;
 	menuState;
@@ -50104,10 +49802,10 @@ 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";
-	static props = {
-		position: Object,
-		sortDirection: String
-	};
+	props = (0, _odoo_owl.props)({
+		position: types$6.CellPosition(),
+		sortDirection: types$6.or([types$6.SortDirection, types$6.literal("none")])
+	});
 	hoveredTableStore;
 	setup() {
 		this.hoveredTableStore = useStore(HoveredTableStore);
@@ -50140,7 +49838,6 @@ var ClickableCellSortIcon = class extends Component {
 //#region src/components/full_screen_figure/full_screen_figure.ts
 var FullScreenFigure = class extends Component {
 	static template = "o-spreadsheet-FullScreenFigure";
-	static props = {};
 	static components = { ChartFigure };
 	fullScreenFigureStore;
 	fullScreenFigureRef = (0, _odoo_owl.signal)(null);
@@ -50180,10 +49877,10 @@ var FullScreenFigure = class extends Component {
 var PivotHTMLRenderer = class extends Component {
 	static template = "o_spreadsheet.PivotHTMLRenderer";
 	static components = { Checkbox };
-	static props = {
-		pivotId: String,
-		onCellClicked: Function
-	};
+	props = (0, _odoo_owl.props)({
+		pivotId: types$6.UID(),
+		onCellClicked: types$6.function([types$6.string()])
+	});
 	pivot = this.env.model.getters.getPivot(this.props.pivotId);
 	data = {
 		columns: [],
@@ -59331,9 +59028,11 @@ var PivotUIPlugin = class extends CoreViewPlugin {
 				this.refreshPivot(cmd.id);
 				break;
 			case "ADD_PIVOT":
+				this.unusedPivotsInFormulas?.push(cmd.pivotId);
 				this.setupPivot(cmd.pivotId);
 				break;
 			case "DUPLICATE_PIVOT":
+				this.unusedPivotsInFormulas?.push(cmd.newPivotId);
 				this.setupPivot(cmd.newPivotId);
 				break;
 			case "UPDATE_PIVOT":
@@ -59525,8 +59224,8 @@ var PivotUIPlugin = class extends CoreViewPlugin {
 			}
 		}
 		for (const pivotId of this.getters.getPivotIds()) {
-			const pivot = this.getters.getPivot(pivotId);
-			for (const measure of pivot.definition.measures) if (measure.computedBy) {
+			const pivot = this.getters.getPivotCoreDefinition(pivotId);
+			for (const measure of pivot.measures) if (measure.computedBy) {
 				const { sheetId } = measure.computedBy;
 				const formula = this.getters.getMeasureCompiledFormula(pivotId, measure);
 				const relatedPivotIds = this.getPivotIdsFromFormula(sheetId, formula);
@@ -60902,7 +60601,8 @@ const invalidateTableStyleCommandsSet = new Set([
 	"REMOVE_TABLE",
 	"RESIZE_TABLE",
 	"CREATE_TABLE_STYLE",
-	"REMOVE_TABLE_STYLE"
+	"REMOVE_TABLE_STYLE",
+	"DELETE_CONTENT"
 ]);
 function doesCommandInvalidatesTableStyle(cmd) {
 	return invalidateTableStyleCommandsSet.has(cmd.type);
@@ -64705,7 +64405,7 @@ var ClipboardPlugin = class extends UIPlugin {
 			if (this.getters.getFigure(figureSheetId, figureId).tag === "image") innerHTML = await this.craftImageHTML(figureId);
 			else innerHTML = "	";
 		} else innerHTML = "	";
-		else if (cells.length === 1 && cells[0].length === 1) innerHTML = `${this.getters.getCellText(cells[0][0].position)}`;
+		else if (cells.length === 1 && cells[0].length === 1) innerHTML = xmlEscape(`${this.getters.getCellText(cells[0][0].position)}`);
 		else if (!cells[0][0]) return "";
 		else {
 			let htmlTable = `<table border="1" style="border-collapse:collapse">`;
@@ -68062,20 +67762,22 @@ const RIPPLE_KEY_FRAMES = [
 ];
 var RippleEffect = class extends Component {
 	static template = "o-spreadsheet-RippleEffect";
-	static props = {
-		x: String,
-		y: String,
-		color: String,
-		opacity: Number,
-		duration: Number,
-		width: Number,
-		height: Number,
-		offsetY: Number,
-		offsetX: Number,
-		allowOverflow: Boolean,
-		onAnimationEnd: Function,
-		style: String
-	};
+	props = (0, _odoo_owl.props)({
+		x: _odoo_owl.types.string(),
+		y: _odoo_owl.types.string(),
+		color: _odoo_owl.types.string(),
+		opacity: _odoo_owl.types.number(),
+		duration: _odoo_owl.types.number(),
+		/** Width of the ripple. Defaults to the width of the element the ripple is on (without margins). */
+		width: _odoo_owl.types.number(),
+		/** Height of the ripple. Defaults to the height of the element the ripple is on (without margins). */
+		height: _odoo_owl.types.number(),
+		offsetY: _odoo_owl.types.number(),
+		offsetX: _odoo_owl.types.number(),
+		allowOverflow: _odoo_owl.types.boolean(),
+		onAnimationEnd: _odoo_owl.types.function(),
+		style: _odoo_owl.types.string()
+	});
 	rippleRef = (0, _odoo_owl.signal)(null);
 	setup() {
 		let animation = void 0;
@@ -68112,66 +67814,31 @@ var RippleEffect = class extends Component {
 };
 var Ripple = class extends Component {
 	static template = "o-spreadsheet-Ripple";
-	static props = {
-		color: {
-			type: String,
-			optional: true
-		},
-		opacity: {
-			type: Number,
-			optional: true
-		},
-		duration: {
-			type: Number,
-			optional: true
-		},
-		ignoreClickPosition: {
-			type: Boolean,
-			optional: true
-		},
-		width: {
-			type: Number,
-			optional: true
-		},
-		height: {
-			type: Number,
-			optional: true
-		},
-		offsetY: {
-			type: Number,
-			optional: true
-		},
-		offsetX: {
-			type: Number,
-			optional: true
-		},
-		allowOverflow: {
-			type: Boolean,
-			optional: true
-		},
-		enabled: {
-			type: Boolean,
-			optional: true
-		},
-		onAnimationEnd: {
-			type: Function,
-			optional: true
-		},
-		slots: Object,
-		class: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { RippleEffect };
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		"color?": _odoo_owl.types.string(),
+		"opacity?": _odoo_owl.types.number(),
+		"duration?": _odoo_owl.types.number(),
+		/** If true, the ripple will play from the element center instead of the position of the click */
+		"ignoreClickPosition?": _odoo_owl.types.boolean(),
+		/** Width of the ripple. Defaults to the width of the element the ripple is on (without margins). */
+		"width?": _odoo_owl.types.number(),
+		/** Height of the ripple. Defaults to the height of the element the ripple is on (without margins). */
+		"height?": _odoo_owl.types.number(),
+		"offsetY?": _odoo_owl.types.number(),
+		"offsetX?": _odoo_owl.types.number(),
+		"allowOverflow?": _odoo_owl.types.boolean(),
+		"enabled?": _odoo_owl.types.boolean(),
+		"onAnimationEnd?": _odoo_owl.types.function(),
+		"class?": _odoo_owl.types.string()
+	}, {
 		color: "#aaaaaa",
 		opacity: .4,
 		duration: 800,
 		enabled: true,
 		onAnimationEnd: () => {},
 		class: ""
-	};
+	});
 	childContainerRef = (0, _odoo_owl.signal)(null);
 	state = (0, _odoo_owl.proxy)({ ripples: [] });
 	currentId = 1;
@@ -68419,26 +68086,19 @@ const getSheetLockAnimation = (duration, iterations) => {
 };
 var BottomBarSheet = class extends Component {
 	static template = "o-spreadsheet-BottomBarSheet";
-	static props = {
-		sheetId: String,
-		openContextMenu: Function,
-		style: {
-			type: String,
-			optional: true
-		},
-		onMouseDown: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {
 		Ripple,
 		ColorPicker
 	};
-	static defaultProps = {
+	props = (0, _odoo_owl.props)({
+		sheetId: _odoo_owl.types.string(),
+		openContextMenu: _odoo_owl.types.function([_odoo_owl.types.instanceOf(MenuItemRegistry), _odoo_owl.types.instanceOf(MouseEvent)]),
+		"style?": _odoo_owl.types.string(),
+		"onMouseDown?": _odoo_owl.types.function([_odoo_owl.types.instanceOf(PointerEvent)])
+	}, {
 		onMouseDown: () => {},
 		style: ""
-	};
+	});
 	state = (0, _odoo_owl.proxy)({
 		isEditing: false,
 		pickerOpened: false
@@ -68699,11 +68359,15 @@ var AggregateStatisticsStore = class extends SpreadsheetStore {
 //#region src/components/bottom_bar/bottom_bar_statistic/bottom_bar_statistic.ts
 var BottomBarStatistic = class extends Component {
 	static template = "o-spreadsheet-BottomBarStatistic";
-	static props = {
-		openContextMenu: Function,
-		closeContextMenu: Function
-	};
 	static components = { Ripple };
+	props = (0, _odoo_owl.props)({
+		openContextMenu: _odoo_owl.types.function([
+			_odoo_owl.types.number(),
+			_odoo_owl.types.number(),
+			_odoo_owl.types.instanceOf(MenuItemRegistry)
+		]),
+		closeContextMenu: _odoo_owl.types.function([])
+	});
 	state = (0, _odoo_owl.proxy)({ selectedStatisticFn: "" });
 	store;
 	setup() {
@@ -68746,7 +68410,7 @@ var BottomBarStatistic = class extends Component {
 const MENU_MAX_HEIGHT = 250;
 var BottomBar = class extends Component {
 	static template = "o-spreadsheet-BottomBar";
-	static props = { onClick: Function };
+	props = (0, _odoo_owl.props)({ onClick: _odoo_owl.types.function([]) });
 	static components = {
 		MenuPopover,
 		Ripple,
@@ -69022,7 +68686,6 @@ var ClickableCellsStore = class extends SpreadsheetStore {
 //#region src/components/dashboard/dashboard.ts
 var SpreadsheetDashboard = class extends Component {
 	static template = "o-spreadsheet-SpreadsheetDashboard";
-	static props = { getGridSize: Function };
 	static components = {
 		GridOverlay,
 		GridPopover,
@@ -69030,6 +68693,7 @@ var SpreadsheetDashboard = class extends Component {
 		VerticalScrollBar,
 		HorizontalScrollBar
 	};
+	props = (0, _odoo_owl.props)({ getGridSize: types$6.function([], types$6.DOMDimension()) });
 	cellPopovers;
 	onMouseWheel;
 	canvasPosition;
@@ -69142,11 +68806,11 @@ var SpreadsheetDashboard = class extends Component {
 //#region src/components/header_group/header_group.ts
 var AbstractHeaderGroup = class extends Component {
 	static template = "o-spreadsheet-HeaderGroup";
-	static props = {
-		group: Object,
-		layerOffset: Number,
-		openContextMenu: Function
-	};
+	props = (0, _odoo_owl.props)({
+		group: types$6.HeaderGroup(),
+		layerOffset: types$6.number(),
+		openContextMenu: types$6.function([types$6.DOMCoordinates(), types$6.ArrayOf()])
+	});
 	toggleGroup() {
 		const sheetId = this.env.model.getters.getActiveSheetId();
 		const { start, end } = this.props.group;
@@ -69291,15 +68955,15 @@ var ColGroup = class extends AbstractHeaderGroup {
 //#region src/components/header_group/header_group_container.ts
 var HeaderGroupContainer = class extends Component {
 	static template = "o-spreadsheet-HeaderGroupContainer";
-	static props = {
-		dimension: String,
-		layers: Array
-	};
 	static components = {
 		RowGroup,
 		ColGroup,
 		MenuPopover
 	};
+	props = (0, _odoo_owl.props)({
+		dimension: types$6.Dimension(),
+		layers: types$6.array()
+	});
 	menu = (0, _odoo_owl.proxy)({
 		isOpen: false,
 		anchorRect: null,
@@ -69372,29 +69036,17 @@ function useScreenWidth() {
 //#region src/components/side_panel/side_panel/side_panel.ts
 var SidePanel = class extends Component {
 	static template = "o-spreadsheet-SidePanel";
-	static props = {
-		panelContent: Object,
-		panelProps: Object,
-		onCloseSidePanel: Function,
-		onStartHandleDrag: Function,
-		onResetPanelSize: Function,
-		isPinned: {
-			type: Boolean,
-			optional: true
-		},
-		onTogglePinPanel: {
-			type: Function,
-			optional: true
-		},
-		onToggleCollapsePanel: {
-			type: Function,
-			optional: true
-		},
-		isCollapsed: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		panelContent: types$6.SidePanelContent(),
+		panelProps: types$6.SidePanelComponentProps(),
+		onCloseSidePanel: types$6.function([]),
+		onStartHandleDrag: types$6.function([types$6.instanceOf(MouseEvent)]),
+		onResetPanelSize: types$6.function([]),
+		"isPinned?": types$6.boolean(),
+		"onTogglePinPanel?": types$6.function([]),
+		"onToggleCollapsePanel?": types$6.function([]),
+		"isCollapsed?": types$6.boolean()
+	});
 	spreadsheetRect = useSpreadsheetRect();
 	getTitle() {
 		const panel = this.props.panelContent;
@@ -69406,7 +69058,6 @@ var SidePanel = class extends Component {
 //#region src/components/side_panel/side_panels/side_panels.ts
 var SidePanels = class extends Component {
 	static template = "o-spreadsheet-SidePanels";
-	static props = {};
 	static components = { SidePanel };
 	sidePanelStore;
 	spreadsheetRect = useSpreadsheetRect();
@@ -69478,8 +69129,8 @@ var SidePanels = class extends Component {
 //#region src/components/small_bottom_bar/ribbon_menu/ribbon_menu.ts
 var RibbonMenu = class extends Component {
 	static template = "o-spreadsheet-RibbonMenu";
-	static props = { onClose: Function };
 	static components = { Menu };
+	props = (0, _odoo_owl.props)({ onClose: types$6.function([]) });
 	rootItems = topbarMenuRegistry.getMenuItems();
 	menuRef = (0, _odoo_owl.signal)(null);
 	containerRef = (0, _odoo_owl.signal)(null);
@@ -69517,9 +69168,6 @@ var RibbonMenu = class extends Component {
 			onClickMenu: this.onClickMenu.bind(this)
 		};
 	}
-	get style() {
-		return cssPropertiesToCss({ height: `${this.props.height}px` });
-	}
 	updateShadows() {
 		const el = this.containerRef();
 		if (!el) return;
@@ -69553,7 +69201,7 @@ var SmallBottomBar = class extends Component {
 		RibbonMenu
 	};
 	static template = "o-spreadsheet-SmallBottomBar";
-	static props = { onClick: Function };
+	props = (0, _odoo_owl.props)({ onClick: types$6.function([]) });
 	composerFocusStore;
 	composerStore;
 	composerInterface;
@@ -69754,11 +69402,11 @@ 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";
-	static props = {
-		sheetId: String,
-		zone: Object,
-		renderingCtx: Object
-	};
+	props = (0, _odoo_owl.props)({
+		sheetId: types$6.UID(),
+		zone: types$6.Zone(),
+		renderingCtx: types$6.object({})
+	});
 	canvasRef = (0, _odoo_owl.signal)(null);
 	rendererStore;
 	figureRendererStore;
@@ -70079,7 +69727,7 @@ var SpreadsheetPrintStore = class extends SpreadsheetStore {
 //#region src/components/spreadsheet_print/spreadsheet_print.ts
 var SpreadsheetPrint = class extends Component {
 	static template = "o-spreadsheet-SpreadsheetPrint";
-	static props = { onExitPrintMode: Function };
+	props = (0, _odoo_owl.props)({ onExitPrintMode: types$6.function([]) });
 	static components = {
 		StandaloneGridCanvas,
 		Section,
@@ -70141,7 +69789,6 @@ var SpreadsheetPrint = class extends Component {
 const COMPOSER_MAX_HEIGHT = 300;
 var TopBarComposer = class extends Component {
 	static template = "o-spreadsheet-TopBarComposer";
-	static props = {};
 	static components = { Composer };
 	composerFocusStore;
 	composerStore;
@@ -70226,7 +69873,6 @@ function useToolBarDropdownStore() {
 //#region src/components/named_range_selector/named_range_selector.ts
 var NamedRangeSelector = class extends Component {
 	static template = "o-spreadsheet-NamedRangeSelector";
-	static props = {};
 	static components = {
 		TextInput,
 		MenuPopover
@@ -70409,36 +70055,21 @@ const BORDER_POSITIONS = [[
 ]];
 var BorderEditor = class extends Component {
 	static template = "o-spreadsheet-BorderEditor";
-	static props = {
-		class: {
-			type: String,
-			optional: true
-		},
-		currentBorderColor: {
-			type: String,
-			optional: false
-		},
-		currentBorderStyle: {
-			type: String,
-			optional: false
-		},
-		currentBorderPosition: {
-			type: String,
-			optional: true
-		},
-		onBorderColorPicked: Function,
-		onBorderStylePicked: Function,
-		onBorderPositionPicked: Function,
-		maxHeight: {
-			type: Number,
-			optional: true
-		},
-		anchorRect: Object
-	};
 	static components = {
 		ColorPickerWidget,
 		Popover
 	};
+	props = (0, _odoo_owl.props)({
+		"class?": types$6.string(),
+		currentBorderColor: types$6.Color(),
+		currentBorderStyle: types$6.BorderStyle(),
+		"currentBorderPosition?": types$6.BorderPosition(),
+		onBorderColorPicked: types$6.function([types$6.Color()]),
+		onBorderStylePicked: types$6.function([types$6.BorderStyle()]),
+		onBorderPositionPicked: types$6.function([types$6.BorderPosition()]),
+		"maxHeight?": types$6.Pixel(),
+		anchorRect: types$6.Rect()
+	});
 	BORDER_POSITIONS = BORDER_POSITIONS;
 	lineStyleButtonRef = (0, _odoo_owl.signal)(null);
 	borderStyles = borderStyles;
@@ -70499,21 +70130,12 @@ var BorderEditor = class extends Component {
 //#region src/components/border_editor/border_editor_widget.ts
 var BorderEditorWidget = class extends Component {
 	static template = "o-spreadsheet-BorderEditorWidget";
-	static props = {
-		disabled: {
-			type: Boolean,
-			optional: true
-		},
-		dropdownMaxHeight: {
-			type: Number,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { BorderEditor };
+	props = (0, _odoo_owl.props)({
+		"disabled?": types$6.boolean(),
+		"dropdownMaxHeight?": types$6.Pixel(),
+		"class?": types$6.string()
+	});
 	topBarToolStore;
 	borderEditorButtonRef = (0, _odoo_owl.signal)(null);
 	state = (0, _odoo_owl.proxy)({
@@ -70570,10 +70192,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";
-	static props = { class: {
-		type: String,
-		optional: true
-	} };
+	props = (0, _odoo_owl.props)({ "class?": types$6.string() });
 	paintFormatStore;
 	setup() {
 		this.paintFormatStore = useStore(PaintFormatStore);
@@ -70598,10 +70217,7 @@ var TableDropdownButton = class extends Component {
 		TableStylesPopover,
 		ActionButton
 	};
-	static props = { class: {
-		type: String,
-		optional: true
-	} };
+	props = (0, _odoo_owl.props)({ "class?": types$6.string() });
 	topBarToolStore;
 	state = (0, _odoo_owl.proxy)({ popoverProps: void 0 });
 	setup() {
@@ -70690,13 +70306,13 @@ var TableDropdownButton = class extends Component {
 //#region src/components/top_bar/color_editor/color_editor.ts
 var TopBarColorEditor = class extends Component {
 	static components = { ColorPickerWidget };
-	static props = {
-		class: String,
-		style: String,
-		icon: String,
-		title: String
-	};
 	static template = "o-spreadsheet-ColorEditor";
+	props = (0, _odoo_owl.props)({
+		class: types$6.string(),
+		style: types$6.or([types$6.literal("textColor"), types$6.literal("fillColor")]),
+		icon: types$6.string(),
+		title: types$6.string()
+	});
 	topBarToolStore;
 	state = (0, _odoo_owl.proxy)({ isOpen: false });
 	setup() {
@@ -70726,12 +70342,12 @@ var DropdownAction = class extends Component {
 		ActionButton,
 		Popover
 	};
-	static props = {
-		parentAction: Object,
-		childActions: Array,
-		class: String,
-		childClass: String
-	};
+	props = (0, _odoo_owl.props)({
+		parentAction: types$6.ActionSpec(),
+		childActions: types$6.array(types$6.ActionSpec()),
+		class: types$6.string(),
+		childClass: types$6.string()
+	});
 	topBarToolStore;
 	actionRef = (0, _odoo_owl.signal)(null);
 	setup() {
@@ -70758,8 +70374,8 @@ var DropdownAction = class extends Component {
 //#region src/components/top_bar/font_size_editor/font_size_editor.ts
 var TopBarFontSizeEditor = class extends Component {
 	static components = { FontSizeEditor };
-	static props = { class: String };
 	static template = "o-spreadsheet-TopBarFontSizeEditor";
+	props = (0, _odoo_owl.props)({ class: _odoo_owl.types.string() });
 	topBarToolStore;
 	setup() {
 		this.topBarToolStore = useToolBarDropdownStore();
@@ -70793,7 +70409,7 @@ var NumberFormatsTool = class extends Component {
 		MenuPopover,
 		ActionButton
 	};
-	static props = { class: String };
+	props = (0, _odoo_owl.props)({ class: types$6.string() });
 	formatNumberMenuItemSpec = formatNumberMenuItemSpec;
 	topBarToolStore;
 	buttonRef = (0, _odoo_owl.signal)(null);
@@ -70828,7 +70444,7 @@ var NumberFormatsTool = class extends Component {
 var ToolBarZoom = class extends Component {
 	static template = "o-spreadsheet-TopBarZoom";
 	static components = { NumberEditor };
-	static props = { class: String };
+	props = (0, _odoo_owl.props)({ class: types$6.string() });
 	topBarToolStore;
 	valueList = ZOOM_VALUES;
 	setup() {
@@ -71054,10 +70670,10 @@ topBarToolBarRegistry.add("edit").addChild("edit", {
 //#region src/components/top_bar/top_bar.ts
 var TopBar = class extends Component {
 	static template = "o-spreadsheet-TopBar";
-	static props = {
-		onClick: Function,
-		dropdownMaxHeight: Number
-	};
+	props = (0, _odoo_owl.props)({
+		onClick: types$6.function([]),
+		dropdownMaxHeight: types$6.Pixel()
+	});
 	static components = {
 		MenuPopover,
 		TopBarComposer,
@@ -71332,21 +70948,16 @@ var WebClipboardWrapper = class {
 //#region src/components/spreadsheet/spreadsheet.ts
 var Spreadsheet = class extends Component {
 	static template = "o-spreadsheet-Spreadsheet";
-	static props = {
-		model: Object,
-		notifyUser: {
-			type: Function,
-			optional: true
-		},
-		raiseError: {
-			type: Function,
-			optional: true
-		},
-		askConfirmation: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		model: types$6.Model(),
+		"notifyUser?": types$6.function([types$6.InformationNotification()]),
+		"raiseError?": types$6.function([types$6.string(), types$6.function([])]),
+		"askConfirmation?": types$6.function([
+			types$6.string(),
+			types$6.function([]),
+			types$6.function([])
+		])
+	});
 	static components = {
 		TopBar,
 		Grid,
@@ -71376,7 +70987,7 @@ var Spreadsheet = class extends Component {
 		properties["color-scheme"] = this.props.model.getters.isDarkMode() ? "dark" : "light";
 		if (this.state.printModeEnabled) properties["display"] = `block`;
 		else {
-			if (this.env.isDashboard()) properties["grid-template-rows"] = `auto`;
+			if (this.env.model.getters.isDashboard()) properties["grid-template-rows"] = `auto`;
 			else properties["grid-template-rows"] = `min-content auto min-content`;
 			properties["grid-template-columns"] = `auto ${this.sidePanel.mainPanel ? `${this.sidePanel.totalPanelSize || 350}px` : "auto"}`;
 		}
@@ -71404,7 +71015,6 @@ var Spreadsheet = class extends Component {
 			imageProvider: fileStore ? new ImageProvider(fileStore) : void 0,
 			loadCurrencies: this.model.config.external.loadCurrencies,
 			loadLocales: this.model.config.external.loadLocales,
-			isDashboard: () => this.model.getters.isDashboard(),
 			openSidePanel: this.sidePanel.open.bind(this.sidePanel),
 			replaceSidePanel: this.sidePanel.replace.bind(this.sidePanel),
 			toggleSidePanel: this.sidePanel.toggle.bind(this.sidePanel),
@@ -76924,13 +76534,10 @@ const ERROR_TOOLTIP_MAX_HEIGHT = 80;
 var ErrorToolTip = class extends Component {
 	static maxSize = { maxHeight: ERROR_TOOLTIP_MAX_HEIGHT };
 	static template = "o-spreadsheet-ErrorToolTip";
-	static props = {
-		cellPosition: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		cellPosition: types$6.CellPosition(),
+		"onClosed?": types$6.function([])
+	});
 	get dataValidationErrorMessage() {
 		return this.env.model.getters.getInvalidDataValidationMessage(this.props.cellPosition);
 	}
@@ -77006,18 +76613,15 @@ const ErrorToolTipPopoverBuilder = { onHover: (position, getters) => {
 //#region src/components/filters/filter_menu/filter_menu.ts
 var FilterMenu = class extends Component {
 	static template = "o-spreadsheet-FilterMenu";
-	static props = {
-		filterPosition: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {
 		FilterMenuValueList,
 		SidePanelCollapsible,
 		FilterMenuCriterion
 	};
+	props = (0, _odoo_owl.props)({
+		filterPosition: types$6.Position(),
+		"onClosed?": types$6.function([])
+	});
 	state;
 	criterionCategory = "text";
 	updatedCriterionValue;
@@ -77194,13 +76798,10 @@ const FilterMenuPopoverBuilder = { onOpen: (position, getters) => {
 //#region src/components/link/link_display/link_display.ts
 var LinkDisplay = class extends Component {
 	static template = "o-spreadsheet-LinkDisplay";
-	static props = {
-		cellPosition: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = (0, _odoo_owl.props)({
+		cellPosition: types$6.CellPosition(),
+		"onClosed?": types$6.function([])
+	});
 	cellPopovers;
 	setup() {
 		this.cellPopovers = useStore(CellPopoverStore);
@@ -77270,14 +76871,11 @@ const LinkCellPopoverBuilder = { onHover: (position, getters) => {
 //#region src/components/link/link_editor/link_editor.ts
 var LinkEditor = class extends Component {
 	static template = "o-spreadsheet-LinkEditor";
-	static props = {
-		cellPosition: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = { MenuPopover };
+	props = (0, _odoo_owl.props)({
+		cellPosition: types$6.CellPosition(),
+		"onClosed?": types$6.function([])
+	});
 	static size = { maxHeight: 500 };
 	urlInput = (0, _odoo_owl.signal)(null);
 	suggestionListRef = (0, _odoo_owl.signal)(null);
@@ -86664,7 +86262,9 @@ const registries = {
 	supportedPivotPositionalFormulaRegistry,
 	pivotToFunctionValueRegistry,
 	migrationStepRegistry,
-	chartJsExtensionRegistry
+	chartJsExtensionRegistry,
+	onIterationEndEvaluationRegistry,
+	specificRangeTransformRegistry
 };
 const helpers = {
 	arg,
@@ -86737,7 +86337,10 @@ const helpers = {
 	parseFormat,
 	isFormula,
 	domainToColRowDomain,
-	collapseHierarchicalDisplayName
+	collapseHierarchicalDisplayName,
+	getCanonicalSymbolName,
+	fuzzyLookup,
+	replaceSymbolInFormula
 };
 const links = {
 	isMarkdownLink,
@@ -86788,6 +86391,7 @@ const components = {
 	MenuPopover,
 	Popover,
 	SelectionInput,
+	StandaloneComposer,
 	ValidationMessages,
 	AddDimensionButton,
 	PivotDimensionGranularity,
@@ -86909,12 +86513,14 @@ exports.astToFormula = astToFormula;
 exports.availableConditionalFormatOperators = availableConditionalFormatOperators;
 exports.availableDataValidationOperators = availableDataValidationOperators;
 exports.availableFiltersOperators = availableFiltersOperators;
+exports.borderPositions = borderPositions;
 exports.borderStyles = borderStyles;
 exports.canExecuteInReadonly = canExecuteInReadonly;
 exports.categories = categories;
 exports.chartHelpers = chartHelpers;
 exports.compatibility = compatibility;
 exports.components = components;
+exports.composerFocusTypes = composerFocusTypes;
 exports.constants = constants;
 exports.convertAstNodes = convertAstNodes;
 exports.coreTypes = coreTypes;
@@ -86958,6 +86564,6 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.4.0-alpha.10";
-__info__.date = "2026-06-02T12:07:58.355Z";
-__info__.hash = "41144f9";
+__info__.version = "19.4.0-alpha.12";
+__info__.date = "2026-06-06T06:24:48.209Z";
+__info__.hash = "a71f829";