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

package/dist/o_spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.4.0-alpha.11
- * @date 2026-06-03T11:42:34.595Z
- * @hash 6f35bc7
+ * @version 19.4.0-alpha.12
+ * @date 2026-06-06T06:24:48.209Z
+ * @hash a71f829
  */
 
 (function(exports, _odoo_owl) {
@@ -4324,6 +4324,7 @@ set(value) {
 //#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 = [];
@@ -10571,7 +10572,7 @@ set(value) {
 				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"
 			};
@@ -11193,7 +11194,7 @@ set(value) {
 			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)
 			}
 		};
 	}
@@ -12129,35 +12130,35 @@ set(value) {
 			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
 				}
 			};
@@ -12367,7 +12368,7 @@ set(value) {
 	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);
@@ -12401,8 +12402,8 @@ set(value) {
 		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":
@@ -13925,10 +13926,10 @@ set(value) {
 			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 {
@@ -15219,10 +15220,12 @@ set(value) {
 			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();
@@ -15385,7 +15388,7 @@ set(value) {
 			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) {
@@ -15527,7 +15530,7 @@ set(value) {
 			};
 		}
 		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,
@@ -15553,7 +15556,7 @@ set(value) {
 			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();
 		}
 	};
 
@@ -28482,7 +28485,7 @@ set(value) {
 			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,
@@ -28537,7 +28540,7 @@ set(value) {
 			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"
 			},
@@ -38786,7 +38789,8 @@ set(value) {
 		static template = "o-spreadsheet-PivotDimensionOrder";
 		props = (0, _odoo_owl.props)({
 			dimension: types$6.PivotDimension(),
-			onUpdated: types$6.function([types$6.PivotDimension(), types$6.instanceOf(InputEvent)])
+			onUpdated: types$6.function([types$6.PivotDimension(), types$6.instanceOf(InputEvent)]),
+			"isMeasureSorted?": types$6.boolean()
 		});
 		static components = { Select };
 		get orderSelectOptions() {
@@ -38797,12 +38801,20 @@ set(value) {
 				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
@@ -39173,7 +39185,8 @@ set(value) {
 			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 {
@@ -39188,7 +39201,8 @@ set(value) {
 						order: order || void 0
 					};
 					return col;
-				})
+				}),
+				sortedColumn: isRow ? void 0 : sortedColumn
 			});
 		}
 		updateGranularity(dimension, granularity) {
@@ -39214,6 +39228,9 @@ set(value) {
 			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
@@ -58828,9 +58845,11 @@ set(value) {
 					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":
@@ -59022,8 +59041,8 @@ set(value) {
 				}
 			}
 			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);
@@ -70785,7 +70804,7 @@ set(value) {
 			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"}`;
 			}
@@ -70813,7 +70832,6 @@ set(value) {
 				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),
@@ -86062,7 +86080,8 @@ set(value) {
 		pivotToFunctionValueRegistry,
 		migrationStepRegistry,
 		chartJsExtensionRegistry,
-		onIterationEndEvaluationRegistry
+		onIterationEndEvaluationRegistry,
+		specificRangeTransformRegistry
 	};
 	const helpers = {
 		arg,
@@ -86362,8 +86381,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.4.0-alpha.11";
-__info__.date = "2026-06-03T11:42:34.595Z";
-__info__.hash = "6f35bc7";
+__info__.version = "19.4.0-alpha.12";
+__info__.date = "2026-06-06T06:24:48.209Z";
+__info__.hash = "a71f829";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);