@odoo/o-spreadsheet 19.0.38 → 19.0.42

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.0.38
- * @date 2026-06-17T08:50:59.627Z
- * @hash f469250
+ * @version 19.0.42
+ * @date 2026-07-13T06:28:58.351Z
+ * @hash 74cadf3
  */
 
 (function(exports, _odoo_owl) {
@@ -215,7 +215,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	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";
@@ -323,9 +323,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	];
 	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",
@@ -345,7 +342,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	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"
@@ -1674,7 +1671,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	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",
@@ -1693,7 +1690,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		"REMOVE_PIVOT",
 		"DUPLICATE_PIVOT"
 	]);
-	const invalidateChartEvaluationCommands = new Set([
+	const invalidateChartEvaluationCommands = /* @__PURE__ */ new Set([
 		"EVALUATE_CELLS",
 		"EVALUATE_CHARTS",
 		"UPDATE_CELL",
@@ -1712,20 +1709,20 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		"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",
@@ -1739,7 +1736,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		"UPDATE_TABLE",
 		"UPDATE_FILTER"
 	]);
-	const readonlyAllowedCommands = new Set([
+	const readonlyAllowedCommands = /* @__PURE__ */ new Set([
 		"START",
 		"ACTIVATE_SHEET",
 		"COPY",
@@ -1753,7 +1750,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		"UPDATE_CAROUSEL_ACTIVE_ITEM",
 		"UPDATE_PIVOT"
 	]);
-	const coreTypes = new Set([
+	const coreTypes = /* @__PURE__ */ new Set([
 		"UPDATE_CELL",
 		"UPDATE_CELL_POSITION",
 		"CLEAR_CELL",
@@ -1991,7 +1988,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 //#endregion
 //#region src/types/conditional_formatting.ts
-	const availableConditionalFormatOperators = new Set([
+	const availableConditionalFormatOperators = /* @__PURE__ */ new Set([
 		"containsText",
 		"notContainsText",
 		"isGreaterThan",
@@ -2011,7 +2008,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 //#endregion
 //#region src/types/data_validation.ts
-	const availableDataValidationOperators = new Set([
+	const availableDataValidationOperators = /* @__PURE__ */ new Set([
 		"containsText",
 		"notContainsText",
 		"isEqualText",
@@ -2736,12 +2733,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		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");
 	});
@@ -4678,7 +4673,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	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);
@@ -5466,7 +5461,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#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.
@@ -5474,7 +5468,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	* 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
@@ -6315,7 +6309,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		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;
@@ -6329,7 +6323,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		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;
@@ -7880,10 +7874,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			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"`;
@@ -23513,9 +23507,7 @@ stores.inject(MyMetaStore, storeInstance);
 			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);
@@ -28191,11 +28183,11 @@ stores.inject(MyMetaStore, storeInstance);
 		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);
 		}
@@ -31106,11 +31098,10 @@ stores.inject(MyMetaStore, storeInstance);
 	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`
@@ -31122,7 +31113,7 @@ stores.inject(MyMetaStore, storeInstance);
     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;
@@ -31148,8 +31139,8 @@ stores.inject(MyMetaStore, storeInstance);
       }
     }
     .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;
@@ -31193,13 +31184,13 @@ stores.inject(MyMetaStore, storeInstance);
     }
 
     .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;
       }
 
@@ -31337,8 +31328,8 @@ stores.inject(MyMetaStore, storeInstance);
 			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)
 			});
 		}
@@ -33523,17 +33514,16 @@ stores.inject(MyMetaStore, storeInstance);
 
 //#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 {
@@ -43226,7 +43216,8 @@ stores.inject(MyMetaStore, storeInstance);
 			const { left, top } = this.state.handler ? this.state.position : this.props.position;
 			return cssPropertiesToCss({
 				top: `${top}px`,
-				left: `${left}px`
+				left: `${left}px`,
+				visibility: this.props.isVisible ? "visible" : "hidden"
 			});
 		}
 		get styleNextValue() {
@@ -55116,7 +55107,7 @@ stores.inject(MyMetaStore, storeInstance);
 			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")
@@ -61061,7 +61052,7 @@ stores.inject(MyMetaStore, storeInstance);
 //#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);
 		}
@@ -62230,12 +62221,22 @@ stores.inject(MyMetaStore, storeInstance);
 		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":
@@ -62258,8 +62259,12 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 		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));
@@ -62292,6 +62297,11 @@ stores.inject(MyMetaStore, storeInstance);
 			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;
@@ -62594,13 +62604,13 @@ stores.inject(MyMetaStore, storeInstance);
 			const minValue = this.parsePoint(sheetId, range, rule.minimum, "min");
 			const midValue = rule.midpoint ? this.parsePoint(sheetId, range, rule.midpoint) : null;
 			const maxValue = this.parsePoint(sheetId, range, rule.maximum, "max");
-			if (minValue === null || maxValue === null || minValue >= maxValue || midValue && (minValue >= midValue || midValue >= maxValue)) return;
+			if (minValue === null || maxValue === null || minValue >= maxValue || midValue !== null && (minValue >= midValue || midValue >= maxValue)) return;
 			const zone = this.getters.getRangeFromSheetXC(sheetId, range).zone;
 			const colorThresholds = [{
 				value: minValue,
 				color: rule.minimum.color
 			}];
-			if (rule.midpoint && midValue) colorThresholds.push({
+			if (rule.midpoint && midValue !== null) colorThresholds.push({
 				value: midValue,
 				color: rule.midpoint.color
 			});
@@ -67273,7 +67283,7 @@ stores.inject(MyMetaStore, storeInstance);
 			};
 		}
 	};
-	const invalidateTableStyleCommandsSet = new Set([
+	const invalidateTableStyleCommandsSet = /* @__PURE__ */ new Set([
 		"HIDE_COLUMNS_ROWS",
 		"UNHIDE_COLUMNS_ROWS",
 		"UNFOLD_HEADER_GROUP",
@@ -69552,14 +69562,14 @@ stores.inject(MyMetaStore, storeInstance);
 		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();
 		}
@@ -72173,11 +72183,14 @@ stores.inject(MyMetaStore, storeInstance);
 				}
 			});
 			this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
-			(0, _odoo_owl.useExternalListener)(window, "click", () => this.state.pickerOpened = false);
+			(0, _odoo_owl.useExternalListener)(window, "click", this.onExternalClick.bind(this), { capture: true });
 			(0, _odoo_owl.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();
@@ -72279,6 +72292,8 @@ stores.inject(MyMetaStore, storeInstance);
 				},
 				openSheetColorPickerCallback: () => {
 					this.state.pickerOpened = true;
+					const sheet = this.env.model.getters.getSheet(this.props.sheetId);
+					this.state.currentPickerColor = sheet.color;
 				}
 			});
 		}
@@ -76838,11 +76853,11 @@ stores.inject(MyMetaStore, storeInstance);
           <!-- 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) {
@@ -77080,11 +77095,11 @@ stores.inject(MyMetaStore, storeInstance);
           <!-- 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)}
       ` : ""}
   `;
 	}
@@ -77147,11 +77162,11 @@ stores.inject(MyMetaStore, storeInstance);
         <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) {
@@ -79395,8 +79410,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.0.38";
-__info__.date = "2026-06-17T08:50:59.627Z";
-__info__.hash = "f469250";
+__info__.version = "19.0.42";
+__info__.date = "2026-07-13T06:28:58.351Z";
+__info__.hash = "74cadf3";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);