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

package/dist/o_spreadsheet.esm.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.13
+ * @date 2026-06-06T09:34:53.140Z
+ * @hash af3c199
  */
 
 import { App, Component, EnvPlugin, Plugin, __ODOO_COMPATIBILITY_LAYER_ADDED__, blockDom, config, markRaw, onMounted, onPatched, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, plugin, props, providePlugins, proxy, signal, status, toRaw, types, useChildEnv, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useLayoutEffect, useListener, useScope, useSubEnv, whenReady, xml } from "@odoo/owl";
@@ -4322,6 +4322,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 = [];
@@ -10556,7 +10557,7 @@ function getFunnelChartScales(definition, args) {
 	};
 }
 function getGeoChartProjection(projection) {
-	if (projection === "conicConformal") return globalThis.ChartGeo.geoConicConformal().rotate([100, 0]);
+	if (globalThis.ChartGeo && projection === "conicConformal") return globalThis.ChartGeo.geoConicConformal().rotate([100, 0]);
 	return projection;
 }
 function getChartAxisTitleRuntime(design) {
@@ -10569,7 +10570,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"
 		};
@@ -11191,7 +11192,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)
 		}
 	};
 }
@@ -12127,35 +12128,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
 			}
 		};
@@ -12365,7 +12366,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);
@@ -12399,8 +12400,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":
@@ -13923,10 +13924,10 @@ var GaugeChartComponent = class extends Component$1 {
 		let animation = null;
 		let lastRuntime = void 0;
 		useLayoutEffect$1(() => {
-			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 {
@@ -15217,10 +15218,12 @@ var CarouselFigure = class extends Component$1 {
 		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();
@@ -15383,7 +15386,7 @@ var FigureComponent = class extends Component$1 {
 		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) {
@@ -15525,7 +15528,7 @@ var FigureComponent = class extends Component$1 {
 		};
 	}
 	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,
@@ -15551,7 +15554,7 @@ var FigureComponent = class extends Component$1 {
 		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();
 	}
 };
 
@@ -24801,6 +24804,18 @@ var ColorPicker = class extends Component$1 {
 	isSameColor(color1, color2) {
 		return isSameColor(color1, color2);
 	}
+	get canUseEyeDropper() {
+		return !!globalThis.EyeDropper && !this.env.model.getters.isDarkMode();
+	}
+	async activateEyedropper() {
+		if (!globalThis.EyeDropper) return;
+		try {
+			const result = await new globalThis.EyeDropper().open();
+			if (result && result.sRGBHex) this.props.onColorPicked(toHex(result.sRGBHex));
+		} catch (error) {
+			if (error.name !== "AbortError") throw error;
+		}
+	}
 };
 
 //#endregion
@@ -28480,7 +28495,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,
@@ -28535,7 +28550,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"
 		},
@@ -38784,7 +38799,8 @@ var PivotDimensionOrder = class extends Component$1 {
 	static template = "o-spreadsheet-PivotDimensionOrder";
 	props = props({
 		dimension: types$1.PivotDimension(),
-		onUpdated: types$1.function([types$1.PivotDimension(), types$1.instanceOf(InputEvent)])
+		onUpdated: types$1.function([types$1.PivotDimension(), types$1.instanceOf(InputEvent)]),
+		"isMeasureSorted?": types$1.boolean()
 	});
 	static components = { Select };
 	get orderSelectOptions() {
@@ -38795,12 +38811,20 @@ var PivotDimensionOrder = class extends Component$1 {
 			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
@@ -39171,7 +39195,8 @@ var PivotLayoutConfigurator = class extends Component$1 {
 		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 {
@@ -39186,7 +39211,8 @@ var PivotLayoutConfigurator = class extends Component$1 {
 					order: order || void 0
 				};
 				return col;
-			})
+			}),
+			sortedColumn: isRow ? void 0 : sortedColumn
 		});
 	}
 	updateGranularity(dimension, granularity) {
@@ -39212,6 +39238,9 @@ var PivotLayoutConfigurator = class extends Component$1 {
 		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
@@ -58826,9 +58855,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":
@@ -59020,8 +59051,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);
@@ -62363,6 +62394,7 @@ var GeoFeaturePlugin = class extends UIPlugin {
 	convertToGeoJson(json) {
 		if (!json) return null;
 		if (json.type === "Topology") {
+			if (!globalThis.ChartGeo) return null;
 			const features = globalThis.ChartGeo.topojson.feature(json, Object.values(json.objects)[0]);
 			return features.type === "FeatureCollection" ? features.features : [features];
 		} else if (json.type === "FeatureCollection") return json.features;
@@ -70783,7 +70815,7 @@ var Spreadsheet = class extends Component$1 {
 		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"}`;
 		}
@@ -70811,7 +70843,6 @@ var Spreadsheet = class extends Component$1 {
 			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),
@@ -86060,7 +86091,8 @@ const registries = {
 	pivotToFunctionValueRegistry,
 	migrationStepRegistry,
 	chartJsExtensionRegistry,
-	onIterationEndEvaluationRegistry
+	onIterationEndEvaluationRegistry,
+	specificRangeTransformRegistry
 };
 const helpers = {
 	arg,
@@ -86266,6 +86298,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, BadExpressionError, CHART_TYPES, CellErrorType, CellValueType, CircularDependencyError, ClientDisconnectedError, ClipboardMIMEType, CommandResult, CompiledFormula, CorePlugin, CoreViewPlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DEFAULT_LOCALE_DIGIT_GROUPING, DIRECTION, DispatchResult, DivisionByZeroError, EvaluationError, InvalidReferenceError, LocalTransportService, Model, NEXT_VALUE, NotAvailableError, NumberTooLargeError, OrderedLayers, PREVIOUS_VALUE, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, SplillBlockedError, Spreadsheet, SpreadsheetPivotTable, UIPlugin, UnknownFunctionError, __info__, addFunction, addRenderingLayer, astToFormula, availableConditionalFormatOperators, availableDataValidationOperators, availableFiltersOperators, borderPositions, borderStyles, canExecuteInReadonly, categories, chartHelpers, compatibility, components, composerFocusTypes, constants, convertAstNodes, coreTypes, createAutocompleteArgumentsProvider, errorTypes, filterDateCriterionOperators, filterNumberCriterionOperators, filterTextCriterionOperators, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidSubtotalFormulasCommands, invalidateBordersCommands, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, isCoreCommand, isHeadersDependant, isMatrix, isPositionDependent, isRangeDependant, isSheetDependent, isTargetDependent, isZoneDependent, iterateAstNodes, links, load, lockedSheetAllowedCommands, parse, parseTokens, readonlyAllowedCommands, registries, schemeToColorScale, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
-__info__.version = "19.4.0-alpha.11";
-__info__.date = "2026-06-03T11:42:34.595Z";
-__info__.hash = "6f35bc7";
+__info__.version = "19.4.0-alpha.13";
+__info__.date = "2026-06-06T09:34:53.140Z";
+__info__.hash = "af3c199";

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.13
+ * @date 2026-06-06T09:34:53.140Z
+ * @hash af3c199
  */
 
 (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 = [];
@@ -10558,7 +10559,7 @@ set(value) {
 		};
 	}
 	function getGeoChartProjection(projection) {
-		if (projection === "conicConformal") return globalThis.ChartGeo.geoConicConformal().rotate([100, 0]);
+		if (globalThis.ChartGeo && projection === "conicConformal") return globalThis.ChartGeo.geoConicConformal().rotate([100, 0]);
 		return projection;
 	}
 	function getChartAxisTitleRuntime(design) {
@@ -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();
 		}
 	};
 
@@ -24803,6 +24806,18 @@ set(value) {
 		isSameColor(color1, color2) {
 			return isSameColor(color1, color2);
 		}
+		get canUseEyeDropper() {
+			return !!globalThis.EyeDropper && !this.env.model.getters.isDarkMode();
+		}
+		async activateEyedropper() {
+			if (!globalThis.EyeDropper) return;
+			try {
+				const result = await new globalThis.EyeDropper().open();
+				if (result && result.sRGBHex) this.props.onColorPicked(toHex(result.sRGBHex));
+			} catch (error) {
+				if (error.name !== "AbortError") throw error;
+			}
+		}
 	};
 
 //#endregion
@@ -28482,7 +28497,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 +28552,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 +38801,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 +38813,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 +39197,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 +39213,8 @@ set(value) {
 						order: order || void 0
 					};
 					return col;
-				})
+				}),
+				sortedColumn: isRow ? void 0 : sortedColumn
 			});
 		}
 		updateGranularity(dimension, granularity) {
@@ -39214,6 +39240,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 +58857,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 +59053,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);
@@ -62365,6 +62396,7 @@ set(value) {
 		convertToGeoJson(json) {
 			if (!json) return null;
 			if (json.type === "Topology") {
+				if (!globalThis.ChartGeo) return null;
 				const features = globalThis.ChartGeo.topojson.feature(json, Object.values(json.objects)[0]);
 				return features.type === "FeatureCollection" ? features.features : [features];
 			} else if (json.type === "FeatureCollection") return json.features;
@@ -70785,7 +70817,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 +70845,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 +86093,8 @@ set(value) {
 		pivotToFunctionValueRegistry,
 		migrationStepRegistry,
 		chartJsExtensionRegistry,
-		onIterationEndEvaluationRegistry
+		onIterationEndEvaluationRegistry,
+		specificRangeTransformRegistry
 	};
 	const helpers = {
 		arg,
@@ -86362,8 +86394,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.13";
+__info__.date = "2026-06-06T09:34:53.140Z";
+__info__.hash = "af3c199";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);