@odoo/o-spreadsheet 18.3.50 → 18.3.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.3.50
- * @date 2026-06-06T06:20:55.876Z
- * @hash d8ca64d
+ * @version 18.3.54
+ * @date 2026-07-01T05:01:46.026Z
+ * @hash d00e4b6
  */
 /* Originates from src/components/top_bar/top_bar.scss */
 @media (max-width: 900px) {

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.3.50
- * @date 2026-06-06T06:20:54.573Z
- * @hash d8ca64d
+ * @version 18.3.54
+ * @date 2026-07-01T05:01:44.424Z
+ * @hash d00e4b6
  */
 
 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";
@@ -187,7 +187,7 @@ const GRAY_300 = "#D8DADD";
 const GRAY_200 = "#E7E9ED";
 const GRAY_100 = "#F9FAFB";
 const TEXT_BODY = "#374151";
-const TEXT_BODY_MUTED = TEXT_BODY + "C2";
+const TEXT_BODY_MUTED = "#374151C2";
 const TEXT_HEADING = "#111827";
 const PRIMARY_BUTTON_BG = "#714B67";
 const PRIMARY_BUTTON_HOVER_BG = "#624159";
@@ -294,9 +294,6 @@ const COLOR_PICKER_DEFAULTS = [
 ];
 const DEFAULT_CELL_HEIGHT = 23;
 const FOOTER_HEIGHT = 2 * 23;
-const MENU_SEPARATOR_BORDER_WIDTH = 1;
-const MENU_SEPARATOR_PADDING = 5;
-const MENU_SEPARATOR_HEIGHT = 1 + 2 * 5;
 const DEFAULT_STYLE = {
 	align: "left",
 	verticalAlign: "bottom",
@@ -316,7 +313,7 @@ const DEFAULT_NUMBER_STYLE = {
 const DEFAULT_VERTICAL_ALIGN = DEFAULT_STYLE.verticalAlign;
 const DEFAULT_WRAPPING_MODE = DEFAULT_STYLE.wrapping;
 const DEFAULT_FONT_SIZE = DEFAULT_STYLE.fontSize;
-const DEFAULT_FONT = "'Roboto', arial";
+const DEFAULT_FONT = "'Roboto', arial, 'Liberation Sans'";
 const DEFAULT_BORDER_DESC = {
 	style: "thin",
 	color: "#000000"
@@ -1636,7 +1633,7 @@ function toXC(col, row, rangePart = {
 function recomputeZones(zones, zonesToRemove = []) {
 	if (zones.length <= 1 && zonesToRemove.length === 0) return zones;
 	const profilesStartingPosition = [0];
-	const profiles = new Map([[0, []]]);
+	const profiles = /* @__PURE__ */ new Map([[0, []]]);
 	modifyProfiles(profilesStartingPosition, profiles, zones, false);
 	modifyProfiles(profilesStartingPosition, profiles, zonesToRemove, true);
 	return constructZonesFromProfiles(profilesStartingPosition, profiles);
@@ -2846,12 +2843,10 @@ const getNumberRegex = memoize(function getNumberRegex(locale) {
 	const pIntegerAndDecimals = `(?:\\d+(?:${escapeRegExp(locale.thousandsSeparator || "")}\\d{3,})*(?:${decimalSeparator}\\d*)?)`;
 	const pOnlyDecimals = `(?:${decimalSeparator}\\d+)`;
 	const pNumber = "(?:\\s*" + pIntegerAndDecimals + "|" + pOnlyDecimals + ")(?:e(?:\\+|-)?\\d+)?(?:\\s*%)?";
-	const pMinus = "(?:\\s*-)?";
-	const pCurrencyFormat = "(?:\\s*[\\$€])?";
 	const pNumberExp = "^(?:(?:" + [
-		pMinus + pCurrencyFormat + pNumber,
-		pMinus + pNumber + pCurrencyFormat,
-		pCurrencyFormat + pMinus + pNumber
+		"(?:\\s*-)?(?:\\s*[\\$€])?" + pNumber,
+		"(?:\\s*-)?" + pNumber + "(?:\\s*[\\$€])?",
+		"(?:\\s*[\\$€])?(?:\\s*-)?" + pNumber
 	].join(")|(?:") + "))$";
 	return new RegExp(pNumberExp, "i");
 });
@@ -2966,7 +2961,7 @@ function isPositionDependent(cmd) {
 function isZoneDependent(cmd) {
 	return "sheetId" in cmd && "zone" in cmd;
 }
-const invalidateEvaluationCommands = new Set([
+const invalidateEvaluationCommands = /* @__PURE__ */ new Set([
 	"RENAME_SHEET",
 	"DELETE_SHEET",
 	"CREATE_SHEET",
@@ -2985,7 +2980,7 @@ const invalidateEvaluationCommands = new Set([
 	"REMOVE_PIVOT",
 	"DUPLICATE_PIVOT"
 ]);
-const invalidateChartEvaluationCommands = new Set([
+const invalidateChartEvaluationCommands = /* @__PURE__ */ new Set([
 	"EVALUATE_CELLS",
 	"EVALUATE_CHARTS",
 	"UPDATE_CELL",
@@ -3004,20 +2999,20 @@ const invalidateChartEvaluationCommands = new Set([
 	"UNDO",
 	"REDO"
 ]);
-const invalidateDependenciesCommands = new Set(["MOVE_RANGES"]);
-const invalidateCFEvaluationCommands = new Set([
+const invalidateDependenciesCommands = /* @__PURE__ */ new Set(["MOVE_RANGES"]);
+const invalidateCFEvaluationCommands = /* @__PURE__ */ new Set([
 	"EVALUATE_CELLS",
 	"ADD_CONDITIONAL_FORMAT",
 	"REMOVE_CONDITIONAL_FORMAT",
 	"CHANGE_CONDITIONAL_FORMAT_PRIORITY"
 ]);
-const invalidateBordersCommands = new Set([
+const invalidateBordersCommands = /* @__PURE__ */ new Set([
 	"AUTOFILL_CELL",
 	"SET_BORDER",
 	"SET_ZONE_BORDERS",
 	"SET_BORDERS_ON_TARGET"
 ]);
-const readonlyAllowedCommands = new Set([
+const readonlyAllowedCommands = /* @__PURE__ */ new Set([
 	"START",
 	"ACTIVATE_SHEET",
 	"COPY",
@@ -3028,7 +3023,7 @@ const readonlyAllowedCommands = new Set([
 	"SET_FORMULA_VISIBILITY",
 	"UPDATE_FILTER"
 ]);
-const coreTypes = new Set([
+const coreTypes = /* @__PURE__ */ new Set([
 	"UPDATE_CELL",
 	"UPDATE_CELL_POSITION",
 	"CLEAR_CELL",
@@ -5130,7 +5125,6 @@ function getDateCriterionFormattedValues(values, locale) {
 //#region src/helpers/edge_scrolling.ts
 const MAX_DELAY = 140;
 const MIN_DELAY = 20;
-const ACCELERATION = .035;
 /**
 * Decreasing exponential function used to determine the "speed" of edge-scrolling
 * as the timeout delay.
@@ -5138,7 +5132,7 @@ const ACCELERATION = .035;
 * Returns a timeout delay in milliseconds.
 */
 function scrollDelay(value) {
-	return 20 + (140 - 20) * Math.exp(-ACCELERATION * (value - 1));
+	return 20 + (140 - 20) * Math.exp(-.035 * (value - 1));
 }
 
 //#endregion
@@ -6011,7 +6005,7 @@ var UuidGenerator = class {
 	smallUuid() {
 		if (window.crypto) return "10000000-1000".replace(/[01]/g, (c) => {
 			const n = Number(c);
-			return (n ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> n / 4).toString(16);
+			return (n ^ crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(1))[0] & 15 >> n / 4).toString(16);
 		});
 		else return "xxxxxxxx-xxxx".replace(/[xy]/g, function(c) {
 			const r = Math.random() * 16 | 0;
@@ -6025,7 +6019,7 @@ var UuidGenerator = class {
 	uuidv4() {
 		if (window.crypto) return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => {
 			const n = Number(c);
-			return (n ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> n / 4).toString(16);
+			return (n ^ crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(1))[0] & 15 >> n / 4).toString(16);
 		});
 		else return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
 			const r = Math.random() * 16 | 0;
@@ -7617,10 +7611,10 @@ function toNormalizedPivotValue(dimension, groupValue) {
 		type: dimension.type
 	}));
 	if (groupValueString.toLowerCase() === "false") return false;
-	return pivotNormalizationValueRegistry.get(dimension.type)(groupValueString, dimension.granularity);
+	return pivotNormalizationValueRegistry.get(dimension.type)(groupValueString, dimension);
 }
-function normalizeDateTime(value, granularity) {
-	return pivotTimeAdapter(granularity ?? "month").normalizeFunctionValue(value);
+function normalizeDateTime(value, dimension) {
+	return pivotTimeAdapter(dimension.granularity ?? "month").normalizeFunctionValue(value);
 }
 function toFunctionPivotValue(value, dimension) {
 	if (value === null) return `"null"`;
@@ -32260,17 +32254,16 @@ var Menu = class Menu extends Component {
 
 //#endregion
 //#region src/components/link/link_editor/link_editor.ts
-const PADDING = 12;
 css`
   .o-link-editor {
     font-size: 13px;
     background-color: white;
     box-shadow: 0 1px 4px 3px rgba(60, 64, 67, 0.15);
-    padding: ${PADDING}px;
+    padding: ${12}px;
     display: flex;
     flex-direction: column;
     border-radius: 4px;
-    width: ${340 + 2 * PADDING}px;
+    width: ${364}px;
 
     .o-section {
       .o-section-title {
@@ -36424,11 +36417,10 @@ var ActionButton = class extends Component {
 const LINE_VERTICAL_PADDING = 1;
 const PICKER_PADDING = 8;
 const ITEM_BORDER_WIDTH = 1;
-const ITEM_EDGE_LENGTH = 18;
 const ITEMS_PER_LINE = 10;
 const MAGNIFIER_EDGE = 16;
 const ITEM_GAP = 2;
-const CONTENT_WIDTH = ITEMS_PER_LINE * (ITEM_EDGE_LENGTH + 2 * ITEM_BORDER_WIDTH) + (ITEMS_PER_LINE - 1) * ITEM_GAP;
+const CONTENT_WIDTH = 218;
 const INNER_GRADIENT_WIDTH = CONTENT_WIDTH - 2 * ITEM_BORDER_WIDTH;
 const INNER_GRADIENT_HEIGHT = CONTENT_WIDTH - 30 - 2 * ITEM_BORDER_WIDTH;
 css`
@@ -36440,7 +36432,7 @@ css`
     line-height: 1.2;
     overflow-y: auto;
     overflow-x: hidden;
-    width: ${CONTENT_WIDTH + 2 * PICKER_PADDING}px;
+    width: ${234}px;
 
     .o-color-picker-section-name {
       margin: 0px ${ITEM_BORDER_WIDTH}px;
@@ -36466,8 +36458,8 @@ css`
       }
     }
     .o-color-picker-line-item {
-      width: ${ITEM_EDGE_LENGTH + 2 * ITEM_BORDER_WIDTH}px;
-      height: ${ITEM_EDGE_LENGTH + 2 * ITEM_BORDER_WIDTH}px;
+      width: ${20}px;
+      height: ${20}px;
       margin: 0px;
       border-radius: 50px;
       border: ${ITEM_BORDER_WIDTH}px solid #666666;
@@ -36511,13 +36503,13 @@ css`
     }
 
     .o-custom-selector {
-      padding: ${PICKER_PADDING + 2}px ${PICKER_PADDING}px;
+      padding: ${10}px ${PICKER_PADDING}px;
       position: relative;
       .o-gradient {
         margin-bottom: ${MAGNIFIER_EDGE / 2}px;
         border: ${ITEM_BORDER_WIDTH}px solid #c0c0c0;
-        width: ${INNER_GRADIENT_WIDTH + 2 * ITEM_BORDER_WIDTH}px;
-        height: ${INNER_GRADIENT_HEIGHT + 2 * ITEM_BORDER_WIDTH}px;
+        width: ${218}px;
+        height: ${188}px;
         position: relative;
       }
 
@@ -36655,8 +36647,8 @@ var ColorPicker = class extends Component {
 		const left = Math.round(INNER_GRADIENT_WIDTH * clip(s / 100, 0, 1));
 		const top = Math.round(INNER_GRADIENT_HEIGHT * clip(1 - 2 * l / (200 - s), 0, 1));
 		return cssPropertiesToCss({
-			left: `${-MAGNIFIER_EDGE / 2 + left}px`,
-			top: `${-MAGNIFIER_EDGE / 2 + top}px`,
+			left: `${-16 / 2 + left}px`,
+			top: `${-16 / 2 + top}px`,
 			background: hslaToHex(this.state.currentHslaColor)
 		});
 	}
@@ -42012,9 +42004,9 @@ var FindAndReplaceStore = class extends SpreadsheetStore {
 	allSheetsMatches = [];
 	activeSheetMatches = [];
 	specificRangeMatches = [];
+	selectedMatchPosition = null;
 	currentSearchRegex = null;
 	initialShowFormulaState;
-	preserveSelectedMatchIndex = false;
 	irreplaceableMatchCount = 0;
 	isSearchDirty = false;
 	shouldFinalizeUpdateSelection = false;
@@ -42136,7 +42128,10 @@ var FindAndReplaceStore = class extends SpreadsheetStore {
 	*/
 	_updateSearch(toSearch, searchOptions) {
 		this.searchOptions = searchOptions;
-		if (toSearch !== this.toSearch) this.selectedMatchIndex = null;
+		if (toSearch !== this.toSearch) {
+			this.selectedMatchIndex = null;
+			this.selectedMatchPosition = null;
+		}
 		this.toSearch = toSearch;
 		this.currentSearchRegex = getSearchRegex(this.toSearch, this.searchOptions);
 		this.refreshSearch({
@@ -42148,8 +42143,14 @@ var FindAndReplaceStore = class extends SpreadsheetStore {
 	* refresh the matches according to the current search options
 	*/
 	refreshSearch(options) {
-		if (!this.preserveSelectedMatchIndex) this.selectedMatchIndex = null;
 		this.findMatches();
+		if (this.selectedMatchPosition) if (this.selectedMatchPosition.sheetId !== this.getters.getActiveSheetId()) {
+			this.selectedMatchIndex = null;
+			this.selectedMatchPosition = null;
+		} else {
+			const index = this.searchMatches.findIndex((match) => match.sheetId === this.selectedMatchPosition?.sheetId && match.col === this.selectedMatchPosition?.col && match.row === this.selectedMatchPosition?.row);
+			if (index !== -1) this.selectedMatchIndex = index;
+		}
 		this.selectNextCell(0, options);
 	}
 	getSheetsInSearchOrder() {
@@ -42217,6 +42218,7 @@ var FindAndReplaceStore = class extends SpreadsheetStore {
 		const matches = this.searchMatches;
 		if (!matches.length) {
 			this.selectedMatchIndex = null;
+			this.selectedMatchPosition = null;
 			return;
 		}
 		let nextIndex;
@@ -42230,14 +42232,13 @@ var FindAndReplaceStore = class extends SpreadsheetStore {
 		} else nextIndex = this.selectedMatchIndex + indexChange;
 		nextIndex = (nextIndex + matches.length) % matches.length;
 		this.selectedMatchIndex = nextIndex;
+		this.selectedMatchPosition = matches[this.selectedMatchIndex];
 		const selectedMatch = matches[nextIndex];
 		if (options.jumpToMatchSheet && this.getters.getActiveSheetId() !== selectedMatch.sheetId) {
-			this.preserveSelectedMatchIndex = true;
 			this.model.dispatch("ACTIVATE_SHEET", {
 				sheetIdFrom: this.getters.getActiveSheetId(),
 				sheetIdTo: selectedMatch.sheetId
 			});
-			this.preserveSelectedMatchIndex = false;
 			this.isSearchDirty = false;
 		}
 		this.model.selection.getBackToDefault();
@@ -42248,7 +42249,6 @@ var FindAndReplaceStore = class extends SpreadsheetStore {
 	*/
 	replace() {
 		if (this.selectedMatchIndex === null) return;
-		this.preserveSelectedMatchIndex = true;
 		this.shouldFinalizeUpdateSelection = true;
 		this.model.dispatch("REPLACE_SEARCH", {
 			searchString: this.toSearch,
@@ -42256,7 +42256,6 @@ var FindAndReplaceStore = class extends SpreadsheetStore {
 			matches: [this.searchMatches[this.selectedMatchIndex]],
 			searchOptions: this.searchOptions
 		});
-		this.preserveSelectedMatchIndex = false;
 	}
 	/**
 	* Apply the replace function to all the matches one time.
@@ -43546,8 +43545,8 @@ var PivotRuntimeDefinition = class {
 	sortedColumn;
 	constructor(definition, fields) {
 		this.measures = definition.measures.map((measure) => createMeasure(fields, measure));
-		this.columns = definition.columns.map((dimension) => createPivotDimension(fields, dimension));
-		this.rows = definition.rows.map((dimension) => createPivotDimension(fields, dimension));
+		this.columns = definition.columns.map((dimension) => this.createPivotDimension(fields, dimension));
+		this.rows = definition.rows.map((dimension) => this.createPivotDimension(fields, dimension));
 		this.sortedColumn = definition.sortedColumn;
 	}
 	getDimension(nameWithGranularity) {
@@ -43560,6 +43559,40 @@ var PivotRuntimeDefinition = class {
 		if (!measure) throw new EvaluationError(_t("Field %s is not a measure", id));
 		return measure;
 	}
+	createPivotDimension(fields, dimension) {
+		const field = fields[dimension.fieldName];
+		const type = field?.type ?? "integer";
+		const granularity = field && isDateOrDatetimeField(field) ? dimension.granularity : void 0;
+		return {
+			/**
+			* Get the display name of the dimension
+			* e.g. "stage_id" -> "Stage", "create_date:month" -> "Create Date"
+			*/
+			displayName: field?.string ?? dimension.fieldName,
+			/**
+			* Get the name of the dimension, as it is stored in the pivot formula
+			* e.g. "stage_id", "create_date:month"
+			*/
+			nameWithGranularity: dimension.fieldName + (granularity ? `:${granularity}` : ""),
+			/**
+			* Get the name of the field of the dimension
+			* e.g. "stage_id" -> "stage_id", "create_date:month" -> "create_date"
+			*/
+			fieldName: dimension.fieldName,
+			/**
+			* Get the aggregate operator of the dimension
+			* e.g. "stage_id" -> undefined, "create_date:month" -> "month"
+			*/
+			granularity,
+			/**
+			* Get the type of the field of the dimension
+			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
+			*/
+			type,
+			order: dimension.order,
+			isValid: !!field
+		};
+	}
 };
 function createMeasure(fields, measure) {
 	const fieldName = measure.fieldName;
@@ -43603,40 +43636,6 @@ function createMeasure(fields, measure) {
 		display: measure.display
 	};
 }
-function createPivotDimension(fields, dimension) {
-	const field = fields[dimension.fieldName];
-	const type = field?.type ?? "integer";
-	const granularity = field && isDateOrDatetimeField(field) ? dimension.granularity : void 0;
-	return {
-		/**
-		* Get the display name of the dimension
-		* e.g. "stage_id" -> "Stage", "create_date:month" -> "Create Date"
-		*/
-		displayName: field?.string ?? dimension.fieldName,
-		/**
-		* Get the name of the dimension, as it is stored in the pivot formula
-		* e.g. "stage_id", "create_date:month"
-		*/
-		nameWithGranularity: dimension.fieldName + (granularity ? `:${granularity}` : ""),
-		/**
-		* Get the name of the field of the dimension
-		* e.g. "stage_id" -> "stage_id", "create_date:month" -> "create_date"
-		*/
-		fieldName: dimension.fieldName,
-		/**
-		* Get the aggregate operator of the dimension
-		* e.g. "stage_id" -> undefined, "create_date:month" -> "month"
-		*/
-		granularity,
-		/**
-		* Get the type of the field of the dimension
-		* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
-		*/
-		type,
-		order: dimension.order,
-		isValid: !!field
-	};
-}
 
 //#endregion
 //#region src/helpers/pivot/spreadsheet_pivot/runtime_definition_spreadsheet_pivot.ts
@@ -46331,11 +46330,11 @@ var FigureComponent = class extends Component {
 	getResizerPosition(resizer) {
 		const anchorCenteringOffset = (ANCHOR_SIZE - ACTIVE_BORDER_WIDTH) / 2;
 		const style = {};
-		if (resizer.includes("top")) style.top = `${-anchorCenteringOffset}px`;
-		else if (resizer.includes("bottom")) style.bottom = `${-anchorCenteringOffset}px`;
+		if (resizer.includes("top")) style.top = `-3px`;
+		else if (resizer.includes("bottom")) style.bottom = `-3px`;
 		else style.bottom = `calc(50% - ${anchorCenteringOffset}px)`;
-		if (resizer.includes("left")) style.left = `${-anchorCenteringOffset}px`;
-		else if (resizer.includes("right")) style.right = `${-anchorCenteringOffset}px`;
+		if (resizer.includes("left")) style.left = `-3px`;
+		else if (resizer.includes("right")) style.right = `-3px`;
 		else style.right = `calc(50% - ${anchorCenteringOffset}px)`;
 		return cssPropertiesToCss(style);
 	}
@@ -46878,8 +46877,12 @@ var CellComposerStore = class extends AbstractComposerStore {
 	}
 	stopEdition(direction) {
 		if (this.canStopEdition()) {
+			const { col, row } = this.currentEditedCell;
 			this._stopEdition();
-			if (direction) this.model.selection.moveAnchorCell(direction, 1);
+			if (direction) {
+				this.model.selection.selectCell(col, row);
+				this.model.selection.moveAnchorCell(direction, 1);
+			}
 			return;
 		}
 		const editedCell = this.currentEditedCell;
@@ -57614,6 +57617,9 @@ var CustomColorsPlugin = class extends CoreViewPlugin {
 			case "CREATE_CHART":
 				this.tryToAddColors(this.getChartColors(cmd.figureId));
 				break;
+			case "COLOR_SHEET":
+				if (cmd.color) this.tryToAddColors([cmd.color]);
+				break;
 			case "UPDATE_CELL":
 			case "ADD_CONDITIONAL_FORMAT":
 			case "SET_BORDER":
@@ -57636,8 +57642,12 @@ var CustomColorsPlugin = class extends CoreViewPlugin {
 	}
 	computeCustomColors() {
 		let usedColors = [];
-		for (const sheetId of this.getters.getSheetIds()) usedColors = usedColors.concat(this.getColorsFromCells(sheetId), this.getFormattingColors(sheetId), this.getTableColors(sheetId));
-		return [...new Set([...usedColors])];
+		for (const sheetId of this.getters.getSheetIds()) usedColors = usedColors.concat(this.getSheetColors(sheetId), this.getColorsFromCells(sheetId), this.getFormattingColors(sheetId), this.getTableColors(sheetId));
+		return [.../* @__PURE__ */ new Set([...usedColors])];
+	}
+	getSheetColors(sheetId) {
+		const sheet = this.getters.getSheet(sheetId);
+		return sheet.color ? [sheet.color] : [];
 	}
 	getColorsFromCells(sheetId) {
 		const cells = Object.values(this.getters.getCells(sheetId));
@@ -61983,7 +61993,7 @@ var TableComputedStylePlugin = class extends UIPlugin {
 		};
 	}
 };
-const invalidateTableStyleCommandsSet = new Set([
+const invalidateTableStyleCommandsSet = /* @__PURE__ */ new Set([
 	"HIDE_COLUMNS_ROWS",
 	"UNHIDE_COLUMNS_ROWS",
 	"UNFOLD_HEADER_GROUP",
@@ -64144,14 +64154,14 @@ var InternalViewport = class {
 	adjustPositionX(targetCol) {
 		const sheetId = this.sheetId;
 		const { start, end } = this.getters.getColDimensions(sheetId, targetCol);
-		if (this.offsetX + this.viewportWidth + this.offsetCorrectionX < end) this.offsetX = end - this.viewportWidth;
+		if (this.offsetX + this.viewportWidth + this.offsetCorrectionX < end) this.offsetX = end - this.viewportWidth - this.offsetCorrectionX;
 		else if (this.offsetX + this.offsetCorrectionX > start) this.offsetX = start - this.offsetCorrectionX;
 		this.adjustViewportZoneX();
 	}
 	adjustPositionY(targetRow) {
 		const sheetId = this.sheetId;
 		const { start, end } = this.getters.getRowDimensions(sheetId, targetRow);
-		if (this.offsetY + this.viewportHeight + this.offsetCorrectionY < end) this.offsetY = end - this.viewportHeight;
+		if (this.offsetY + this.viewportHeight + this.offsetCorrectionY < end) this.offsetY = end - this.viewportHeight - this.offsetCorrectionY;
 		else if (this.offsetY + this.offsetCorrectionY > start) this.offsetY = start - this.offsetCorrectionY;
 		this.adjustViewportZoneY();
 	}
@@ -65544,11 +65554,14 @@ var BottomBarSheet = class extends Component {
 			}
 		});
 		this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
-		useExternalListener(window, "click", () => this.state.pickerOpened = false);
+		useExternalListener(window, "click", this.onExternalClick.bind(this), { capture: true });
 		useEffect((sheetId) => {
 			if (this.props.sheetId === sheetId) this.scrollToSheet();
 		}, () => [this.env.model.getters.getActiveSheetId()]);
 	}
+	onExternalClick(ev) {
+		if (!ev.target.closest(".o-color-picker")) this.state.pickerOpened = false;
+	}
 	focusInputAndSelectContent() {
 		if (!this.state.isEditing || !this.sheetNameRef.el) return;
 		this.sheetNameRef.el.focus();
@@ -65645,6 +65658,8 @@ var BottomBarSheet = class extends Component {
 			},
 			openSheetColorPickerCallback: () => {
 				this.state.pickerOpened = true;
+				const sheet = this.env.model.getters.getSheet(this.props.sheetId);
+				this.state.currentPickerColor = sheet.color;
 			}
 		});
 	}
@@ -69829,11 +69844,11 @@ function addBarChart(chart) {
           <!-- each data marker in the series does not have a different color -->
           <c:varyColors val="0"/>
           ${joinXmlNodes(rightDataSetsNodes)}
-          <c:axId val="${catAxId + 1}" />
-          <c:axId val="${valAxId + 1}" />
+          <c:axId val="${17781238}" />
+          <c:axId val="${88853994}" />
         </c:barChart>
-        ${addAx("b", "c:catAx", catAxId + 1, valAxId + 1, chart.axesDesign?.x?.title, chart.fontColor, leftDataSetsNodes.length ? 1 : 0)}
-        ${addAx("r", "c:valAx", valAxId + 1, catAxId + 1, chart.axesDesign?.y1?.title, chart.fontColor)}
+        ${addAx("b", "c:catAx", 17781238, 88853994, chart.axesDesign?.x?.title, chart.fontColor, leftDataSetsNodes.length ? 1 : 0)}
+        ${addAx("r", "c:valAx", 88853994, 17781238, chart.axesDesign?.y1?.title, chart.fontColor)}
       ` : ""}`;
 }
 function addComboChart(chart) {
@@ -69988,11 +70003,11 @@ function addLineChart(chart) {
           <!-- each data marker in the series does not have a different color -->
           <c:varyColors val="0"/>
           ${joinXmlNodes(rightDataSetsNodes)}
-          <c:axId val="${catAxId + 1}" />
-          <c:axId val="${valAxId + 1}" />
+          <c:axId val="${17781238}" />
+          <c:axId val="${88853994}" />
         </c:lineChart>
-        ${addAx("b", "c:catAx", catAxId + 1, valAxId + 1, chart.axesDesign?.x?.title, chart.fontColor, leftDataSetsNodes.length ? 1 : 0)}
-        ${addAx("r", "c:valAx", valAxId + 1, catAxId + 1, chart.axesDesign?.y1?.title, chart.fontColor)}
+        ${addAx("b", "c:catAx", 17781238, 88853994, chart.axesDesign?.x?.title, chart.fontColor, leftDataSetsNodes.length ? 1 : 0)}
+        ${addAx("r", "c:valAx", 88853994, 17781238, chart.axesDesign?.y1?.title, chart.fontColor)}
       ` : ""}
   `;
 }
@@ -70054,11 +70069,11 @@ function addScatterChart(chart) {
         <c:varyColors val="0"/>
         <c:scatterStyle val="lineMarker"/>
         ${joinXmlNodes(rightDataSetsNodes)}
-        <c:axId val="${catAxId + 1}" />
-        <c:axId val="${valAxId + 1}" />
+        <c:axId val="${17781238}" />
+        <c:axId val="${88853994}" />
       </c:scatterChart>
-      ${addAx("b", "c:valAx", catAxId + 1, valAxId + 1, chart.axesDesign?.x?.title, chart.fontColor, leftDataSetsNodes.length ? 1 : 0)}
-      ${addAx("r", "c:valAx", valAxId + 1, catAxId + 1, chart.axesDesign?.y1?.title, chart.fontColor)}
+      ${addAx("b", "c:valAx", 17781238, 88853994, chart.axesDesign?.x?.title, chart.fontColor, leftDataSetsNodes.length ? 1 : 0)}
+      ${addAx("r", "c:valAx", 88853994, 17781238, chart.axesDesign?.y1?.title, chart.fontColor)}
     ` : ""}`;
 }
 function addRadarChart(chart) {
@@ -72222,6 +72237,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, 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.3.50";
-__info__.date = "2026-06-06T06:20:54.573Z";
-__info__.hash = "d8ca64d";
+__info__.version = "18.3.54";
+__info__.date = "2026-07-01T05:01:44.424Z";
+__info__.hash = "d00e4b6";