@odoo/o-spreadsheet 19.1.23 → 19.1.26

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 19.1.23
- * @date 2026-06-17T08:51:01.395Z
- * @hash 53aa85b
+ * @version 19.1.26
+ * @date 2026-07-01T05:03:33.170Z
+ * @hash 44237c0
  */
 :root {
   --os-gray-100: light-dark(#f9fafb, #1b1d26);

package/dist/o_spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.1.23
- * @date 2026-06-17T08:50:59.790Z
- * @hash 53aa85b
+ * @version 19.1.26
+ * @date 2026-07-01T05:03:31.665Z
+ * @hash 44237c0
  */
 
 import { App, Component, blockDom, markRaw, onMounted, onPatched, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, whenReady, xml } from "@odoo/owl";
@@ -222,7 +222,7 @@ const GRAY_900 = "#111827";
 const GRAY_300 = "#D8DADD";
 const GRAY_200 = "#E7E9ED";
 const TEXT_BODY = "#374151";
-const TEXT_BODY_MUTED = TEXT_BODY + "C2";
+const TEXT_BODY_MUTED = "#374151C2";
 const ACTION_COLOR = HIGHLIGHT_COLOR;
 const CHART_TITLE_FONT_SIZE = 16;
 const DEFAULT_CHART_COLOR_SCALE = {
@@ -315,9 +315,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 ZOOM_VALUES = [
 	50,
 	75,
@@ -343,7 +340,7 @@ const ROTATION_EPSILON = .001;
 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"
@@ -1162,7 +1159,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);
@@ -3470,12 +3467,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|E)(?:\\+|-)?(?:[0-9]|[0-9][0-9]|[12][0-9]{2}|30[0-7]))?(?:\\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");
 });
@@ -5374,7 +5369,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",
@@ -5393,7 +5388,7 @@ const invalidateEvaluationCommands = new Set([
 	"REMOVE_PIVOT",
 	"DUPLICATE_PIVOT"
 ]);
-const invalidateChartEvaluationCommands = new Set([
+const invalidateChartEvaluationCommands = /* @__PURE__ */ new Set([
 	"EVALUATE_CELLS",
 	"EVALUATE_CHARTS",
 	"UPDATE_CELL",
@@ -5414,20 +5409,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 invalidSubtotalFormulasCommands = new Set([
+const invalidSubtotalFormulasCommands = /* @__PURE__ */ new Set([
 	"UNHIDE_COLUMNS_ROWS",
 	"HIDE_COLUMNS_ROWS",
 	"GROUP_HEADERS",
@@ -5441,7 +5436,7 @@ const invalidSubtotalFormulasCommands = new Set([
 	"UPDATE_TABLE",
 	"UPDATE_FILTER"
 ]);
-const readonlyAllowedCommands = new Set([
+const readonlyAllowedCommands = /* @__PURE__ */ new Set([
 	"START",
 	"ACTIVATE_SHEET",
 	"COPY",
@@ -5456,7 +5451,7 @@ const readonlyAllowedCommands = new Set([
 	"UPDATE_CAROUSEL_ACTIVE_ITEM",
 	"UPDATE_PIVOT"
 ]);
-const coreTypes = new Set([
+const coreTypes = /* @__PURE__ */ new Set([
 	"UPDATE_CELL",
 	"UPDATE_CELL_POSITION",
 	"CLEAR_CELL",
@@ -6001,7 +5996,6 @@ function getCanonicalRepresentation(item) {
 //#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.
@@ -6009,7 +6003,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
@@ -7003,7 +6997,7 @@ var UuidGenerator = class {
 		const cryptoObj = this.getCrypto();
 		if (cryptoObj) return "10000000-1000".replace(/[01]/g, (c) => {
 			const n = Number(c);
-			return (n ^ cryptoObj.getRandomValues(new Uint8Array(1))[0] & 15 >> n / 4).toString(16);
+			return (n ^ cryptoObj.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;
@@ -7018,7 +7012,7 @@ var UuidGenerator = class {
 		const cryptoObj = this.getCrypto();
 		if (cryptoObj) return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => {
 			const n = Number(c);
-			return (n ^ cryptoObj.getRandomValues(new Uint8Array(1))[0] & 15 >> n / 4).toString(16);
+			return (n ^ cryptoObj.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;
@@ -11612,7 +11606,7 @@ const availableConditionalFormatOperators = new Set(cfOperators);
 
 //#endregion
 //#region src/types/data_validation.ts
-const availableDataValidationOperators = new Set([
+const availableDataValidationOperators = /* @__PURE__ */ new Set([
 	"containsText",
 	"notContainsText",
 	"isEqualText",
@@ -12186,10 +12180,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"`;
@@ -15215,6 +15209,59 @@ function getCarouselItemTitle(getters, item) {
 	return (chartSubtypeRegistry.getAll().find((c) => c.matcher?.(definition)) || chartSubtypeRegistry.get(definition.type)).displayName;
 }
 
+//#endregion
+//#region src/components/helpers/css.ts
+function getTextDecoration({ strikethrough, underline }) {
+	if (!strikethrough && !underline) return "none";
+	return `${strikethrough ? "line-through" : ""} ${underline ? "underline" : ""}`;
+}
+/**
+* Convert the cell style to CSS properties.
+*/
+function cellStyleToCss(style) {
+	const attributes = cellTextStyleToCss(style);
+	if (!style) return attributes;
+	if (style.fillColor) attributes["background"] = style.fillColor;
+	return attributes;
+}
+/**
+* Convert the cell text style to CSS properties.
+*/
+function cellTextStyleToCss(style) {
+	const attributes = {};
+	if (!style) return attributes;
+	if (style.bold) attributes["font-weight"] = "bold";
+	if (style.italic) attributes["font-style"] = "italic";
+	if (style.fontSize) attributes["font-size"] = `${style.fontSize}px`;
+	if (style.strikethrough || style.underline) {
+		let decoration = style.strikethrough ? "line-through" : "";
+		decoration = style.underline ? decoration + " underline" : decoration;
+		attributes["text-decoration"] = decoration;
+	}
+	if (style.textColor) attributes["color"] = style.textColor;
+	return attributes;
+}
+/**
+* Transform CSS properties into a CSS string.
+*/
+function cssPropertiesToCss(attributes) {
+	let styleStr = "";
+	for (const attName in attributes) {
+		if (!attributes[attName]) continue;
+		styleStr += `${attName}:${attributes[attName]}; `;
+	}
+	return styleStr;
+}
+function getElementMargins(el) {
+	const style = window.getComputedStyle(el);
+	return {
+		top: parseInt(style.marginTop, 10) || 0,
+		bottom: parseInt(style.marginBottom, 10) || 0,
+		left: parseInt(style.marginLeft, 10) || 0,
+		right: parseInt(style.marginRight, 10) || 0
+	};
+}
+
 //#endregion
 //#region src/components/figures/chart/chartJs/zoomable_chart/zoomable_chart_store.ts
 const TREND_LINE_AXES_IDS = ["x1", MOVING_AVERAGE_TREND_LINE_XAXIS_ID];
@@ -15314,9 +15361,7 @@ var ZoomableChartJsComponent = class extends ChartJsComponent {
 		this.removeEventListeners();
 	}
 	get containerStyle() {
-		return `
-      height:${this.sliceable ? `calc(100% - ${60}px)` : "100%"};
-    `;
+		return cssPropertiesToCss({ height: this.sliceable ? `calc(100% - ${60}px)` : "100%" });
 	}
 	get masterChartContainerStyle() {
 		const runtime = this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -16172,59 +16217,6 @@ var FullScreenFigureStore = class extends SpreadsheetStore {
 	}
 };
 
-//#endregion
-//#region src/components/helpers/css.ts
-function getTextDecoration({ strikethrough, underline }) {
-	if (!strikethrough && !underline) return "none";
-	return `${strikethrough ? "line-through" : ""} ${underline ? "underline" : ""}`;
-}
-/**
-* Convert the cell style to CSS properties.
-*/
-function cellStyleToCss(style) {
-	const attributes = cellTextStyleToCss(style);
-	if (!style) return attributes;
-	if (style.fillColor) attributes["background"] = style.fillColor;
-	return attributes;
-}
-/**
-* Convert the cell text style to CSS properties.
-*/
-function cellTextStyleToCss(style) {
-	const attributes = {};
-	if (!style) return attributes;
-	if (style.bold) attributes["font-weight"] = "bold";
-	if (style.italic) attributes["font-style"] = "italic";
-	if (style.fontSize) attributes["font-size"] = `${style.fontSize}px`;
-	if (style.strikethrough || style.underline) {
-		let decoration = style.strikethrough ? "line-through" : "";
-		decoration = style.underline ? decoration + " underline" : decoration;
-		attributes["text-decoration"] = decoration;
-	}
-	if (style.textColor) attributes["color"] = style.textColor;
-	return attributes;
-}
-/**
-* Transform CSS properties into a CSS string.
-*/
-function cssPropertiesToCss(attributes) {
-	let styleStr = "";
-	for (const attName in attributes) {
-		if (!attributes[attName]) continue;
-		styleStr += `${attName}:${attributes[attName]}; `;
-	}
-	return styleStr;
-}
-function getElementMargins(el) {
-	const style = window.getComputedStyle(el);
-	return {
-		top: parseInt(style.marginTop, 10) || 0,
-		bottom: parseInt(style.marginBottom, 10) || 0,
-		left: parseInt(style.marginLeft, 10) || 0,
-		right: parseInt(style.marginRight, 10) || 0
-	};
-}
-
 //#endregion
 //#region src/components/helpers/time_hooks.ts
 /**
@@ -17219,11 +17211,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);
 	}
@@ -27600,6 +27592,7 @@ function mapParenthesisCode(tokens) {
 function mapParentFunction(tokens) {
 	const stack = [];
 	let functionStarted = "";
+	let braceDepth = 0;
 	function pushTokenToFunctionContext(token) {
 		if (stack.length === 0) return;
 		const functionContext = stack.at(-1);
@@ -27612,7 +27605,7 @@ function mapParentFunction(tokens) {
 			});
 		}
 	}
-	return tokens.map((token, i) => {
+	return tokens.map((token) => {
 		if (!["SPACE", "LEFT_PAREN"].includes(token.type)) functionStarted = "";
 		switch (token.type) {
 			case "SYMBOL":
@@ -27633,8 +27626,16 @@ function mapParentFunction(tokens) {
 				stack.pop()?.argsTokens?.flat().forEach(pushTokenToFunctionContext);
 				pushTokenToFunctionContext(token);
 				break;
+			case "LEFT_BRACE":
+				braceDepth++;
+				pushTokenToFunctionContext(token);
+				break;
+			case "RIGHT_BRACE":
+				braceDepth--;
+				pushTokenToFunctionContext(token);
+				break;
 			case "ARG_SEPARATOR":
-				if (stack.length) stack[stack.length - 1].argPosition++;
+				if (stack.length && braceDepth === 0) stack[stack.length - 1].argPosition++;
 				pushTokenToFunctionContext(token);
 				break;
 			default:
@@ -28848,10 +28849,7 @@ function startDnd(onPointerMove, onPointerUp) {
 //#endregion
 //#region src/components/color_picker/color_picker.ts
 const ITEM_BORDER_WIDTH = 1;
-const ITEM_EDGE_LENGTH = 18;
-const ITEMS_PER_LINE = 10;
-const MAGNIFIER_EDGE = 16;
-const CONTENT_WIDTH = ITEMS_PER_LINE * (ITEM_EDGE_LENGTH + 2 * ITEM_BORDER_WIDTH) + (ITEMS_PER_LINE - 1) * 2;
+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;
 var ColorPicker = class extends Component {
@@ -28915,8 +28913,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)
 		});
 	}
@@ -52618,7 +52616,7 @@ var Grid = class extends Component {
 		ev.preventDefault();
 		const clipboardData = ev.clipboardData;
 		if (!clipboardData) return;
-		const image = [...clipboardData.files]?.find((file) => AllowedImageMimeTypes.includes(file.type));
+		const image = [...clipboardData.files].find((file) => AllowedImageMimeTypes.includes(file.type));
 		const osClipboard = { content: {
 			["text/plain"]: clipboardData?.getData("text/plain"),
 			["text/html"]: clipboardData?.getData("text/html")
@@ -58450,7 +58448,7 @@ var ZoneRBush = class extends import_rbush_min.default {
 //#region src/plugins/ui_core_views/cell_evaluation/zone_set.ts
 var ZoneSet = class ZoneSet {
 	profilesStartingPosition = [0];
-	profiles = new Map([[0, []]]);
+	profiles = /* @__PURE__ */ new Map([[0, []]]);
 	constructor(zones = []) {
 		for (const zone of zones) this.add(zone);
 	}
@@ -59828,12 +59826,22 @@ var CustomColorsPlugin = class extends CoreViewPlugin {
 	handle(cmd) {
 		switch (cmd.type) {
 			case "START":
-				for (const sheetId of this.getters.getSheetIds()) for (const chartId of this.getters.getChartIds(sheetId)) this.tryToAddColors(this.getChartColors(chartId));
+				for (const sheetId of this.getters.getSheetIds()) {
+					for (const chartId of this.getters.getChartIds(sheetId)) this.tryToAddColors(this.getChartColors(chartId));
+					for (const figureId of this.getters.getFigures(sheetId)) this.tryToAddColors(this.getCarouselColors(sheetId, figureId.id));
+				}
 				break;
 			case "UPDATE_CHART":
 			case "CREATE_CHART":
 				this.tryToAddColors(this.getChartColors(cmd.chartId));
 				break;
+			case "CREATE_CAROUSEL":
+			case "UPDATE_CAROUSEL":
+				this.tryToAddColors(this.getCarouselColors(cmd.sheetId, cmd.figureId));
+				break;
+			case "COLOR_SHEET":
+				if (cmd.color) this.tryToAddColors([cmd.color]);
+				break;
 			case "UPDATE_CELL":
 			case "ADD_CONDITIONAL_FORMAT":
 			case "SET_BORDER":
@@ -59856,8 +59864,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 colors = /* @__PURE__ */ new Set();
@@ -59886,6 +59898,11 @@ var CustomColorsPlugin = class extends CoreViewPlugin {
 		if (chart === void 0) return [];
 		return [...JSON.stringify(chart.getDefinition()).matchAll(chartColorRegex)].map((color) => color[1]);
 	}
+	getCarouselColors(sheetId, figureId) {
+		if (this.getters.getFigure(sheetId, figureId)?.tag !== "carousel") return [];
+		const titleColor = this.getters.getCarousel(figureId).title?.color;
+		return titleColor ? [titleColor] : [];
+	}
 	getTableColors(sheetId) {
 		return this.getters.getTables(sheetId).flatMap((table) => {
 			const config = table.config;
@@ -63102,7 +63119,7 @@ var TableComputedStylePlugin = class extends UIPlugin {
 		};
 	}
 };
-const invalidateTableStyleCommandsSet = new Set([
+const invalidateTableStyleCommandsSet = /* @__PURE__ */ new Set([
 	"HIDE_COLUMNS_ROWS",
 	"UNHIDE_COLUMNS_ROWS",
 	"UNFOLD_HEADER_GROUP",
@@ -67371,14 +67388,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();
 	}
@@ -69960,11 +69977,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();
@@ -70066,6 +70086,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;
 			}
 		});
 	}
@@ -74257,11 +74279,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) {
@@ -74499,11 +74521,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)}
       ` : ""}
   `;
 }
@@ -74566,11 +74588,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) {
@@ -79077,6 +79099,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, categories, chartHelpers, components, constants, convertAstNodes, coreTypes, createAutocompleteArgumentsProvider, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
-__info__.version = "19.1.23";
-__info__.date = "2026-06-17T08:50:59.790Z";
-__info__.hash = "53aa85b";
+__info__.version = "19.1.26";
+__info__.date = "2026-07-01T05:03:31.665Z";
+__info__.hash = "44237c0";