@odoo/o-spreadsheet 19.4.0-alpha.6 → 19.4.0-alpha.7

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.6
- * @date 2026-05-15T07:08:41.621Z
- * @hash 0207b9d
+ * @version 19.4.0-alpha.7
+ * @date 2026-05-20T14:40:27.236Z
+ * @hash 7ee566f
  */
 
 (function(exports, _odoo_owl) {
@@ -141,17 +141,234 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		};
 	}
 
+//#endregion
+//#region src/components/helpers/dom_helpers.ts
+	const macRegex = /Mac/i;
+	let zoomCssDoesNotAffectBoundingRect = false;
+	function defineZoomCssImpactOnBoundingRect() {
+		const div = document.createElement("div");
+		div.setAttribute("style", `width:10px;height:1px;zoom:2;position:absolute;z-index:-10000`);
+		document.body.appendChild(div);
+		zoomCssDoesNotAffectBoundingRect = div.getBoundingClientRect().width !== 20;
+		document.body.removeChild(div);
+	}
+	(0, _odoo_owl.whenReady)(defineZoomCssImpactOnBoundingRect);
+	const MODIFIER_KEYS = [
+		"Shift",
+		"Control",
+		"Alt",
+		"Meta"
+	];
+	/**
+	* Return true if the event was triggered from
+	* a child element.
+	*/
+	function isChildEvent(parent, ev) {
+		if (!parent) return false;
+		return !!ev.target && parent.contains(ev.target);
+	}
+	function gridOverlayPosition(zoom = 1) {
+		const spreadsheetElement = document.querySelector(".o-grid-overlay");
+		const result = spreadsheetElement && zoomCorrectedElementRect(spreadsheetElement, zoom);
+		if (!result) throw new Error("Can't find spreadsheet position");
+		return result;
+	}
+	function zoomCorrectedElementRect(el, zoomLevel) {
+		const zoomedElement = el.closest(".o-zoomable");
+		let targetEl;
+		let zoom = 1;
+		if (zoomedElement) {
+			targetEl = zoomedElement;
+			zoom = zoomCssDoesNotAffectBoundingRect ? zoomLevel : 1;
+		} else targetEl = el;
+		const rect = targetEl.getBoundingClientRect();
+		return {
+			x: rect.x * zoom,
+			y: rect.y * zoom,
+			width: rect.width * zoom,
+			height: rect.height * zoom
+		};
+	}
+	function getRefBoundingRect(ref) {
+		if (!ref.el) return {
+			x: 0,
+			y: 0,
+			width: 0,
+			height: 0
+		};
+		return getBoundingRectAsPOJO(ref.el);
+	}
+	function getBoundingRectAsPOJO(el) {
+		const rect = el.getBoundingClientRect();
+		return {
+			x: rect.x,
+			y: rect.y,
+			width: rect.width,
+			height: rect.height
+		};
+	}
+	/**
+	* Iterate over all the children of `el` in the dom tree starting at `el`, depth first.
+	*/
+	function* iterateChildren(el) {
+		yield el;
+		if (el.hasChildNodes()) for (const child of el.childNodes) yield* iterateChildren(child);
+	}
+	function getOpenedMenus() {
+		return Array.from(document.querySelectorAll(".o-spreadsheet .o-menu"));
+	}
+	function getCurrentSelection(el) {
+		const { startElement, endElement, startSelectionOffset, endSelectionOffset } = getStartAndEndSelection(el);
+		return {
+			start: findSelectionIndex(el, startElement, startSelectionOffset),
+			end: findSelectionIndex(el, endElement, endSelectionOffset)
+		};
+	}
+	function getStartAndEndSelection(el) {
+		const selection = document.getSelection();
+		return {
+			startElement: selection.anchorNode || el,
+			startSelectionOffset: selection.anchorOffset,
+			endElement: selection.focusNode || el,
+			endSelectionOffset: selection.focusOffset
+		};
+	}
+	/**
+	* Computes the text 'index' inside this.el based on the currently selected node and its offset.
+	* The selected node is either a Text node or an Element node.
+	*
+	* case 1 -Text node:
+	* the offset is the number of characters from the start of the node. We have to add this offset to the
+	* content length of all previous nodes.
+	*
+	* case 2 - Element node:
+	* the offset is the number of child nodes before the selected node. We have to add the content length of
+	* all the nodes prior to the selected node as well as the content of the child node before the offset.
+	*
+	* See the MDN documentation for more details.
+	* https://developer.mozilla.org/en-US/docs/Web/API/Range/startOffset
+	* https://developer.mozilla.org/en-US/docs/Web/API/Range/endOffset
+	*
+	*/
+	function findSelectionIndex(el, nodeToFind, nodeOffset) {
+		let usedCharacters = 0;
+		const it = iterateChildren(el);
+		let current = it.next();
+		let isFirstParagraph = true;
+		while (!current.done && current.value !== nodeToFind) {
+			if (!current.value.hasChildNodes()) {
+				if (current.value.textContent) usedCharacters += current.value.textContent.length;
+			}
+			if (current.value.nodeName === "P" || current.value.nodeName === "DIV" && current.value !== el) if (isFirstParagraph) isFirstParagraph = false;
+			else usedCharacters++;
+			current = it.next();
+		}
+		if (current.value !== nodeToFind)
+ /** This situation can happen if the code is called while the selection is not currently on the element.
+		* In this case, we return 0 because we don't know the size of the text before the selection.
+		*
+		* A known occurrence is triggered since the introduction of commit d4663158 (PR #2038).
+		*/
+		return 0;
+		else if (!current.value.hasChildNodes()) usedCharacters += nodeOffset;
+		else {
+			const children = [...current.value.childNodes].slice(0, nodeOffset);
+			usedCharacters += children.reduce((acc, child, index) => {
+				if (child.textContent !== null) {
+					let chars = child.textContent.length;
+					if (child.nodeName === "P" && index !== children.length - 1) chars++;
+					return acc + chars;
+				} else return acc;
+			}, 0);
+		}
+		if (nodeToFind.nodeName === "P" && !isFirstParagraph && nodeToFind.textContent === "") usedCharacters++;
+		return usedCharacters;
+	}
+	const letterRegex = /^[a-zA-Z]$/;
+	/**
+	* Transform a keyboard event into a shortcut string that represent this event. The letters keys will be uppercased.
+	*
+	* @argument ev - The keyboard event to transform
+	* @argument mode - Use either ev.key of ev.code to get the string shortcut
+	*
+	* @example
+	* event : { ctrlKey: true, key: "a" } => "Ctrl+A"
+	* event : { shift: true, alt: true, key: "Home" } => "Alt+Shift+Home"
+	*/
+	function keyboardEventToShortcutString(ev, mode = "key") {
+		let keyDownString = "";
+		if (!MODIFIER_KEYS.includes(ev.key)) {
+			if (isCtrlKey(ev)) keyDownString += "Ctrl+";
+			if (ev.altKey) keyDownString += "Alt+";
+			if (ev.shiftKey) keyDownString += "Shift+";
+		}
+		const key = mode === "key" ? ev.key : ev.code;
+		keyDownString += letterRegex.test(key) ? key.toUpperCase() : key;
+		return keyDownString;
+	}
+	function isMacOS() {
+		return Boolean(macRegex.test(navigator.userAgent));
+	}
+	/**
+	* @param {KeyboardEvent | MouseEvent} ev
+	* @returns Returns true if the event was triggered with the "ctrl" modifier pressed.
+	* On Mac, this is the "meta" or "command" key.
+	*/
+	function isCtrlKey(ev) {
+		return isMacOS() || isIOS() ? ev.metaKey : ev.ctrlKey;
+	}
+	/**
+	* @param {MouseEvent} ev - The mouse event.
+	* @returns {boolean} Returns true if the event was triggered by a middle-click
+	* or a Ctrl + Click (Cmd + Click on Mac).
+	*/
+	function isMiddleClickOrCtrlClick(ev) {
+		return ev.button === 1 || isCtrlKey(ev) && ev.button === 0;
+	}
+	function downloadFile(dataUrl, fileName) {
+		const a = document.createElement("a");
+		a.href = dataUrl;
+		a.download = fileName;
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+	}
+	/**
+	* Detects if the current browser is Firefox
+	*/
+	function isBrowserFirefox() {
+		return /Firefox/i.test(navigator.userAgent);
+	}
+	function maxTouchPoints() {
+		return navigator.maxTouchPoints || 1;
+	}
+	function isAndroid() {
+		return /Android/i.test(navigator.userAgent);
+	}
+	function isIOS() {
+		return /(iPad|iPhone|iPod)/i.test(navigator.userAgent) || navigator.platform === "MacIntel" && maxTouchPoints() > 1;
+	}
+	function isOtherMobileOS() {
+		return /(webOS|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
+	}
+	function isMobileOS() {
+		return isAndroid() || isIOS() || isOtherMobileOS();
+	}
+
 //#endregion
 //#region src/actions/action.ts
 	function createActions(menuItems) {
 		return menuItems.map(createAction).sort((a, b) => a.sequence - b.sequence);
 	}
+	function adaptShortcutMacOs(shortcut) {
+		return shortcut.replace("Ctrl", "⌘").replace("Alt", "⌃");
+	}
 	let nextItemId = 1;
 	function createAction(item) {
 		const name = item.name;
 		const children = item.children;
 		const description = item.description;
-		const shortcut = item.shortcut;
+		const shortcut = item.shortcut && isMacOS() ? adaptShortcutMacOs(item.shortcut) : item.shortcut;
 		const icon = item.icon;
 		const secondaryIcon = item.secondaryIcon;
 		const itemId = item.id || nextItemId++;
@@ -5033,36 +5250,77 @@ stores.inject(MyMetaStore, storeInstance);
 				} else args[i] = arg[0][0];
 			}
 		}
-		if (countVectorizedCol === 1 && countVectorizedRow === 1) return errorHandlingCompute(descr, context, args);
-		const getArgOffset = (i, j) => args.map((arg, index) => {
-			switch (vectorArgsType?.[index]) {
-				case "matrix": return arg[i][j];
-				case "horizontal": return arg[i][0];
-				case "vertical": return arg[0][j];
-				case void 0: return arg;
+		const argsToFocus = argTargeting(descr, args.length);
+		const argDefinitions = new Array(args.length);
+		for (let k = 0; k < args.length; k++) argDefinitions[k] = descr.args[argsToFocus[k].index];
+		if (countVectorizedCol === 1 && countVectorizedRow === 1) return errorHandlingCompute(descr, context, args, argDefinitions);
+		const argsBuffer = new Array(args.length);
+		const argGetters = [];
+		const vectorizedIndices = [];
+		for (let k = 0; k < args.length; k++) {
+			const arg = args[k];
+			switch (vectorArgsType?.[k]) {
+				case "matrix":
+					argGetters.push((i, j) => arg[i][j]);
+					vectorizedIndices.push(k);
+					break;
+				case "horizontal":
+					argGetters.push((i) => arg[i][0]);
+					vectorizedIndices.push(k);
+					break;
+				case "vertical":
+					argGetters.push((_i, j) => arg[0][j]);
+					vectorizedIndices.push(k);
+					break;
+				case void 0:
+					argsBuffer[k] = arg;
+					break;
 			}
-		});
-		return generateMatrix(countVectorizedCol, countVectorizedRow, (col, row) => {
-			if (col > vectorizedColLimit - 1 || row > vectorizedRowLimit - 1) return new NotAvailableError(_t("Array arguments to [[FUNCTION_NAME]] are of different size."));
-			const singleCellComputeResult = errorHandlingCompute(descr, context, getArgOffset(col, row));
-			return isMatrix(singleCellComputeResult) ? singleCellComputeResult[0][0] : singleCellComputeResult;
-		});
+		}
+		const nbVectorized = vectorizedIndices.length;
+		const result = new Array(countVectorizedCol);
+		for (let col = 0; col < countVectorizedCol; col++) {
+			const column = new Array(countVectorizedRow);
+			result[col] = column;
+			for (let row = 0; row < countVectorizedRow; row++) {
+				if (col > vectorizedColLimit - 1 || row > vectorizedRowLimit - 1) {
+					column[row] = new NotAvailableError(_t("Array arguments to [[FUNCTION_NAME]] are of different size."));
+					continue;
+				}
+				for (let k = 0; k < nbVectorized; k++) argsBuffer[vectorizedIndices[k]] = argGetters[k](col, row);
+				const singleCellComputeResult = errorHandlingCompute(descr, context, argsBuffer, argDefinitions);
+				column[row] = isMatrix(singleCellComputeResult) ? singleCellComputeResult[0][0] : singleCellComputeResult;
+			}
+		}
+		return result;
 	}
 	function computeFunctionToObject(descr, context, args) {
 		if (context.debug) {
 			debugger;
 			context.debug = false;
 		}
-		const result = descr.compute.apply(context, args);
+		const compute = descr.compute;
+		let result;
+		switch (args.length) {
+			case 1:
+				result = compute.call(context, args[0]);
+				break;
+			case 2:
+				result = compute.call(context, args[0], args[1]);
+				break;
+			case 3:
+				result = compute.call(context, args[0], args[1], args[2]);
+				break;
+			default: result = compute.apply(context, args);
+		}
 		if (!isMatrix(result)) return isFunctionResultObject(result) ? result : { value: result };
 		if (isFunctionResultObject(result[0][0])) return result;
 		return matrixMap(result, (row) => ({ value: row }));
 	}
-	function errorHandlingCompute(descr, context, args) {
-		const argsToFocus = argTargeting(descr, args.length);
+	function errorHandlingCompute(descr, context, args, argDefinitions) {
 		for (let i = 0; i < args.length; i++) {
 			const arg = args[i];
-			if (!descr.args[argsToFocus[i].index].acceptErrors && !isMatrix(arg) && isEvaluationError(arg?.value)) return arg;
+			if (!argDefinitions[i].acceptErrors && !isMatrix(arg) && isEvaluationError(arg?.value)) return arg;
 		}
 		try {
 			return computeFunctionToObject(descr, context, args);
@@ -6261,8 +6519,13 @@ stores.inject(MyMetaStore, storeInstance);
 				changeType: "NONE",
 				range
 			};
+			const isUnboundedAtEnd = range.unboundedZone[end] === void 0;
+			if (isUnboundedAtEnd && !range.unboundedZone.hasHeader) return {
+				changeType: "RESIZE",
+				range: createAdaptedRange(range, dimension, "RESIZE", cmd.quantity)
+			};
 			if (cmd.position === "after") {
-				if (range.zone[start] <= cmd.base && cmd.base < range.zone[end]) return {
+				if (range.zone[start] <= cmd.base && (cmd.base < range.zone[end] || isUnboundedAtEnd)) return {
 					changeType: "RESIZE",
 					range: createAdaptedRange(range, dimension, "RESIZE", cmd.quantity)
 				};
@@ -6508,40 +6771,65 @@ stores.inject(MyMetaStore, storeInstance);
 
 //#endregion
 //#region src/formulas/code_builder.ts
+	var JsString = class extends String {};
+	/**
+	* Creates a JsString from a raw string, bypassing the template string interpolation checks.
+	* This can lead to security vulnerabilities if the string is not trusted!
+	*/
+	function dangerouslyCreateJsStr(trustedStr) {
+		return new JsString(trustedStr);
+	}
+	/**
+	* Creates a JsString from a template string, ensuring that all interpolated values are safe.
+	*/
+	function jsStr(strings, ...values) {
+		let str = "";
+		for (let i = 0; i < strings.length; i++) {
+			const value = values[i];
+			if (i >= values.length) str += strings[i];
+			else if (isSafeJsValue(value)) str += strings[i] + value;
+			else if (Array.isArray(value) && value.every(isSafeJsValue)) str += strings[i] + value.map((v) => v.toString()).join(",");
+			else throw new Error(`Invalid interpolated value at index ${i}: ${value}`);
+		}
+		return dangerouslyCreateJsStr(str);
+	}
+	function isSafeJsValue(value) {
+		return value instanceof JsString || typeof value === "number" || typeof value === "boolean";
+	}
 	var FunctionCodeBuilder = class {
 		scope;
-		code = "";
+		code = [];
 		constructor(scope = new Scope()) {
 			this.scope = scope;
 		}
 		append(...lines) {
-			this.code += lines.map((line) => line.toString()).join("\n") + "\n";
+			for (const line of lines) if (line instanceof FunctionCodeImpl) this.code.push(...line.code);
+			else if (line instanceof JsString) this.code.push(line);
+			else throw new Error(`Invalid line: ${line}`);
 		}
 		return(expression) {
+			if (!isSafeJsValue(expression)) throw new Error(`Expected JsString, got ${expression}`);
 			return new FunctionCodeImpl(this.scope, this.code, expression);
 		}
 		toString() {
-			return indentCode(this.code);
+			return indentCode(this.code.join("\n"));
 		}
 	};
 	var FunctionCodeImpl = class {
 		scope;
-		returnExpression;
 		code;
+		returnExpression;
 		constructor(scope, code, returnExpression) {
 			this.scope = scope;
+			this.code = code;
 			this.returnExpression = returnExpression;
-			this.code = indentCode(code);
-		}
-		toString() {
-			return this.code;
 		}
 		assignResultToVariable() {
 			if (this.scope.isAlreadyDeclared(this.returnExpression)) return this;
 			const variableName = this.scope.nextVariableName();
 			const code = new FunctionCodeBuilder(this.scope);
-			code.append(this.code);
-			code.append(`const ${variableName} = ${this.returnExpression};`);
+			code.append(...this.code);
+			code.append(jsStr`const ${variableName} = ${this.returnExpression};`);
 			return code.return(variableName);
 		}
 	};
@@ -6549,12 +6837,12 @@ stores.inject(MyMetaStore, storeInstance);
 		nextId = 1;
 		declaredVariables = /* @__PURE__ */ new Set();
 		nextVariableName() {
-			const name = `_${this.nextId++}`;
-			this.declaredVariables.add(name);
+			const name = jsStr`_${this.nextId++}`;
+			this.declaredVariables.add(name.toString());
 			return name;
 		}
 		isAlreadyDeclared(name) {
-			return this.declaredVariables.has(name);
+			return this.declaredVariables.has(name.toString());
 		}
 	};
 	/**
@@ -6771,6 +7059,7 @@ stores.inject(MyMetaStore, storeInstance);
 		try {
 			return compileTokensOrThrow(tokens);
 		} catch (error) {
+			if (!(error instanceof EvaluationError)) throw error;
 			return {
 				tokens,
 				literalValues: {
@@ -6801,7 +7090,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const compiledAST = compileAST(ast);
 			const code = new FunctionCodeBuilder();
 			code.append(compiledAST);
-			code.append(`return ${compiledAST.returnExpression};`);
+			code.append(jsStr`return ${compiledAST.returnExpression};`);
 			functionCache[cacheKey] = new Function("deps", "ref", "range", "getSymbolValue", "ctx", code.toString());
 			/**
 			* This function compile the function arguments. It is mostly straightforward,
@@ -6834,19 +7123,21 @@ stores.inject(MyMetaStore, storeInstance);
 			function compileAST(ast, hasRange = false) {
 				const code = new FunctionCodeBuilder(scope);
 				if (ast.debug) {
-					code.append("debugger;");
-					code.append(`ctx["debug"] = true;`);
+					code.append(jsStr`debugger;`);
+					code.append(jsStr`ctx["debug"] = true;`);
 				}
 				switch (ast.type) {
-					case "BOOLEAN": return code.return(`{ value: ${ast.value} }`);
-					case "NUMBER": return code.return(`this.literalValues.numbers[${numberCount++}]`);
-					case "STRING": return code.return(`this.literalValues.strings[${stringCount++}]`);
-					case "REFERENCE": return code.return(`${ast.value.includes(":") || hasRange ? `range` : `ref`}(deps[${dependencyCount++}])`);
+					case "BOOLEAN": return code.return(jsStr`{ value: ${ast.value} }`);
+					case "NUMBER": return code.return(jsStr`this.literalValues.numbers[${numberCount++}]`);
+					case "STRING": return code.return(jsStr`this.literalValues.strings[${stringCount++}]`);
+					case "REFERENCE": return code.return(jsStr`${ast.value.includes(":") || hasRange ? jsStr`range` : jsStr`ref`}(deps[${dependencyCount++}])`);
 					case "FUNCALL":
 						const args = compileFunctionArgs(ast).map((arg) => arg.assignResultToVariable());
 						code.append(...args);
 						const fnName = ast.value.toUpperCase();
-						return code.return(`ctx['${fnName}'](${args.map((arg) => arg.returnExpression)})`);
+						if (!Object.hasOwn(functions$1, fnName)) throw new Error(`Unknown function: "${fnName}"`);
+						const jsFnName = dangerouslyCreateJsStr(fnName);
+						return code.return(jsStr`ctx['${jsFnName}'](${args.map((arg) => arg.returnExpression)})`);
 					case "ARRAY": return compileAST({
 						type: "FUNCALL",
 						value: "ARRAY.LITERAL",
@@ -6861,23 +7152,25 @@ stores.inject(MyMetaStore, storeInstance);
 						tokenEndIndex: 0
 					});
 					case "UNARY_OPERATION": {
-						const fnName = UNARY_OPERATOR_MAP[ast.value];
+						if (!Object.hasOwn(UNARY_OPERATOR_MAP, ast.value)) throw new Error(`Unknown operator: "${ast.value}"`);
+						const fnName = dangerouslyCreateJsStr(UNARY_OPERATOR_MAP[ast.value]);
 						const operand = compileAST(ast.operand, ast.value === "#").assignResultToVariable();
 						code.append(operand);
-						return code.return(`ctx['${fnName}'](${operand.returnExpression})`);
+						return code.return(jsStr`ctx['${fnName}'](${operand.returnExpression})`);
 					}
 					case "BIN_OPERATION": {
-						const fnName = OPERATOR_MAP[ast.value];
+						if (!Object.hasOwn(OPERATOR_MAP, ast.value)) throw new Error(`Unknown operator: "${ast.value}"`);
+						const fnName = dangerouslyCreateJsStr(OPERATOR_MAP[ast.value]);
 						const left = compileAST(ast.left, false).assignResultToVariable();
 						const right = compileAST(ast.right, false).assignResultToVariable();
 						code.append(left);
 						code.append(right);
-						return code.return(`ctx['${fnName}'](${left.returnExpression}, ${right.returnExpression})`);
+						return code.return(jsStr`ctx['${fnName}'](${left.returnExpression}, ${right.returnExpression})`);
 					}
 					case "SYMBOL":
 						const symbolIndex = symbols.indexOf(ast.value);
-						return code.return(`getSymbolValue(this.symbols[${symbolIndex}], ${hasRange})`);
-					case "EMPTY": return code.return("undefined");
+						return code.return(jsStr`getSymbolValue(this.symbols[${symbolIndex}], ${hasRange})`);
+					case "EMPTY": return code.return(jsStr`undefined`);
 				}
 			}
 		}
@@ -11554,220 +11847,6 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 	};
 
-//#endregion
-//#region src/components/helpers/dom_helpers.ts
-	const macRegex = /Mac/i;
-	let zoomCssDoesNotAffectBoundingRect = false;
-	function defineZoomCssImpactOnBoundingRect() {
-		const div = document.createElement("div");
-		div.setAttribute("style", `width:10px;height:1px;zoom:2;position:absolute;z-index:-10000`);
-		document.body.appendChild(div);
-		zoomCssDoesNotAffectBoundingRect = div.getBoundingClientRect().width !== 20;
-		document.body.removeChild(div);
-	}
-	(0, _odoo_owl.whenReady)(defineZoomCssImpactOnBoundingRect);
-	const MODIFIER_KEYS = [
-		"Shift",
-		"Control",
-		"Alt",
-		"Meta"
-	];
-	/**
-	* Return true if the event was triggered from
-	* a child element.
-	*/
-	function isChildEvent(parent, ev) {
-		if (!parent) return false;
-		return !!ev.target && parent.contains(ev.target);
-	}
-	function gridOverlayPosition(zoom = 1) {
-		const spreadsheetElement = document.querySelector(".o-grid-overlay");
-		const result = spreadsheetElement && zoomCorrectedElementRect(spreadsheetElement, zoom);
-		if (!result) throw new Error("Can't find spreadsheet position");
-		return result;
-	}
-	function zoomCorrectedElementRect(el, zoomLevel) {
-		const zoomedElement = el.closest(".o-zoomable");
-		let targetEl;
-		let zoom = 1;
-		if (zoomedElement) {
-			targetEl = zoomedElement;
-			zoom = zoomCssDoesNotAffectBoundingRect ? zoomLevel : 1;
-		} else targetEl = el;
-		const rect = targetEl.getBoundingClientRect();
-		return {
-			x: rect.x * zoom,
-			y: rect.y * zoom,
-			width: rect.width * zoom,
-			height: rect.height * zoom
-		};
-	}
-	function getRefBoundingRect(ref) {
-		if (!ref.el) return {
-			x: 0,
-			y: 0,
-			width: 0,
-			height: 0
-		};
-		return getBoundingRectAsPOJO(ref.el);
-	}
-	function getBoundingRectAsPOJO(el) {
-		const rect = el.getBoundingClientRect();
-		return {
-			x: rect.x,
-			y: rect.y,
-			width: rect.width,
-			height: rect.height
-		};
-	}
-	/**
-	* Iterate over all the children of `el` in the dom tree starting at `el`, depth first.
-	*/
-	function* iterateChildren(el) {
-		yield el;
-		if (el.hasChildNodes()) for (const child of el.childNodes) yield* iterateChildren(child);
-	}
-	function getOpenedMenus() {
-		return Array.from(document.querySelectorAll(".o-spreadsheet .o-menu"));
-	}
-	function getCurrentSelection(el) {
-		const { startElement, endElement, startSelectionOffset, endSelectionOffset } = getStartAndEndSelection(el);
-		return {
-			start: findSelectionIndex(el, startElement, startSelectionOffset),
-			end: findSelectionIndex(el, endElement, endSelectionOffset)
-		};
-	}
-	function getStartAndEndSelection(el) {
-		const selection = document.getSelection();
-		return {
-			startElement: selection.anchorNode || el,
-			startSelectionOffset: selection.anchorOffset,
-			endElement: selection.focusNode || el,
-			endSelectionOffset: selection.focusOffset
-		};
-	}
-	/**
-	* Computes the text 'index' inside this.el based on the currently selected node and its offset.
-	* The selected node is either a Text node or an Element node.
-	*
-	* case 1 -Text node:
-	* the offset is the number of characters from the start of the node. We have to add this offset to the
-	* content length of all previous nodes.
-	*
-	* case 2 - Element node:
-	* the offset is the number of child nodes before the selected node. We have to add the content length of
-	* all the nodes prior to the selected node as well as the content of the child node before the offset.
-	*
-	* See the MDN documentation for more details.
-	* https://developer.mozilla.org/en-US/docs/Web/API/Range/startOffset
-	* https://developer.mozilla.org/en-US/docs/Web/API/Range/endOffset
-	*
-	*/
-	function findSelectionIndex(el, nodeToFind, nodeOffset) {
-		let usedCharacters = 0;
-		const it = iterateChildren(el);
-		let current = it.next();
-		let isFirstParagraph = true;
-		while (!current.done && current.value !== nodeToFind) {
-			if (!current.value.hasChildNodes()) {
-				if (current.value.textContent) usedCharacters += current.value.textContent.length;
-			}
-			if (current.value.nodeName === "P" || current.value.nodeName === "DIV" && current.value !== el) if (isFirstParagraph) isFirstParagraph = false;
-			else usedCharacters++;
-			current = it.next();
-		}
-		if (current.value !== nodeToFind)
- /** This situation can happen if the code is called while the selection is not currently on the element.
-		* In this case, we return 0 because we don't know the size of the text before the selection.
-		*
-		* A known occurrence is triggered since the introduction of commit d4663158 (PR #2038).
-		*/
-		return 0;
-		else if (!current.value.hasChildNodes()) usedCharacters += nodeOffset;
-		else {
-			const children = [...current.value.childNodes].slice(0, nodeOffset);
-			usedCharacters += children.reduce((acc, child, index) => {
-				if (child.textContent !== null) {
-					let chars = child.textContent.length;
-					if (child.nodeName === "P" && index !== children.length - 1) chars++;
-					return acc + chars;
-				} else return acc;
-			}, 0);
-		}
-		if (nodeToFind.nodeName === "P" && !isFirstParagraph && nodeToFind.textContent === "") usedCharacters++;
-		return usedCharacters;
-	}
-	const letterRegex = /^[a-zA-Z]$/;
-	/**
-	* Transform a keyboard event into a shortcut string that represent this event. The letters keys will be uppercased.
-	*
-	* @argument ev - The keyboard event to transform
-	* @argument mode - Use either ev.key of ev.code to get the string shortcut
-	*
-	* @example
-	* event : { ctrlKey: true, key: "a" } => "Ctrl+A"
-	* event : { shift: true, alt: true, key: "Home" } => "Alt+Shift+Home"
-	*/
-	function keyboardEventToShortcutString(ev, mode = "key") {
-		let keyDownString = "";
-		if (!MODIFIER_KEYS.includes(ev.key)) {
-			if (isCtrlKey(ev)) keyDownString += "Ctrl+";
-			if (ev.altKey) keyDownString += "Alt+";
-			if (ev.shiftKey) keyDownString += "Shift+";
-		}
-		const key = mode === "key" ? ev.key : ev.code;
-		keyDownString += letterRegex.test(key) ? key.toUpperCase() : key;
-		return keyDownString;
-	}
-	function isMacOS() {
-		return Boolean(macRegex.test(navigator.userAgent));
-	}
-	/**
-	* @param {KeyboardEvent | MouseEvent} ev
-	* @returns Returns true if the event was triggered with the "ctrl" modifier pressed.
-	* On Mac, this is the "meta" or "command" key.
-	*/
-	function isCtrlKey(ev) {
-		return isMacOS() || isIOS() ? ev.metaKey : ev.ctrlKey;
-	}
-	/**
-	* @param {MouseEvent} ev - The mouse event.
-	* @returns {boolean} Returns true if the event was triggered by a middle-click
-	* or a Ctrl + Click (Cmd + Click on Mac).
-	*/
-	function isMiddleClickOrCtrlClick(ev) {
-		return ev.button === 1 || isCtrlKey(ev) && ev.button === 0;
-	}
-	function downloadFile(dataUrl, fileName) {
-		const a = document.createElement("a");
-		a.href = dataUrl;
-		a.download = fileName;
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-	}
-	/**
-	* Detects if the current browser is Firefox
-	*/
-	function isBrowserFirefox() {
-		return /Firefox/i.test(navigator.userAgent);
-	}
-	function maxTouchPoints() {
-		return navigator.maxTouchPoints || 1;
-	}
-	function isAndroid() {
-		return /Android/i.test(navigator.userAgent);
-	}
-	function isIOS() {
-		return /(iPad|iPhone|iPod)/i.test(navigator.userAgent) || navigator.platform === "MacIntel" && maxTouchPoints() > 1;
-	}
-	function isOtherMobileOS() {
-		return /(webOS|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
-	}
-	function isMobileOS() {
-		return isAndroid() || isIOS() || isOtherMobileOS();
-	}
-
 //#endregion
 //#region src/components/helpers/zoom.ts
 /**
@@ -11852,6 +11931,9 @@ stores.inject(MyMetaStore, storeInstance);
 					window.devicePixelRatio
 				];
 			});
+			const resizeObserver = new ResizeObserver(() => this.createChart());
+			(0, _odoo_owl.onMounted)(() => resizeObserver.observe(this.canvas.el));
+			(0, _odoo_owl.onWillUnmount)(() => resizeObserver.disconnect());
 		}
 		createChart() {
 			const canvas = this.canvas.el;
@@ -13543,6 +13625,15 @@ stores.inject(MyMetaStore, storeInstance);
 					window.devicePixelRatio
 				];
 			});
+			const resizeObserver = new ResizeObserver(() => {
+				if (animation) {
+					animation.stop();
+					animation = null;
+				}
+				drawGaugeChart(this.canvasEl, this.runtime, this.env.model.getters.getViewportZoomLevel());
+			});
+			(0, _odoo_owl.onMounted)(() => resizeObserver.observe(this.canvas.el));
+			(0, _odoo_owl.onWillUnmount)(() => resizeObserver.disconnect());
 		}
 		drawGaugeWithAnimation() {
 			drawGaugeChart(this.canvasEl, {
@@ -23477,7 +23568,7 @@ stores.inject(MyMetaStore, storeInstance);
 	};
 	const insertTable = {
 		name: () => _t("Table"),
-		description: "Alt+T",
+		shortcut: "Alt+T",
 		execute: INSERT_TABLE,
 		isVisible: (env) => IS_SELECTION_CONTINUOUS(env) && !env.model.getters.getFirstTableInSelection(),
 		isEnabled: (env) => !env.isSmall,
@@ -23526,7 +23617,7 @@ stores.inject(MyMetaStore, storeInstance);
 	};
 	const insertLink = {
 		name: _t("Link"),
-		description: "Ctrl+Shift+K",
+		shortcut: "Ctrl+Shift+K",
 		execute: INSERT_LINK,
 		icon: "o-spreadsheet-Icon.INSERT_LINK"
 	};
@@ -23585,7 +23676,7 @@ stores.inject(MyMetaStore, storeInstance);
 	};
 	const insertSheet = {
 		name: _t("Insert sheet"),
-		description: "Shift+F11",
+		shortcut: "Shift+F11",
 		execute: (env) => {
 			const activeSheetId = env.model.getters.getActiveSheetId();
 			const position = env.model.getters.getSheetIds().indexOf(activeSheetId) + 1;
@@ -27734,6 +27825,74 @@ stores.inject(MyMetaStore, storeInstance);
 		} };
 	}
 
+//#endregion
+//#region src/helpers/figures/charts/runtime/chart_highlight.ts
+	const HIGHLIGHT_TRANSPARENCY = .2;
+	function highlightComboChartItem(item, dataSets) {
+		const index = item.datasetIndex;
+		for (let i = 0; i < dataSets.length; i++) {
+			if (i === index) continue;
+			const dataset = dataSets[i];
+			for (const key of ["borderColor", "backgroundColor"]) {
+				if (!(key in dataset)) continue;
+				dataset[key] = setColorAlpha(dataset[key], i === index ? 1 : HIGHLIGHT_TRANSPARENCY);
+			}
+		}
+	}
+	function resetComboChartHighlights(dataSets) {
+		for (const dataset of dataSets) for (const key of ["borderColor", "backgroundColor"]) {
+			if (!(key in dataset)) continue;
+			dataset[key] = setColorAlpha(dataset[key], 1);
+		}
+	}
+	function highlightLineChartItem(item, dataSets) {
+		const index = item.datasetIndex;
+		for (let i = 0; i < dataSets.length; i++) {
+			const dataset = dataSets[i];
+			const color = setColorAlpha(dataset.borderColor, i === index ? 1 : HIGHLIGHT_TRANSPARENCY);
+			dataset.borderColor = color;
+			dataset.pointBackgroundColor = color;
+			dataset.backgroundColor = setColorAlpha(dataset.backgroundColor, LINE_FILL_TRANSPARENCY * (i === index ? 1 : HIGHLIGHT_TRANSPARENCY));
+		}
+	}
+	function resetLineChartHighlights(dataSets) {
+		for (const dataset of dataSets) {
+			const color = setColorAlpha(dataset.borderColor, 1);
+			dataset.borderColor = color;
+			dataset.pointBackgroundColor = color;
+			dataset.backgroundColor = setColorAlpha(dataset.backgroundColor, LINE_FILL_TRANSPARENCY);
+		}
+	}
+	function toggleLineBarDataVisibility(chart, item) {
+		const index = item.datasetIndex;
+		if (index === void 0) return;
+		if (chart.isDatasetVisible(index)) chart.hide(index);
+		else chart.show(index);
+	}
+	function highlightPieChartItem(item, dataSets) {
+		for (const dataset of dataSets) {
+			const backgroundColors = dataset.backgroundColor;
+			if (!backgroundColors) return;
+			backgroundColors.forEach((color, i, colors) => {
+				colors[i] = setColorAlpha(color, i === item.index ? 1 : HIGHLIGHT_TRANSPARENCY);
+			});
+		}
+	}
+	function resetPieChartHighlights(dataSets) {
+		for (const dataset of dataSets) {
+			const backgroundColors = dataset.backgroundColor;
+			if (!backgroundColors) return;
+			backgroundColors.forEach((color, i, colors) => {
+				colors[i] = setColorAlpha(color, 1);
+			});
+		}
+	}
+	function togglePieDataVisibility(chart, item) {
+		const index = item.index;
+		if (index === void 0) return;
+		chart.toggleDataVisibility(index);
+	}
+
 //#endregion
 //#region src/helpers/figures/charts/runtime/chartjs_legend.ts
 	function getLegendDisplayOptions({ legendPosition }) {
@@ -27744,7 +27903,20 @@ stores.inject(MyMetaStore, storeInstance);
 	}
 	function getBarChartLegend(definition, args) {
 		return {
-			...INTERACTIVE_LEGEND_CONFIG,
+			...getInteractiveLegendConfig({
+				highlightItem: highlightComboChartItem,
+				unHighlightItems: resetComboChartHighlights,
+				toggleDataVisibility: toggleLineBarDataVisibility
+			}),
+			...getLegendDisplayOptions(definition),
+			...getCustomLegendLabels(chartFontColor(definition.background), {
+				pointStyle: "rect",
+				lineWidth: 3
+			})
+		};
+	}
+	function getPyramidChartLegend(definition, args) {
+		return {
 			...getLegendDisplayOptions(definition),
 			...getCustomLegendLabels(chartFontColor(definition.background), {
 				pointStyle: "rect",
@@ -27757,7 +27929,11 @@ stores.inject(MyMetaStore, storeInstance);
 		const pointStyle = filled ? "rect" : "line";
 		const lineWidth = filled ? 2 : 3;
 		return {
-			...INTERACTIVE_LEGEND_CONFIG,
+			...getInteractiveLegendConfig({
+				highlightItem: highlightLineChartItem,
+				unHighlightItems: resetLineChartHighlights,
+				toggleDataVisibility: toggleLineBarDataVisibility
+			}),
 			...getLegendDisplayOptions(definition),
 			...getCustomLegendLabels(chartFontColor(definition.background), {
 				pointStyle,
@@ -27770,6 +27946,11 @@ stores.inject(MyMetaStore, storeInstance);
 		const colors = getPieColors(new ColorGenerator(Math.max(0, ...dataSetsValues.map((ds) => ds?.data?.length ?? 0)), definition.slicesColors), dataSetsValues);
 		const fontColor = chartFontColor(definition.background);
 		return {
+			...getInteractiveLegendConfig({
+				highlightItem: highlightPieChartItem,
+				unHighlightItems: resetPieChartHighlights,
+				toggleDataVisibility: togglePieDataVisibility
+			}),
 			...getLegendDisplayOptions(definition),
 			labels: {
 				usePointStyle: true,
@@ -27779,7 +27960,9 @@ stores.inject(MyMetaStore, storeInstance);
 					fillStyle: colors[index],
 					pointStyle: "rect",
 					lineWidth: 2,
-					fontColor
+					fontColor,
+					index,
+					hidden: !c.getDataVisibility?.(index)
 				})) || []).filter((label) => label.text),
 				filter: (legendItem, data) => {
 					return "datasetIndex" in legendItem ? !data.datasets[legendItem.datasetIndex].hidden : true;
@@ -27789,9 +27972,13 @@ stores.inject(MyMetaStore, storeInstance);
 	}
 	function getScatterChartLegend(definition, args) {
 		return {
-			...INTERACTIVE_LEGEND_CONFIG,
+			...getInteractiveLegendConfig({
+				highlightItem: highlightLineChartItem,
+				unHighlightItems: resetLineChartHighlights,
+				toggleDataVisibility: toggleLineBarDataVisibility
+			}),
 			...getLegendDisplayOptions(definition),
-			...getCustomLegendLabels(chartFontColor(definition.background), {
+			...getScatterPlotLegendLabels(chartFontColor(definition.background), {
 				pointStyle: "circle",
 				strokeStyle: definition.background || "#ffffff",
 				lineWidth: 8
@@ -27812,7 +27999,11 @@ stores.inject(MyMetaStore, storeInstance);
 	}
 	function getComboChartLegend(definition, args) {
 		return {
-			...INTERACTIVE_LEGEND_CONFIG,
+			...getInteractiveLegendConfig({
+				highlightItem: highlightComboChartItem,
+				unHighlightItems: resetComboChartHighlights,
+				toggleDataVisibility: toggleLineBarDataVisibility
+			}),
 			...getLegendDisplayOptions(definition),
 			...getCustomLegendLabels(chartFontColor(definition.background), { lineWidth: 3 })
 		};
@@ -27861,7 +28052,11 @@ stores.inject(MyMetaStore, storeInstance);
 		const pointStyle = fill ? "rect" : "line";
 		const lineWidth = fill ? 2 : 3;
 		return {
-			...INTERACTIVE_LEGEND_CONFIG,
+			...getInteractiveLegendConfig({
+				highlightItem: highlightLineChartItem,
+				unHighlightItems: resetLineChartHighlights,
+				toggleDataVisibility: toggleLineBarDataVisibility
+			}),
 			...getLegendDisplayOptions(definition),
 			...getCustomLegendLabels(chartFontColor(definition.background), {
 				pointStyle,
@@ -27891,29 +28086,44 @@ stores.inject(MyMetaStore, storeInstance);
 			}
 		};
 	}
-	const INTERACTIVE_LEGEND_CONFIG = {
-		onHover: (event) => {
-			const target = event.native?.target;
-			if (!target) return;
-			target.style.cursor = "pointer";
-		},
-		onLeave: (event) => {
-			const target = event.native?.target;
-			if (!target) return;
-			target.style.cursor = "default";
-		},
-		onClick: (event, legendItem, legend) => {
-			if (event.type !== "click") return;
-			const index = legendItem.datasetIndex;
-			if (!legend.legendItems || index === void 0) return;
-			if (legend.chart.isDatasetVisible(index)) legend.chart.hide(index);
-			else legend.chart.show(index);
-			event.native.preventDefault();
-			event.native.stopPropagation();
-		}
-	};
+	function getInteractiveLegendConfig({ highlightItem, unHighlightItems, toggleDataVisibility }) {
+		return {
+			onHover: (event, item, legend) => {
+				if (!item.hidden) {
+					const datasets = legend.chart.data.datasets;
+					highlightItem(item, datasets);
+					legend.chart.update();
+				}
+				const target = event.native?.target;
+				if (target && target instanceof HTMLElement) target.style.cursor = "pointer";
+			},
+			onLeave: (event, item, legend) => {
+				if (!item.hidden) {
+					const datasets = legend.chart.data.datasets;
+					unHighlightItems(datasets);
+					legend.chart.update();
+				}
+				const target = event.native?.target;
+				if (target && target instanceof HTMLElement) target.style.cursor = "default";
+			},
+			onClick: (event, item, legend) => {
+				if (event.type !== "click" || !legend.legendItems) return;
+				if (legend.chart.options.animation) legend.chart.options.animation = false;
+				toggleDataVisibility(legend.chart, item);
+				if (!item.hidden) unHighlightItems(legend.chart.data.datasets);
+				else highlightItem(item, legend.chart.data.datasets);
+				legend.chart.update();
+				event.native.preventDefault();
+				event.native.stopPropagation();
+			}
+		};
+	}
 	const INTERACTIVE_LEGEND_CONFIG_FOR_BUBBLE_CHART = {
-		...INTERACTIVE_LEGEND_CONFIG,
+		...getInteractiveLegendConfig({
+			highlightItem: highlightLineChartItem,
+			unHighlightItems: resetLineChartHighlights,
+			toggleDataVisibility: toggleLineBarDataVisibility
+		}),
 		onClick: (event, legendItem, legend) => {
 			if (event.type !== "click") return;
 			const index = legendItem.datasetIndex;
@@ -27980,6 +28190,37 @@ stores.inject(MyMetaStore, storeInstance);
 			filter: (legendItem, data) => true
 		} };
 	}
+	function getScatterPlotLegendLabels(fontColor, legendLabelConfig) {
+		return { labels: {
+			color: fontColor,
+			usePointStyle: true,
+			generateLabels: (chart) => chart.data.datasets.map((dataset, index) => {
+				if (isTrendLineAxis(dataset["xAxisID"])) return {
+					text: truncateLabel(dataset.label),
+					fontColor,
+					strokeStyle: dataset.borderColor,
+					hidden: !chart.isDatasetVisible(index),
+					pointStyle: "line",
+					datasetIndex: index,
+					lineWidth: 3
+				};
+				return {
+					text: truncateLabel(dataset.label),
+					fontColor,
+					strokeStyle: dataset.borderColor,
+					fillStyle: dataset["pointBackgroundColor"],
+					hidden: !chart.isDatasetVisible(index),
+					pointStyle: "circle",
+					datasetIndex: index,
+					lineWidth: 8,
+					...legendLabelConfig
+				};
+			}).filter((label) => label.text),
+			filter: (legendItem, data) => {
+				return "datasetIndex" in legendItem ? !data.datasets[legendItem.datasetIndex].hidden : true;
+			}
+		} };
+	}
 
 //#endregion
 //#region src/types/chart/sunburst_chart.ts
@@ -29619,11 +29860,12 @@ stores.inject(MyMetaStore, storeInstance);
 				type: "range",
 				dataSets: [],
 				dataSetsHaveTitle: false,
+				labelRange: context.auxiliaryRange,
 				...context.dataSource
 			};
 		},
 		fromHierarchicalContextCreation(context) {
-			if (context.dataSource?.type !== "range" || context.hierarchicalDataSource?.type !== "range") return {
+			if (context.dataSource?.type !== "range" || context.hierarchicalDataSource !== void 0 && context.hierarchicalDataSource.type !== "range") return {
 				type: "range",
 				dataSets: [],
 				dataSetsHaveTitle: false
@@ -37615,7 +37857,7 @@ stores.inject(MyMetaStore, storeInstance);
 				col,
 				row
 			};
-			if (pivotId === getters.getPivotIdFromPosition(position)) positions.push(position);
+			if (getters.getPivotIdsFromPosition(position).includes(pivotId)) positions.push(position);
 		}
 		return positions;
 	}
@@ -39689,6 +39931,9 @@ stores.inject(MyMetaStore, storeInstance);
 	function getFirstPivotFunction(compiledFormula, getters) {
 		return compiledFormula.getFunctionsFromTokens(PIVOT_FUNCTIONS, getters)[0];
 	}
+	function getPivotFunctions(compiledFormula, getters) {
+		return compiledFormula.getFunctionsFromTokens(PIVOT_FUNCTIONS, getters);
+	}
 	/**
 	* Parse a spreadsheet formula and detect the number of PIVOT functions that are
 	* present in the given formula.
@@ -49292,6 +49537,7 @@ stores.inject(MyMetaStore, storeInstance);
 		getPieChartLegend: () => getPieChartLegend,
 		getPieChartTooltip: () => getPieChartTooltip,
 		getPyramidChartData: () => getPyramidChartData,
+		getPyramidChartLegend: () => getPyramidChartLegend,
 		getPyramidChartScales: () => getPyramidChartScales,
 		getPyramidChartShowValues: () => getPyramidChartShowValues,
 		getPyramidChartTooltip: () => getPyramidChartTooltip,
@@ -57971,6 +58217,7 @@ stores.inject(MyMetaStore, storeInstance);
 			"getFirstPivotFunction",
 			"getPivotCellSortDirection",
 			"getPivotIdFromPosition",
+			"getPivotIdsFromPosition",
 			"getPivotCellFromPosition",
 			"generateNewCalculatedMeasureName",
 			"isPivotUnused",
@@ -58030,37 +58277,52 @@ stores.inject(MyMetaStore, storeInstance);
 			}
 		}
 		/**
-		* Get the id of the pivot at the given position. Returns undefined if there
+		* Get the id of the first pivot in the formula at the given position. Returns undefined if there
 		* is no pivot at this position
 		*/
 		getPivotIdFromPosition(position) {
+			return this.getPivotIdsFromPosition(position)[0];
+		}
+		/**
+		* Get all of the ids of the pivot present in the formula at the given position.
+		*/
+		getPivotIdsFromPosition(position) {
 			const cell = this.getters.getCorrespondingFormulaCell(position);
-			if (cell && cell.isFormula) {
-				const pivotFunction = this.getFirstPivotFunction(position.sheetId, cell.compiledFormula);
-				if (pivotFunction) {
-					const pivotId = pivotFunction.args[0]?.toString();
-					return pivotId && this.getters.getPivotId(pivotId);
-				}
-			}
+			if (cell && cell.isFormula) return this.getPivotIdsFromFormula(position.sheetId, cell.compiledFormula);
+			return [];
+		}
+		getPivotIdsFromFormula(sheetId, formula) {
+			return this.getPivotFunctions(sheetId, formula).map((pivotFunction) => {
+				const pivotId = pivotFunction.args[0]?.toString();
+				return pivotId && this.getters.getPivotId(pivotId);
+			}).filter(isDefined);
 		}
 		isSpillPivotFormula(position) {
 			const cell = this.getters.getCorrespondingFormulaCell(position);
 			if (cell && cell.isFormula) return this.getFirstPivotFunction(position.sheetId, cell.compiledFormula)?.functionName === "PIVOT";
 			return false;
 		}
-		getFirstPivotFunction(sheetId, compiledFormula) {
-			const pivotFunction = getFirstPivotFunction(compiledFormula, this.getters);
-			if (!pivotFunction) return;
-			const { functionName, args } = pivotFunction;
-			return {
-				functionName,
-				args: args.map((argAst) => {
+		getPivotFunctions(sheetId, formula) {
+			const pivotFunctions = getPivotFunctions(formula, this.getters);
+			if (!pivotFunctions.length) return [];
+			const evaluatedPivotFunctions = [];
+			for (const pivotFunction of pivotFunctions) {
+				const { functionName, args } = pivotFunction;
+				const evaluatedArgs = args.map((argAst) => {
 					if (argAst.type === "EMPTY") return;
 					else if (argAst.type === "STRING" || argAst.type === "BOOLEAN" || argAst.type === "NUMBER") return argAst.value;
 					const argsString = astToFormula(argAst);
 					return this.getters.evaluateFormula(sheetId, argsString);
-				})
-			};
+				});
+				evaluatedPivotFunctions.push({
+					functionName,
+					args: evaluatedArgs
+				});
+			}
+			return evaluatedPivotFunctions;
+		}
+		getFirstPivotFunction(sheetId, formula) {
+			return this.getPivotFunctions(sheetId, formula)[0];
 		}
 		/**
 		* Returns the domain args of a pivot formula from a position.
@@ -58166,8 +58428,8 @@ stores.inject(MyMetaStore, storeInstance);
 			const unusedPivots = new Set(this.getters.getPivotIds());
 			for (const sheetId of this.getters.getSheetIds()) for (const cell of this.getters.getCells(sheetId)) {
 				const position = this.getters.getCellPosition(cell.id);
-				const pivotId = this.getPivotIdFromPosition(position);
-				if (pivotId) {
+				const pivotIds = this.getPivotIdsFromPosition(position);
+				for (const pivotId of pivotIds) {
 					unusedPivots.delete(pivotId);
 					if (!unusedPivots.size) {
 						this.unusedPivotsInFormulas = [];
@@ -58175,6 +58437,21 @@ stores.inject(MyMetaStore, storeInstance);
 					}
 				}
 			}
+			for (const pivotId of this.getters.getPivotIds()) {
+				const pivot = this.getters.getPivot(pivotId);
+				for (const measure of pivot.definition.measures) if (measure.computedBy) {
+					const { sheetId } = measure.computedBy;
+					const formula = this.getters.getMeasureCompiledFormula(pivotId, measure);
+					const relatedPivotIds = this.getPivotIdsFromFormula(sheetId, formula);
+					for (const relatedPivotId of relatedPivotIds) {
+						unusedPivots.delete(relatedPivotId);
+						if (!unusedPivots.size) {
+							this.unusedPivotsInFormulas = [];
+							return [];
+						}
+					}
+				}
+			}
 			this.unusedPivotsInFormulas = [...unusedPivots];
 			return this.unusedPivotsInFormulas;
 		}
@@ -62851,12 +63128,13 @@ stores.inject(MyMetaStore, storeInstance);
 			const chartId = this.getChartIdFromFigureId(chartFigureId);
 			if (!chartId) return;
 			const carousel = this.getters.getCarousel(figureId);
+			const newItem = {
+				type: "chart",
+				chartId
+			};
 			const definition = {
 				...carousel,
-				items: [...carousel.items, {
-					type: "chart",
-					chartId
-				}]
+				items: [...carousel.items, newItem]
 			};
 			this.dispatch("UPDATE_CAROUSEL", {
 				sheetId,
@@ -62873,6 +63151,11 @@ stores.inject(MyMetaStore, storeInstance);
 				sheetId,
 				figureId: chartFigureId
 			});
+			this.dispatch("UPDATE_CAROUSEL_ACTIVE_ITEM", {
+				figureId,
+				sheetId,
+				item: newItem
+			});
 		}
 		duplicateCarouselChart({ carouselId, chartId, sheetId, duplicatedChartId }) {
 			const chart = this.getters.getChart(chartId);
@@ -77214,7 +77497,7 @@ stores.inject(MyMetaStore, storeInstance);
 						scales: getPyramidChartScales(definition, chartData),
 						plugins: {
 							title: getChartTitle(definition, getters),
-							legend: getBarChartLegend(definition, chartData),
+							legend: getPyramidChartLegend(definition, chartData),
 							tooltip: getPyramidChartTooltip(definition, chartData),
 							chartShowValuesPlugin: getPyramidChartShowValues(definition, chartData),
 							background: { color: chartData.background }
@@ -85691,7 +85974,8 @@ stores.inject(MyMetaStore, storeInstance);
 		FIGURE_ID_SPLITTER: "??",
 		GRID_ICON_EDGE_LENGTH: 17,
 		GRID_ICON_MARGIN: 2,
-		CHART_TYPES
+		CHART_TYPES,
+		DARK_MODE_FILTER_STRING
 	};
 	const chartHelpers = {
 		...helpers_index_exports$1,
@@ -85792,8 +86076,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.4.0-alpha.6";
-__info__.date = "2026-05-15T07:08:41.621Z";
-__info__.hash = "0207b9d";
+__info__.version = "19.4.0-alpha.7";
+__info__.date = "2026-05-20T14:40:27.236Z";
+__info__.hash = "7ee566f";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);