@odoo/o-spreadsheet 19.3.21 → 19.3.22

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.3.21
- * @date 2026-09-18T05:27:19.223Z
- * @hash 6577e59
+ * @version 19.3.22
+ * @date 2026-10-01T07:46:51.994Z
+ * @hash 0dd651f
  */
 
 (function(exports, _odoo_owl) {
@@ -238,12 +238,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	const TEXT_BODY = "#374151";
 	const TEXT_BODY_MUTED = "#374151C2";
 	const ACTION_COLOR = HIGHLIGHT_COLOR;
+	const CHART_PADDING = 20;
+	const CHART_PADDING_BOTTOM = 10;
+	const CHART_PADDING_TOP = 15;
 	const CHART_TITLE_FONT_SIZE = 16;
+	const CHART_AXIS_TITLE_FONT_SIZE = 12;
+	const MASTER_CHART_HEIGHT = 60;
+	const CHART_COLORSCALE_WIDTH = 70;
 	const DEFAULT_CHART_COLOR_SCALE = {
 		minColor: "#FFF5EB",
 		midColor: "#FD8D3C",
 		maxColor: "#7F2704"
 	};
+	const SCORECARD_CHART_TITLE_FONT_SIZE = 14;
 	const PIVOT_TOKEN_COLOR = "#F28C28";
 	const COLOR_PICKER_DEFAULTS = [
 		"#000000",
@@ -327,8 +334,32 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		"#20124D",
 		"#4C1130"
 	];
+	const MIN_ROW_HEIGHT = 10;
+	const MIN_COL_WIDTH = 5;
+	const HEADER_HEIGHT = 26;
+	const HEADER_WIDTH = 48;
+	const DESKTOP_TOPBAR_TOOLBAR_HEIGHT = 34;
+	const DESKTOP_BOTTOMBAR_HEIGHT = 36;
+	const DEFAULT_CELL_WIDTH = 96;
 	const DEFAULT_CELL_HEIGHT = 23;
-	const FOOTER_HEIGHT = 2 * 23;
+	const SCROLLBAR_WIDTH = 15;
+	const AUTOFILL_EDGE_LENGTH = 8;
+	const ICON_EDGE_LENGTH = 18;
+	const MIN_CF_ICON_MARGIN = 4;
+	const MIN_CELL_TEXT_MARGIN = 4;
+	const PADDING_AUTORESIZE_VERTICAL = 3;
+	const PADDING_AUTORESIZE_HORIZONTAL = MIN_CELL_TEXT_MARGIN;
+	const GROUP_LAYER_WIDTH = 21;
+	const GRID_ICON_MARGIN = 2;
+	const GRID_ICON_EDGE_LENGTH = 17;
+	const FOOTER_HEIGHT = 2 * DEFAULT_CELL_HEIGHT;
+	const DATA_VALIDATION_CHIP_MARGIN = 5;
+	const MOBILE_WIDTH_BREAKPOINT = 768;
+	const MENU_WIDTH = 250;
+	const MENU_VERTICAL_PADDING = 6;
+	const DESKTOP_MENU_ITEM_HEIGHT = 26;
+	const MIN_ZOOM_LEVEL = .5;
+	const MAX_ZOOM_LEVEL = 2;
 	const ZOOM_VALUES = [
 		50,
 		75,
@@ -358,20 +389,34 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	};
 	const DEFAULT_VERTICAL_ALIGN = DEFAULT_STYLE.verticalAlign;
 	const DEFAULT_WRAPPING_MODE = DEFAULT_STYLE.wrapping;
+	const DEFAULT_FONT_WEIGHT = "400";
 	const DEFAULT_FONT_SIZE = DEFAULT_STYLE.fontSize;
+	const HEADER_FONT_SIZE = 11;
 	const DEFAULT_FONT = "'Roboto', arial, 'Liberation Sans'";
 	const DEFAULT_BORDER_DESC = {
 		style: "thin",
 		color: "#000000"
 	};
+	const MAX_HISTORY_STEPS = 99;
 	const DEFAULT_REVISION_ID = "START_REVISION";
+	const DEFAULT_FIGURE_HEIGHT = 335;
+	const DEFAULT_FIGURE_WIDTH = 536;
+	const FIGURE_BORDER_WIDTH = 1;
+	const MIN_FIG_SIZE = 80;
+	const MAX_CHAR_LABEL = 20;
+	const FIGURE_ID_SPLITTER = "??";
 	const DEFAULT_GAUGE_LOWER_COLOR = "#EA6175";
 	const DEFAULT_GAUGE_MIDDLE_COLOR = "#FFD86D";
 	const DEFAULT_GAUGE_UPPER_COLOR = "#43C5B1";
 	const DEFAULT_SCORECARD_BASELINE_MODE = "difference";
 	const DEFAULT_SCORECARD_BASELINE_COLOR_UP = "#43C5B1";
 	const DEFAULT_SCORECARD_BASELINE_COLOR_DOWN = "#EA6175";
+	const DEFAULT_SCORECARD_KEY_VALUE_FONT_SIZE = 32;
+	const DEFAULT_SCORECARD_BASELINE_FONT_SIZE = 16;
 	const LINE_FILL_TRANSPARENCY = .4;
+	const LINE_DATA_POINT_RADIUS = 3;
+	const DEFAULT_WINDOW_SIZE = 2;
+	const MESSAGE_VERSION = 1;
 	const FORBIDDEN_SHEETNAME_CHARS = [
 		"'",
 		"*",
@@ -382,6 +427,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		"]"
 	];
 	const FORBIDDEN_SHEETNAME_CHARS_IN_EXCEL_REGEX = /'|\*|\?|\/|\\|\[|\]/;
+	const FORMULA_REF_IDENTIFIER = "|";
 	let DEFAULT_SHEETVIEW_SIZE = 0;
 	/**
 	* The viewport dimensions are usually set by one of the components
@@ -396,6 +442,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		DEFAULT_SHEETVIEW_SIZE = size;
 	}
 	const MAXIMAL_FREEZABLE_RATIO = .85;
+	const NEWLINE = "\n";
 	const FONT_SIZES = [
 		6,
 		7,
@@ -421,6 +468,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		automaticAutofill: false
 	};
 	const PIVOT_INSERT_TABLE_STYLE_ID = "PivotTableStyleMedium12";
+	const PIVOT_INDENT = 15;
+	const PIVOT_COLLAPSE_ICON_SIZE = 12;
 	const PIVOT_MAX_NUMBER_OF_CELLS = 5e5;
 	const DEFAULT_CURRENCY = {
 		symbol: "$",
@@ -430,7 +479,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		name: "Dollar"
 	};
 	const DEFAULT_CAROUSEL_TITLE_STYLE = {
-		fontSize: 16,
+		fontSize: CHART_TITLE_FONT_SIZE,
 		color: TEXT_BODY
 	};
 	const DEFAULT_TOKEN_COLOR = "light-dark(#000000, #ffffff)";
@@ -447,6 +496,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		ARG_SEPARATOR: functionColor,
 		ORPHAN_RIGHT_PAREN: "#ff0000"
 	};
+	const DRAG_THRESHOLD = 5;
 
 //#endregion
 //#region src/types/misc.ts
@@ -829,7 +879,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	*/
 	function replaceNewLines(text) {
 		if (!text) return "";
-		return text.replace(newLineRegexp, "\n");
+		return text.replace(newLineRegexp, NEWLINE);
 	}
 	/**
 	* Determine if the numbers are consecutive.
@@ -1078,7 +1128,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		consumeSpaces(chars);
 		const col = letterPart - 1;
 		const row = num - 1;
-		if (!chars.isOver() || col > MAX_COL || row > 9999998) throw new Error(`Invalid cell description: ${xc}`);
+		if (!chars.isOver() || col > MAX_COL || row > MAX_ROW) throw new Error(`Invalid cell description: ${xc}`);
 		return {
 			col,
 			row
@@ -1489,7 +1539,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		const orderedZone = reorderZone(toZoneWithoutBoundaryChanges(xc));
 		const bottom = orderedZone.bottom;
 		const right = orderedZone.right;
-		if (bottom !== void 0 && bottom > 9999998 || right !== void 0 && right > MAX_COL) throw new Error(`Range string out of bounds: ${xc}`);
+		if (bottom !== void 0 && bottom > MAX_ROW || right !== void 0 && right > MAX_COL) throw new Error(`Range string out of bounds: ${xc}`);
 		if (bottom === void 0 && right === void 0) throw new Error("Wrong zone xc. The zone cannot be at the same time a full column and a full row");
 		return orderedZone;
 	}
@@ -1650,7 +1700,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		return {
 			top: Math.max(z1.top, z2.top),
 			left: Math.max(z1.left, z2.left),
-			bottom: Math.min(z1.bottom ?? 9999998, z2.bottom),
+			bottom: Math.min(z1.bottom ?? MAX_ROW, z2.bottom),
 			right: Math.min(z1.right ?? MAX_COL, z2.right)
 		};
 	}
@@ -4968,11 +5018,11 @@ stores.inject(MyMetaStore, storeInstance);
 		return result;
 	}
 	function tokenizeDebugger(chars) {
-		if (chars.current === "?") {
+		if (chars.current === DEBUGGER_CHAR) {
 			chars.shift();
 			return {
 				type: "DEBUGGER",
-				value: "?"
+				value: DEBUGGER_CHAR
 			};
 		}
 		return null;
@@ -5131,13 +5181,13 @@ stores.inject(MyMetaStore, storeInstance);
 	}
 	function tokenizeNewLine(chars) {
 		let length = 0;
-		while (chars.current === "\n") {
+		while (chars.current === NEWLINE) {
 			length++;
 			chars.shift();
 		}
 		if (length) return {
 			type: "SPACE",
-			value: "\n".repeat(length)
+			value: NEWLINE.repeat(length)
 		};
 		return null;
 	}
@@ -6786,7 +6836,7 @@ stores.inject(MyMetaStore, storeInstance);
 			switch (token.type) {
 				case "DIGIT":
 					if (parsedPart === integerPart) parsedPart.push(token);
-					else if (numberOfDecimalsDigits < 20) {
+					else if (numberOfDecimalsDigits < MAX_DECIMAL_PLACES) {
 						parsedPart.push(token);
 						numberOfDecimalsDigits++;
 					}
@@ -7090,7 +7140,7 @@ stores.inject(MyMetaStore, storeInstance);
 			if (digitType === "0") digit = digit || "0";
 			if (!digit) return;
 			const digitIndex = integerDigits.length - 1 - indexInIntegerString;
-			const groups = getIndexesOfDigitsWithThousandSeparator(locale.digitGrouping || "[3,0]");
+			const groups = getIndexesOfDigitsWithThousandSeparator(locale.digitGrouping || DEFAULT_LOCALE_DIGIT_GROUPING);
 			if (thousandsSeparator && groups.has(digitIndex - 1)) formattedInteger = digit + thousandsSeparator + formattedInteger;
 			else formattedInteger = digit + formattedInteger;
 		}
@@ -7150,7 +7200,7 @@ stores.inject(MyMetaStore, storeInstance);
 	* exceed in the decimal part, in which case digits are rounded.
 	*
 	**/
-	function splitNumber(value, maxDecimals = 20) {
+	function splitNumber(value, maxDecimals = MAX_DECIMAL_PLACES) {
 		const asString = value.toString();
 		if (asString.includes("e")) return splitNumberIntl(value, maxDecimals);
 		if (Number.isInteger(value)) return {
@@ -7219,7 +7269,7 @@ stores.inject(MyMetaStore, storeInstance);
 	* Supports numbers with a lot of digits that are transformed to scientific notation by
 	* number.toString(), but is slow.
 	*/
-	function splitNumberIntl(value, maxDecimals = 20) {
+	function splitNumberIntl(value, maxDecimals = MAX_DECIMAL_PLACES) {
 		let formatter = numberRepresentation[maxDecimals];
 		if (!formatter) {
 			formatter = new Intl.NumberFormat("en-US", {
@@ -8365,7 +8415,7 @@ stores.inject(MyMetaStore, storeInstance);
 	* Returns a timeout delay in milliseconds.
 	*/
 	function scrollDelay(value) {
-		return 20 + (140 - 20) * Math.exp(-.035 * (value - 1));
+		return MIN_DELAY + (MAX_DELAY - MIN_DELAY) * Math.exp(-.035 * (value - 1));
 	}
 
 //#endregion
@@ -8432,7 +8482,7 @@ stores.inject(MyMetaStore, storeInstance);
 //#endregion
 //#region src/helpers/text_helper.ts
 	function computeTextLinesHeight(textLineHeight, numberOfLines = 1) {
-		return numberOfLines * (textLineHeight + 4) - 4;
+		return numberOfLines * (textLineHeight + MIN_CELL_TEXT_MARGIN) - MIN_CELL_TEXT_MARGIN;
 	}
 	function getCanvas(width = 100, height = 100) {
 		return new OffscreenCanvas(width, height).getContext("2d");
@@ -8441,7 +8491,7 @@ stores.inject(MyMetaStore, storeInstance);
 	* Get the default height of the cell given its style.
 	*/
 	function getDefaultCellHeight(ctx, cell, locale, colSize) {
-		if (!cell || !cell.isFormula && !cell.content) return 23;
+		if (!cell || !cell.isFormula && !cell.content) return DEFAULT_CELL_HEIGHT;
 		let content = "";
 		try {
 			if (!cell.isFormula) {
@@ -8457,7 +8507,7 @@ stores.inject(MyMetaStore, storeInstance);
 		return getCellContentHeight(ctx, content, cell.style, colSize);
 	}
 	function getCellContentHeight(ctx, content, style, colSize) {
-		return computeMultilineTextSize(ctx, splitTextToWidth(ctx, content, style, style?.wrapping === "wrap" ? colSize - 2 * 4 : void 0), style).height + 2 * 3;
+		return computeMultilineTextSize(ctx, splitTextToWidth(ctx, content, style, style?.wrapping === "wrap" ? colSize - 2 * MIN_CELL_TEXT_MARGIN : void 0), style).height + 2 * PADDING_AUTORESIZE_VERTICAL;
 	}
 	function getDefaultContextFont(fontSize, bold = false, italic = false) {
 		return `${italic ? "italic" : ""} ${bold ? "bold" : ""} ${fontSize}px ${DEFAULT_FONT}`;
@@ -8523,7 +8573,7 @@ stores.inject(MyMetaStore, storeInstance);
 		return Math.round(fontSize * 96 / 72);
 	}
 	function computeTextFont(style, fontUnit = "pt") {
-		return `${style.italic ? "italic " : ""}${style.bold ? "bold" : "400"} ${(fontUnit === "pt" ? computeTextFontSizeInPixels(style) : style.fontSize) ?? DEFAULT_FONT_SIZE}px ${DEFAULT_FONT}`;
+		return `${style.italic ? "italic " : ""}${style.bold ? "bold" : DEFAULT_FONT_WEIGHT} ${(fontUnit === "pt" ? computeTextFontSizeInPixels(style) : style.fontSize) ?? DEFAULT_FONT_SIZE}px ${DEFAULT_FONT}`;
 	}
 	function computeTextFontSizeInPixels(style) {
 		return fontSizeInPixels(style?.fontSize || DEFAULT_FONT_SIZE);
@@ -8547,7 +8597,7 @@ stores.inject(MyMetaStore, storeInstance);
 		if (!style) style = {};
 		if (isMarkdownLink(text)) text = parseMarkdownLink(text).label;
 		const brokenText = [];
-		const lines = text.includes("\n") ? text.split("\n") : [text];
+		const lines = text.includes(NEWLINE) ? text.split(NEWLINE) : [text];
 		for (const line of lines) {
 			const words = line.includes(" ") ? line.split(" ") : [line];
 			if (!width) {
@@ -8713,7 +8763,7 @@ stores.inject(MyMetaStore, storeInstance);
 		let { x, y } = rect;
 		const cos = Math.cos(-style.rotation);
 		const sin = Math.sin(-style.rotation);
-		const width = rect.textWidth - 2 * 4;
+		const width = rect.textWidth - 2 * MIN_CELL_TEXT_MARGIN;
 		const height = rect.textHeight;
 		const center = style.align === "center";
 		const rotateTowardCellCenter = style.align === "left" === sin < 0;
@@ -8831,7 +8881,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const { ctx } = chart;
 			ctx.save();
 			ctx.globalCompositeOperation = "destination-over";
-			ctx.fillStyle = options.color || "#FFFFFF";
+			ctx.fillStyle = options.color || BACKGROUND_CHART_COLOR;
 			ctx.fillRect(0, 0, chart.width, chart.height);
 			ctx.restore();
 		}
@@ -8853,7 +8903,7 @@ stores.inject(MyMetaStore, storeInstance);
 			};
 			updateElements(rects, start, count, mode) {
 				super.updateElements(rects, start, count, mode);
-				const backgroundColor = this.chart.config.options?.plugins?.background?.color || "#FFFFFF";
+				const backgroundColor = this.chart.config.options?.plugins?.background?.color || BACKGROUND_CHART_COLOR;
 				for (let i = start; i < start + count; i++) if (mode === "reset") this.updateElement(rects[i], i, { options: { backgroundColor } }, mode);
 			}
 		};
@@ -8873,7 +8923,7 @@ stores.inject(MyMetaStore, storeInstance);
 			ctx.miterLimit = 1;
 			const gradientHeight = (chart.chartArea.bottom - chart.chartArea.top) / 2;
 			const gradientWidth = 10;
-			const gradientX = options.position === "left" ? 20 : ctx.canvas.width - 70;
+			const gradientX = options.position === "left" ? CHART_PADDING : ctx.canvas.width - CHART_COLORSCALE_WIDTH;
 			const gradientY = chart.chartArea.top;
 			const gradient = ctx.createLinearGradient(0, gradientY + gradientHeight, 0, gradientY);
 			const step = 1 / (options.colorScale.length - 1);
@@ -8883,7 +8933,7 @@ stores.inject(MyMetaStore, storeInstance);
 			ctx.fillStyle = gradient;
 			ctx.fillRect(gradientX, gradientY, gradientWidth, gradientHeight);
 			ctx.fillStyle = options.fontColor ?? "black";
-			ctx.font = getDefaultContextFont(12);
+			ctx.font = getDefaultContextFont(CHART_AXIS_TITLE_FONT_SIZE);
 			ctx.textAlign = "left";
 			let minValue = Math.round(options.minValue * 100) / 100;
 			let maxValue = Math.round(options.maxValue * 100) / 100;
@@ -9153,6 +9203,12 @@ stores.inject(MyMetaStore, storeInstance);
 	const EXCEL_DEFAULT_COL_WIDTH = 8.43;
 	/** unit : points */
 	const EXCEL_DEFAULT_ROW_HEIGHT = 12.75;
+	const EXCEL_IMPORT_DEFAULT_NUMBER_OF_COLS = 30;
+	const EXCEL_IMPORT_DEFAULT_NUMBER_OF_ROWS = 100;
+	/** The possible values for the XLSX polynomial trendline order are defined by the ST_Order simple type (§21.2.3.29) */
+	const MAX_XLSX_POLYNOMIAL_DEGREE = 6;
+	const FIRST_NUMFMT_ID = 164;
+	const DEFAULT_DOUGHNUT_CHART_HOLE_SIZE = 50;
 	const FORCE_DEFAULT_ARGS_FUNCTIONS = {
 		FLOOR: [{
 			type: "NUMBER",
@@ -9454,8 +9510,8 @@ stores.inject(MyMetaStore, storeInstance);
 		if (dataSetStyle.trend?.type) trend = {
 			type: dataSetStyle.trend.type === "polynomial" && dataSetStyle.trend.order === 1 ? "linear" : SPREADSHEET_TO_EXCEL_TRENDLINE_TYPE_MAPPING[dataSetStyle.trend.type],
 			color: dataSetStyle.trend.color,
-			order: dataSetStyle.trend.order ? Math.min(dataSetStyle.trend.order, 6) : void 0,
-			window: dataSetStyle.trend.window || 2
+			order: dataSetStyle.trend.order ? Math.min(dataSetStyle.trend.order, MAX_XLSX_POLYNOMIAL_DEGREE) : void 0,
+			window: dataSetStyle.trend.window || DEFAULT_WINDOW_SIZE
 		};
 		return {
 			label,
@@ -9560,13 +9616,13 @@ stores.inject(MyMetaStore, storeInstance);
 		for (let i = 0; i <= maxLength; i++) pieColors.push(colors.next());
 		return pieColors;
 	}
-	function truncateLabel(label, maxLen = 20) {
+	function truncateLabel(label, maxLen = MAX_CHAR_LABEL) {
 		if (!label) return "";
 		if (label.length > maxLen) return label.substring(0, maxLen) + "…";
 		return label;
 	}
 	function isTrendLineAxis(axisID) {
-		return axisID === "x1" || axisID === "xMovingAverage";
+		return axisID === TREND_LINE_XAXIS_ID || axisID === MOVING_AVERAGE_TREND_LINE_XAXIS_ID;
 	}
 
 //#endregion
@@ -9878,7 +9934,7 @@ stores.inject(MyMetaStore, storeInstance);
 		scales = removeFalsyAttributes(scales);
 		if (trendDatasets && trendDatasets.length && trendDatasets.some(isDefined)) {
 			const maxLength = Math.max(...trendDatasets.map((trendDataset) => trendDataset?.length || 0));
-			scales["x1"] = {
+			scales[TREND_LINE_XAXIS_ID] = {
 				...scales.x,
 				labels: Array(maxLength).fill(""),
 				offset: false,
@@ -9989,7 +10045,7 @@ stores.inject(MyMetaStore, storeInstance);
 			});
 		}
 		if (trendDatasets && trendDatasets.length && trendDatasets.some(isDefined)) {
-			scales["x1"] = {
+			scales[TREND_LINE_XAXIS_ID] = {
 				...scales.x,
 				display: false
 			};
@@ -9999,9 +10055,9 @@ stores.inject(MyMetaStore, storeInstance);
 			};
 			if (axisType === "category" || axisType === "time") {
 				const maxLength = Math.max(...trendDatasets.map((trendDataset) => trendDataset?.length || 0));
-				scales["x1"]["type"] = "category";
-				scales["x1"]["labels"] = range(0, maxLength).map((x) => x.toString());
-				scales["x1"]["offset"] = false;
+				scales[TREND_LINE_XAXIS_ID]["type"] = "category";
+				scales[TREND_LINE_XAXIS_ID]["labels"] = range(0, maxLength).map((x) => x.toString());
+				scales[TREND_LINE_XAXIS_ID]["offset"] = false;
 				scales[MOVING_AVERAGE_TREND_LINE_XAXIS_ID]["type"] = "category";
 				scales[MOVING_AVERAGE_TREND_LINE_XAXIS_ID]["offset"] = false;
 			}
@@ -10163,7 +10219,7 @@ stores.inject(MyMetaStore, storeInstance);
 				font: {
 					style: italic ? "italic" : "normal",
 					weight: bold ? "bold" : "normal",
-					size: design.title.fontSize ?? 12
+					size: design.title.fontSize ?? CHART_AXIS_TITLE_FONT_SIZE
 				},
 				align: align === "left" ? "start" : align === "right" ? "end" : "center"
 			};
@@ -10251,16 +10307,16 @@ stores.inject(MyMetaStore, storeInstance);
 		switch (definition.legendPosition) {
 			case "top":
 			case "right": return {
-				top: !!definition.title.text ? 15 + 30 : 15,
-				left: 20,
-				right: 20
+				top: !!definition.title.text ? CHART_PADDING_TOP + 30 : CHART_PADDING_TOP,
+				left: CHART_PADDING,
+				right: CHART_PADDING
 			};
 			case "bottom":
 			case "left":
 			case "none": return {
-				left: 20,
-				right: 20,
-				bottom: 10
+				left: CHART_PADDING,
+				right: CHART_PADDING,
+				bottom: CHART_PADDING_BOTTOM
 			};
 		}
 	}
@@ -10290,7 +10346,7 @@ stores.inject(MyMetaStore, storeInstance);
 				label,
 				data: data.map((cell) => isNumberResult(cell) ? cell.value : NaN),
 				hidden,
-				borderColor: definition.background || "#FFFFFF",
+				borderColor: definition.background || BACKGROUND_CHART_COLOR,
 				borderWidth: definition.stacked ? 1 : 0,
 				backgroundColor,
 				yAxisID: definition.horizontal ? "y" : definition.dataSetStyles?.[dataSetId]?.yAxisId ?? "y",
@@ -10318,8 +10374,8 @@ stores.inject(MyMetaStore, storeInstance);
 		for (const dataSetValues of dataSetsValues) dataSets.push({
 			label: dataSetValues.label,
 			data: dataSetValues.data.map((v) => 1),
-			backgroundColor: dataSetValues.data.map((v) => isNumberResult(v) ? colorMap(v.value) : definition.missingValueColor || "#00000000"),
-			borderColor: definition.background || "#FFFFFF",
+			backgroundColor: dataSetValues.data.map((v) => isNumberResult(v) ? colorMap(v.value) : definition.missingValueColor || COLOR_TRANSPARENT),
+			borderColor: definition.background || BACKGROUND_CHART_COLOR,
 			borderSkipped: false,
 			borderWidth: 1,
 			barPercentage: 1,
@@ -10333,9 +10389,9 @@ stores.inject(MyMetaStore, storeInstance);
 	}
 	function getWaterfallDatasetAndLabels(definition, args) {
 		const { dataSetsValues, labels } = args;
-		const negativeColor = definition.negativeValuesColor || "#EA6175";
-		const positiveColor = definition.positiveValuesColor || "#4EA7F2";
-		const subTotalColor = definition.subTotalValuesColor || "#AAAAAA";
+		const negativeColor = definition.negativeValuesColor || CHART_WATERFALL_NEGATIVE_COLOR;
+		const positiveColor = definition.positiveValuesColor || CHART_WATERFALL_POSITIVE_COLOR;
+		const subTotalColor = definition.subTotalValuesColor || CHART_WATERFALL_SUBTOTAL_COLOR;
 		const backgroundColor = [];
 		const datasetValues = [];
 		const dataset = {
@@ -10399,7 +10455,7 @@ stores.inject(MyMetaStore, storeInstance);
 				backgroundColor: areaChart ? setColorAlpha(color, LINE_FILL_TRANSPARENCY) : color,
 				pointBackgroundColor: color,
 				fill: areaChart ? getFillingMode(index, stackedChart) : false,
-				pointRadius: definition.hideDataMarkers ? 0 : 3,
+				pointRadius: definition.hideDataMarkers ? 0 : LINE_DATA_POINT_RADIUS,
 				yAxisID: dataSetStyle?.yAxisId || "y"
 			};
 			dataSets.push(dataset);
@@ -10456,7 +10512,7 @@ stores.inject(MyMetaStore, storeInstance);
 				xAxisID: "x",
 				type,
 				order: type === "bar" ? dataSetsValues.length + index : index,
-				pointRadius: definition.hideDataMarkers ? 0 : 3
+				pointRadius: definition.hideDataMarkers ? 0 : LINE_DATA_POINT_RADIUS
 			};
 			if (dataset.type === "bar") {
 				dataset.barPercentage = .9;
@@ -10488,7 +10544,7 @@ stores.inject(MyMetaStore, storeInstance);
 				borderColor,
 				backgroundColor: borderColor,
 				pointBackgroundColor: borderColor,
-				pointRadius: definition.hideDataMarkers ? 0 : 3
+				pointRadius: definition.hideDataMarkers ? 0 : LINE_DATA_POINT_RADIUS
 			};
 			if (fill) {
 				dataset.backgroundColor = setColorAlpha(borderColor, LINE_FILL_TRANSPARENCY);
@@ -10549,7 +10605,7 @@ stores.inject(MyMetaStore, storeInstance);
 			xAxisID: "x",
 			barPercentage: 1,
 			categoryPercentage: 1,
-			borderColor: definition.background || "#FFFFFF",
+			borderColor: definition.background || BACKGROUND_CHART_COLOR,
 			borderWidth: 3
 		}];
 	}
@@ -10574,12 +10630,12 @@ stores.inject(MyMetaStore, storeInstance);
 				data: data[i],
 				borderColor: (ctx) => {
 					const data = ctx.type === "data" ? ctx.raw : void 0;
-					if (!data || data.label === "nullValue") return COLOR_TRANSPARENT;
-					return definition.background || "#FFFFFF";
+					if (!data || data.label === GHOST_SUNBURST_VALUE) return COLOR_TRANSPARENT;
+					return definition.background || BACKGROUND_CHART_COLOR;
 				},
 				backgroundColor: (ctx) => {
 					const data = ctx.type === "data" ? ctx.raw : void 0;
-					if (!data || data.label === "nullValue") return COLOR_TRANSPARENT;
+					if (!data || data.label === GHOST_SUNBURST_VALUE) return COLOR_TRANSPARENT;
 					const rootGroup = data.groups[0];
 					return groupColors.find((groupColor) => groupColor.label === rootGroup)?.color;
 				},
@@ -10720,7 +10776,7 @@ stores.inject(MyMetaStore, storeInstance);
 		const borderColor = config.color || lightenColor(rgbaToHex(defaultBorderColor), .5);
 		return {
 			type: "line",
-			xAxisID: config.type === "trailingMovingAverage" ? MOVING_AVERAGE_TREND_LINE_XAXIS_ID : "x1",
+			xAxisID: config.type === "trailingMovingAverage" ? MOVING_AVERAGE_TREND_LINE_XAXIS_ID : TREND_LINE_XAXIS_ID,
 			yAxisID: dataset.yAxisID,
 			label: dataset.label ? _t("Trend line for %s", dataset.label) : "",
 			data,
@@ -10833,7 +10889,7 @@ stores.inject(MyMetaStore, storeInstance);
 			for (const metaSet of chart.getSortedVisibleDatasetMetas()) for (const arcElement of metaSet.data) {
 				const context = arcElement["$context"];
 				const { datasetIndex, index, dataset, raw } = context;
-				if (raw.label === "nullValue") continue;
+				if (raw.label === GHOST_SUNBURST_VALUE) continue;
 				const originalBackgroundColor = typeof dataset.backgroundColor === "function" ? dataset.backgroundColor(context) : dataset.backgroundColor;
 				if (activeDataPoints.length && !activeDataPoints.some((el) => el.datasetIndex === datasetIndex && el.index === index)) arcElement.options.backgroundColor = lightenColor(originalBackgroundColor, .5);
 				else arcElement.options.backgroundColor = originalBackgroundColor;
@@ -10861,7 +10917,7 @@ stores.inject(MyMetaStore, storeInstance);
 		const lineHeight = fontSize + Y_PADDING;
 		for (const dataset of chart._metasets) for (let i = 0; i < dataset._dataset.data.length; i++) {
 			const rawData = dataset._dataset.data[i];
-			if (rawData.label === "nullValue") continue;
+			if (rawData.label === GHOST_SUNBURST_VALUE) continue;
 			const valuesToDisplay = [options.showLabels ? rawData.label : void 0, options.showValues ? options.callback(rawData.value, "y") : void 0].filter(isDefined);
 			const arc = dataset.data[i];
 			let { startAngle, endAngle, innerRadius, outerRadius, circumference } = arc;
@@ -11387,7 +11443,7 @@ stores.inject(MyMetaStore, storeInstance);
 		canvas.width = dpr * structure.canvas.width * zoom;
 		canvas.height = dpr * structure.canvas.height * zoom;
 		ctx.scale(dpr * zoom, dpr * zoom);
-		const availableWidth = structure.canvas.width - 20;
+		const availableWidth = structure.canvas.width - CHART_PADDING;
 		ctx.fillStyle = structure.canvas.backgroundColor;
 		ctx.fillRect(0, 0, structure.canvas.width, structure.canvas.height);
 		if (structure.title) {
@@ -11495,16 +11551,16 @@ stores.inject(MyMetaStore, storeInstance);
 						x = (this.width - titleWidth) / 2;
 						break;
 					case "right":
-						x = this.width - titleWidth - 20;
+						x = this.width - titleWidth - CHART_PADDING;
 						break;
-					default: x = 20;
+					default: x = CHART_PADDING;
 				}
 				structure.title = {
 					text: this.title,
 					style: style.title,
 					position: {
 						x,
-						y: 10 + titleHeight / 2
+						y: CHART_PADDING_BOTTOM + titleHeight / 2
 					}
 				};
 			}
@@ -11515,10 +11571,10 @@ stores.inject(MyMetaStore, storeInstance);
 			let baselineX;
 			switch (this.runtime.baselineStyle?.align) {
 				case "right":
-					baselineX = this.width - 20 - baselineDescrWidth - baselineWidth;
+					baselineX = this.width - CHART_PADDING - baselineDescrWidth - baselineWidth;
 					break;
 				case "left":
-					baselineX = 20 + baselineArrowSize;
+					baselineX = CHART_PADDING + baselineArrowSize;
 					break;
 				default: baselineX = (this.width - baselineWidth - baselineDescrWidth + baselineArrowSize) / 2;
 			}
@@ -11528,7 +11584,7 @@ stores.inject(MyMetaStore, storeInstance);
 					style: style.baselineValue,
 					position: {
 						x: baselineX,
-						y: this.keyValue ? this.height * (1 - BOTTOM_PADDING_RATIO * (this.runtime.progressBar ? 1 : 2)) : this.height - (this.height - titleHeight - baselineHeight) / 2 - 10
+						y: this.keyValue ? this.height * (1 - BOTTOM_PADDING_RATIO * (this.runtime.progressBar ? 1 : 2)) : this.height - (this.height - titleHeight - baselineHeight) / 2 - CHART_PADDING_BOTTOM
 					}
 				};
 				if (style.baselineArrow && !this.runtime.progressBar) structure.baselineArrow = {
@@ -11556,12 +11612,12 @@ stores.inject(MyMetaStore, storeInstance);
 				progressBarHeight = this.height * .05;
 				structure.progressBar = {
 					position: {
-						x: 2 * 20,
+						x: 2 * CHART_PADDING,
 						y: this.height * (1 - 2 * BOTTOM_PADDING_RATIO) - baselineHeight - progressBarHeight
 					},
 					dimension: {
 						height: progressBarHeight,
-						width: this.width - 4 * 20
+						width: this.width - 4 * CHART_PADDING
 					},
 					value: this.runtime.progressBar.value,
 					style: {
@@ -11575,10 +11631,10 @@ stores.inject(MyMetaStore, storeInstance);
 			let keyX;
 			switch (this.runtime.keyValueStyle?.align) {
 				case "right":
-					keyX = this.width - 20 - keyDescrWidth - keyWidth;
+					keyX = this.width - CHART_PADDING - keyDescrWidth - keyWidth;
 					break;
 				case "left":
-					keyX = 20;
+					keyX = CHART_PADDING;
 					break;
 				default: keyX = (this.width - keyWidth - keyDescrWidth) / 2;
 			}
@@ -11586,8 +11642,8 @@ stores.inject(MyMetaStore, storeInstance);
 				text: this.keyValue,
 				style: style.keyValue,
 				position: {
-					x: Math.max(20, keyX),
-					y: this.height * (.5 - BOTTOM_PADDING_RATIO * 2) + 10 / 2 + (titleHeight + keyHeight / 2) / 2
+					x: Math.max(CHART_PADDING, keyX),
+					y: this.height * (.5 - BOTTOM_PADDING_RATIO * 2) + CHART_PADDING_BOTTOM / 2 + (titleHeight + keyHeight / 2) / 2
 				}
 			};
 			if (structure.key && this.keyDescr) {
@@ -11644,14 +11700,14 @@ stores.inject(MyMetaStore, storeInstance);
 			};
 		}
 		getTextStyles() {
-			const keyValueFontSize = this.runtime.keyValueStyle?.fontSize ?? 32;
+			const keyValueFontSize = this.runtime.keyValueStyle?.fontSize ?? DEFAULT_SCORECARD_KEY_VALUE_FONT_SIZE;
 			const keyValueDescrFontSize = Math.floor(.9 * keyValueFontSize);
-			let baselineValueFontSize = this.runtime.baselineStyle?.fontSize ?? 16;
+			let baselineValueFontSize = this.runtime.baselineStyle?.fontSize ?? DEFAULT_SCORECARD_BASELINE_FONT_SIZE;
 			const baselineDescrFontSize = Math.floor(.9 * baselineValueFontSize);
 			if (this.runtime.progressBar) baselineValueFontSize /= 1.5;
 			return {
 				title: {
-					font: getDefaultContextFont(this.runtime.title.fontSize ?? 14, this.runtime.title.bold, this.runtime.title.italic),
+					font: getDefaultContextFont(this.runtime.title.fontSize ?? SCORECARD_CHART_TITLE_FONT_SIZE, this.runtime.title.bold, this.runtime.title.italic),
 					color: this.runtime.title.color ?? this.secondaryFontColor
 				},
 				keyValue: {
@@ -12140,35 +12196,35 @@ stores.inject(MyMetaStore, storeInstance);
 			x: boundingRect.width / 2,
 			y: gaugeRect.y + gaugeRect.height - gaugeRect.height / 12
 		};
-		let gaugeValueFontSize = 80;
+		let gaugeValueFontSize = GAUGE_DEFAULT_VALUE_FONT_SIZE;
 		if (gaugeRect.height < 300) gaugeValueFontSize = gaugeValueFontSize * (gaugeRect.height / 300);
 		const maxTextWidth = gaugeRect.width / 2;
 		const gaugeLabel = runtime.gaugeValue?.label || "-";
 		if (computeTextWidth(ctx, gaugeLabel, { fontSize: gaugeValueFontSize }, "px") > maxTextWidth) gaugeValueFontSize = getFontSizeMatchingWidth(maxTextWidth, gaugeValueFontSize, (fontSize) => computeTextWidth(ctx, gaugeLabel, { fontSize }, "px"));
 		const minLabelPosition = {
 			x: gaugeRect.x + gaugeArcWidth / 2,
-			y: gaugeRect.y + gaugeRect.height + 12
+			y: gaugeRect.y + gaugeRect.height + GAUGE_LABELS_FONT_SIZE
 		};
 		const maxLabelPosition = {
 			x: gaugeRect.x + gaugeRect.width - gaugeArcWidth / 2,
-			y: gaugeRect.y + gaugeRect.height + 12
+			y: gaugeRect.y + gaugeRect.height + GAUGE_LABELS_FONT_SIZE
 		};
 		const textColor = chartMutedFontColor(runtime.background);
 		const inflectionValues = getInflectionValues(runtime, gaugeRect, textColor, ctx);
 		let x = 0, titleWidth = 0, titleHeight = 0;
 		if (runtime.title.text) ({width: titleWidth, height: titleHeight} = computeTextDimension(ctx, runtime.title.text, {
-			fontSize: 16,
+			fontSize: CHART_TITLE_FONT_SIZE,
 			...runtime.title
 		}, "px"));
 		switch (runtime.title.align) {
 			case "right":
-				x = boundingRect.width - titleWidth - 20;
+				x = boundingRect.width - titleWidth - CHART_PADDING;
 				break;
 			case "center":
 				x = (boundingRect.width - titleWidth) / 2;
 				break;
 			default:
-				x = 20;
+				x = CHART_PADDING;
 				break;
 		}
 		return {
@@ -12176,10 +12232,10 @@ stores.inject(MyMetaStore, storeInstance);
 			height: boundingRect.height,
 			title: {
 				label: runtime.title.text ?? "",
-				fontSize: runtime.title.fontSize ?? 16,
+				fontSize: runtime.title.fontSize ?? CHART_TITLE_FONT_SIZE,
 				textPosition: {
 					x,
-					y: 15 + titleHeight / 2
+					y: CHART_PADDING_TOP + titleHeight / 2
 				},
 				color: runtime.title.color ?? textColor,
 				bold: runtime.title.bold,
@@ -12202,13 +12258,13 @@ stores.inject(MyMetaStore, storeInstance);
 			minLabel: {
 				label: runtime.minValue.label,
 				textPosition: minLabelPosition,
-				fontSize: 12,
+				fontSize: GAUGE_LABELS_FONT_SIZE,
 				color: textColor
 			},
 			maxLabel: {
 				label: runtime.maxValue.label,
 				textPosition: maxLabelPosition,
-				fontSize: 12,
+				fontSize: GAUGE_LABELS_FONT_SIZE,
 				color: textColor
 			}
 		};
@@ -12218,9 +12274,9 @@ stores.inject(MyMetaStore, storeInstance);
 	* space for the title and labels.
 	*/
 	function getGaugeRect(boundingRect, title) {
-		const titleHeight = title ? 25 : 0;
-		const drawHeight = boundingRect.height - 20 - titleHeight - 10;
-		const drawWidth = boundingRect.width - 30 * 2;
+		const titleHeight = title ? GAUGE_TITLE_SECTION_HEIGHT : 0;
+		const drawHeight = boundingRect.height - GAUGE_PADDING_BOTTOM - titleHeight - GAUGE_PADDING_TOP;
+		const drawWidth = boundingRect.width - GAUGE_PADDING_SIDE * 2;
 		let gaugeWidth;
 		let gaugeHeight;
 		if (drawWidth > 2 * drawHeight) {
@@ -12231,8 +12287,8 @@ stores.inject(MyMetaStore, storeInstance);
 			gaugeHeight = drawWidth / 2;
 		}
 		return {
-			x: 30 + (drawWidth - gaugeWidth) / 2,
-			y: titleHeight + 10 + (drawHeight - gaugeHeight) / 2,
+			x: GAUGE_PADDING_SIDE + (drawWidth - gaugeWidth) / 2,
+			y: titleHeight + GAUGE_PADDING_TOP + (drawHeight - gaugeHeight) / 2,
 			width: gaugeWidth,
 			height: gaugeHeight
 		};
@@ -12249,20 +12305,20 @@ stores.inject(MyMetaStore, storeInstance);
 			x: gaugeRect.x + gaugeRect.width / 2,
 			y: gaugeRect.y + gaugeRect.height
 		};
-		const textStyle = { fontSize: 12 };
+		const textStyle = { fontSize: GAUGE_LABELS_FONT_SIZE };
 		const inflectionValues = [];
 		const inflectionValuesTextRects = [];
 		for (const inflectionValue of runtime.inflectionValues) {
 			const percentage = (inflectionValue.value - minValue.value) / (maxValue.value - minValue.value);
 			const labelWidth = computeTextWidth(ctx, inflectionValue.label, textStyle, "px");
 			const angle = Math.PI - Math.PI * percentage;
-			const textRect = getRectangleTangentToCircle(angle, gaugeRect.height + GAUGE_INFLECTION_LABEL_BOTTOM_MARGIN, gaugeCircleCenter.x, gaugeCircleCenter.y, labelWidth + 2, 12);
-			const offset = inflectionValuesTextRects.some((rect) => doRectanglesIntersect(rect, textRect)) ? 12 : 0;
+			const textRect = getRectangleTangentToCircle(angle, gaugeRect.height + GAUGE_INFLECTION_LABEL_BOTTOM_MARGIN, gaugeCircleCenter.x, gaugeCircleCenter.y, labelWidth + 2, GAUGE_LABELS_FONT_SIZE);
+			const offset = inflectionValuesTextRects.some((rect) => doRectanglesIntersect(rect, textRect)) ? GAUGE_LABELS_FONT_SIZE : 0;
 			inflectionValuesTextRects.push(textRect);
 			inflectionValues.push({
 				rotation: angle,
 				label: inflectionValue.label,
-				fontSize: 12,
+				fontSize: GAUGE_LABELS_FONT_SIZE,
 				color: textColor,
 				offset
 			});
@@ -12762,7 +12818,7 @@ stores.inject(MyMetaStore, storeInstance);
 		});
 		return newY.length === newX.length ? newY : transposeMatrix(newY);
 	}
-	function getMovingAverageValues(dataset, labels, windowSize = 2) {
+	function getMovingAverageValues(dataset, labels, windowSize = DEFAULT_WINDOW_SIZE) {
 		const values = [];
 		for (let i = 0; i < windowSize - 1; i++) values.push({
 			x: labels[i],
@@ -14346,19 +14402,19 @@ stores.inject(MyMetaStore, storeInstance);
 //#region src/helpers/figures/charts/runtime/chartjs_layout.ts
 	function getChartLayout(definition, args) {
 		return { padding: {
-			left: 20,
-			right: 20,
-			top: Math.max(15, args.topPadding || 0),
-			bottom: 10
+			left: CHART_PADDING,
+			right: CHART_PADDING,
+			top: Math.max(CHART_PADDING_TOP, args.topPadding || 0),
+			bottom: CHART_PADDING_BOTTOM
 		} };
 	}
 	function getCalendarChartLayout(definition, args) {
 		const legendPosition = definition.legendPosition;
 		return { padding: {
-			left: 20 + (legendPosition === "left" ? 70 : 0),
-			right: 20 + (legendPosition === "right" ? 70 : 0),
-			top: Math.max(15, args.topPadding || 0),
-			bottom: 10
+			left: CHART_PADDING + (legendPosition === "left" ? CHART_COLORSCALE_WIDTH : 0),
+			right: CHART_PADDING + (legendPosition === "right" ? CHART_COLORSCALE_WIDTH : 0),
+			top: Math.max(CHART_PADDING_TOP, args.topPadding || 0),
+			bottom: CHART_PADDING_BOTTOM
 		} };
 	}
 
@@ -14435,9 +14491,9 @@ stores.inject(MyMetaStore, storeInstance);
 	}
 	function getWaterfallChartLegend(definition, args) {
 		const fontColor = chartFontColor(definition.background);
-		const negativeColor = definition.negativeValuesColor || "#EA6175";
-		const positiveColor = definition.positiveValuesColor || "#4EA7F2";
-		const subTotalColor = definition.subTotalValuesColor || "#AAAAAA";
+		const negativeColor = definition.negativeValuesColor || CHART_WATERFALL_NEGATIVE_COLOR;
+		const positiveColor = definition.positiveValuesColor || CHART_WATERFALL_POSITIVE_COLOR;
+		const subTotalColor = definition.subTotalValuesColor || CHART_WATERFALL_SUBTOTAL_COLOR;
 		return {
 			...getLegendDisplayOptions(definition, args),
 			labels: {
@@ -14676,11 +14732,11 @@ stores.inject(MyMetaStore, storeInstance);
 			color: chartTitle?.color ?? fontColor,
 			align: chartTitle.align === "center" ? "center" : chartTitle.align === "right" ? "end" : "start",
 			font: {
-				size: definition.title.fontSize ?? 16,
+				size: definition.title.fontSize ?? CHART_TITLE_FONT_SIZE,
 				weight: chartTitle.bold ? "bold" : "normal",
 				style: chartTitle.italic ? "italic" : "normal"
 			},
-			padding: { bottom: definition.legendPosition === "top" ? 0 : 20 }
+			padding: { bottom: definition.legendPosition === "top" ? 0 : CHART_PADDING }
 		};
 	}
 
@@ -15137,7 +15193,7 @@ stores.inject(MyMetaStore, storeInstance);
 		getDefinitionForExcel(getters, definition, { dataSets, labelRange }) {
 			return {
 				...definition,
-				backgroundColor: toXlsxHexColor(definition.background || "#FFFFFF"),
+				backgroundColor: toXlsxHexColor(definition.background || BACKGROUND_CHART_COLOR),
 				fontColor: toXlsxHexColor(chartFontColor(definition.background)),
 				dataSets,
 				labelRange,
@@ -15496,7 +15552,7 @@ stores.inject(MyMetaStore, storeInstance);
 		getDefinitionForExcel(getters, definition, { dataSets, labelRange }) {
 			return {
 				...definition,
-				backgroundColor: toXlsxHexColor(definition.background || "#FFFFFF"),
+				backgroundColor: toXlsxHexColor(definition.background || BACKGROUND_CHART_COLOR),
 				fontColor: toXlsxHexColor(chartFontColor(definition.background)),
 				dataSets,
 				labelRange,
@@ -15576,7 +15632,7 @@ stores.inject(MyMetaStore, storeInstance);
 		getDefinitionForExcel(getters, definition, { dataSets, labelRange }) {
 			return {
 				...definition,
-				backgroundColor: toXlsxHexColor(definition.background || "#FFFFFF"),
+				backgroundColor: toXlsxHexColor(definition.background || BACKGROUND_CHART_COLOR),
 				fontColor: toXlsxHexColor(chartFontColor(definition.background)),
 				dataSets,
 				labelRange
@@ -15696,7 +15752,7 @@ stores.inject(MyMetaStore, storeInstance);
 		PieChart: () => PieChart,
 		SPREADSHEET_TO_EXCEL_TRENDLINE_TYPE_MAPPING: () => SPREADSHEET_TO_EXCEL_TRENDLINE_TYPE_MAPPING,
 		ScorecardChart: () => ScorecardChart$1,
-		TREND_LINE_XAXIS_ID: () => "x1",
+		TREND_LINE_XAXIS_ID: () => TREND_LINE_XAXIS_ID,
 		WaterfallChart: () => WaterfallChart,
 		adaptChartRange: () => adaptChartRange,
 		chartFontColor: () => chartFontColor,
@@ -16089,7 +16145,7 @@ stores.inject(MyMetaStore, storeInstance);
 
 //#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];
+	const TREND_LINE_AXES_IDS = [TREND_LINE_XAXIS_ID, MOVING_AVERAGE_TREND_LINE_XAXIS_ID];
 	const ZOOMABLE_AXIS_IDS = ["x", ...TREND_LINE_AXES_IDS];
 	var ZoomableChartStore = class extends SpreadsheetStore {
 		mutators = [
@@ -16205,7 +16261,7 @@ stores.inject(MyMetaStore, storeInstance);
 			this.removeEventListeners();
 		}
 		get containerStyle() {
-			return cssPropertiesToCss({ height: this.sliceable ? `calc(100% - ${60}px)` : "100%" });
+			return cssPropertiesToCss({ height: this.sliceable ? `calc(100% - ${MASTER_CHART_HEIGHT}px)` : "100%" });
 		}
 		get masterChartContainerStyle() {
 			const runtime = this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -16264,8 +16320,8 @@ stores.inject(MyMetaStore, storeInstance);
 		getAxisLimitsFromDataset(chartData) {
 			const xValues = chartData.data.datasets.map((ds) => ds.data).flat().map((d, i) => typeof d === "object" && d !== null ? d.x : i);
 			return {
-				min: Math.min(...xValues),
-				max: Math.max(...xValues)
+				min: largeMin(xValues),
+				max: largeMax(xValues)
 			};
 		}
 		setMasterChartCursor(runtime) {
@@ -16351,7 +16407,7 @@ stores.inject(MyMetaStore, storeInstance);
 		updateTrendingLineAxes() {
 			this.store.updateTrendLineConfiguration(this.chartId);
 			const limits = this.store.currentAxesLimits[this.chartId];
-			for (const axisId of ["x1", MOVING_AVERAGE_TREND_LINE_XAXIS_ID]) {
+			for (const axisId of [TREND_LINE_XAXIS_ID, MOVING_AVERAGE_TREND_LINE_XAXIS_ID]) {
 				if (!this.chart?.config?.options?.scales?.[axisId] || !limits?.[axisId]) continue;
 				this.chart.config.options.scales[axisId].min = limits[axisId].min;
 				this.chart.config.options.scales[axisId].max = limits[axisId].max;
@@ -17616,7 +17672,7 @@ stores.inject(MyMetaStore, storeInstance);
 				onClickMenu: this.onClickMenu.bind(this),
 				onMouseEnter: this.onMenuItemMouseEnter.bind(this),
 				onMouseLeave: this.onMouseLeave.bind(this),
-				width: this.props.width || 250,
+				width: this.props.width || MENU_WIDTH,
 				onScroll: this.onScroll.bind(this),
 				onKeyDown: this.onKeydown.bind(this),
 				hoveredMenuId,
@@ -17635,11 +17691,11 @@ stores.inject(MyMetaStore, storeInstance);
 				anchorRect: {
 					x: this.props.anchorRect.x,
 					y: this.props.anchorRect.y,
-					width: isRoot ? this.props.anchorRect.width : this.props.width || 250,
-					height: isRoot ? this.props.anchorRect.height : 26
+					width: isRoot ? this.props.anchorRect.width : this.props.width || MENU_WIDTH,
+					height: isRoot ? this.props.anchorRect.height : DESKTOP_MENU_ITEM_HEIGHT
 				},
 				positioning: this.props.popoverPositioning,
-				verticalOffset: isRoot ? 0 : 6,
+				verticalOffset: isRoot ? 0 : MENU_VERTICAL_PADDING,
 				onPopoverHidden: () => this.closeSubMenu(),
 				onPopoverMoved: () => this.closeSubMenu(),
 				maxHeight: this.props.maxHeight
@@ -17696,8 +17752,8 @@ stores.inject(MyMetaStore, storeInstance);
 			this.subMenu.anchorRect = {
 				x: getRefBoundingRect(this.menuRef).x,
 				y: y - (this.subMenu.scrollOffset || 0),
-				width: this.props.width || 250,
-				height: 26
+				width: this.props.width || MENU_WIDTH,
+				height: DESKTOP_MENU_ITEM_HEIGHT
 			};
 			this.subMenu.menuItems = menu.children(this.env);
 			this.subMenu.isOpen = true;
@@ -17973,7 +18029,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return [this.fullScreenMenuItem].filter(isDefined);
 		}
 		get backgroundColor() {
-			return "background-color: " + (this.env.model.getters.getChartDefinition(this.props.chartId).background || "#FFFFFF");
+			return "background-color: " + (this.env.model.getters.getChartDefinition(this.props.chartId).background || BACKGROUND_CHART_COLOR);
 		}
 		openContextMenu(ev) {
 			this.menuState.isOpen = true;
@@ -18100,7 +18156,7 @@ stores.inject(MyMetaStore, storeInstance);
 			if (this.selectedCarouselItem?.type === "chart") {
 				const chart = this.env.model.getters.getChartRuntime(this.selectedCarouselItem.chartId);
 				if ("background" in chart && chart.background) cssProperties["background-color"] = chart.background;
-				else if ("chartJsConfig" in chart) cssProperties["background-color"] = chart.chartJsConfig.options?.plugins?.background?.color || "#FFFFFF";
+				else if ("chartJsConfig" in chart) cssProperties["background-color"] = chart.chartJsConfig.options?.plugins?.background?.color || BACKGROUND_CHART_COLOR;
 			} else cssProperties["background-color"] = BACKGROUND_CHART_COLOR;
 			return cssPropertiesToCss(cssProperties);
 		}
@@ -19064,7 +19120,7 @@ stores.inject(MyMetaStore, storeInstance);
 			width: 512,
 			height: 512,
 			paths: [{
-				fillColor: color.textColor || "#374151C2",
+				fillColor: color.textColor || TEXT_BODY_MUTED,
 				path: CARET_DOWN_PATH
 			}]
 		};
@@ -19075,7 +19131,7 @@ stores.inject(MyMetaStore, storeInstance);
 			width: 512,
 			height: 512,
 			paths: [{
-				fillColor: color.textColor || "#374151C2",
+				fillColor: color.textColor || TEXT_BODY_MUTED,
 				path: CARET_UP_PATH
 			}]
 		};
@@ -19086,7 +19142,7 @@ stores.inject(MyMetaStore, storeInstance);
 			width: 512,
 			height: 512,
 			paths: [{
-				fillColor: color.textColor || "#374151C2",
+				fillColor: color.textColor || TEXT_BODY_MUTED,
 				path: HOVERED_CARET_DOWN_PATH
 			}, {
 				fillColor: color.fillColor || "#fff",
@@ -19849,7 +19905,7 @@ stores.inject(MyMetaStore, storeInstance);
 			alignment: {
 				horizontal: style.align,
 				vertical: style.verticalAlign ? V_ALIGNMENT_EXPORT_CONVERSION_MAP[style.verticalAlign] : void 0,
-				wrapText: style.wrapping === "wrap" || content?.includes("\n") ? true : void 0,
+				wrapText: style.wrapping === "wrap" || content?.includes(NEWLINE) ? true : void 0,
 				textRotation: style.rotation ? rotationToXLSX(style.rotation) : void 0,
 				shrinkToFit: style.wrapping === "clip" ? true : void 0
 			}
@@ -19890,7 +19946,7 @@ stores.inject(MyMetaStore, storeInstance);
 	function convertFormat(format, numFmtStructure) {
 		if (!format) return 0;
 		let formatId = XLSX_FORMAT_MAP[format.format];
-		if (!formatId) formatId = pushElement(format, numFmtStructure) + 164;
+		if (!formatId) formatId = pushElement(format, numFmtStructure) + FIRST_NUMFMT_ID;
 		return formatId;
 	}
 	/**
@@ -20493,14 +20549,14 @@ stores.inject(MyMetaStore, storeInstance);
 			type: trend.type === "linear" ? "polynomial" : EXCEL_TO_SPREADSHEET_TRENDLINE_TYPE_MAPPING[trend.type],
 			order: trend.type === "linear" ? 1 : trend.order,
 			color: trend.color,
-			window: trend.window || 2,
+			window: trend.window || DEFAULT_WINDOW_SIZE,
 			display: true
 		};
 	}
 	function convertAnchor(XLSXanchor) {
 		const offset = {
-			x: convertEMUToDotValue(XLSXanchor.colOffset) - 1,
-			y: convertEMUToDotValue(XLSXanchor.rowOffset) - 1
+			x: convertEMUToDotValue(XLSXanchor.colOffset) - FIGURE_BORDER_WIDTH,
+			y: convertEMUToDotValue(XLSXanchor.rowOffset) - FIGURE_BORDER_WIDTH
 		};
 		return {
 			col: XLSXanchor.col,
@@ -20852,8 +20908,8 @@ stores.inject(MyMetaStore, storeInstance);
 			dims[0] = Math.max(dims[0], fig.anchors[fig.anchors.length - 1]?.col ?? 0);
 			dims[1] = Math.max(dims[1], fig.anchors[fig.anchors.length - 1]?.row ?? 0);
 		}
-		dims[0] = Math.max(dims[0] + 5, 30);
-		dims[1] = Math.max(dims[1] + 5, 100);
+		dims[0] = Math.max(dims[0] + 5, EXCEL_IMPORT_DEFAULT_NUMBER_OF_COLS);
+		dims[1] = Math.max(dims[1] + 5, EXCEL_IMPORT_DEFAULT_NUMBER_OF_ROWS);
 		return dims;
 	}
 	/**
@@ -22019,7 +22075,7 @@ stores.inject(MyMetaStore, storeInstance);
 				rgb = this.getThemeColor(themeIndex, theme.clrScheme);
 			} else {
 				rgb = this.extractAttr(colorElement, "rgb")?.asString();
-				rgb = rgb === "FF000000" ? void 0 : rgb;
+				rgb = rgb === DEFAULT_SYSTEM_COLOR ? void 0 : rgb;
 			}
 			return {
 				rgb: rgb || defaultColor,
@@ -23138,7 +23194,7 @@ stores.inject(MyMetaStore, storeInstance);
 	* Get the corresponding relationship file for a given xml file in a XLSX directory.
 	*/
 	function getRelationFile(file, xmls) {
-		if (file === "[Content_Types].xml") return "_rels/.rels";
+		if (file === CONTENT_TYPES_FILE) return "_rels/.rels";
 		let relsFile = "";
 		const pathParts = file.split("/");
 		for (let i = 0; i < pathParts.length - 1; i++) relsFile += pathParts[i] + "/";
@@ -23248,7 +23304,7 @@ stores.inject(MyMetaStore, storeInstance);
 				if (token.type === "REFERENCE" && cellReference.test(token.value)) {
 					const value = token.value.trim();
 					if (!dependencies.includes(value)) dependencies.push(value);
-					return `${"|"}${dependencies.indexOf(value)}${"|"}`;
+					return `${FORMULA_REF_IDENTIFIER}${dependencies.indexOf(value)}${FORMULA_REF_IDENTIFIER}`;
 				} else return token.value;
 			})),
 			dependencies
@@ -23444,7 +23500,7 @@ stores.inject(MyMetaStore, storeInstance);
 			if (cell.formula) {
 				let { text, dependencies } = cell.formula;
 				for (const [index, d] of Object.entries(dependencies)) {
-					const stringPosition = `\\${"|"}${index}\\${"|"}`;
+					const stringPosition = `\\${FORMULA_REF_IDENTIFIER}${index}\\${FORMULA_REF_IDENTIFIER}`;
 					text = text.replace(new RegExp(stringPosition, "g"), d);
 				}
 				cell.content = text;
@@ -25234,12 +25290,12 @@ stores.inject(MyMetaStore, storeInstance);
 			for (let current = it.next(); !current.done; current = it.next()) {
 				if (current.value.nodeName === "P" || current.value.nodeName === "DIV" && current.value !== this.el) {
 					if (isFirstParagraph) isFirstParagraph = false;
-					else text += "\n";
+					else text += NEWLINE;
 					emptyParagraph = isEmptyParagraph(current.value);
 					continue;
 				}
 				if (!current.value.hasChildNodes()) {
-					if (current.value.nodeName === "BR" && !emptyParagraph) text += "\n";
+					if (current.value.nodeName === "BR" && !emptyParagraph) text += NEWLINE;
 					text += current.value.textContent;
 				}
 			}
@@ -25473,7 +25529,7 @@ stores.inject(MyMetaStore, storeInstance);
 				if (cellX + ASSISTANT_WIDTH > this.props.delimitation.width) assistantStyle.right = `0px`;
 			} else {
 				assistantStyle["max-height"] = `${this.spreadsheetRect.height - composerRect.bottom - 1}px`;
-				if (composerRect.left + ASSISTANT_WIDTH + 15 + CLOSE_ICON_RADIUS > this.spreadsheetRect.width) assistantStyle.right = `${CLOSE_ICON_RADIUS}px`;
+				if (composerRect.left + ASSISTANT_WIDTH + SCROLLBAR_WIDTH + CLOSE_ICON_RADIUS > this.spreadsheetRect.width) assistantStyle.right = `${CLOSE_ICON_RADIUS}px`;
 			}
 			return assistantStyle;
 		}
@@ -25570,7 +25626,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const start = Math.min(selection.start, selection.end);
 			const end = Math.max(selection.start, selection.end);
 			this.props.composerStore.stopComposerRangeSelection();
-			this.props.composerStore.setCurrentContent(content.slice(0, start) + "\n" + content.slice(end), {
+			this.props.composerStore.setCurrentContent(content.slice(0, start) + NEWLINE + content.slice(end), {
 				start: start + 1,
 				end: start + 1
 			});
@@ -25748,7 +25804,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const { end, start } = this.props.composerStore.composerSelection;
 			for (let index = 0; index < tokens.length; index++) {
 				const token = tokens[index];
-				let color = token.color || "light-dark(#000000, #ffffff)";
+				let color = token.color || DEFAULT_TOKEN_COLOR;
 				if (token.isBlurred) color = setColorAlpha(color, .5);
 				const classes = [];
 				if (token.type === "REFERENCE" && this.props.composerStore.tokenAtCursor === token && this.props.composerStore.editionMode === "selecting") classes.push("text-decoration-underline");
@@ -25779,8 +25835,8 @@ stores.inject(MyMetaStore, storeInstance);
 		splitHtmlContentIntoLines(contents) {
 			const contentSplitInLines = [];
 			let currentLine = [];
-			for (const content of contents) if (content.value.includes("\n")) {
-				const lines = content.value.split("\n");
+			for (const content of contents) if (content.value.includes(NEWLINE)) {
+				const lines = content.value.split(NEWLINE);
 				const lastLine = lines.pop();
 				for (const line of lines) {
 					currentLine.push({
@@ -26127,7 +26183,7 @@ stores.inject(MyMetaStore, storeInstance);
 	function drawHighlight(renderingContext, highlight, rect) {
 		const { x, y, width, height } = rect;
 		if (width < 0 || height < 0) return;
-		const color = highlight.color || "#017E84";
+		const color = highlight.color || HIGHLIGHT_COLOR;
 		const { ctx } = renderingContext;
 		ctx.save();
 		if (!highlight.noBorder) {
@@ -26696,11 +26752,11 @@ stores.inject(MyMetaStore, storeInstance);
 		getTokenColor(token) {
 			if (token.type === "REFERENCE") {
 				const { xc, sheetName } = splitReference(token.value);
-				return this.rangeXCColor(xc, sheetName) || "light-dark(#000000, #ffffff)";
+				return this.rangeXCColor(xc, sheetName) || DEFAULT_TOKEN_COLOR;
 			}
 			if (token.type === "SYMBOL") {
 				const namedRange = this.getters.getNamedRange(token.value);
-				if (namedRange) return this.rangeColor(namedRange.range) || "light-dark(#000000, #ffffff)";
+				if (namedRange) return this.rangeColor(namedRange.range) || DEFAULT_TOKEN_COLOR;
 				const upperCaseValue = token.value.toUpperCase();
 				if (upperCaseValue === "TRUE" || upperCaseValue === "FALSE") return tokenColors.NUMBER;
 				if (upperCaseValue in functionRegistry.content) return tokenColors.FUNCTION;
@@ -26708,7 +26764,7 @@ stores.inject(MyMetaStore, storeInstance);
 			if (["LEFT_PAREN", "RIGHT_PAREN"].includes(token.type)) {
 				if (token.parenthesesCode === "") return tokenColors.ORPHAN_RIGHT_PAREN;
 			}
-			return tokenColors[token.type] || "light-dark(#000000, #ffffff)";
+			return tokenColors[token.type] || DEFAULT_TOKEN_COLOR;
 		}
 		rangeXCColor(xc, sheetName) {
 			const refSheet = sheetName ? this.model.getters.getSheetIdByName(sheetName) : this.sheetId;
@@ -27387,7 +27443,7 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 		get sliderStyle() {
 			const hue = this.state.currentHslaColor?.h || 0;
-			return cssPropertiesToCss({ "margin-left": `${clip(Math.round(hue / 360 * INNER_GRADIENT_WIDTH), 1, INNER_GRADIENT_WIDTH) - 18 / 2}px` });
+			return cssPropertiesToCss({ "margin-left": `${clip(Math.round(hue / 360 * INNER_GRADIENT_WIDTH), 1, INNER_GRADIENT_WIDTH) - ICON_EDGE_LENGTH / 2}px` });
 		}
 		get pointerStyle() {
 			const { s, l } = this.state.currentHslaColor || {
@@ -29183,7 +29239,7 @@ stores.inject(MyMetaStore, storeInstance);
 				col,
 				row
 			});
-			const textColor = style?.textColor === "#017E84" ? void 0 : style?.textColor;
+			const textColor = style?.textColor === LINK_COLOR ? void 0 : style?.textColor;
 			this.env.model.dispatch("UPDATE_CELL", {
 				col,
 				row,
@@ -30193,8 +30249,8 @@ stores.inject(MyMetaStore, storeInstance);
 			zones = getters.getSelectedZones();
 		}
 		const size = {
-			width: 536,
-			height: 335
+			width: DEFAULT_FIGURE_WIDTH,
+			height: DEFAULT_FIGURE_HEIGHT
 		};
 		const { col, row, offset } = centerFigurePosition(getters, size);
 		if (env.model.dispatch("CREATE_CHART", {
@@ -30216,8 +30272,8 @@ stores.inject(MyMetaStore, storeInstance);
 		const figureId = env.model.uuidGenerator.smallUuid();
 		const sheetId = getters.getActiveSheetId();
 		const size = {
-			width: 536,
-			height: 335
+			width: DEFAULT_FIGURE_WIDTH,
+			height: DEFAULT_FIGURE_HEIGHT
 		};
 		const { col, row, offset } = centerFigurePosition(getters, size);
 		if (env.model.dispatch("CREATE_CAROUSEL", {
@@ -30267,7 +30323,7 @@ stores.inject(MyMetaStore, storeInstance);
 		execute: (env) => {
 			const zone = env.model.getters.getSelectedZone();
 			const table = env.model.getters.getPivot(pivotId).getExpandedTableStructure();
-			if (table.numberOfCells > 5e5) {
+			if (table.numberOfCells > PIVOT_MAX_NUMBER_OF_CELLS) {
 				env.notifyUser({
 					type: "warning",
 					text: getPivotTooBigErrorMessage(table.numberOfCells, env.model.getters.getLocale()),
@@ -31010,6 +31066,11 @@ stores.inject(MyMetaStore, storeInstance);
 		rootEditorRef = (0, _odoo_owl.useRef)("NumberEditor");
 		valueListRef = (0, _odoo_owl.useRef)("numberList");
 		DOMFocusableElementStore;
+		/**
+		* Skips the change event triggered when moving focus out of the input.
+		* The value has already been committed by `onInputKeydown`.
+		*/
+		skipNextInputChange = false;
 		setup() {
 			this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
 			(0, _odoo_owl.useExternalListener)(window, "click", this.onExternalClick, { capture: true });
@@ -31046,11 +31107,14 @@ stores.inject(MyMetaStore, storeInstance);
 			this.dropdown.isOpen = false;
 		}
 		setValue(valueStr) {
-			const value = clip(Math.floor(parseFloat(valueStr)), this.props.min, this.props.max);
+			const value = clip(Math.round(parseFloat(valueStr)), this.props.min, this.props.max);
+			if (isNaN(value)) return;
 			this.props.onValueChange(value);
 			this.closeList();
+			return value;
 		}
 		setValueFromInput(ev) {
+			if (this.skipNextInputChange) return;
 			this.setValue(ev.target.value);
 		}
 		setValueFromList(valueStr) {
@@ -31064,19 +31128,26 @@ stores.inject(MyMetaStore, storeInstance);
 			ev.target.select();
 		}
 		onInputKeydown(ev) {
-			if (ev.key === "Enter" || ev.key === "Escape") {
-				this.closeList();
-				const target = ev.target;
-				if (ev.key === "Escape") target.value = `${this.props.currentValue}`;
-				this.props.onToggle?.();
-			}
-			if (ev.key === "Tab") {
-				ev.preventDefault();
-				ev.stopPropagation();
-				this.closeList();
-				this.DOMFocusableElementStore.focus();
-				return;
+			const target = ev.target;
+			switch (ev.key) {
+				case "Enter":
+				case "Tab": {
+					ev.preventDefault();
+					ev.stopPropagation();
+					const value = this.setValue(target.value);
+					if (value === void 0) return;
+					target.value = `${value}`;
+					break;
+				}
+				case "Escape":
+					target.value = `${this.props.currentValue}`;
+					this.closeList();
+					break;
+				default: return;
 			}
+			this.skipNextInputChange = true;
+			this.DOMFocusableElementStore.focus();
+			this.skipNextInputChange = false;
 		}
 	};
 
@@ -31871,7 +31942,7 @@ stores.inject(MyMetaStore, storeInstance);
 			axesList: Array
 		};
 		state = (0, _odoo_owl.useState)({ currentAxis: "x" });
-		defaultFontSize = 12;
+		defaultFontSize = CHART_AXIS_TITLE_FONT_SIZE;
 		get axisTitleStyle() {
 			return this.props.definition.axesDesign?.[this.state.currentAxis]?.title ?? {};
 		}
@@ -32074,7 +32145,7 @@ stores.inject(MyMetaStore, storeInstance);
 				optional: true
 			}
 		};
-		static defaultProps = { defaultChartTitleFontSize: 16 };
+		static defaultProps = { defaultChartTitleFontSize: CHART_TITLE_FONT_SIZE };
 		state;
 		setup() {
 			this.state = (0, _odoo_owl.useState)({ activeTool: "" });
@@ -32344,11 +32415,11 @@ stores.inject(MyMetaStore, storeInstance);
 			return Math.min(10, runtime.chartJsConfig.data.datasets[index].data.length - 1);
 		}
 		get defaultWindowSize() {
-			return 2;
+			return DEFAULT_WINDOW_SIZE;
 		}
 		onChangeMovingAverageWindow(dataSetId, value) {
-			let window = parseInt(value) || 2;
-			if (window <= 1) window = 2;
+			let window = parseInt(value) || DEFAULT_WINDOW_SIZE;
+			if (window <= 1) window = DEFAULT_WINDOW_SIZE;
 			this.updateTrendLineValue(dataSetId, { window });
 		}
 		getDataSeriesColor(dataSetId) {
@@ -33464,7 +33535,7 @@ stores.inject(MyMetaStore, storeInstance);
 			});
 		}
 		get defaultHoleSize() {
-			return 50;
+			return DEFAULT_DOUGHNUT_CHART_HOLE_SIZE;
 		}
 		updateEditedValues(selectedIndex) {
 			this.state.index = parseInt(selectedIndex);
@@ -33634,7 +33705,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return this.props.definition.baselineMode === "progress" ? _t("Progress bar colors") : _t("Baseline colors");
 		}
 		get defaultScorecardTitleFontSize() {
-			return 14;
+			return SCORECARD_CHART_TITLE_FONT_SIZE;
 		}
 		translate(term) {
 			return this.env.model.getters.dynamicTranslate(term);
@@ -33655,14 +33726,14 @@ stores.inject(MyMetaStore, storeInstance);
 		get keyStyle() {
 			return {
 				align: "center",
-				fontSize: 32,
+				fontSize: DEFAULT_SCORECARD_KEY_VALUE_FONT_SIZE,
 				...this.props.definition.keyDescr
 			};
 		}
 		get baselineStyle() {
 			return {
 				align: "center",
-				fontSize: 16,
+				fontSize: DEFAULT_SCORECARD_BASELINE_FONT_SIZE,
 				...this.props.definition.baselineDescr
 			};
 		}
@@ -33902,13 +33973,13 @@ stores.inject(MyMetaStore, storeInstance);
 			}];
 		}
 		get positiveValuesColor() {
-			return this.props.definition.positiveValuesColor || "#4EA7F2";
+			return this.props.definition.positiveValuesColor || CHART_WATERFALL_POSITIVE_COLOR;
 		}
 		get negativeValuesColor() {
-			return this.props.definition.negativeValuesColor || "#EA6175";
+			return this.props.definition.negativeValuesColor || CHART_WATERFALL_NEGATIVE_COLOR;
 		}
 		get subTotalValuesColor() {
-			return this.props.definition.subTotalValuesColor || "#AAAAAA";
+			return this.props.definition.subTotalValuesColor || CHART_WATERFALL_SUBTOTAL_COLOR;
 		}
 		updateVerticalAxisPosition(value) {
 			this.props.updateChart(this.props.chartId, { verticalAxisPosition: value });
@@ -35091,7 +35162,7 @@ stores.inject(MyMetaStore, storeInstance);
 		get previewGradient() {
 			const rule = this.state.rules.colorScale;
 			const minColor = colorNumberToHex(rule.minimum.color);
-			const midColor = colorNumberToHex(rule.midpoint?.color || 11982760);
+			const midColor = colorNumberToHex(rule.midpoint?.color || DEFAULT_COLOR_SCALE_MIDPOINT_COLOR);
 			const maxColor = colorNumberToHex(rule.maximum.color);
 			const baseString = "linear-gradient(to right, ";
 			return cssPropertiesToCss({
@@ -37190,7 +37261,7 @@ stores.inject(MyMetaStore, storeInstance);
 					return {
 						type: measureDisplayType,
 						fieldNameWithGranularity,
-						value: value ?? "(previous)"
+						value: value ?? PREVIOUS_VALUE
 					};
 			}
 		}
@@ -38226,6 +38297,117 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 	};
 
+//#endregion
+//#region src/helpers/pivot/spreadsheet_pivot/data_entries_index_spreadsheet_pivot.ts
+	const EMPTY_DATA_ENTRIES = [];
+	/**
+	* Index of the data entries of a spreadsheet pivot, used to retrieve the
+	* entries matching a pivot domain without scanning all the entries.
+	*
+	* Starting with the row dimensions, one can descend either in the
+	* next row dimension (`rowChildren`) or in the first column dimension
+	* (`colChildren`).
+	*
+	* e.g. with the rows ["continent", "city"] and the columns ["team"]
+	*
+	*  root                          -> all the entries
+	*  ├── (col) Team 1              -> [team=Team 1]
+	*  ├── (col) Team 2              -> [team=Team 2]
+	*  ├── (row) Europe              -> [continent=Europe]
+	*  │   ├── (col) Team 1          -> [continent=Europe, team=Team 1]
+	*  │   ├── (row) Brussels        -> [continent=Europe, city=Brussels]
+	*  │   │   └── (col) Team 1      -> [continent=Europe, city=Brussels, team=Team 1]
+	*  │   └── (row) Paris
+	*  │       └── ...
+	*  └── (row) North America
+	*      └── ...
+	*
+	* Each entry is inserted once per couple (row prefix, column prefix) it belongs
+	* to, which is exactly the number of pivot cells it contributes to.
+	*/
+	var PivotDataEntriesIndex = class {
+		rowDimensions;
+		colDimensions;
+		root = createIndexNode();
+		constructor(dataEntries, rowDimensions, colDimensions) {
+			this.rowDimensions = rowDimensions;
+			this.colDimensions = colDimensions;
+			for (const entry of dataEntries) this.addEntry(entry);
+		}
+		/**
+		* Get the data entries matching the given domain.
+		*/
+		getDataEntries(domain) {
+			const rowKeys = [];
+			const colKeys = [];
+			for (const domainNode of domain) {
+				const rowDimension = this.rowDimensions[rowKeys.length];
+				if (rowDimension?.nameWithGranularity === domainNode.field) {
+					rowKeys.push(toGroupKey(domainNode.value, rowDimension));
+					continue;
+				}
+				const colDimension = this.colDimensions[colKeys.length];
+				if (colDimension?.nameWithGranularity !== domainNode.field) throw new EvaluationError(_t("Dimension %s does not exist", domainNode.field));
+				colKeys.push(toGroupKey(domainNode.value, colDimension));
+			}
+			let node = this.root;
+			for (const key of rowKeys) {
+				node = node.rowChildren?.get(key);
+				if (!node) return EMPTY_DATA_ENTRIES;
+			}
+			for (const key of colKeys) {
+				node = node.colChildren?.get(key);
+				if (!node) return EMPTY_DATA_ENTRIES;
+			}
+			return node.entries;
+		}
+		addEntry(entry) {
+			let rowNode = this.root;
+			this.addEntryToColumns(rowNode, entry);
+			for (const dimension of this.rowDimensions) {
+				rowNode = getOrCreateChild(rowNode, "rowChildren", getEntryGroupKey(entry, dimension));
+				this.addEntryToColumns(rowNode, entry);
+			}
+		}
+		/**
+		* Add the entry to the given row node, and to each of its column prefixes.
+		*/
+		addEntryToColumns(rowNode, entry) {
+			rowNode.entries.push(entry);
+			let node = rowNode;
+			for (const dimension of this.colDimensions) {
+				node = getOrCreateChild(node, "colChildren", getEntryGroupKey(entry, dimension));
+				node.entries.push(entry);
+			}
+		}
+	};
+	function createIndexNode() {
+		return {
+			entries: [],
+			rowChildren: void 0,
+			colChildren: void 0
+		};
+	}
+	function getOrCreateChild(node, axis, key) {
+		let children = node[axis];
+		if (!children) {
+			children = /* @__PURE__ */ new Map();
+			node[axis] = children;
+		}
+		let child = children.get(key);
+		if (!child) {
+			child = createIndexNode();
+			children.set(key, child);
+		}
+		return child;
+	}
+	function getEntryGroupKey(entry, dimension) {
+		return toGroupKey(entry[dimension.nameWithGranularity]?.value, dimension);
+	}
+	function toGroupKey(value, dimension) {
+		return dimension.type === "char" ? String(value) : value;
+	}
+
 //#endregion
 //#region src/helpers/pivot/pivot_domain_helpers.ts
 	function getDomainOfParentRow(pivot, domain) {
@@ -38331,7 +38513,7 @@ stores.inject(MyMetaStore, storeInstance);
 		if (value === void 0) return;
 		const valueIndex = values.indexOf(value);
 		if (value === void 0 || valueIndex === -1) return;
-		return replaceFieldValueInDomain(domain, fieldNameWithGranularity, values[clip(valueIndex + (direction === "(previous)" ? -1 : 1), 0, values.length - 1)]);
+		return replaceFieldValueInDomain(domain, fieldNameWithGranularity, values[clip(valueIndex + (direction === PREVIOUS_VALUE ? -1 : 1), 0, values.length - 1)]);
 	}
 	function domainToString(domain) {
 		return domain ? domain.map(domainNodeToString).join(", ") : "";
@@ -38982,6 +39164,11 @@ stores.inject(MyMetaStore, storeInstance);
 		*/
 		dataEntries = [];
 		/**
+		* This index is used to retrieve the data entries matching a pivot domain
+		* without scanning all the data entries.
+		*/
+		dataEntriesIndex = lazy(() => new PivotDataEntriesIndex([], [], []));
+		/**
 		* This object contains the pivot table structure. It is created from the
 		* data entries and the pivot definition.
 		*/
@@ -39013,6 +39200,7 @@ stores.inject(MyMetaStore, storeInstance);
 			if (type >= 3) this._definition = this.loadRuntimeDefinition();
 			if (type >= 2) this.dataEntries = this.loadData();
 			if (type >= 1) {
+				this.dataEntriesIndex = lazy(() => new PivotDataEntriesIndex(this.dataEntries, this.definition.rows, this.definition.columns));
 				this.collapsedTable = void 0;
 				this.expandedTable = void 0;
 			}
@@ -39089,14 +39277,14 @@ stores.inject(MyMetaStore, storeInstance);
 			const lastNode = domain.at(-1);
 			if (!lastNode) return { value: _t("Total") };
 			const dimension = this.getDimension(lastNode.field);
-			const finalCell = this.filterDataEntriesFromDomain(this.dataEntries, domain)[0]?.[dimension.nameWithGranularity];
 			if (dimension.type === "datetime") return pivotTimeAdapter(dimension.granularity || "month").toValueAndFormat(lastNode.value, this.getters.getLocale());
+			const finalCell = this.getDataEntriesFromDomain(domain)[0]?.[dimension.nameWithGranularity];
 			if (!finalCell) return { value: "" };
 			if (finalCell.value === null) return { value: _t("(Undefined)") };
 			return finalCell;
 		}
 		getPivotCellValueAndFormat(measureId, domain) {
-			const dataEntries = this.filterDataEntriesFromDomain(this.dataEntries, domain);
+			const dataEntries = this.getDataEntriesFromDomain(domain);
 			if (dataEntries.length === 0) return { value: "" };
 			const measure = this.getMeasure(measureId);
 			const allValues = dataEntries.map((value) => value[measure.fieldName]).filter(isDefined);
@@ -39186,17 +39374,8 @@ stores.inject(MyMetaStore, storeInstance);
 			if (!type) throw new Error(`Field ${fieldName} does not exist`);
 			return type;
 		}
-		filterDataEntriesFromDomain(dataEntries, domain) {
-			return domain.reduce((current, acc) => this.filterDataEntriesFromDomainNode(current, acc), dataEntries);
-		}
-		filterDataEntriesFromDomainNode(dataEntries, domain) {
-			const { field, value, type } = domain;
-			const { nameWithGranularity } = this.getDimension(field);
-			return dataEntries.filter((entry) => {
-				const cellValue = entry[nameWithGranularity]?.value;
-				if (type === "char") return String(cellValue) === String(value);
-				return cellValue === value;
-			});
+		getDataEntriesFromDomain(domain) {
+			return this.dataEntriesIndex().getDataEntries(domain);
 		}
 		getDimension(nameWithGranularity) {
 			return this.definition.getDimension(nameWithGranularity);
@@ -39578,7 +39757,7 @@ stores.inject(MyMetaStore, storeInstance);
 				}
 				const pivot = this.getters.getPivot(this.pivotId);
 				const numberOfCells = pivot.isValid() ? pivot.getExpandedTableStructure().numberOfCells : 0;
-				if (!this.alreadyNotifiedForPivotSize && numberOfCells > 5e5) {
+				if (!this.alreadyNotifiedForPivotSize && numberOfCells > PIVOT_MAX_NUMBER_OF_CELLS) {
 					this.alreadyNotifiedForPivotSize = true;
 					this.notification.notifyUser({
 						type: "warning",
@@ -41428,7 +41607,7 @@ stores.inject(MyMetaStore, storeInstance);
 		},
 		{
 			label: _t("Line Break"),
-			value: "\n"
+			value: NEWLINE
 		}
 	];
 	var SplitIntoColumnsPanel = class extends _odoo_owl.Component {
@@ -41973,7 +42152,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const newPanelInfo = {
 				currentPanelProps,
 				componentTag,
-				size: 350
+				size: DEFAULT_SIDE_PANEL_SIZE
 			};
 			const state = this.computeState(newPanelInfo);
 			if (!state.isOpen) return;
@@ -41981,8 +42160,8 @@ stores.inject(MyMetaStore, storeInstance);
 				this._openPanel("mainPanel", newPanelInfo, state);
 				return;
 			}
-			const nonCollapsedPanelSize = this.mainPanel.isCollapsed ? 350 : this.mainPanel.size;
-			if (!this.secondaryPanel && nonCollapsedPanelSize + 350 > this.availableWidth) {
+			const nonCollapsedPanelSize = this.mainPanel.isCollapsed ? DEFAULT_SIDE_PANEL_SIZE : this.mainPanel.size;
+			if (!this.secondaryPanel && nonCollapsedPanelSize + DEFAULT_SIDE_PANEL_SIZE > this.availableWidth) {
 				this.get(NotificationStore).notifyUser({
 					sticky: false,
 					type: "warning",
@@ -41996,7 +42175,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const newPanelInfo = {
 				currentPanelProps,
 				componentTag,
-				size: 350
+				size: DEFAULT_SIDE_PANEL_SIZE
 			};
 			const state = this.computeState(newPanelInfo);
 			if (!state.isOpen) return;
@@ -42025,7 +42204,7 @@ stores.inject(MyMetaStore, storeInstance);
 			this[panel] = {
 				currentPanelProps: state.props ?? {},
 				componentTag: newPanel.componentTag,
-				size: currentPanel?.size || 350,
+				size: currentPanel?.size || DEFAULT_SIDE_PANEL_SIZE,
 				isCollapsed: currentPanel?.isCollapsed || false,
 				isPinned: currentPanel && "isPinned" in currentPanel ? currentPanel.isPinned : false
 			};
@@ -42055,19 +42234,19 @@ stores.inject(MyMetaStore, storeInstance);
 		changePanelSize(panel, size) {
 			const panelInfo = this[panel];
 			if (!panelInfo || "isCollapsed" in panelInfo && panelInfo.isCollapsed) return;
-			size = Math.max(size, 350);
+			size = Math.max(size, DEFAULT_SIDE_PANEL_SIZE);
 			let otherPanelSize = panel === "mainPanel" ? this.secondaryPanel?.size || 0 : this.mainPanel?.size || 0;
 			if (size > this.availableWidth - otherPanelSize) {
 				if (panel === "mainPanel" && this.secondaryPanel) {
-					this.secondaryPanel.size = Math.max(this.availableWidth - size, 350);
+					this.secondaryPanel.size = Math.max(this.availableWidth - size, DEFAULT_SIDE_PANEL_SIZE);
 					otherPanelSize = this.secondaryPanel.size;
 				}
-				size = Math.max(this.availableWidth - otherPanelSize, 350);
+				size = Math.max(this.availableWidth - otherPanelSize, DEFAULT_SIDE_PANEL_SIZE);
 			}
 			panelInfo.size = size;
 		}
 		resetPanelSize(panel) {
-			if (this[panel]) this[panel].size = 350;
+			if (this[panel]) this[panel].size = DEFAULT_SIDE_PANEL_SIZE;
 		}
 		togglePinPanel() {
 			if (!this.mainPanel) return;
@@ -42083,10 +42262,10 @@ stores.inject(MyMetaStore, storeInstance);
 			if (!panelInfo) return;
 			if (panelInfo.isCollapsed) {
 				panelInfo.isCollapsed = false;
-				this.changePanelSize(panel, 350);
+				this.changePanelSize(panel, DEFAULT_SIDE_PANEL_SIZE);
 			} else {
 				panelInfo.isCollapsed = true;
-				panelInfo.size = 45;
+				panelInfo.size = COLLAPSED_SIDE_PANEL_SIZE;
 			}
 		}
 		computeState({ componentTag, currentPanelProps: initialPanelProps }) {
@@ -42101,12 +42280,12 @@ stores.inject(MyMetaStore, storeInstance);
 			} : state;
 		}
 		changeSpreadsheetWidth(width) {
-			this.availableWidth = width - 150;
-			if (this.secondaryPanel && width - this.totalPanelSize < 150) {
+			this.availableWidth = width - MIN_SHEET_VIEW_WIDTH;
+			if (this.secondaryPanel && width - this.totalPanelSize < MIN_SHEET_VIEW_WIDTH) {
 				this.secondaryPanel?.currentPanelProps.onCloseSidePanel?.();
 				this.secondaryPanel = void 0;
 			}
-			if (this.mainPanel && width - this.totalPanelSize < 150) this.mainPanel.size = Math.max(width - 150, 350);
+			if (this.mainPanel && width - this.totalPanelSize < MIN_SHEET_VIEW_WIDTH) this.mainPanel.size = Math.max(width - MIN_SHEET_VIEW_WIDTH, DEFAULT_SIDE_PANEL_SIZE);
 		}
 	};
 
@@ -43801,7 +43980,7 @@ stores.inject(MyMetaStore, storeInstance);
 			let { scrollX, scrollY } = getters.getActiveSheetScrollInfo();
 			const { xSplit, ySplit } = getters.getPaneDivisions(sheetId);
 			let canEdgeScroll = false;
-			let timeoutDelay = 140;
+			let timeoutDelay = MAX_DELAY;
 			const x = zoomedMouseEvent.clientX - position.x;
 			let colIndex = getters.getColIndex(x);
 			if (scrollDirection !== "vertical") {
@@ -44197,7 +44376,7 @@ stores.inject(MyMetaStore, storeInstance);
 		return true;
 	}
 	function astToDoc(ast) {
-		const debugPrefix = ast.debug ? `${"?"}` : "";
+		const debugPrefix = ast.debug ? `${DEBUGGER_CHAR}` : "";
 		switch (ast.type) {
 			case "NUMBER": return debugPrefix + String(ast.value);
 			case "STRING": return debugPrefix + `"${ast.value}"`;
@@ -44276,7 +44455,7 @@ stores.inject(MyMetaStore, storeInstance);
 	* Converts an ast formula to the corresponding string
 	*/
 	function astToFormula(ast) {
-		const debugPrefix = ast.debug ? `${"?"}` : "";
+		const debugPrefix = ast.debug ? `${DEBUGGER_CHAR}` : "";
 		switch (ast.type) {
 			case "FUNCALL":
 				const args = ast.args.map((arg) => astToFormula(arg));
@@ -44960,19 +45139,19 @@ stores.inject(MyMetaStore, storeInstance);
 				position = y;
 				break;
 			case "bottom":
-				position = y + figureUI.height - 1;
+				position = y + figureUI.height - FIGURE_BORDER_WIDTH;
 				break;
 			case "vCenter":
-				position = y + Math.floor(figureUI.height / 2) - 1;
+				position = y + Math.floor(figureUI.height / 2) - FIGURE_BORDER_WIDTH;
 				break;
 			case "left":
 				position = x;
 				break;
 			case "right":
-				position = x + figureUI.width - 1;
+				position = x + figureUI.width - FIGURE_BORDER_WIDTH;
 				break;
 			case "hCenter":
-				position = x + Math.floor(figureUI.width / 2) - 1;
+				position = x + Math.floor(figureUI.width / 2) - FIGURE_BORDER_WIDTH;
 				break;
 		}
 		return {
@@ -45184,7 +45363,7 @@ stores.inject(MyMetaStore, storeInstance);
 				};
 				const offsetX = Math.abs(currentMousePosition.x - initialMousePosition.x);
 				const offsetY = Math.abs(currentMousePosition.y - initialMousePosition.y);
-				if (!hasStartedDnd && offsetX < 5 && offsetY < 5) return;
+				if (!hasStartedDnd && offsetX < DRAG_THRESHOLD && offsetY < DRAG_THRESHOLD) return;
 				hasStartedDnd = true;
 				const draggedFigure = dragFigureForMove(currentMousePosition, initialMousePosition, initialFigure, maxDimensions, initialScrollPosition, getters.getActiveSheetScrollInfo());
 				const otherFigures = this.getOtherFigures(initialFigure.id);
@@ -45236,7 +45415,7 @@ stores.inject(MyMetaStore, storeInstance);
 			ev.stopPropagation();
 			const initialScrollPosition = this.env.model.getters.getActiveSheetScrollInfo();
 			const keepRatio = figureRegistry.get(figureUI.tag).keepRatio || false;
-			const minFigSize = figureRegistry.get(figureUI.tag).minFigSize || 80;
+			const minFigSize = figureRegistry.get(figureUI.tag).minFigSize || MIN_FIG_SIZE;
 			const zoom = this.env.model.getters.getViewportZoomLevel();
 			const sheetId = this.env.model.getters.getActiveSheetId();
 			const initialMousePosition = {
@@ -45805,7 +45984,7 @@ stores.inject(MyMetaStore, storeInstance);
 		get isFooterVisible() {
 			const { y } = this.env.model.getters.getMainViewportCoordinates();
 			const { height } = this.env.model.getters.getSheetViewDimension();
-			return !this.env.model.getters.isReadonly() && height - y > 46;
+			return !this.env.model.getters.isReadonly() && height - y > FOOTER_HEIGHT;
 		}
 	};
 
@@ -45860,7 +46039,7 @@ stores.inject(MyMetaStore, storeInstance);
 				row: hiddenIndex
 			}));
 			return cssPropertiesToCss({
-				top: rect.y + rect.height - 26 - this.props.offset + "px",
+				top: rect.y + rect.height - HEADER_HEIGHT - this.props.offset + "px",
 				"margin-right": "1px"
 			});
 		}
@@ -45869,7 +46048,7 @@ stores.inject(MyMetaStore, storeInstance);
 				top: this.env.model.getters.getRect(positionToZone({
 					col: 0,
 					row: hiddenIndex
-				})).y - 26 - this.props.offset + "px",
+				})).y - HEADER_HEIGHT - this.props.offset + "px",
 				"margin-right": "1px"
 			});
 		}
@@ -45903,13 +46082,13 @@ stores.inject(MyMetaStore, storeInstance);
 				col: hiddenIndex,
 				row: 0
 			}));
-			return cssPropertiesToCss({ left: rect.x + rect.width - 48 - this.props.offset + "px" });
+			return cssPropertiesToCss({ left: rect.x + rect.width - HEADER_WIDTH - this.props.offset + "px" });
 		}
 		getUnhideNextButtonStyle(hiddenIndex) {
 			return cssPropertiesToCss({ left: this.env.model.getters.getRect(positionToZone({
 				col: hiddenIndex,
 				row: 0
-			})).x - 48 - this.props.offset + "px" });
+			})).x - HEADER_WIDTH - this.props.offset + "px" });
 		}
 		unhide(hiddenElements) {
 			this.env.model.dispatch("UNHIDE_COLUMNS_ROWS", {
@@ -46133,7 +46312,7 @@ stores.inject(MyMetaStore, storeInstance);
 			this.colResizerRef = (0, _odoo_owl.useRef)("colResizer");
 			this.PADDING = 15;
 			this.MAX_SIZE_MARGIN = 90;
-			this.MIN_ELEMENT_SIZE = 5;
+			this.MIN_ELEMENT_SIZE = MIN_COL_WIDTH;
 		}
 		get sheetId() {
 			return this.env.model.getters.getActiveSheetId();
@@ -46268,7 +46447,7 @@ stores.inject(MyMetaStore, storeInstance);
 			this.rowResizerRef = (0, _odoo_owl.useRef)("rowResizer");
 			this.PADDING = 5;
 			this.MAX_SIZE_MARGIN = 60;
-			this.MIN_ELEMENT_SIZE = 10;
+			this.MIN_ELEMENT_SIZE = MIN_ROW_HEIGHT;
 		}
 		rowResizerRef;
 		get sheetId() {
@@ -46701,7 +46880,7 @@ stores.inject(MyMetaStore, storeInstance);
 						x,
 						y
 					}, style.underline, style.strikethrough);
-					y += 4 + box.content.fontSizePx;
+					y += MIN_CELL_TEXT_MARGIN + box.content.fontSizePx;
 				}
 				if (style.rotation) ctx.restore();
 				if (box.clipRect) ctx.restore();
@@ -46748,7 +46927,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const numberOfRows = this.getters.getNumberRows(sheetId);
 			const activeCols = renderingContext.activeCols;
 			const activeRows = renderingContext.activeRows;
-			ctx.font = `400 ${11}px ${DEFAULT_FONT}`;
+			ctx.font = `400 ${HEADER_FONT_SIZE}px ${DEFAULT_FONT}`;
 			ctx.textAlign = "center";
 			ctx.textBaseline = "middle";
 			ctx.lineWidth = thinLineWidth;
@@ -46766,7 +46945,7 @@ stores.inject(MyMetaStore, storeInstance);
 				if (isColActive) ctx.fillStyle = BACKGROUND_HEADER_ACTIVE_COLOR;
 				else if (isColSelected) ctx.fillStyle = BACKGROUND_HEADER_SELECTED_COLOR;
 				else ctx.fillStyle = BACKGROUND_HEADER_COLOR;
-				ctx.fillRect(x, 0, width, 26);
+				ctx.fillRect(x, 0, width, HEADER_HEIGHT);
 			}
 			for (const row of visibleRows) {
 				const rowZone = {
@@ -46781,13 +46960,13 @@ stores.inject(MyMetaStore, storeInstance);
 				if (isRowActive) ctx.fillStyle = BACKGROUND_HEADER_ACTIVE_COLOR;
 				else if (isRowSelected) ctx.fillStyle = BACKGROUND_HEADER_SELECTED_COLOR;
 				else ctx.fillStyle = BACKGROUND_HEADER_COLOR;
-				ctx.fillRect(0, y, 48, height);
+				ctx.fillRect(0, y, HEADER_WIDTH, height);
 			}
 			ctx.beginPath();
-			ctx.moveTo(48, 0);
-			ctx.lineTo(48, height);
-			ctx.moveTo(0, 26);
-			ctx.lineTo(width, 26);
+			ctx.moveTo(HEADER_WIDTH, 0);
+			ctx.lineTo(HEADER_WIDTH, height);
+			ctx.moveTo(0, HEADER_HEIGHT);
+			ctx.lineTo(width, HEADER_HEIGHT);
 			ctx.strokeStyle = HEADER_BORDER_COLOR;
 			ctx.stroke();
 			for (const col of visibleCols) {
@@ -46803,13 +46982,13 @@ stores.inject(MyMetaStore, storeInstance);
 				const { x, width } = viewports.getVisibleRect(sheetId, zone);
 				ctx.save();
 				ctx.beginPath();
-				ctx.rect(x, 0, width, 26);
+				ctx.rect(x, 0, width, HEADER_HEIGHT);
 				ctx.clip();
-				ctx.fillText(colName, colStart + colSize / 2, 26 / 2);
+				ctx.fillText(colName, colStart + colSize / 2, HEADER_HEIGHT / 2);
 				ctx.restore();
 				ctx.beginPath();
 				ctx.moveTo(colStart + colSize, 0);
-				ctx.lineTo(colStart + colSize, 26);
+				ctx.lineTo(colStart + colSize, HEADER_HEIGHT);
 				ctx.stroke();
 			}
 			for (const row of visibleRows) {
@@ -46824,13 +47003,13 @@ stores.inject(MyMetaStore, storeInstance);
 				const { y, height } = viewports.getVisibleRect(sheetId, zone);
 				ctx.save();
 				ctx.beginPath();
-				ctx.rect(0, y, 48, height);
+				ctx.rect(0, y, HEADER_WIDTH, height);
 				ctx.clip();
-				ctx.fillText(String(row + 1), 48 / 2, rowStart + rowSize / 2);
+				ctx.fillText(String(row + 1), HEADER_WIDTH / 2, rowStart + rowSize / 2);
 				ctx.restore();
 				ctx.beginPath();
 				ctx.moveTo(0, rowStart + rowSize);
-				ctx.lineTo(48, rowStart + rowSize);
+				ctx.lineTo(HEADER_WIDTH, rowStart + rowSize);
 				ctx.stroke();
 			}
 		}
@@ -46972,7 +47151,7 @@ stores.inject(MyMetaStore, storeInstance);
 			/** Content */
 			const wrapping = style.wrapping || "overflow";
 			const wrapText = wrapping === "wrap" && !showFormula;
-			const availableWidth = width - 2 * 4;
+			const availableWidth = width - 2 * MIN_CELL_TEXT_MARGIN;
 			const maxWidth = style.align ? 0 : availableWidth;
 			const wrapWidth = wrapText ? availableWidth : void 0;
 			const multiLineText = this.getters.getCellMultiLineText(position, {
@@ -46984,18 +47163,18 @@ stores.inject(MyMetaStore, storeInstance);
 				align: "left",
 				rotation: 0
 			};
-			const textWidth = Math.max(...multiLineText.map((line) => this.getters.getTextWidth(line, noRotatationStyle))) + 4;
+			const textWidth = Math.max(...multiLineText.map((line) => this.getters.getTextWidth(line, noRotatationStyle))) + MIN_CELL_TEXT_MARGIN;
 			const contentSize = this.getters.getMultilineTextSize(multiLineText, style);
-			const chipMargin = chipStyle ? 5 : 0;
+			const chipMargin = chipStyle ? DATA_VALIDATION_CHIP_MARGIN : 0;
 			const leftMargin = (box.icons.left ? box.icons.left.size + box.icons.left.margin : 0) + chipMargin;
 			const rightMargin = (box.icons.right ? box.icons.right.size + box.icons.right.margin : 0) + chipMargin;
-			const contentWidth = leftMargin + contentSize.width + rightMargin + 4;
+			const contentWidth = leftMargin + contentSize.width + rightMargin + MIN_CELL_TEXT_MARGIN;
 			const align = this.computeCellAlignment(position, contentWidth > width);
 			const numberOfLines = multiLineText.length;
 			const contentY = Math.round(this.getters.computeTextYCoordinate(box, fontSizePX, style.verticalAlign, numberOfLines));
 			let contentX = box.x;
-			if (align === "left") contentX += 4 + leftMargin;
-			else if (align === "right") contentX += box.width - 4 - rightMargin;
+			if (align === "left") contentX += MIN_CELL_TEXT_MARGIN + leftMargin;
+			else if (align === "right") contentX += box.width - MIN_CELL_TEXT_MARGIN - rightMargin;
 			else contentX += box.width / 2;
 			contentX = Math.round(contentX);
 			const textHeight = computeTextLinesHeight(fontSizePX, numberOfLines);
@@ -47011,7 +47190,7 @@ stores.inject(MyMetaStore, storeInstance);
 			};
 			if (chipStyle?.fillColor) {
 				const chipMarginLeft = leftMargin;
-				const chipMarginRight = 5;
+				const chipMarginRight = DATA_VALIDATION_CHIP_MARGIN;
 				box.chip = {
 					color: chipStyle.fillColor,
 					width: box.width - chipMarginLeft - chipMarginRight,
@@ -47174,7 +47353,7 @@ stores.inject(MyMetaStore, storeInstance);
 					continue;
 				}
 				const elapsedTime = timeStamp - animation.startTime;
-				const progress = Math.min(1, elapsedTime / 200);
+				const progress = Math.min(1, elapsedTime / CELL_ANIMATION_DURATION);
 				if (progress >= 1) this.animations.delete(boxId);
 				animation.progress = progress;
 			}
@@ -47297,7 +47476,7 @@ stores.inject(MyMetaStore, storeInstance);
 			resetTimeout = setTimeout(() => {
 				velocityX = 0;
 				velocityY = 0;
-			}, 100);
+			}, resetTimeoutDuration);
 			updateScroll(deltaX * horizontalScrollFactor, deltaY * verticalScrollFactor);
 		}
 		function onTouchEnd(ev) {
@@ -47366,7 +47545,7 @@ stores.inject(MyMetaStore, storeInstance);
 //#region src/components/helpers/wheel_hook.ts
 	function useWheelHandler(handler) {
 		function normalize(val, deltaMode) {
-			return val * (deltaMode === 0 ? 1 : 23);
+			return val * (deltaMode === 0 ? 1 : DEFAULT_CELL_HEIGHT);
 		}
 		const onMouseWheel = (ev) => {
 			handler(normalize(ev.shiftKey && !isMacOS() ? ev.deltaY : ev.deltaX, ev.deltaMode), normalize(ev.shiftKey && !isMacOS() ? ev.deltaX : ev.deltaY, ev.deltaMode));
@@ -47462,14 +47641,14 @@ stores.inject(MyMetaStore, storeInstance);
 			return cssPropertiesToCss(css);
 		}
 		getHandlerEdgeLength() {
-			return this.env.isMobile() ? MOBILE_HANDLER_WIDTH : 8;
+			return this.env.isMobile() ? MOBILE_HANDLER_WIDTH : AUTOFILL_EDGE_LENGTH;
 		}
 		get buttonLook() {
 			const css = {
 				"background-color": this.props.color,
 				cursor: `${this.props.orientation}-resize`
 			};
-			if (this.env.isMobile()) css["border-radius"] = `${8 / 2}px`;
+			if (this.env.isMobile()) css["border-radius"] = `${AUTOFILL_EDGE_LENGTH / 2}px`;
 			return cssPropertiesToCss(css);
 		}
 		onMouseDown(ev) {
@@ -47887,8 +48066,8 @@ stores.inject(MyMetaStore, storeInstance);
 			TableResizer,
 			Selection
 		};
-		HEADER_HEIGHT = 26;
-		HEADER_WIDTH = 48;
+		HEADER_HEIGHT = HEADER_HEIGHT;
+		HEADER_WIDTH = HEADER_WIDTH;
 		menuState;
 		gridRef;
 		highlightStore;
@@ -47959,10 +48138,10 @@ stores.inject(MyMetaStore, storeInstance);
 		get gridOverlayDimensions() {
 			const scrollbarWidth = this.env.model.getters.getScrollBarWidth();
 			return cssPropertiesToCss({
-				top: `${26}px`,
-				left: `${48}px`,
-				height: `calc(100% - ${26 + scrollbarWidth}px)`,
-				width: `calc(100% - ${48 + scrollbarWidth}px)`
+				top: `${HEADER_HEIGHT}px`,
+				left: `${HEADER_WIDTH}px`,
+				height: `calc(100% - ${HEADER_HEIGHT + scrollbarWidth}px)`,
+				width: `calc(100% - ${HEADER_WIDTH + scrollbarWidth}px)`
 			});
 		}
 		onClosePopover() {
@@ -48176,8 +48355,8 @@ stores.inject(MyMetaStore, storeInstance);
 			const zone = this.env.model.getters.getSelectedZone();
 			const rect = this.env.model.getters.getVisibleRect(zone);
 			return {
-				x: rect.x + rect.width - 8 / 2,
-				y: rect.y + rect.height - 8 / 2
+				x: rect.x + rect.width - AUTOFILL_EDGE_LENGTH / 2,
+				y: rect.y + rect.height - AUTOFILL_EDGE_LENGTH / 2
 			};
 		}
 		get isAutofillVisible() {
@@ -48194,10 +48373,10 @@ stores.inject(MyMetaStore, storeInstance);
 		onGridResized() {
 			const { height, width } = this.props.getGridSize();
 			this.env.model.dispatch("RESIZE_SHEETVIEW", {
-				width: width - 48,
-				height: height - 26,
-				gridOffsetX: 48,
-				gridOffsetY: 26
+				width: width - HEADER_WIDTH,
+				height: height - HEADER_HEIGHT,
+				gridOffsetX: HEADER_WIDTH,
+				gridOffsetY: HEADER_HEIGHT
 			});
 		}
 		moveCanvas(deltaX, deltaY) {
@@ -48543,7 +48722,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return cssPropertiesToCss({
 				height: `${size}px`,
 				width: `${size}px`,
-				color: cellStyle.textColor || "#374151C2",
+				color: cellStyle.textColor || TEXT_BODY_MUTED,
 				"background-color": this.getBackgroundColor(cellStyle)
 			});
 		}
@@ -49436,8 +49615,8 @@ stores.inject(MyMetaStore, storeInstance);
 				case "DUPLICATE_SHEET": {
 					const sheetFiguresFrom = this.getters.getFigures(cmd.sheetId);
 					for (const fig of sheetFiguresFrom) if (fig.tag === "carousel") {
-						const figureIdBase = fig.id.split("??").pop();
-						const duplicatedFigureId = `${cmd.sheetIdTo}${"??"}${figureIdBase}`;
+						const figureIdBase = fig.id.split(FIGURE_ID_SPLITTER).pop();
+						const duplicatedFigureId = `${cmd.sheetIdTo}${FIGURE_ID_SPLITTER}${figureIdBase}`;
 						const carousel = this.getCarousel(fig.id);
 						if (carousel) {
 							const size = {
@@ -49453,8 +49632,8 @@ stores.inject(MyMetaStore, storeInstance);
 								size,
 								definition: { items: carousel.items.map((item) => {
 									if (item.type === "carouselDataView") return { ...item };
-									const chartIdBase = item.chartId.split("??").pop();
-									const newChartId = `${cmd.sheetIdTo}${"??"}${chartIdBase}`;
+									const chartIdBase = item.chartId.split(FIGURE_ID_SPLITTER).pop();
+									const newChartId = `${cmd.sheetIdTo}${FIGURE_ID_SPLITTER}${chartIdBase}`;
 									return {
 										...item,
 										chartId: newChartId
@@ -49528,12 +49707,12 @@ stores.inject(MyMetaStore, storeInstance);
 		* with references (unless they contain a sheet name that contains the separator). */
 		buildResult(numbers, strings, references) {
 			const res = {};
-			if (numbers.length) res.N = numbers.join("|");
+			if (numbers.length) res.N = numbers.join(SEPARATOR);
 			if (strings.length) res.S = strings;
 			if (references.length) {
 				let referencePattern;
-				if (references.some((x) => x.includes("|"))) referencePattern = references;
-				else referencePattern = references.join("|");
+				if (references.some((x) => x.includes(SEPARATOR))) referencePattern = references;
+				else referencePattern = references.join(SEPARATOR);
 				res.R = referencePattern;
 			}
 			return res;
@@ -49666,7 +49845,7 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 		squishOneReference(reference, previousReferences, index, forSheetId) {
 			const previousReference = previousReferences[index];
-			if (deepEquals(previousReference, reference)) return "=";
+			if (deepEquals(previousReference, reference)) return NO_CHANGE;
 			if (previousReference.sheetId !== reference.sheetId || previousReference.prefixSheet !== reference.prefixSheet || previousReference.invalidSheetName !== reference.invalidSheetName || previousReference.invalidXc !== reference.invalidXc || previousReference.parts.length !== reference.parts.length) {
 				previousReferences[index] = deepCopy(reference);
 				return getRangeString(reference, forSheetId, this.getters.getSheetName, this.rangeToStringOptions);
@@ -49700,7 +49879,7 @@ stores.inject(MyMetaStore, storeInstance);
 		* - "=" meaning no change as string
 		* */
 		squishNumbers(numbers) {
-			const result = numbers.map((x) => "=");
+			const result = numbers.map((x) => NO_CHANGE);
 			for (let i = 0; i < numbers.length; i++) {
 				const previousValue = this.baseFormula.literalValues.numbers[i].value;
 				const currentValue = numbers[i].value;
@@ -49714,7 +49893,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return result;
 		}
 		squishStrings(strings) {
-			const result = strings.map((x) => "=");
+			const result = strings.map((x) => NO_CHANGE);
 			for (let i = 0; i < strings.length; i++) {
 				const str = strings[i].value;
 				if (str !== this.previousStrings[i]) {
@@ -49987,16 +50166,16 @@ stores.inject(MyMetaStore, storeInstance);
 					strings: [],
 					dependencies: []
 				};
-				if (squishedFormula.N !== void 0 && squishedFormula.N.length > 0) current.numbers = squishedFormula.N.split("|").map(this.adjustNumbers);
+				if (squishedFormula.N !== void 0 && squishedFormula.N.length > 0) current.numbers = squishedFormula.N.split(SEPARATOR).map(this.adjustNumbers);
 				else current.numbers = this.previousFormula.literalValues.numbers;
 				if (squishedFormula.S !== void 0 && squishedFormula.S.length > 0) current.strings = squishedFormula.S.map(this.adjustStrings);
 				else current.strings = this.previousFormula.literalValues.strings;
 				if (squishedFormula.R !== void 0 && this.previousFormula) {
 					let references;
 					if (typeof squishedFormula.R !== "string") references = squishedFormula.R;
-					else references = squishedFormula.R.split("|");
+					else references = squishedFormula.R.split(SEPARATOR);
 					current.dependencies = references.map((refStr, index) => {
-						if (refStr === "=") return { ...this.alreadyAppliedReferenceOffset[index] };
+						if (refStr === NO_CHANGE) return { ...this.alreadyAppliedReferenceOffset[index] };
 						else if (refStr.startsWith("+") || refStr.startsWith("-")) {
 							const offset = parseInt(refStr.slice(2), 10);
 							const sign = refStr[0] === "+" ? 1 : -1;
@@ -50032,14 +50211,14 @@ stores.inject(MyMetaStore, storeInstance);
 			throw new Error("Invalid squished element or no previous cell to unsquish against");
 		}
 		adjustStrings = (str, index) => {
-			if (str === "=") return { value: this.previousString[index] };
+			if (str === NO_CHANGE) return { value: this.previousString[index] };
 			else {
 				this.previousString[index] = str;
 				return { value: str };
 			}
 		};
 		adjustNumbers = (numStr, index) => {
-			if (numStr === "=") return { value: this.alreadyAppliedNumberOffset[index] };
+			if (numStr === NO_CHANGE) return { value: this.alreadyAppliedNumberOffset[index] };
 			else {
 				const currentOffset = parseFloat(numStr.slice(1));
 				const adjustedOffset = (this.alreadyAppliedNumberOffset[index] || 0) + currentOffset;
@@ -50519,10 +50698,10 @@ stores.inject(MyMetaStore, storeInstance);
 						if (!chart || !figureId) continue;
 						const fig = this.getters.getFigure(cmd.sheetId, figureId);
 						if (!fig) continue;
-						const figureIdBase = figureId.split("??").pop();
-						const duplicatedFigureId = `${cmd.sheetIdTo}${"??"}${figureIdBase}`;
-						const chartIdBase = chartId.split("??").pop();
-						const duplicatedChartId = `${cmd.sheetIdTo}${"??"}${chartIdBase}`;
+						const figureIdBase = figureId.split(FIGURE_ID_SPLITTER).pop();
+						const duplicatedFigureId = `${cmd.sheetIdTo}${FIGURE_ID_SPLITTER}${figureIdBase}`;
+						const chartIdBase = chartId.split(FIGURE_ID_SPLITTER).pop();
+						const duplicatedChartId = `${cmd.sheetIdTo}${FIGURE_ID_SPLITTER}${chartIdBase}`;
 						const definition = chart.duplicateInDuplicatedSheet(cmd.sheetId, cmd.sheetIdTo);
 						this.dispatch("CREATE_CHART", {
 							figureId: duplicatedFigureId,
@@ -50631,8 +50810,8 @@ stores.inject(MyMetaStore, storeInstance);
 		* Add a figure with tag chart with the given id at the given position
 		*/
 		addFigure(figureId, sheetId, col, row, offset, size = {
-			width: 536,
-			height: 335
+			width: DEFAULT_FIGURE_WIDTH,
+			height: DEFAULT_FIGURE_HEIGHT
 		}) {
 			this.dispatch("CREATE_FIGURE", {
 				sheetId,
@@ -51360,8 +51539,8 @@ stores.inject(MyMetaStore, storeInstance);
 						const figureId = figure.id;
 						const fig = this.figures[cmd.sheetId]?.[figureId];
 						if (!fig) continue;
-						const figureIdBase = figureId.split("??").pop();
-						const duplicatedFigureId = `${cmd.sheetIdTo}${"??"}${figureIdBase}`;
+						const figureIdBase = figureId.split(FIGURE_ID_SPLITTER).pop();
+						const duplicatedFigureId = `${cmd.sheetIdTo}${FIGURE_ID_SPLITTER}${figureIdBase}`;
 						this.dispatch("CREATE_FIGURE", {
 							figureId: duplicatedFigureId,
 							...fig,
@@ -51399,11 +51578,11 @@ stores.inject(MyMetaStore, storeInstance);
 			const numHeader = this.getters.getNumberRows(sheetId);
 			const remainingSize = new Array(numHeader + 1);
 			remainingSize[numHeader] = 0;
-			for (let i = numHeader - 1; i >= 0; i--) remainingSize[i] = remainingSize[i + 1] + (this.getters.getUserRowSize(sheetId, i) ?? 23);
+			for (let i = numHeader - 1; i >= 0; i--) remainingSize[i] = remainingSize[i + 1] + (this.getters.getUserRowSize(sheetId, i) ?? DEFAULT_CELL_HEIGHT);
 			for (const figure of this.getFigures(sheetId)) if (figure.offset.y + figure.height > remainingSize[figure.row]) {
 				let y = figure.offset.y;
 				let row = figure.row;
-				for (let row_size = this.getters.getUserRowSize(sheetId, row) ?? 23; row_size < y; row_size = this.getters.getUserRowSize(sheetId, row) ?? 23) {
+				for (let row_size = this.getters.getUserRowSize(sheetId, row) ?? DEFAULT_CELL_HEIGHT; row_size < y; row_size = this.getters.getUserRowSize(sheetId, row) ?? DEFAULT_CELL_HEIGHT) {
 					row += 1;
 					y -= row_size;
 				}
@@ -51428,7 +51607,7 @@ stores.inject(MyMetaStore, storeInstance);
 			let rowNum, colNum;
 			let { col, row } = figure;
 			const offset = { ...figure.offset };
-			for (rowNum = numberOfRows; availableHeight < figure.height && rowNum > 0; rowNum--) availableHeight += this.getters.getUserRowSize(sheetId, rowNum - 1) ?? 23;
+			for (rowNum = numberOfRows; availableHeight < figure.height && rowNum > 0; rowNum--) availableHeight += this.getters.getUserRowSize(sheetId, rowNum - 1) ?? DEFAULT_CELL_HEIGHT;
 			if (row > rowNum) {
 				row = rowNum;
 				offset.y = Math.max(availableHeight - figure.height, 0);
@@ -51909,7 +52088,7 @@ stores.inject(MyMetaStore, storeInstance);
 			}
 		}
 		getColSize(sheetId, index) {
-			return Math.round(this.sizes[sheetId]?.["COL"][index] || 96);
+			return Math.round(this.sizes[sheetId]?.["COL"][index] || DEFAULT_CELL_WIDTH);
 		}
 		getUserRowSize(sheetId, index) {
 			const rowSize = this.sizes[sheetId]?.["ROW"][index];
@@ -51942,7 +52121,7 @@ stores.inject(MyMetaStore, storeInstance);
 				if (sheet.rows === void 0) sheet.rows = {};
 				for (const row of range(0, this.getters.getNumberRows(sheet.id))) if (exportDefaults || this.sizes[sheet.id]["ROW"][row]) sheet.rows[row] = {
 					...sheet.rows[row],
-					size: this.getUserRowSize(sheet.id, row) ?? 23
+					size: this.getUserRowSize(sheet.id, row) ?? DEFAULT_CELL_HEIGHT
 				};
 				if (sheet.cols === void 0) sheet.cols = {};
 				for (const col of range(0, this.getters.getNumberCols(sheet.id))) if (exportDefaults || this.sizes[sheet.id]["COL"][col]) sheet.cols[col] = {
@@ -52123,8 +52302,8 @@ stores.inject(MyMetaStore, storeInstance);
 				case "DUPLICATE_SHEET": {
 					const sheetFiguresFrom = this.getters.getFigures(cmd.sheetId);
 					for (const fig of sheetFiguresFrom) if (fig.tag === "image") {
-						const figureIdBase = fig.id.split("??").pop();
-						const duplicatedFigureId = `${cmd.sheetIdTo}${"??"}${figureIdBase}`;
+						const figureIdBase = fig.id.split(FIGURE_ID_SPLITTER).pop();
+						const duplicatedFigureId = `${cmd.sheetIdTo}${FIGURE_ID_SPLITTER}${figureIdBase}`;
 						const image = this.getImage(fig.id);
 						if (image) {
 							const size = {
@@ -55830,8 +56009,8 @@ stores.inject(MyMetaStore, storeInstance);
 				hoverSvg: value ? CHECKBOX_CHECKED : CHECKBOX_UNCHECKED_HOVERED,
 				priority: 2,
 				horizontalAlign: "center",
-				size: 17,
-				margin: 2,
+				size: GRID_ICON_EDGE_LENGTH,
+				margin: GRID_ICON_MARGIN,
 				position,
 				type: "data_validation_checkbox",
 				onClick: (position, env) => {
@@ -55878,7 +56057,7 @@ stores.inject(MyMetaStore, storeInstance);
 				priority: 1,
 				horizontalAlign: "left",
 				size: computeTextFontSizeInPixels(style),
-				margin: 4,
+				margin: MIN_CF_ICON_MARGIN,
 				position
 			};
 		}
@@ -55893,13 +56072,13 @@ stores.inject(MyMetaStore, storeInstance);
 			const fields = pivotCell.dimension === "COL" ? definition.columns : definition.rows;
 			const hasIcon = !isDashboard && !getters.shouldShowFormulas() && pivotCell.domain.length !== fields.length;
 			const isCollapsed = (definition.collapsedDomains?.[pivotCell.dimension] ?? []).some((domain) => deepEquals(domain, pivotCell.domain));
-			const indent = pivotCell.dimension === "ROW" ? (pivotCell.domain.length - 1) * 15 : 0;
+			const indent = pivotCell.dimension === "ROW" ? (pivotCell.domain.length - 1) * PIVOT_INDENT : 0;
 			return {
 				type: "pivot_collapse",
 				priority: 4,
 				horizontalAlign: "left",
-				size: hasIcon || !isDashboard && pivotCell.dimension === "ROW" && definition.rows.length > 1 ? 12 : 0,
-				margin: hasIcon ? 2 * 2 + indent : indent,
+				size: hasIcon || !isDashboard && pivotCell.dimension === "ROW" && definition.rows.length > 1 ? PIVOT_COLLAPSE_ICON_SIZE : 0,
+				margin: hasIcon ? GRID_ICON_MARGIN * 2 + indent : indent,
 				svg: hasIcon ? getPivotIconSvg(isCollapsed, false) : void 0,
 				hoverSvg: hasIcon ? getPivotIconSvg(isCollapsed, true) : void 0,
 				position,
@@ -56553,7 +56732,7 @@ stores.inject(MyMetaStore, storeInstance);
 				col,
 				row
 			});
-			const background = style.fillColor || "#FFFFFF";
+			const background = style.fillColor || BACKGROUND_CHART_COLOR;
 			return {
 				background,
 				fontColor: style.textColor || chartFontColor(background)
@@ -56873,7 +57052,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return this.getDataValidationStyle(position);
 		}
 		getDataValidationChipStyle(position) {
-			if (this.hasChip(position)) return this.getDataValidationStyle(position) ?? { fillColor: "#E7E9ED" };
+			if (this.hasChip(position)) return this.getDataValidationStyle(position) ?? { fillColor: GRAY_200 };
 		}
 		getInvalidDataValidationMessage(cellPosition) {
 			const validationResult = this.getValidationResultForCell(cellPosition);
@@ -57102,7 +57281,7 @@ stores.inject(MyMetaStore, storeInstance);
 			}
 		}
 		getRowSize(sheetId, row) {
-			return Math.round(this.getters.getUserRowSize(sheetId, row) ?? this.tallestCellInRow[sheetId][row]?.size ?? 23);
+			return Math.round(this.getters.getUserRowSize(sheetId, row) ?? this.tallestCellInRow[sheetId][row]?.size ?? DEFAULT_CELL_HEIGHT);
 		}
 		getMaxAnchorOffset(sheetId, height, width) {
 			let { numberOfRows: row, numberOfCols: col } = this.getters.getSheetSize(sheetId);
@@ -57140,8 +57319,8 @@ stores.inject(MyMetaStore, storeInstance);
 				col,
 				row
 			});
-			if (updatedCellHeight <= 23) return;
-			if (!tallestCellInRow && updatedCellHeight > 23 || tallestCellInRow && updatedCellHeight > tallestCellInRow.size) {
+			if (updatedCellHeight <= DEFAULT_CELL_HEIGHT) return;
+			if (!tallestCellInRow && updatedCellHeight > DEFAULT_CELL_HEIGHT || tallestCellInRow && updatedCellHeight > tallestCellInRow.size) {
 				const newTallestCell = {
 					cell: {
 						sheetId,
@@ -57166,7 +57345,7 @@ stores.inject(MyMetaStore, storeInstance);
 		* merge, or the height of the cell computed based on its style/content.
 		*/
 		getCellHeight(position) {
-			if (this.isInMultiRowMerge(position)) return 23;
+			if (this.isInMultiRowMerge(position)) return DEFAULT_CELL_HEIGHT;
 			const cell = this.getters.getCell(position);
 			const colSize = this.getters.getColSize(position.sheetId, position.col);
 			return getDefaultCellHeight(this.ctx, cell, this.getters.getLocale(), colSize);
@@ -57188,7 +57367,7 @@ stores.inject(MyMetaStore, storeInstance);
 				if (!cell) continue;
 				const position = this.getters.getCellPosition(cell.id);
 				const cellHeight = this.getCellHeight(position);
-				if (cellHeight > maxHeight && cellHeight > 23) {
+				if (cellHeight > maxHeight && cellHeight > DEFAULT_CELL_HEIGHT) {
 					maxHeight = cellHeight;
 					tallestCell = {
 						cell: position,
@@ -57196,7 +57375,7 @@ stores.inject(MyMetaStore, storeInstance);
 					};
 				}
 			}
-			if (tallestCell && tallestCell.size > 23) return tallestCell;
+			if (tallestCell && tallestCell.size > DEFAULT_CELL_HEIGHT) return tallestCell;
 		}
 	};
 
@@ -57640,7 +57819,7 @@ stores.inject(MyMetaStore, storeInstance);
 			* @returns the value of the cell in the pivot with the new domain, or "sameValue" if the domain is the same
 			*/
 			getComparisonValue(measure, domain, fieldNameWithGranularity, valueToCompare) {
-				const comparedDomain = valueToCompare === "(previous)" || valueToCompare === "(next)" ? getPreviousOrNextValueDomain(this, domain, fieldNameWithGranularity, valueToCompare) : replaceFieldValueInDomain(domain, fieldNameWithGranularity, valueToCompare);
+				const comparedDomain = valueToCompare === PREVIOUS_VALUE || valueToCompare === NEXT_VALUE ? getPreviousOrNextValueDomain(this, domain, fieldNameWithGranularity, valueToCompare) : replaceFieldValueInDomain(domain, fieldNameWithGranularity, valueToCompare);
 				if (deepEquals(comparedDomain, domain)) return "sameValue";
 				if (!comparedDomain || !isDomainIsInPivot(this, comparedDomain)) throw new NotAvailableError();
 				const comparedValue = this._getPivotCellValueAndFormat(measure.id, comparedDomain);
@@ -60537,7 +60716,7 @@ stores.inject(MyMetaStore, storeInstance);
 			this.trigger("new-local-state-update", { id: revision.id });
 			this.sendUpdateMessage({
 				type: "REMOTE_REVISION",
-				version: 1,
+				version: MESSAGE_VERSION,
 				serverRevisionId: this.serverRevisionId,
 				nextRevisionId: revision.id,
 				clientId: revision.clientId,
@@ -60548,7 +60727,7 @@ stores.inject(MyMetaStore, storeInstance);
 			this.waitingUndoRedoAck = true;
 			this.sendUpdateMessage({
 				type: "REVISION_UNDONE",
-				version: 1,
+				version: MESSAGE_VERSION,
 				serverRevisionId: this.serverRevisionId,
 				nextRevisionId: this.uuidGenerator.uuidv4(),
 				undoneRevisionId: revisionId
@@ -60558,7 +60737,7 @@ stores.inject(MyMetaStore, storeInstance);
 			this.waitingUndoRedoAck = true;
 			this.sendUpdateMessage({
 				type: "REVISION_REDONE",
-				version: 1,
+				version: MESSAGE_VERSION,
 				serverRevisionId: this.serverRevisionId,
 				nextRevisionId: this.uuidGenerator.uuidv4(),
 				redoneRevisionId: revisionId
@@ -60599,7 +60778,7 @@ stores.inject(MyMetaStore, storeInstance);
 			await this.sendToTransport({
 				type: "CLIENT_LEFT",
 				clientId: this.clientId,
-				version: 1
+				version: MESSAGE_VERSION
 			});
 		}
 		/**
@@ -60616,7 +60795,7 @@ stores.inject(MyMetaStore, storeInstance);
 					...data,
 					revisionId: snapshotId
 				},
-				version: 1
+				version: MESSAGE_VERSION
 			});
 		}
 		getCurrentClient() {
@@ -60660,7 +60839,7 @@ stores.inject(MyMetaStore, storeInstance);
 			};
 			this.sendToTransport({
 				type,
-				version: 1,
+				version: MESSAGE_VERSION,
 				client: {
 					...client,
 					position
@@ -60740,7 +60919,7 @@ stores.inject(MyMetaStore, storeInstance);
 					const { position } = client;
 					if (position) this.sendToTransport({
 						type: "CLIENT_MOVED",
-						version: 1,
+						version: MESSAGE_VERSION,
 						client: {
 							...client,
 							position
@@ -61592,7 +61771,7 @@ stores.inject(MyMetaStore, storeInstance);
 		onNewLocalStateUpdate({ id }) {
 			this.undoStack.push(id);
 			this.redoStack = [];
-			if (this.undoStack.length > 99) this.undoStack.shift();
+			if (this.undoStack.length > MAX_HISTORY_STEPS) this.undoStack.shift();
 		}
 		/**
 		* Fetch the last revision which is not empty and not a repeated command
@@ -61889,7 +62068,7 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 		getAutoSeparatorForString(str) {
 			const separators = [
-				"\n",
+				NEWLINE,
 				";",
 				",",
 				" ",
@@ -62223,9 +62402,9 @@ stores.inject(MyMetaStore, storeInstance);
 				contentWidth += computeMultilineTextSize(this.ctx, multiLineText, style).width;
 			}
 			for (const icon of this.getters.getCellIcons(position)) contentWidth += icon.margin + icon.size;
-			if (this.getters.getDataValidationChipStyle(position)) contentWidth += 5 * 2;
+			if (this.getters.getDataValidationChipStyle(position)) contentWidth += DATA_VALIDATION_CHIP_MARGIN * 2;
 			if (contentWidth === 0) return 0;
-			contentWidth += 2 * 4;
+			contentWidth += 2 * PADDING_AUTORESIZE_HORIZONTAL;
 			if (style.wrapping === "wrap") {
 				const colWidth = this.getters.getColSize(position.sheetId, position.col);
 				return Math.min(colWidth, contentWidth);
@@ -62276,11 +62455,11 @@ stores.inject(MyMetaStore, storeInstance);
 		computeTextYCoordinate(cellRect, textLineHeight, verticalAlign = DEFAULT_VERTICAL_ALIGN, numberOfLines = 1) {
 			const y = cellRect.y + 1;
 			const textHeight = computeTextLinesHeight(textLineHeight, numberOfLines);
-			if (cellRect.height > textHeight + 4 * 2) {
+			if (cellRect.height > textHeight + MIN_CELL_TEXT_MARGIN * 2) {
 				if (verticalAlign === "middle") return Math.ceil(y + (cellRect.height - textHeight) / 2);
-				if (verticalAlign === "bottom") return y + cellRect.height - textHeight - 4;
+				if (verticalAlign === "bottom") return y + cellRect.height - textHeight - MIN_CELL_TEXT_MARGIN;
 			}
-			return y + 4;
+			return y + MIN_CELL_TEXT_MARGIN;
 		}
 		/**
 		* Expands the given zone until bordered by empty cells or reached the sheet boundaries.
@@ -62385,11 +62564,11 @@ stores.inject(MyMetaStore, storeInstance);
 					if (cell.isFormula || this.getters.getArrayFormulaSpreadingOn(position)) {
 						const content = this.getters.getEvaluatedCell(position).formattedValue;
 						const evaluatedSize = getCellContentHeight(this.ctx, content, cell?.style, colSize);
-						if (evaluatedSize > evaluatedRowSize && evaluatedSize > 23) evaluatedRowSize = evaluatedSize;
+						if (evaluatedSize > evaluatedRowSize && evaluatedSize > DEFAULT_CELL_HEIGHT) evaluatedRowSize = evaluatedSize;
 					} else {
 						const content = cell.content;
 						const dynamicRowSize = getCellContentHeight(this.ctx, content, cell?.style, colSize);
-						if (dynamicRowSize >= evaluatedRowSize && dynamicRowSize > 23) evaluatedRowSize = 0;
+						if (dynamicRowSize >= evaluatedRowSize && dynamicRowSize > DEFAULT_CELL_HEIGHT) evaluatedRowSize = 0;
 					}
 				}
 				rowSizes.push(evaluatedRowSize || null);
@@ -63084,7 +63263,7 @@ stores.inject(MyMetaStore, storeInstance);
 				const imageUrl = this.getters.getImage(figureId).path;
 				file = await this.fileStore?.getFile(imageUrl);
 				if (file.type !== "image/png") {
-					if (file.size > 5242880) {
+					if (file.size > MAX_FILE_SIZE) {
 						this.ui.notifyUI({
 							text: _t("The file you are trying to copy is too large (>%sMB).\nIt will not be added to your OS clipboard.\nYou can download it directly instead.", Math.round(MAX_FILE_SIZE / (1024 * 1024))),
 							sticky: false,
@@ -64266,7 +64445,7 @@ stores.inject(MyMetaStore, storeInstance);
 			let height = lastRowEnd - this.offsetCorrectionY;
 			if (this.canScrollVertically) {
 				height = Math.max(height, this.viewportHeight);
-				if (lastRowEnd + 46 > height && !this.getters.isReadonly() && this.viewportHeight > 46) height += 46;
+				if (lastRowEnd + FOOTER_HEIGHT > height && !this.getters.isReadonly() && this.viewportHeight > FOOTER_HEIGHT) height += FOOTER_HEIGHT;
 			}
 			return {
 				width,
@@ -64618,7 +64797,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return this.getSubViewports(sheetId).some((pane) => pane.isZoneVisible(zone));
 		}
 		getScrollBarWidth() {
-			return 15 / this.zoomLevel;
+			return SCROLLBAR_WIDTH / this.zoomLevel;
 		}
 		getEdgeScrollCol(sheetId, x, previousX, startingX) {
 			let canEdgeScroll = false;
@@ -65143,7 +65322,7 @@ stores.inject(MyMetaStore, storeInstance);
 					return this.chainValidations(() => this.viewports.checkScrollingDirection(sheetId, cmd), () => this.viewports.checkIfViewportsWillChange(sheetId, cmd))(cmd);
 				}
 				case "RESIZE_SHEETVIEW": return this.chainValidations(() => this.viewports.checkValuesAreDifferent(cmd), () => this.viewports.checkPositiveDimension(cmd))(cmd);
-				case "SET_ZOOM": if (cmd.zoom > 2 || cmd.zoom < .5) return "InvalidZoomLevel";
+				case "SET_ZOOM": if (isNaN(cmd.zoom) || cmd.zoom > MAX_ZOOM_LEVEL || cmd.zoom < MIN_ZOOM_LEVEL) return "InvalidZoomLevel";
 				else return "Success";
 				default: return "Success";
 			}
@@ -65347,7 +65526,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return this.viewports.isVisibleInViewport(cellPosition);
 		}
 		getScrollBarWidth() {
-			return 15 / this.viewports.getZoomLevel();
+			return SCROLLBAR_WIDTH / this.viewports.getZoomLevel();
 		}
 		getEdgeScrollCol(x, previousX, startingX) {
 			const sheetId = this.getters.getActiveSheetId();
@@ -65490,8 +65669,8 @@ stores.inject(MyMetaStore, storeInstance);
 					text: value.value,
 					htmlContent: [{
 						value: value.label,
-						color: chipTextColor(color || "#E7E9ED"),
-						backgroundColor: color || "#E7E9ED",
+						color: chipTextColor(color || GRAY_200),
+						backgroundColor: color || GRAY_200,
 						classes: ["badge rounded-pill fs-6 fw-normal w-100 mt-1 text-start"]
 					}],
 					fuzzySearchKey: value.label
@@ -65945,8 +66124,8 @@ stores.inject(MyMetaStore, storeInstance);
 				hoverSvg: getDataFilterIcon(isFilterActive, isHighContrast, true),
 				priority: 3,
 				horizontalAlign: "right",
-				size: 17,
-				margin: 2,
+				size: GRID_ICON_EDGE_LENGTH,
+				margin: GRID_ICON_MARGIN,
 				position,
 				onClick: (position, env) => {
 					const cellPopovers = env.getStore(CellPopoverStore);
@@ -68032,16 +68211,16 @@ stores.inject(MyMetaStore, storeInstance);
 			const startCoordinates = this.env.model.getters.getRowDimensions(sheetId, startRow).start;
 			const endCoordinates = this.env.model.getters.getRowDimensions(sheetId, endRow).end;
 			let groupHeaderY = 0;
-			let groupHeaderHeight = 26;
+			let groupHeaderHeight = HEADER_HEIGHT;
 			if (startRow !== 0) {
 				const headerRowDims = this.env.model.getters.getRowDimensions(sheetId, startRow - 1);
-				groupHeaderY = 26 + headerRowDims.start;
+				groupHeaderY = HEADER_HEIGHT + headerRowDims.start;
 				groupHeaderHeight = headerRowDims.end - headerRowDims.start;
 			}
 			const headerRect = {
 				x: this.props.layerOffset,
 				y: groupHeaderY,
-				width: 21,
+				width: GROUP_LAYER_WIDTH,
 				height: groupHeaderHeight
 			};
 			return {
@@ -68049,7 +68228,7 @@ stores.inject(MyMetaStore, storeInstance);
 				groupRect: {
 					x: this.props.layerOffset,
 					y: headerRect.y,
-					width: 21,
+					width: GROUP_LAYER_WIDTH,
 					height: headerRect.height + (endCoordinates - startCoordinates)
 				},
 				isEndHidden: this.env.model.getters.isRowHidden(sheetId, endRow)
@@ -68082,17 +68261,17 @@ stores.inject(MyMetaStore, storeInstance);
 			const startCoordinates = this.env.model.getters.getColDimensions(sheetId, startCol).start;
 			const endCoordinates = this.env.model.getters.getColDimensions(sheetId, endCol).end;
 			let groupHeaderX = 0;
-			let groupHeaderWidth = 48;
+			let groupHeaderWidth = HEADER_WIDTH;
 			if (startCol !== 0) {
 				const headerRowDims = this.env.model.getters.getColDimensions(sheetId, startCol - 1);
-				groupHeaderX = 48 + headerRowDims.start;
+				groupHeaderX = HEADER_WIDTH + headerRowDims.start;
 				groupHeaderWidth = headerRowDims.end - headerRowDims.start;
 			}
 			const headerRect = {
 				x: groupHeaderX,
 				y: this.props.layerOffset,
 				width: groupHeaderWidth,
-				height: 21
+				height: GROUP_LAYER_WIDTH
 			};
 			return {
 				headerRect,
@@ -68100,7 +68279,7 @@ stores.inject(MyMetaStore, storeInstance);
 					x: headerRect.x,
 					y: this.props.layerOffset,
 					width: headerRect.width + (endCoordinates - startCoordinates),
-					height: 21
+					height: GROUP_LAYER_WIDTH
 				},
 				isEndHidden: this.env.model.getters.isColHidden(sheetId, endCol)
 			};
@@ -68126,7 +68305,7 @@ stores.inject(MyMetaStore, storeInstance);
 			menuItems: []
 		});
 		getLayerOffset(layerIndex) {
-			return layerIndex * 21;
+			return layerIndex * GROUP_LAYER_WIDTH;
 		}
 		onContextMenu(event) {
 			const sheetId = this.env.model.getters.getActiveSheetId();
@@ -68174,8 +68353,8 @@ stores.inject(MyMetaStore, storeInstance);
 		get frozenPaneContainerSize() {
 			if (!this.hasFrozenPane) return 0;
 			const viewportCoordinates = this.env.model.getters.getMainViewportCoordinates();
-			if (this.props.dimension === "COL") return 48 + viewportCoordinates.x;
-			else return 26 + viewportCoordinates.y;
+			if (this.props.dimension === "COL") return HEADER_WIDTH + viewportCoordinates.x;
+			else return HEADER_HEIGHT + viewportCoordinates.y;
 		}
 	};
 
@@ -68184,7 +68363,7 @@ stores.inject(MyMetaStore, storeInstance);
 	function useScreenWidth() {
 		const spreadsheetRect = useSpreadsheetRect();
 		return { get isSmall() {
-			return spreadsheetRect.width < 768;
+			return spreadsheetRect.width < MOBILE_WIDTH_BREAKPOINT;
 		} };
 	}
 
@@ -68547,7 +68726,7 @@ stores.inject(MyMetaStore, storeInstance);
 				this.drawChart(renderingCtx, chartId, chartRect);
 			} else if (title.text) {
 				ctx.save();
-				ctx.fillStyle = chartDefinition?.background || "#FFFFFF";
+				ctx.fillStyle = chartDefinition?.background || BACKGROUND_CHART_COLOR;
 				ctx.fillRect(x, y, figure.width, headerSize);
 				ctx.font = computeTextFont(chartStyleToCellStyle(title));
 				ctx.fillStyle = title.color;
@@ -68994,7 +69173,7 @@ stores.inject(MyMetaStore, storeInstance);
 				"line-height": "24px"
 			};
 			if (this.env.model.getters.isCurrentSheetLocked()) style["pointer-events"] = "none";
-			style.height = this.focus === "inactive" ? `${34}px` : "fit-content";
+			style.height = this.focus === "inactive" ? `${DESKTOP_TOPBAR_TOOLBAR_HEIGHT}px` : "fit-content";
 			return cssPropertiesToCss(style);
 		}
 		onFocus(selection) {
@@ -69667,14 +69846,17 @@ stores.inject(MyMetaStore, storeInstance);
 		static props = { class: String };
 		topBarToolStore;
 		valueList = ZOOM_VALUES;
+		minZoom = MIN_ZOOM_LEVEL * 100;
+		maxZoom = MAX_ZOOM_LEVEL * 100;
 		setup() {
 			this.topBarToolStore = useToolBarDropdownStore();
 		}
-		get currentFontSize() {
-			return (this.env.model.getters.getViewportZoomLevel() || 1) * 100;
+		getZoomLevel() {
+			const zoom = this.env.model.getters.getViewportZoomLevel() || 1;
+			return Math.round(zoom * 100);
 		}
-		setZoom(fontSize) {
-			this.env.model.dispatch("SET_ZOOM", { zoom: fontSize / 100 });
+		setZoom(zoomPercentage) {
+			this.env.model.dispatch("SET_ZOOM", { zoom: zoomPercentage / 100 });
 		}
 		toggle() {
 			if (this.topBarToolStore.isActive) this.topBarToolStore.closeDropdowns();
@@ -70164,7 +70346,7 @@ stores.inject(MyMetaStore, storeInstance);
 			else {
 				if (this.env.isDashboard()) properties["grid-template-rows"] = `auto`;
 				else properties["grid-template-rows"] = `min-content auto min-content`;
-				properties["grid-template-columns"] = `auto ${this.sidePanel.mainPanel ? `${this.sidePanel.totalPanelSize || 350}px` : "auto"}`;
+				properties["grid-template-columns"] = `auto ${this.sidePanel.mainPanel ? `${this.sidePanel.totalPanelSize || DEFAULT_SIDE_PANEL_SIZE}px` : "auto"}`;
 			}
 			return cssPropertiesToCss(properties);
 		}
@@ -70266,7 +70448,7 @@ stores.inject(MyMetaStore, storeInstance);
 		checkViewportSize() {
 			const { xRatio, yRatio } = this.env.model.getters.getFrozenSheetViewRatio(this.env.model.getters.getActiveSheetId());
 			if (!isFinite(xRatio) || !isFinite(yRatio)) return;
-			if (yRatio > .85 || xRatio > .85) {
+			if (yRatio > MAXIMAL_FREEZABLE_RATIO || xRatio > MAXIMAL_FREEZABLE_RATIO) {
 				if (this.isViewportTooSmall) return;
 				this.notificationStore.notifyUser({
 					text: _t("The current window is too small to display this sheet properly. Consider resizing your browser window or adjusting frozen rows and columns."),
@@ -70284,8 +70466,8 @@ stores.inject(MyMetaStore, storeInstance);
 			return this.env.model.getters.getSheetViewDimension().height;
 		}
 		get gridContainerStyle() {
-			const gridColSize = 21 * this.rowLayers.length;
-			const gridRowSize = 21 * this.colLayers.length;
+			const gridColSize = GROUP_LAYER_WIDTH * this.rowLayers.length;
+			const gridRowSize = GROUP_LAYER_WIDTH * this.colLayers.length;
 			const zoom = this.env.model.getters.getViewportZoomLevel();
 			return cssPropertiesToCss({
 				"grid-template-columns": `${gridColSize ? gridColSize + 2 : 0}px auto`,
@@ -72216,7 +72398,7 @@ stores.inject(MyMetaStore, storeInstance);
 		let title = escapeXml``;
 		if (chart.data.title?.text) {
 			const titleColor = toXlsxHexColor(chartMutedFontColor(chart.data.backgroundColor));
-			const fontSize = chart.data.title.fontSize ?? 16;
+			const fontSize = chart.data.title.fontSize ?? CHART_TITLE_FONT_SIZE;
 			title = escapeXml`
       <c:title>
         ${insertText(chart.data.title.text, titleColor, fontSize, chart.data.title)}
@@ -72307,7 +72489,7 @@ stores.inject(MyMetaStore, storeInstance);
     </a:ln>
   `;
 	}
-	function insertText(text, fontColor = "000000", fontsize = 16, style = {}) {
+	function insertText(text, fontColor = "000000", fontsize = CHART_TITLE_FONT_SIZE, style = {}) {
 		const textProperties = [
 			["b", style.bold ? "1" : "0"],
 			["i", style.italic ? "1" : "0"],
@@ -72894,7 +73076,7 @@ stores.inject(MyMetaStore, storeInstance);
 		return escapeXml`
     <c:doughnutChart>
       <c:varyColors val="1" />
-      <c:holeSize val="${chart.pieHolePercentage ?? (chart.isDoughnut ? 50 : 0)}" />
+      <c:holeSize val="${chart.pieHolePercentage ?? (chart.isDoughnut ? DEFAULT_DOUGHNUT_CHART_HOLE_SIZE : 0)}" />
       ${joinXmlNodes(dataSetsNodes)}
       ${insertDataLabels({ showValues: chart.showValues })}
     </c:doughnutChart>
@@ -72918,7 +73100,7 @@ stores.inject(MyMetaStore, storeInstance);
 	}
 	function addAx(position, axisName, axId, crossAxId, title, defaultFontColor, deleteAxis = 0, orientation = "minMax", crossPosition, tickLabelPosition = "nextTo", maxValue, majorUnit, format = "General") {
 		const color = title?.color ? toXlsxHexColor(title.color) : defaultFontColor;
-		const fontSize = title?.fontSize ?? 12;
+		const fontSize = title?.fontSize ?? CHART_AXIS_TITLE_FONT_SIZE;
 		const crossBetweenEl = axisName === "c:valAx" ? escapeXml`<c:crossBetween val="between" />` : "";
 		const maxValueEl = maxValue ? escapeXml`<c:max val="${maxValue}" />` : "";
 		const minValueEl = maxValue ? escapeXml`<c:min val="${-maxValue}" />` : "";
@@ -73546,12 +73728,12 @@ stores.inject(MyMetaStore, storeInstance);
 		let currentPosition = 0;
 		for (const [headerIndex, header] of headers.slice(anchor).entries()) if (currentPosition <= offset && offset < currentPosition + header.size) return {
 			index: anchor + headerIndex,
-			offset: convertDotValueToEMU(offset - currentPosition + 1)
+			offset: convertDotValueToEMU(offset - currentPosition + FIGURE_BORDER_WIDTH)
 		};
 		else if (headerIndex < headers.length - 1) currentPosition += header.size;
 		return {
 			index: headers.length - 1,
-			offset: convertDotValueToEMU(offset - currentPosition + 1)
+			offset: convertDotValueToEMU(offset - currentPosition + FIGURE_BORDER_WIDTH)
 		};
 	}
 	function createChartDrawing(figure, sheet, chartRelId, construct) {
@@ -73657,7 +73839,7 @@ stores.inject(MyMetaStore, storeInstance);
 	function addNumberFormats(numFmts) {
 		const numFmtNodes = [];
 		for (const [index, numFmt] of Object.entries(numFmts)) {
-			const numFmtAttrs = [["numFmtId", parseInt(index) + 164], ["formatCode", numFmt.format]];
+			const numFmtAttrs = [["numFmtId", parseInt(index) + FIRST_NUMFMT_ID], ["formatCode", numFmt.format]];
 			numFmtNodes.push(escapeXml`
       <numFmt ${formatAttributes(numFmtAttrs)}/>
     `);
@@ -73890,7 +74072,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const attributes = [
 				["min", parseInt(id) + 1],
 				["max", parseInt(id) + 1],
-				["width", convertWidthToExcel(col.size || 96)],
+				["width", convertWidthToExcel(col.size || DEFAULT_CELL_WIDTH)],
 				["customWidth", 1],
 				["hidden", col.isHidden ? 1 : 0]
 			];
@@ -73914,7 +74096,7 @@ stores.inject(MyMetaStore, storeInstance);
 		for (let r = 0; r < sheet.rowNumber; r++) {
 			const rowAttrs = [["r", r + 1]];
 			const row = sheet.rows[r] || {};
-			if (row.size && row.size !== 23) rowAttrs.push(["ht", convertHeightToExcel(row.size)], ["customHeight", 1]);
+			if (row.size && row.size !== DEFAULT_CELL_HEIGHT) rowAttrs.push(["ht", convertHeightToExcel(row.size)], ["customHeight", 1]);
 			if (row.isHidden) rowAttrs.push(["hidden", 1]);
 			if (row.outlineLevel) rowAttrs.push(["outlineLevel", row.outlineLevel]);
 			if (row.collapsed) rowAttrs.push(["collapsed", 1]);
@@ -73956,7 +74138,7 @@ stores.inject(MyMetaStore, storeInstance);
 </c>`);
 				}
 			}
-			if (cellNodes.length || row.size !== 23 || row.isHidden || row.outlineLevel || row.collapsed) rowNodes.push(escapeXml`
+			if (cellNodes.length || row.size !== DEFAULT_CELL_HEIGHT || row.isHidden || row.outlineLevel || row.collapsed) rowNodes.push(escapeXml`
         <row ${formatAttributes(rowAttrs)}>
           ${joinXmlNodes(cellNodes)}
         </row>
@@ -74129,7 +74311,7 @@ stores.inject(MyMetaStore, storeInstance);
 		let currentTableIndex = 1;
 		for (const [sheetIndex, sheet] of Object.entries(data.sheets)) {
 			const namespaces = [["xmlns", NAMESPACE["worksheet"]], ["xmlns:r", RELATIONSHIP_NSR]];
-			const sheetFormatAttributes = [["defaultRowHeight", convertHeightToExcel(23)], ["defaultColWidth", convertWidthToExcel(96)]];
+			const sheetFormatAttributes = [["defaultRowHeight", convertHeightToExcel(DEFAULT_CELL_HEIGHT)], ["defaultColWidth", convertWidthToExcel(DEFAULT_CELL_WIDTH)]];
 			const tablesNode = createTablesForSheet(sheet, sheetIndex, currentTableIndex, construct, files);
 			currentTableIndex += sheet.tables.length;
 			let drawingNode = escapeXml``;
@@ -74832,7 +75014,7 @@ stores.inject(MyMetaStore, storeInstance);
 		_exportData(shouldSquish) {
 			let data = createEmptyWorkbookData();
 			for (const handler of this.handlers) if (handler instanceof CorePlugin) handler.export(data, shouldSquish);
-			data.revisionId = this.session.getRevisionId() || "START_REVISION";
+			data.revisionId = this.session.getRevisionId() || DEFAULT_REVISION_ID;
 			data = deepCopy(data);
 			return data;
 		}
@@ -75265,7 +75447,7 @@ stores.inject(MyMetaStore, storeInstance);
 		getDefinitionForExcel(getters, definition, { dataSets, labelRange }) {
 			return {
 				...definition,
-				backgroundColor: toXlsxHexColor(definition.background || "#FFFFFF"),
+				backgroundColor: toXlsxHexColor(definition.background || BACKGROUND_CHART_COLOR),
 				fontColor: toXlsxHexColor(chartFontColor(definition.background)),
 				dataSets,
 				labelRange,
@@ -75502,7 +75684,7 @@ stores.inject(MyMetaStore, storeInstance);
 			return {
 				...definition,
 				horizontal: true,
-				backgroundColor: toXlsxHexColor(definition.background || "#FFFFFF"),
+				backgroundColor: toXlsxHexColor(definition.background || BACKGROUND_CHART_COLOR),
 				fontColor: toXlsxHexColor(chartFontColor(definition.background)),
 				dataSets,
 				labelRange,
@@ -75584,7 +75766,7 @@ stores.inject(MyMetaStore, storeInstance);
 		getDefinitionForExcel(getters, definition, { dataSets, labelRange }) {
 			return {
 				...definition,
-				backgroundColor: toXlsxHexColor(definition.background || "#FFFFFF"),
+				backgroundColor: toXlsxHexColor(definition.background || BACKGROUND_CHART_COLOR),
 				fontColor: toXlsxHexColor(chartFontColor(definition.background)),
 				dataSets,
 				labelRange
@@ -75661,7 +75843,7 @@ stores.inject(MyMetaStore, storeInstance);
 		getDefinitionForExcel(getters, definition, { dataSets, labelRange }) {
 			return {
 				...definition,
-				backgroundColor: toXlsxHexColor(definition.background || "#FFFFFF"),
+				backgroundColor: toXlsxHexColor(definition.background || BACKGROUND_CHART_COLOR),
 				fontColor: toXlsxHexColor(chartFontColor(definition.background)),
 				dataSets,
 				labelRange,
@@ -82856,7 +83038,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const error = pivot.assertIsValid({ throwOnError: false });
 			if (error) return error;
 			const table = pivot.getCollapsedTableStructure();
-			if (table.numberOfCells > 5e5) return new EvaluationError(getPivotTooBigErrorMessage(table.numberOfCells, this.locale));
+			if (table.numberOfCells > PIVOT_MAX_NUMBER_OF_CELLS) return new EvaluationError(getPivotTooBigErrorMessage(table.numberOfCells, this.locale));
 			const cells = table.getPivotCells(pivotStyle);
 			const pivotTitle = this.getters.getPivotName(pivotId);
 			const { numberOfCols, numberOfRows } = table.getPivotTableDimensions(pivotStyle);
@@ -84535,14 +84717,14 @@ stores.inject(MyMetaStore, storeInstance);
 	*/
 	const __info__ = {};
 	const SPREADSHEET_DIMENSIONS = {
-		MIN_ROW_HEIGHT: 10,
-		MIN_COL_WIDTH: 5,
-		HEADER_HEIGHT: 26,
-		HEADER_WIDTH: 48,
-		DESKTOP_BOTTOMBAR_HEIGHT: 36,
-		DEFAULT_CELL_WIDTH: 96,
-		DEFAULT_CELL_HEIGHT: 23,
-		SCROLLBAR_WIDTH: 15
+		MIN_ROW_HEIGHT,
+		MIN_COL_WIDTH,
+		HEADER_HEIGHT,
+		HEADER_WIDTH,
+		DESKTOP_BOTTOMBAR_HEIGHT,
+		DEFAULT_CELL_WIDTH,
+		DEFAULT_CELL_HEIGHT,
+		SCROLLBAR_WIDTH
 	};
 	const registries = {
 		autoCompleteProviders,
@@ -84767,9 +84949,9 @@ stores.inject(MyMetaStore, storeInstance);
 		PIVOT_STATIC_TABLE_CONFIG,
 		PIVOT_INSERT_TABLE_STYLE_ID,
 		ChartTerms,
-		FIGURE_ID_SPLITTER: "??",
-		GRID_ICON_EDGE_LENGTH: 17,
-		GRID_ICON_MARGIN: 2,
+		FIGURE_ID_SPLITTER,
+		GRID_ICON_EDGE_LENGTH,
+		GRID_ICON_MARGIN,
 		CHART_TYPES
 	};
 	const chartHelpers = {
@@ -84838,8 +85020,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.3.21";
-__info__.date = "2026-09-18T05:27:19.223Z";
-__info__.hash = "6577e59";
+__info__.version = "19.3.22";
+__info__.date = "2026-10-01T07:46:51.994Z";
+__info__.hash = "0dd651f";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);