@odoo/o-spreadsheet 18.4.52 → 18.4.54

package/dist/o_spreadsheet.css

@@ -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 18.4.52
- * @date 2026-08-21T15:29:28.329Z
- * @hash 5715a49
+ * @version 18.4.54
+ * @date 2026-09-04T07:09:42.871Z
+ * @hash 303fa73
  */
 /* Originates from src/components/top_bar/top_bar.scss */
 @media (max-width: 1200px) {

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 18.4.52
- * @date 2026-08-21T15:29:26.810Z
- * @hash 5715a49
+ * @version 18.4.54
+ * @date 2026-09-04T07:09:41.203Z
+ * @hash 303fa73
  */
 
 import { App, Component, blockDom, markRaw, onMounted, onPatched, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, xml } from "@odoo/owl";
@@ -18030,10 +18030,10 @@ const chartShowValuesPlugin = {
 			case "bar":
 			case "line":
 			case "radar":
-				options.horizontal ? drawHorizontalBarChartValues(chart, options, ctx) : drawLineOrBarOrRadarChartValues(chart, options, ctx);
+				options.horizontal ? drawHorizontalBarChartValues(chart, options, ctx, { offsetFromAxisOrigin: true }) : drawLineOrBarOrRadarChartValues(chart, options, ctx);
 				break;
 			case "funnel":
-				drawHorizontalBarChartValues(chart, options, ctx);
+				drawHorizontalBarChartValues(chart, options, ctx, { offsetFromAxisOrigin: false });
 				break;
 		}
 		ctx.restore();
@@ -18074,7 +18074,7 @@ function drawLineOrBarOrRadarChartValues(chart, options, ctx) {
 		}
 	}
 }
-function drawHorizontalBarChartValues(chart, options, ctx) {
+function drawHorizontalBarChartValues(chart, options, ctx, args) {
 	const textsPositions = {};
 	for (const dataset of chart._metasets) {
 		if (isTrendLineAxis(dataset.xAxisID)) return;
@@ -18089,7 +18089,7 @@ function drawHorizontalBarChartValues(chart, options, ctx) {
 			const distanceFromAxisOrigin = Math.abs(point.x - xZeroLine);
 			const PADDING = 3;
 			let xPosition;
-			if (distanceFromAxisOrigin < textWidth) xPosition = value < 0 ? xZeroLine - textWidth / 2 - PADDING : xZeroLine + textWidth / 2 + PADDING;
+			if (args.offsetFromAxisOrigin && distanceFromAxisOrigin < textWidth) xPosition = value < 0 ? xZeroLine - textWidth / 2 - PADDING : xZeroLine + textWidth / 2 + PADDING;
 			else xPosition = value < 0 ? point.x + point.width / 2 : point.x - point.width / 2;
 			if (!textsPositions[yPosition]) textsPositions[yPosition] = [];
 			for (const otherPosition of textsPositions[yPosition]) if (Math.abs(otherPosition - xPosition) < textWidth) xPosition = value < 0 ? otherPosition - textWidth - PADDING : otherPosition + textWidth + PADDING;
@@ -18325,6 +18325,7 @@ function getRadarChartDatasets(definition, args) {
 			hidden,
 			borderColor,
 			backgroundColor: borderColor,
+			pointBackgroundColor: borderColor,
 			pointRadius: definition.hideDataMarkers ? 0 : 3
 		};
 		if (fill) {
@@ -28507,9 +28508,10 @@ var Composer = class extends Component {
 	compositionActive = false;
 	spreadsheetRect = useSpreadsheetRect();
 	lastHoveredTokenIndex = void 0;
-	debouncedHover = debounce((tokenIndex, hoveredRect) => {
+	debouncedHover = debounce((tokenIndex, composerContent, hoveredRect) => {
 		const selection = this.contentHelper.getCurrentSelection();
-		if (selection.start !== selection.end) return;
+		const currentContent = this.props.composerStore.currentContent;
+		if (selection.start !== selection.end || currentContent !== composerContent) return;
 		const currentHoveredContext = this.props.composerStore.hoveredTokens;
 		this.props.composerStore.hoverToken(tokenIndex);
 		if (!deepEquals(currentHoveredContext, this.props.composerStore.hoveredTokens)) this.composerState.hoveredRect = hoveredRect;
@@ -28825,7 +28827,8 @@ var Composer = class extends Component {
 	onTokenHover(tokenIndex, hoveredRect) {
 		if (this.lastHoveredTokenIndex !== tokenIndex) {
 			this.lastHoveredTokenIndex = tokenIndex;
-			this.debouncedHover(tokenIndex, hoveredRect);
+			const composerContent = this.props.composerStore.currentContent;
+			this.debouncedHover(tokenIndex, composerContent, hoveredRect);
 		}
 	}
 	/**
@@ -29601,6 +29604,42 @@ var ColorPicker = class extends Component {
 	}
 };
 
+//#endregion
+//#region src/components/icons/raw_svgs.ts
+/**
+* SVG markup used in `css` tagged templates as `data:image/svg+xml` URIs.
+*
+* Keep these values in a separate module so Rolldown references them instead
+* of inlining them into template literals. Inlining produces nested template
+* literals, which the downstream `rjsmin` minifier cannot parse correctly
+* because it relies on regular expressions.
+*
+* Do not inline these constants.
+*/
+const CHECK_SVG = `
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
+  <path fill='none' stroke='#FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
+</svg>
+`;
+const CIRCLE_SVG = `
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'>
+  <circle r="2" fill="#FFF"/>
+</svg>
+`;
+const TRANSPARENT_BACKGROUND_SVG = `
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
+  <path fill="#d9d9d9" d="M5 5h5v5H5zH0V0h5"/>
+</svg>
+`;
+const CURSOR_SVG = `
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="16"><path d="M6.5.4c1.3-.8 2.9-.1 3.8 1.4l2.9 5.1c.2.4.9 1.6-.4 2.3l-1.6.9 1.8 3.1c.2.4.1 1-.2 1.2l-1.6 1c-.3.1-.9 0-1.1-.4l-1.8-3.1-1.6 1c-.6.4-1.7 0-2.2-.8L0 4.3"/><path fill="#fff" d="M9.1 2a1.4 1.1 60 0 0-1.7-.6L5.5 2.5l.9 1.6-1 .6-.9-1.6-.6.4 1.8 3.1-1.3.7-1.8-3.1-1 .6 3.8 6.6 6.8-3.98M3.9 8.8 10.82 5l.795 1.4-6.81 3.96"/></svg>
+`;
+const CARET_DOWN_SVG = `
+<svg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'>
+  <polygon fill='%23374151' points='3.5 4 7 0 0 0'/>
+</svg>
+`;
+
 //#endregion
 //#region src/components/side_panel/components/section/section.ts
 var Section = class extends Component {
@@ -29627,11 +29666,7 @@ css`
     cursor: pointer;
     border: 1px solid ${GRAY_300};
     background-position: 1px 1px;
-    background-image: url("data:image/svg+xml,${encodeURIComponent(`
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
-  <path fill="#d9d9d9" d="M5 5h5v5H5zH0V0h5"/>
-</svg>
-`)}");
+    background-image: url("data:image/svg+xml,${encodeURIComponent(TRANSPARENT_BACKGROUND_SVG)}");
   }
 `;
 var RoundColorPicker = class extends Component {
@@ -30889,11 +30924,6 @@ var FilterMenuCriterion = class extends Component {
 
 //#endregion
 //#region src/components/side_panel/components/checkbox/checkbox.ts
-const CHECK_SVG = `
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
-  <path fill='none' stroke='#FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
-</svg>
-`;
 const CHECKBOX_WIDTH = 14;
 css`
   label.o-checkbox {
@@ -41016,9 +41046,7 @@ var HoveredIconStore = class extends SpreadsheetStore {
 //#region src/components/grid_overlay/grid_overlay.ts
 css`
   .o-paint-format-cursor {
-    cursor: url("data:image/svg+xml,${encodeURIComponent(`
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="16"><path d="M6.5.4c1.3-.8 2.9-.1 3.8 1.4l2.9 5.1c.2.4.9 1.6-.4 2.3l-1.6.9 1.8 3.1c.2.4.1 1-.2 1.2l-1.6 1c-.3.1-.9 0-1.1-.4l-1.8-3.1-1.6 1c-.6.4-1.7 0-2.2-.8L0 4.3"/><path fill="#fff" d="M9.1 2a1.4 1.1 60 0 0-1.7-.6L5.5 2.5l.9 1.6-1 .6-.9-1.6-.6.4 1.8 3.1-1.3.7-1.8-3.1-1 .6 3.8 6.6 6.8-3.98M3.9 8.8 10.82 5l.795 1.4-6.81 3.96"/></svg>
-`)}"), auto;
+    cursor: url("data:image/svg+xml,${encodeURIComponent(CURSOR_SVG)}"), auto;
   }
 `;
 function useCellHovered(env, gridRef) {
@@ -44317,14 +44345,16 @@ css`
       border-radius: 8px;
 
       &:checked {
-        background: url("data:image/svg+xml,${encodeURIComponent(`
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'>
-  <circle r="2" fill="#FFF"/>
-</svg>
-`)}");
+        background: url("data:image/svg+xml,${encodeURIComponent(CIRCLE_SVG)}");
         background-color: ${ACTION_COLOR};
         border-color: ${ACTION_COLOR};
       }
+
+      &:focus {
+        outline: none;
+        box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25);
+        border-color: ${ACTION_COLOR};
+      }
     }
   }
 `;
@@ -50173,7 +50203,13 @@ var PivotSpreadsheetSidePanel = class extends Component {
 	}
 	onSelectionChanged(ranges) {
 		this.state.rangeHasChanged = true;
-		this.state.range = ranges[0];
+		if (ranges.length === 0) {
+			this.state.range = void 0;
+			return;
+		}
+		const sheetId = this.env.model.getters.getActiveSheetId();
+		const range = this.env.model.getters.getRangeFromSheetXC(sheetId, ranges[0]);
+		this.state.range = this.env.model.getters.getRangeString(range, "forceSheetReference", { useBoundedReference: true });
 	}
 	onSelectionConfirmed() {
 		if (this.state.range) {
@@ -57785,6 +57821,16 @@ var FormulaDependencyGraph = class {
 	getCellsDependingOn(ranges, ignore) {
 		const visited = this.createEmptyPositionSet();
 		const queue = Array.from(ranges).reverse();
+		const initialPositionsToRemove = this.createEmptyPositionSet();
+		for (const range of ranges) {
+			const zone = range.zone;
+			const sheetId = range.sheetId;
+			for (let col = zone.left; col <= zone.right; col++) for (let row = zone.top; row <= zone.bottom; row++) initialPositionsToRemove.add({
+				sheetId,
+				col,
+				row
+			});
+		}
 		while (queue.length > 0) {
 			const range = queue.pop();
 			const zone = range.zone;
@@ -57796,9 +57842,13 @@ var FormulaDependencyGraph = class {
 			});
 			const impactedPositions = this.rTree.search(range).map((dep) => dep.data);
 			const nextInQueue = {};
-			for (const position of impactedPositions) if (!visited.has(position) && !ignore.has(position)) {
-				if (!nextInQueue[position.sheetId]) nextInQueue[position.sheetId] = [];
-				nextInQueue[position.sheetId].push(positionToZone(position));
+			for (const position of impactedPositions) {
+				if (ignore.has(position)) continue;
+				initialPositionsToRemove.delete(position);
+				if (!visited.has(position)) {
+					if (!nextInQueue[position.sheetId]) nextInQueue[position.sheetId] = [];
+					nextInQueue[position.sheetId].push(positionToZone(position));
+				}
 			}
 			for (const sheetId in nextInQueue) {
 				const zones = recomputeZones(nextInQueue[sheetId], []);
@@ -57808,15 +57858,7 @@ var FormulaDependencyGraph = class {
 				})));
 			}
 		}
-		for (const range of ranges) {
-			const zone = range.zone;
-			const sheetId = range.sheetId;
-			for (let col = zone.left; col <= zone.right; col++) for (let row = zone.top; row <= zone.bottom; row++) visited.delete({
-				sheetId,
-				col,
-				row
-			});
-		}
+		for (const position of initialPositionsToRemove) visited.delete(position);
 		return visited;
 	}
 };
@@ -69031,6 +69073,9 @@ css`
     position: absolute;
     cursor: pointer;
   }
+  .o-grid.o-dashboard-grid {
+    background: #ffffff;
+  }
 `;
 var SpreadsheetDashboard = class extends Component {
 	static template = "o-spreadsheet-SpreadsheetDashboard";
@@ -70980,11 +71025,7 @@ css`
       appearance: none;
       -webkit-appearance: none;
       -moz-appearance: none;
-      background: transparent url("data:image/svg+xml,${encodeURIComponent(`
-<svg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'>
-  <polygon fill='%23374151' points='3.5 4 7 0 0 0'/>
-</svg>
-`)}")
+      background: transparent url("data:image/svg+xml,${encodeURIComponent(CARET_DOWN_SVG)}")
         no-repeat right center;
       text-overflow: ellipsis;
 
@@ -75436,6 +75477,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
-__info__.version = "18.4.52";
-__info__.date = "2026-08-21T15:29:26.810Z";
-__info__.hash = "5715a49";
+__info__.version = "18.4.54";
+__info__.date = "2026-09-04T07:09:41.203Z";
+__info__.hash = "303fa73";

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 18.4.52
- * @date 2026-08-21T15:29:26.810Z
- * @hash 5715a49
+ * @version 18.4.54
+ * @date 2026-09-04T07:09:41.203Z
+ * @hash 303fa73
  */
 
 (function(exports, _odoo_owl) {
@@ -18032,10 +18032,10 @@ stores.inject(MyMetaStore, storeInstance);
 				case "bar":
 				case "line":
 				case "radar":
-					options.horizontal ? drawHorizontalBarChartValues(chart, options, ctx) : drawLineOrBarOrRadarChartValues(chart, options, ctx);
+					options.horizontal ? drawHorizontalBarChartValues(chart, options, ctx, { offsetFromAxisOrigin: true }) : drawLineOrBarOrRadarChartValues(chart, options, ctx);
 					break;
 				case "funnel":
-					drawHorizontalBarChartValues(chart, options, ctx);
+					drawHorizontalBarChartValues(chart, options, ctx, { offsetFromAxisOrigin: false });
 					break;
 			}
 			ctx.restore();
@@ -18076,7 +18076,7 @@ stores.inject(MyMetaStore, storeInstance);
 			}
 		}
 	}
-	function drawHorizontalBarChartValues(chart, options, ctx) {
+	function drawHorizontalBarChartValues(chart, options, ctx, args) {
 		const textsPositions = {};
 		for (const dataset of chart._metasets) {
 			if (isTrendLineAxis(dataset.xAxisID)) return;
@@ -18091,7 +18091,7 @@ stores.inject(MyMetaStore, storeInstance);
 				const distanceFromAxisOrigin = Math.abs(point.x - xZeroLine);
 				const PADDING = 3;
 				let xPosition;
-				if (distanceFromAxisOrigin < textWidth) xPosition = value < 0 ? xZeroLine - textWidth / 2 - PADDING : xZeroLine + textWidth / 2 + PADDING;
+				if (args.offsetFromAxisOrigin && distanceFromAxisOrigin < textWidth) xPosition = value < 0 ? xZeroLine - textWidth / 2 - PADDING : xZeroLine + textWidth / 2 + PADDING;
 				else xPosition = value < 0 ? point.x + point.width / 2 : point.x - point.width / 2;
 				if (!textsPositions[yPosition]) textsPositions[yPosition] = [];
 				for (const otherPosition of textsPositions[yPosition]) if (Math.abs(otherPosition - xPosition) < textWidth) xPosition = value < 0 ? otherPosition - textWidth - PADDING : otherPosition + textWidth + PADDING;
@@ -18327,6 +18327,7 @@ stores.inject(MyMetaStore, storeInstance);
 				hidden,
 				borderColor,
 				backgroundColor: borderColor,
+				pointBackgroundColor: borderColor,
 				pointRadius: definition.hideDataMarkers ? 0 : 3
 			};
 			if (fill) {
@@ -28509,9 +28510,10 @@ stores.inject(MyMetaStore, storeInstance);
 		compositionActive = false;
 		spreadsheetRect = useSpreadsheetRect();
 		lastHoveredTokenIndex = void 0;
-		debouncedHover = debounce((tokenIndex, hoveredRect) => {
+		debouncedHover = debounce((tokenIndex, composerContent, hoveredRect) => {
 			const selection = this.contentHelper.getCurrentSelection();
-			if (selection.start !== selection.end) return;
+			const currentContent = this.props.composerStore.currentContent;
+			if (selection.start !== selection.end || currentContent !== composerContent) return;
 			const currentHoveredContext = this.props.composerStore.hoveredTokens;
 			this.props.composerStore.hoverToken(tokenIndex);
 			if (!deepEquals(currentHoveredContext, this.props.composerStore.hoveredTokens)) this.composerState.hoveredRect = hoveredRect;
@@ -28827,7 +28829,8 @@ stores.inject(MyMetaStore, storeInstance);
 		onTokenHover(tokenIndex, hoveredRect) {
 			if (this.lastHoveredTokenIndex !== tokenIndex) {
 				this.lastHoveredTokenIndex = tokenIndex;
-				this.debouncedHover(tokenIndex, hoveredRect);
+				const composerContent = this.props.composerStore.currentContent;
+				this.debouncedHover(tokenIndex, composerContent, hoveredRect);
 			}
 		}
 		/**
@@ -29603,6 +29606,42 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 	};
 
+//#endregion
+//#region src/components/icons/raw_svgs.ts
+/**
+	* SVG markup used in `css` tagged templates as `data:image/svg+xml` URIs.
+	*
+	* Keep these values in a separate module so Rolldown references them instead
+	* of inlining them into template literals. Inlining produces nested template
+	* literals, which the downstream `rjsmin` minifier cannot parse correctly
+	* because it relies on regular expressions.
+	*
+	* Do not inline these constants.
+	*/
+	const CHECK_SVG = `
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
+  <path fill='none' stroke='#FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
+</svg>
+`;
+	const CIRCLE_SVG = `
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'>
+  <circle r="2" fill="#FFF"/>
+</svg>
+`;
+	const TRANSPARENT_BACKGROUND_SVG = `
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
+  <path fill="#d9d9d9" d="M5 5h5v5H5zH0V0h5"/>
+</svg>
+`;
+	const CURSOR_SVG = `
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="16"><path d="M6.5.4c1.3-.8 2.9-.1 3.8 1.4l2.9 5.1c.2.4.9 1.6-.4 2.3l-1.6.9 1.8 3.1c.2.4.1 1-.2 1.2l-1.6 1c-.3.1-.9 0-1.1-.4l-1.8-3.1-1.6 1c-.6.4-1.7 0-2.2-.8L0 4.3"/><path fill="#fff" d="M9.1 2a1.4 1.1 60 0 0-1.7-.6L5.5 2.5l.9 1.6-1 .6-.9-1.6-.6.4 1.8 3.1-1.3.7-1.8-3.1-1 .6 3.8 6.6 6.8-3.98M3.9 8.8 10.82 5l.795 1.4-6.81 3.96"/></svg>
+`;
+	const CARET_DOWN_SVG = `
+<svg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'>
+  <polygon fill='%23374151' points='3.5 4 7 0 0 0'/>
+</svg>
+`;
+
 //#endregion
 //#region src/components/side_panel/components/section/section.ts
 	var Section = class extends _odoo_owl.Component {
@@ -29629,11 +29668,7 @@ stores.inject(MyMetaStore, storeInstance);
     cursor: pointer;
     border: 1px solid ${GRAY_300};
     background-position: 1px 1px;
-    background-image: url("data:image/svg+xml,${encodeURIComponent(`
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
-  <path fill="#d9d9d9" d="M5 5h5v5H5zH0V0h5"/>
-</svg>
-`)}");
+    background-image: url("data:image/svg+xml,${encodeURIComponent(TRANSPARENT_BACKGROUND_SVG)}");
   }
 `;
 	var RoundColorPicker = class extends _odoo_owl.Component {
@@ -30891,11 +30926,6 @@ stores.inject(MyMetaStore, storeInstance);
 
 //#endregion
 //#region src/components/side_panel/components/checkbox/checkbox.ts
-	const CHECK_SVG = `
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
-  <path fill='none' stroke='#FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
-</svg>
-`;
 	const CHECKBOX_WIDTH = 14;
 	css`
   label.o-checkbox {
@@ -41018,9 +41048,7 @@ stores.inject(MyMetaStore, storeInstance);
 //#region src/components/grid_overlay/grid_overlay.ts
 	css`
   .o-paint-format-cursor {
-    cursor: url("data:image/svg+xml,${encodeURIComponent(`
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="16"><path d="M6.5.4c1.3-.8 2.9-.1 3.8 1.4l2.9 5.1c.2.4.9 1.6-.4 2.3l-1.6.9 1.8 3.1c.2.4.1 1-.2 1.2l-1.6 1c-.3.1-.9 0-1.1-.4l-1.8-3.1-1.6 1c-.6.4-1.7 0-2.2-.8L0 4.3"/><path fill="#fff" d="M9.1 2a1.4 1.1 60 0 0-1.7-.6L5.5 2.5l.9 1.6-1 .6-.9-1.6-.6.4 1.8 3.1-1.3.7-1.8-3.1-1 .6 3.8 6.6 6.8-3.98M3.9 8.8 10.82 5l.795 1.4-6.81 3.96"/></svg>
-`)}"), auto;
+    cursor: url("data:image/svg+xml,${encodeURIComponent(CURSOR_SVG)}"), auto;
   }
 `;
 	function useCellHovered(env, gridRef) {
@@ -44319,14 +44347,16 @@ stores.inject(MyMetaStore, storeInstance);
       border-radius: 8px;
 
       &:checked {
-        background: url("data:image/svg+xml,${encodeURIComponent(`
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'>
-  <circle r="2" fill="#FFF"/>
-</svg>
-`)}");
+        background: url("data:image/svg+xml,${encodeURIComponent(CIRCLE_SVG)}");
         background-color: ${ACTION_COLOR};
         border-color: ${ACTION_COLOR};
       }
+
+      &:focus {
+        outline: none;
+        box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25);
+        border-color: ${ACTION_COLOR};
+      }
     }
   }
 `;
@@ -50175,7 +50205,13 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 		onSelectionChanged(ranges) {
 			this.state.rangeHasChanged = true;
-			this.state.range = ranges[0];
+			if (ranges.length === 0) {
+				this.state.range = void 0;
+				return;
+			}
+			const sheetId = this.env.model.getters.getActiveSheetId();
+			const range = this.env.model.getters.getRangeFromSheetXC(sheetId, ranges[0]);
+			this.state.range = this.env.model.getters.getRangeString(range, "forceSheetReference", { useBoundedReference: true });
 		}
 		onSelectionConfirmed() {
 			if (this.state.range) {
@@ -57787,6 +57823,16 @@ stores.inject(MyMetaStore, storeInstance);
 		getCellsDependingOn(ranges, ignore) {
 			const visited = this.createEmptyPositionSet();
 			const queue = Array.from(ranges).reverse();
+			const initialPositionsToRemove = this.createEmptyPositionSet();
+			for (const range of ranges) {
+				const zone = range.zone;
+				const sheetId = range.sheetId;
+				for (let col = zone.left; col <= zone.right; col++) for (let row = zone.top; row <= zone.bottom; row++) initialPositionsToRemove.add({
+					sheetId,
+					col,
+					row
+				});
+			}
 			while (queue.length > 0) {
 				const range = queue.pop();
 				const zone = range.zone;
@@ -57798,9 +57844,13 @@ stores.inject(MyMetaStore, storeInstance);
 				});
 				const impactedPositions = this.rTree.search(range).map((dep) => dep.data);
 				const nextInQueue = {};
-				for (const position of impactedPositions) if (!visited.has(position) && !ignore.has(position)) {
-					if (!nextInQueue[position.sheetId]) nextInQueue[position.sheetId] = [];
-					nextInQueue[position.sheetId].push(positionToZone(position));
+				for (const position of impactedPositions) {
+					if (ignore.has(position)) continue;
+					initialPositionsToRemove.delete(position);
+					if (!visited.has(position)) {
+						if (!nextInQueue[position.sheetId]) nextInQueue[position.sheetId] = [];
+						nextInQueue[position.sheetId].push(positionToZone(position));
+					}
 				}
 				for (const sheetId in nextInQueue) {
 					const zones = recomputeZones(nextInQueue[sheetId], []);
@@ -57810,15 +57860,7 @@ stores.inject(MyMetaStore, storeInstance);
 					})));
 				}
 			}
-			for (const range of ranges) {
-				const zone = range.zone;
-				const sheetId = range.sheetId;
-				for (let col = zone.left; col <= zone.right; col++) for (let row = zone.top; row <= zone.bottom; row++) visited.delete({
-					sheetId,
-					col,
-					row
-				});
-			}
+			for (const position of initialPositionsToRemove) visited.delete(position);
 			return visited;
 		}
 	};
@@ -69033,6 +69075,9 @@ stores.inject(MyMetaStore, storeInstance);
     position: absolute;
     cursor: pointer;
   }
+  .o-grid.o-dashboard-grid {
+    background: #ffffff;
+  }
 `;
 	var SpreadsheetDashboard = class extends _odoo_owl.Component {
 		static template = "o-spreadsheet-SpreadsheetDashboard";
@@ -70982,11 +71027,7 @@ stores.inject(MyMetaStore, storeInstance);
       appearance: none;
       -webkit-appearance: none;
       -moz-appearance: none;
-      background: transparent url("data:image/svg+xml,${encodeURIComponent(`
-<svg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'>
-  <polygon fill='%23374151' points='3.5 4 7 0 0 0'/>
-</svg>
-`)}")
+      background: transparent url("data:image/svg+xml,${encodeURIComponent(CARET_DOWN_SVG)}")
         no-repeat right center;
       text-overflow: ellipsis;
 
@@ -75487,8 +75528,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "18.4.52";
-__info__.date = "2026-08-21T15:29:26.810Z";
-__info__.hash = "5715a49";
+__info__.version = "18.4.54";
+__info__.date = "2026-09-04T07:09:41.203Z";
+__info__.hash = "303fa73";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);