@odoo/o-spreadsheet 19.1.36 → 19.1.37

package/dist/o_spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.1.36
- * @date 2026-09-18T05:25:25.806Z
- * @hash 5661311
+ * @version 19.1.37
+ * @date 2026-10-01T07:46:03.212Z
+ * @hash fe8ce23
  */
 
 import { App, Component, blockDom, markRaw, onMounted, onPatched, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, whenReady, xml } from "@odoo/owl";
@@ -224,12 +224,19 @@ const GRAY_200 = "#E7E9ED";
 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",
@@ -313,8 +320,30 @@ const COLOR_PICKER_DEFAULTS = [
 	"#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 ZOOM_VALUES = [
 	50,
 	75,
@@ -339,20 +368,35 @@ const DEFAULT_STYLE = {
 const ROTATION_EPSILON = .001;
 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 DEBOUNCE_TIME = 200;
+const MESSAGE_VERSION = 1;
 const FORBIDDEN_SHEETNAME_CHARS = [
 	"'",
 	"*",
@@ -363,6 +407,7 @@ const FORBIDDEN_SHEETNAME_CHARS = [
 	"]"
 ];
 const FORBIDDEN_SHEETNAME_CHARS_IN_EXCEL_REGEX = /'|\*|\?|\/|\\|\[|\]/;
+const FORMULA_REF_IDENTIFIER = "|";
 let DEFAULT_SHEETVIEW_SIZE = 0;
 function getDefaultSheetViewSize() {
 	return DEFAULT_SHEETVIEW_SIZE;
@@ -371,6 +416,7 @@ function setDefaultSheetViewSize(size) {
 	DEFAULT_SHEETVIEW_SIZE = size;
 }
 const MAXIMAL_FREEZABLE_RATIO = .85;
+const NEWLINE = "\n";
 const FONT_SIZES = [
 	6,
 	7,
@@ -395,6 +441,8 @@ const PIVOT_TABLE_CONFIG = {
 	styleId: "TableStyleMedium5",
 	automaticAutofill: false
 };
+const PIVOT_INDENT = 15;
+const PIVOT_COLLAPSE_ICON_SIZE = 12;
 const PIVOT_MAX_NUMBER_OF_CELLS = 5e5;
 const DEFAULT_CURRENCY = {
 	symbol: "$",
@@ -404,7 +452,7 @@ const DEFAULT_CURRENCY = {
 	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)";
@@ -421,6 +469,7 @@ const tokenColors = {
 	ARG_SEPARATOR: functionColor,
 	ORPHAN_RIGHT_PAREN: "#ff0000"
 };
+const DRAG_THRESHOLD = 5;
 
 //#endregion
 //#region src/helpers/misc.ts
@@ -777,7 +826,7 @@ const whiteSpaceCharacters = specialWhiteSpaceSpecialCharacters.concat([" "]);
 */
 function replaceNewLines(text) {
 	if (!text) return "";
-	return text.replace(newLineRegexp, "\n");
+	return text.replace(newLineRegexp, NEWLINE);
 }
 /**
 * Determine if the numbers are consecutive.
@@ -1006,7 +1055,7 @@ function toCartesian(xc) {
 	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
@@ -1417,7 +1466,7 @@ function toUnboundedZone(xc) {
 	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;
 }
@@ -1578,7 +1627,7 @@ function intersection(z1, z2) {
 	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)
 	};
 }
@@ -4548,7 +4597,7 @@ function parseNumberFormatTokens(tokens) {
 		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++;
 				}
@@ -4911,7 +4960,7 @@ const numberRepresentation = [];
 * 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 {
@@ -4980,7 +5029,7 @@ function limitDecimalDigits(decimalDigits, maxDecimals) {
 * 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", {
@@ -6054,7 +6103,7 @@ const MIN_DELAY = 20;
 * 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
@@ -6712,7 +6761,7 @@ function createEmptyStructure(node) {
 //#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");
@@ -6721,7 +6770,7 @@ function getCanvas(width = 100, height = 100) {
 * Get the default height of the cell given its style.
 */
 function getDefaultCellHeight(ctx, cell, style, 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) {
@@ -6737,7 +6786,7 @@ function getDefaultCellHeight(ctx, cell, style, locale, colSize) {
 	return getCellContentHeight(ctx, content, 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}`;
@@ -6803,7 +6852,7 @@ function fontSizeInPixels(fontSize) {
 	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);
@@ -6827,7 +6876,7 @@ function splitTextToWidth(ctx, text, style, width) {
 	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) {
@@ -6993,7 +7042,7 @@ function computeRotationPosition(rect, style) {
 	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;
@@ -7138,7 +7187,7 @@ const chartColorScalePlugin = {
 		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);
@@ -7148,7 +7197,7 @@ const chartColorScalePlugin = {
 		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;
@@ -7357,6 +7406,12 @@ const WIDTH_FACTOR = .143;
 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",
@@ -7580,11 +7635,11 @@ function tokenize(str, locale = DEFAULT_LOCALE) {
 	return result;
 }
 function tokenizeDebugger(chars) {
-	if (chars.current === "?") {
+	if (chars.current === DEBUGGER_CHAR) {
 		chars.shift();
 		return {
 			type: "DEBUGGER",
-			value: "?"
+			value: DEBUGGER_CHAR
 		};
 	}
 	return null;
@@ -7743,13 +7798,13 @@ function tokenizeSimpleSpace(chars) {
 }
 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;
 }
@@ -8091,8 +8146,8 @@ function toExcelDataset(getters, ds) {
 	if (ds.trend?.type) trend = {
 		type: ds.trend.type === "polynomial" && ds.trend.order === 1 ? "linear" : SPREADSHEET_TO_EXCEL_TRENDLINE_TYPE_MAPPING[ds.trend.type],
 		color: ds.trend.color,
-		order: ds.trend.order ? Math.min(ds.trend.order, 6) : void 0,
-		window: ds.trend.window || 2
+		order: ds.trend.order ? Math.min(ds.trend.order, MAX_XLSX_POLYNOMIAL_DEGREE) : void 0,
+		window: ds.trend.window || DEFAULT_WINDOW_SIZE
 	};
 	return {
 		label,
@@ -8229,13 +8284,13 @@ function getPieColors(colors, dataSetsValues) {
 	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
@@ -8541,7 +8596,7 @@ function getBarChartScales(definition, args) {
 	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,
@@ -8644,7 +8699,7 @@ function getLineChartScales(definition, args) {
 		});
 	}
 	if (trendDatasets && trendDatasets.length && trendDatasets.some(isDefined)) {
-		scales["x1"] = {
+		scales[TREND_LINE_XAXIS_ID] = {
 			...scales.x,
 			display: false
 		};
@@ -8654,9 +8709,9 @@ function getLineChartScales(definition, args) {
 		};
 		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;
 		}
@@ -8801,7 +8856,7 @@ function getChartAxisTitleRuntime(design) {
 			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"
 		};
@@ -8864,16 +8919,16 @@ function getLegendMargin(definition) {
 	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
 		};
 	}
 }
@@ -8903,7 +8958,7 @@ function getBarChartDatasets(definition, args) {
 			label,
 			data,
 			hidden,
-			borderColor: definition.background || "#FFFFFF",
+			borderColor: definition.background || BACKGROUND_CHART_COLOR,
 			borderWidth: definition.stacked ? 1 : 0,
 			backgroundColor,
 			yAxisID: definition.horizontal ? "y" : definition.dataSets?.[index].yAxisId || "y",
@@ -8931,8 +8986,8 @@ function getCalendarChartDatasetAndLabels(definition, args) {
 	for (const dataSetValues of dataSetsValues) dataSets.push({
 		label: dataSetValues.label,
 		data: dataSetValues.data.map((v) => 1),
-		backgroundColor: dataSetValues.data.map((v) => v !== void 0 ? colorMap(v) : definition.missingValueColor || "#00000000"),
-		borderColor: definition.background || "#FFFFFF",
+		backgroundColor: dataSetValues.data.map((v) => v !== void 0 ? colorMap(v) : definition.missingValueColor || COLOR_TRANSPARENT),
+		borderColor: definition.background || BACKGROUND_CHART_COLOR,
 		borderSkipped: false,
 		borderWidth: 1,
 		barPercentage: 1,
@@ -8946,9 +9001,9 @@ function getCalendarChartDatasetAndLabels(definition, args) {
 }
 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 = {
@@ -9009,7 +9064,7 @@ function getLineChartDatasets(definition, args) {
 			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: definition.dataSets?.[index].yAxisId || "y"
 		};
 		dataSets.push(dataset);
@@ -9065,7 +9120,7 @@ function getComboChartDatasets(definition, args) {
 			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;
@@ -9097,7 +9152,7 @@ function getRadarChartDatasets(definition, args) {
 			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);
@@ -9153,7 +9208,7 @@ function getFunnelChartDatasets(definition, args) {
 		xAxisID: "x",
 		barPercentage: 1,
 		categoryPercentage: 1,
-		borderColor: definition.background || "#FFFFFF",
+		borderColor: definition.background || BACKGROUND_CHART_COLOR,
 		borderWidth: 3
 	}];
 }
@@ -9178,12 +9233,12 @@ function getSunburstChartDatasets(definition, args) {
 			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;
 			},
@@ -9323,7 +9378,7 @@ function getTrendingLineDataSet(dataset, config, data) {
 	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,
@@ -9434,7 +9489,7 @@ const sunburstHoverPlugin = {
 		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;
@@ -9462,7 +9517,7 @@ function drawSunburstChartValues(chart, options, ctx) {
 	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;
@@ -9862,8 +9917,8 @@ var ScorecardChart$1 = class ScorecardChart$1 extends AbstractChart {
 		this.baselineMode = definition.baselineMode;
 		this.baselineDescr = definition.baselineDescr;
 		this.background = definition.background;
-		this.baselineColorUp = definition.baselineColorUp ?? "#43C5B1";
-		this.baselineColorDown = definition.baselineColorDown ?? "#EA6175";
+		this.baselineColorUp = definition.baselineColorUp ?? DEFAULT_SCORECARD_BASELINE_COLOR_UP;
+		this.baselineColorDown = definition.baselineColorDown ?? DEFAULT_SCORECARD_BASELINE_COLOR_DOWN;
 		this.humanize = definition.humanize ?? true;
 	}
 	static validateChartDefinition(validator, definition) {
@@ -9947,7 +10002,7 @@ function drawScoreChart(structure, canvas, zoom = 1) {
 	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) {
@@ -10126,16 +10181,16 @@ var ScorecardChartConfigBuilder = class {
 					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
 				}
 			};
 		}
@@ -10146,10 +10201,10 @@ var ScorecardChartConfigBuilder = class {
 		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;
 		}
@@ -10159,7 +10214,7 @@ var ScorecardChartConfigBuilder = class {
 				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 = {
@@ -10187,12 +10242,12 @@ var ScorecardChartConfigBuilder = class {
 			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: {
@@ -10206,10 +10261,10 @@ var ScorecardChartConfigBuilder = class {
 		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;
 		}
@@ -10217,8 +10272,8 @@ var ScorecardChartConfigBuilder = class {
 			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) {
@@ -10275,14 +10330,14 @@ var ScorecardChartConfigBuilder = class {
 		};
 	}
 	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: {
@@ -10758,35 +10813,35 @@ function getGaugeRenderingConfig(boundingRect, runtime, ctx) {
 		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 {
@@ -10794,10 +10849,10 @@ function getGaugeRenderingConfig(boundingRect, runtime, ctx) {
 		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,
@@ -10820,13 +10875,13 @@ function getGaugeRenderingConfig(boundingRect, runtime, ctx) {
 		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
 		}
 	};
@@ -10836,9 +10891,9 @@ function getGaugeRenderingConfig(boundingRect, runtime, ctx) {
 * 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) {
@@ -10849,8 +10904,8 @@ function getGaugeRect(boundingRect, title) {
 		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
 	};
@@ -10867,20 +10922,20 @@ function getInflectionValues(runtime, gaugeRect, textColor, ctx) {
 		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
 		});
@@ -11602,7 +11657,7 @@ function predictLinearValues(Y, X, newX, computeIntercept) {
 	});
 	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],
@@ -13215,19 +13270,19 @@ function getTopPaddingForDashboard(definition, getters) {
 //#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
 	} };
 }
 
@@ -13304,9 +13359,9 @@ function getComboChartLegend(definition, args) {
 }
 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: {
@@ -13545,11 +13600,11 @@ function getChartTitle(definition, getters) {
 		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 }
 	};
 }
 
@@ -14066,7 +14121,7 @@ var BarChart = class BarChart extends AbstractChart {
 		const definition = this.getDefinition();
 		return {
 			...definition,
-			backgroundColor: toXlsxHexColor(this.background || "#FFFFFF"),
+			backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
 			fontColor: toXlsxHexColor(chartFontColor(this.background)),
 			dataSets,
 			labelRange,
@@ -14102,7 +14157,7 @@ function createBarChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -14587,7 +14642,7 @@ var LineChart = class LineChart extends AbstractChart {
 		const definition = this.getDefinition();
 		return {
 			...definition,
-			backgroundColor: toXlsxHexColor(this.background || "#FFFFFF"),
+			backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
 			fontColor: toXlsxHexColor(chartFontColor(this.background)),
 			dataSets,
 			labelRange,
@@ -14625,7 +14680,7 @@ function createLineChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -14714,7 +14769,7 @@ var PieChart = class PieChart extends AbstractChart {
 		const { dataSets, labelRange } = this.getCommonDataSetAttributesForExcel(this.labelRange, this.dataSets, shouldRemoveFirstLabel(this.labelRange, this.dataSets[0], this.dataSetsHaveTitle));
 		return {
 			...this.getDefinition(),
-			backgroundColor: toXlsxHexColor(this.background || "#FFFFFF"),
+			backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
 			fontColor: toXlsxHexColor(chartFontColor(this.background)),
 			dataSets,
 			labelRange
@@ -14748,7 +14803,7 @@ function createPieChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -14901,7 +14956,7 @@ function createWaterfallChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -14918,7 +14973,7 @@ var charts_exports = /* @__PURE__ */ __exportAll({
 	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,
 	chartFactory: () => chartFactory,
@@ -15316,7 +15371,7 @@ function getElementMargins(el) {
 
 //#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 = [
@@ -15413,7 +15468,7 @@ var ZoomableChartJsComponent = class extends ChartJsComponent {
 		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);
@@ -15472,8 +15527,8 @@ var ZoomableChartJsComponent = class extends ChartJsComponent {
 	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) {
@@ -15559,7 +15614,7 @@ var ZoomableChartJsComponent = class extends ChartJsComponent {
 	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;
@@ -16787,7 +16842,7 @@ var MenuPopover = class MenuPopover extends Component {
 			onClickMenu: this.onClickMenu.bind(this),
 			onMouseOver: this.onMouseOver.bind(this),
 			onMouseLeave: this.onMouseLeave.bind(this),
-			width: this.props.width || 250,
+			width: this.props.width || MENU_WIDTH,
 			isActive: this.isActive.bind(this),
 			onScroll: this.onScroll.bind(this)
 		};
@@ -16803,11 +16858,11 @@ var MenuPopover = class MenuPopover extends Component {
 			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
@@ -16870,8 +16925,8 @@ var MenuPopover = class MenuPopover extends Component {
 		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;
@@ -16942,7 +16997,7 @@ var ChartDashboardMenu = class extends Component {
 		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;
@@ -24870,7 +24925,7 @@ const PIVOT = {
 		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);
 		let headerRows = 0;
 		if (pivotStyle.displayColumnHeaders) headerRows = table.columns.length - 1;
@@ -26661,12 +26716,12 @@ var ContentEditableHelper = class {
 		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;
 			}
 		}
@@ -26900,7 +26955,7 @@ var Composer = class extends Component {
 			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;
 	}
@@ -26997,7 +27052,7 @@ var Composer = class extends Component {
 		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
 		});
@@ -27175,7 +27230,7 @@ var Composer = class extends Component {
 		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");
@@ -27206,8 +27261,8 @@ var Composer = class extends Component {
 	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({
@@ -27813,7 +27868,7 @@ const autoCompleteProviders = new Registry();
 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) {
@@ -28373,7 +28428,7 @@ var AbstractComposerStore = class extends SpreadsheetStore {
 	getTokenColor(token) {
 		if (token.type === "REFERENCE") {
 			const { xc, sheetName } = splitReference(token.value);
-			return this.rangeColor(xc, sheetName) || "light-dark(#000000, #ffffff)";
+			return this.rangeColor(xc, sheetName) || DEFAULT_TOKEN_COLOR;
 		}
 		if (token.type === "SYMBOL") {
 			const upperCaseValue = token.value.toUpperCase();
@@ -28383,7 +28438,7 @@ var AbstractComposerStore = class extends SpreadsheetStore {
 		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;
 	}
 	rangeColor(xc, sheetName) {
 		const refSheet = sheetName ? this.model.getters.getSheetIdByName(sheetName) : this.sheetId;
@@ -28977,7 +29032,7 @@ var ColorPicker = class extends Component {
 	}
 	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 || {
@@ -30812,7 +30867,7 @@ var LinkDisplay = class extends Component {
 			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,
@@ -32159,7 +32214,7 @@ function getCaretDownSvg(color) {
 		width: 512,
 		height: 512,
 		paths: [{
-			fillColor: color.textColor || "#374151C2",
+			fillColor: color.textColor || TEXT_BODY_MUTED,
 			path: "M120 195 h270 l-135 130"
 		}]
 	};
@@ -32170,7 +32225,7 @@ function getCaretUpSvg(color) {
 		width: 512,
 		height: 512,
 		paths: [{
-			fillColor: color.textColor || "#374151C2",
+			fillColor: color.textColor || TEXT_BODY_MUTED,
 			path: "M120 325 h270 l-135 -130"
 		}]
 	};
@@ -32181,7 +32236,7 @@ function getHoveredCaretDownSvg(color) {
 		width: 512,
 		height: 512,
 		paths: [{
-			fillColor: color.textColor || "#374151C2",
+			fillColor: color.textColor || TEXT_BODY_MUTED,
 			path: "M15 15 h482 v482 h-482"
 		}, {
 			fillColor: color.fillColor || "#fff",
@@ -32196,7 +32251,7 @@ function getChipSvg(chipStyle) {
 		width: 512,
 		height: 512,
 		paths: [{
-			fillColor: chipStyle.textColor || "#374151C2",
+			fillColor: chipStyle.textColor || TEXT_BODY_MUTED,
 			path: CHIP_CARET_DOWN_PATH
 		}]
 	};
@@ -32207,10 +32262,10 @@ function getHoveredChipSvg(chipStyle) {
 		width: 512,
 		height: 512,
 		paths: [{
-			fillColor: chipStyle.textColor || "#374151C2",
+			fillColor: chipStyle.textColor || TEXT_BODY_MUTED,
 			path: "M0,225 A175,175 0 1,0 350,225 A175,175 0 1,0 0,225"
 		}, {
-			fillColor: chipStyle.fillColor || "#374151C2",
+			fillColor: chipStyle.fillColor || TEXT_BODY_MUTED,
 			path: CHIP_CARET_DOWN_PATH
 		}]
 	};
@@ -32967,7 +33022,7 @@ function extractStyle(data, content, styleId, formatId, borderId) {
 		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
 		}
@@ -33008,7 +33063,7 @@ function normalizeStyle(construct, styles) {
 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;
 }
 /**
@@ -33582,14 +33637,14 @@ function convertExcelTrendline(trend) {
 		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,
@@ -33940,8 +33995,8 @@ function getSheetDims(sheet) {
 		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;
 }
 /**
@@ -34515,7 +34570,7 @@ var XlsxBaseExtractor = class {
 			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,
@@ -35624,7 +35679,7 @@ function getPathsOfContent(contentType, xmls) {
 * 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] + "/";
@@ -35734,7 +35789,7 @@ function normalizeV9(formula) {
 			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
@@ -35930,7 +35985,7 @@ migrationStepRegistry.add("0.1", { migrate(data) {
 		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;
@@ -36829,8 +36884,8 @@ const CREATE_CHART = (env) => {
 		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", {
@@ -36852,8 +36907,8 @@ const CREATE_CAROUSEL = (env) => {
 	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", {
@@ -36903,7 +36958,7 @@ const REINSERT_STATIC_PIVOT_CHILDREN = (env) => env.model.getters.getPivotIds().
 	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()),
@@ -38301,7 +38356,7 @@ function getPreviousOrNextValueDomain(pivot, domain, fieldNameWithGranularity, d
 	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(", ") : "";
@@ -40746,7 +40801,7 @@ function useDragAndDropBeyondTheViewport(env) {
 		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") {
@@ -41142,7 +41197,7 @@ function fits(width, linkedString) {
 	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}"`;
@@ -41221,7 +41276,7 @@ function wrapInBraces(doc) {
 * 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));
@@ -41894,19 +41949,19 @@ function getAxis(getters, figureUI, dnd, axisType) {
 			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 {
@@ -42118,7 +42173,7 @@ var FiguresContainer = class extends Component {
 			};
 			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);
@@ -42170,7 +42225,7 @@ var FiguresContainer = class extends Component {
 		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 = {
@@ -42785,7 +42840,7 @@ var GridOverlay = class extends Component {
 	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;
 	}
 };
 
@@ -42840,7 +42895,7 @@ var UnhideRowHeaders = class extends Component {
 			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"
 		});
 	}
@@ -42849,7 +42904,7 @@ var UnhideRowHeaders = class extends Component {
 			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"
 		});
 	}
@@ -42883,13 +42938,13 @@ var UnhideColumnHeaders = class extends Component {
 			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", {
@@ -43112,7 +43167,7 @@ var ColResizer = class extends AbstractResizer {
 		this.colResizerRef = 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();
@@ -43247,7 +43302,7 @@ var RowResizer = class extends AbstractResizer {
 		this.rowResizerRef = 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() {
@@ -43666,7 +43721,7 @@ var GridRenderer = class extends SpreadsheetStore {
 					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();
@@ -43714,7 +43769,7 @@ var GridRenderer = class extends SpreadsheetStore {
 		const numberOfRows = this.getters.getNumberRows(sheetId);
 		const activeCols = this.getters.getActiveCols();
 		const activeRows = this.getters.getActiveRows();
-		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;
@@ -43732,7 +43787,7 @@ var GridRenderer = class extends SpreadsheetStore {
 			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 = {
@@ -43747,13 +43802,13 @@ var GridRenderer = class extends SpreadsheetStore {
 			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) {
@@ -43769,13 +43824,13 @@ var GridRenderer = class extends SpreadsheetStore {
 			const { x, width } = this.getters.getVisibleRect(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) {
@@ -43790,21 +43845,21 @@ var GridRenderer = class extends SpreadsheetStore {
 			const { y, height } = this.getters.getVisibleRect(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();
 		}
 	}
 	drawFrozenPanesHeaders(renderingContext) {
 		const { ctx, thinLineWidth } = renderingContext;
 		const { x: offsetCorrectionX, y: offsetCorrectionY } = this.getters.getMainViewportCoordinates();
-		const widthCorrection = this.getters.isDashboard() ? 0 : 48;
-		const heightCorrection = this.getters.isDashboard() ? 0 : 26;
+		const widthCorrection = this.getters.isDashboard() ? 0 : HEADER_WIDTH;
+		const heightCorrection = this.getters.isDashboard() ? 0 : HEADER_HEIGHT;
 		ctx.lineWidth = 6 * thinLineWidth;
 		ctx.strokeStyle = FROZEN_PANE_HEADER_BORDER_COLOR;
 		ctx.beginPath();
@@ -43832,8 +43887,8 @@ var GridRenderer = class extends SpreadsheetStore {
 			bottom: visibleRows[visibleRows.length - 1]
 		};
 		const rect = this.getters.getVisibleRect(viewport);
-		const widthCorrection = this.getters.isDashboard() ? 0 : 48;
-		const heightCorrection = this.getters.isDashboard() ? 0 : 26;
+		const widthCorrection = this.getters.isDashboard() ? 0 : HEADER_WIDTH;
+		const heightCorrection = this.getters.isDashboard() ? 0 : HEADER_HEIGHT;
 		ctx.lineWidth = 6 * thinLineWidth;
 		ctx.strokeStyle = FROZEN_PANE_BORDER_COLOR;
 		ctx.beginPath();
@@ -43940,7 +43995,7 @@ var GridRenderer = class extends SpreadsheetStore {
 		/** Content */
 		const wrapping = style.wrapping || "overflow";
 		const wrapText = wrapping === "wrap" && !showFormula;
-		const maxWidth = width - 2 * 4;
+		const maxWidth = width - 2 * MIN_CELL_TEXT_MARGIN;
 		const formatWidth = style.align ? 0 : maxWidth;
 		const multiLineText = this.getters.getCellMultiLineText(position, {
 			maxWidth,
@@ -43952,18 +44007,18 @@ var GridRenderer = class extends SpreadsheetStore {
 			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);
@@ -43979,7 +44034,7 @@ var GridRenderer = class extends SpreadsheetStore {
 		};
 		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,
@@ -44143,7 +44198,7 @@ var GridRenderer = class extends SpreadsheetStore {
 				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;
 		}
@@ -44245,7 +44300,7 @@ function useTouchScroll(ref, updateScroll, canMoveUp, canMoveDown) {
 		resetTimeout = setTimeout(() => {
 			velocityX = 0;
 			velocityY = 0;
-		}, 100);
+		}, resetTimeoutDuration);
 		updateScroll(deltaX * horizontalScrollFactor, deltaY * verticalScrollFactor);
 	}
 	function onTouchEnd(ev) {
@@ -44276,7 +44331,7 @@ function useTouchScroll(ref, updateScroll, canMoveUp, canMoveDown) {
 //#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));
@@ -44372,14 +44427,14 @@ var Corner = class extends Component {
 		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) {
@@ -45942,7 +45997,7 @@ var AxisDesignEditor = class extends Component {
 		axesList: Array
 	};
 	state = useState({ currentAxis: "x" });
-	defaultFontSize = 12;
+	defaultFontSize = CHART_AXIS_TITLE_FONT_SIZE;
 	get axisTitleStyle() {
 		return this.props.definition.axesDesign?.[this.state.currentAxis]?.title ?? {};
 	}
@@ -46018,7 +46073,7 @@ var GeneralDesignEditor = class extends Component {
 			optional: true
 		}
 	};
-	static defaultProps = { defaultChartTitleFontSize: 16 };
+	static defaultProps = { defaultChartTitleFontSize: CHART_TITLE_FONT_SIZE };
 	state;
 	setup() {
 		this.state = useState({ activeTool: "" });
@@ -46247,11 +46302,11 @@ var SeriesWithAxisDesignEditor = class extends Component {
 		return Math.min(10, runtime.chartJsConfig.data.datasets[index].data.length - 1);
 	}
 	get defaultWindowSize() {
-		return 2;
+		return DEFAULT_WINDOW_SIZE;
 	}
 	onChangeMovingAverageWindow(index, 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(index, { window });
 	}
 	getDataSeriesColor(index) {
@@ -46910,7 +46965,7 @@ var PieChartDesignPanel = class extends Component {
 		});
 	}
 	get defaultHoleSize() {
-		return 50;
+		return DEFAULT_DOUGHNUT_CHART_HOLE_SIZE;
 	}
 };
 
@@ -47027,7 +47082,7 @@ var ScatterChart = class ScatterChart extends AbstractChart {
 		const definition = this.getDefinition();
 		return {
 			...definition,
-			backgroundColor: toXlsxHexColor(this.background || "#FFFFFF"),
+			backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
 			fontColor: toXlsxHexColor(chartFontColor(this.background)),
 			dataSets,
 			labelRange,
@@ -47065,7 +47120,7 @@ function createScatterChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -47161,7 +47216,7 @@ var ScorecardChartDesignPanel = class extends Component {
 		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);
@@ -47182,14 +47237,14 @@ var ScorecardChartDesignPanel = class extends Component {
 	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
 		};
 	}
@@ -47429,13 +47484,13 @@ var WaterfallChartDesignPanel = class extends Component {
 		}];
 	}
 	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 });
@@ -48088,7 +48143,7 @@ var ConditionalFormattingEditor = class extends Component {
 	getColorScalePreviewStyle() {
 		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({
@@ -49386,7 +49441,7 @@ var PivotMeasureDisplayPanelStore = class extends SpreadsheetStore {
 				return {
 					type: measureDisplayType,
 					fieldNameWithGranularity,
-					value: value ?? "(previous)"
+					value: value ?? PREVIOUS_VALUE
 				};
 		}
 	}
@@ -50797,7 +50852,7 @@ var PivotSidePanelStore = class extends SpreadsheetStore {
 			}
 			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",
@@ -51259,7 +51314,7 @@ const SEPARATORS = [
 	},
 	{
 		name: _t("Line Break"),
-		value: "\n"
+		value: NEWLINE
 	}
 ];
 var SplitIntoColumnsPanel = class extends Component {
@@ -52023,7 +52078,7 @@ var SidePanelStore = class extends SpreadsheetStore {
 		const newPanelInfo = {
 			currentPanelProps,
 			componentTag,
-			size: 350
+			size: DEFAULT_SIDE_PANEL_SIZE
 		};
 		const state = this.computeState(newPanelInfo);
 		if (!state.isOpen) return;
@@ -52031,8 +52086,8 @@ var SidePanelStore = class extends SpreadsheetStore {
 			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",
@@ -52046,7 +52101,7 @@ var SidePanelStore = class extends SpreadsheetStore {
 		const newPanelInfo = {
 			currentPanelProps,
 			componentTag,
-			size: 350
+			size: DEFAULT_SIDE_PANEL_SIZE
 		};
 		const state = this.computeState(newPanelInfo);
 		if (!state.isOpen) return;
@@ -52075,7 +52130,7 @@ var SidePanelStore = class extends SpreadsheetStore {
 		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
 		};
@@ -52105,19 +52160,19 @@ var SidePanelStore = class extends SpreadsheetStore {
 	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;
@@ -52133,10 +52188,10 @@ var SidePanelStore = class extends SpreadsheetStore {
 		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 }) {
@@ -52151,12 +52206,12 @@ var SidePanelStore = class extends SpreadsheetStore {
 		} : 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);
 	}
 };
 
@@ -52256,8 +52311,8 @@ var Grid = class extends Component {
 		TableResizer,
 		Selection
 	};
-	HEADER_HEIGHT = 26;
-	HEADER_WIDTH = 48;
+	HEADER_HEIGHT = HEADER_HEIGHT;
+	HEADER_WIDTH = HEADER_WIDTH;
 	menuState;
 	gridRef;
 	highlightStore;
@@ -52315,10 +52370,10 @@ var Grid = class extends Component {
 	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() {
@@ -52495,8 +52550,8 @@ var Grid = class extends Component {
 		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() {
@@ -52512,10 +52567,10 @@ var Grid = class extends Component {
 	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) {
@@ -52853,7 +52908,7 @@ var ClickableCellSortIcon = class extends Component {
 	get style() {
 		const cellStyle = this.env.model.getters.getCellComputedStyle(this.props.position);
 		return cssPropertiesToCss({
-			color: cellStyle.textColor || "#374151C2",
+			color: cellStyle.textColor || TEXT_BODY_MUTED,
 			"background-color": this.getBackgroundColor(cellStyle)
 		});
 	}
@@ -53663,8 +53718,8 @@ var CarouselPlugin = class extends CorePlugin {
 			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 = {
@@ -53680,8 +53735,8 @@ var CarouselPlugin = class extends CorePlugin {
 							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
@@ -54249,10 +54304,10 @@ var ChartPlugin = class extends CorePlugin {
 					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 newChart = chart.duplicateInDuplicatedSheet(cmd.sheetIdTo);
 					if (newChart) this.dispatch("CREATE_CHART", {
 						figureId: duplicatedFigureId,
@@ -54359,8 +54414,8 @@ var ChartPlugin = class extends CorePlugin {
 	* 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,
@@ -55082,8 +55137,8 @@ var FigurePlugin = class extends CorePlugin {
 					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,
@@ -55121,11 +55176,11 @@ var FigurePlugin = class extends CorePlugin {
 		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;
 			}
@@ -55150,7 +55205,7 @@ var FigurePlugin = class extends CorePlugin {
 		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);
@@ -55631,7 +55686,7 @@ var HeaderSizePlugin = class extends CorePlugin {
 		}
 	}
 	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];
@@ -55664,7 +55719,7 @@ var HeaderSizePlugin = class extends CorePlugin {
 			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] = {
@@ -55845,8 +55900,8 @@ var ImagePlugin = class extends CorePlugin {
 			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 = {
@@ -59610,8 +59665,8 @@ iconsOnCellRegistry.add("data_validation_checkbox", (getters, position) => {
 			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) => {
@@ -59655,8 +59710,8 @@ iconsOnCellRegistry.add("data_validation_list_icon", (getters, position) => {
 			hoverSvg: getHoveredCaretDownSvg(cellStyle),
 			priority: 2,
 			horizontalAlign: "right",
-			size: 17,
-			margin: 2,
+			size: GRID_ICON_EDGE_LENGTH,
+			margin: GRID_ICON_MARGIN,
 			position,
 			onClick: (position, env) => {
 				const { col, row } = position;
@@ -59677,7 +59732,7 @@ iconsOnCellRegistry.add("conditional_formatting", (getters, position) => {
 			priority: 1,
 			horizontalAlign: "left",
 			size: computeTextFontSizeInPixels(style),
-			margin: 4,
+			margin: MIN_CF_ICON_MARGIN,
 			position
 		};
 	}
@@ -59692,13 +59747,13 @@ iconsOnCellRegistry.add("pivot_collapse", (getters, position) => {
 		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,
@@ -59716,8 +59771,8 @@ iconsOnCellRegistry.add("pivot_dashboard_sorting", (getters, position) => {
 		type: `pivot_dashboard_sorting_${sortDirection}`,
 		priority: 5,
 		horizontalAlign: "right",
-		size: 17,
-		margin: 2,
+		size: GRID_ICON_EDGE_LENGTH,
+		margin: GRID_ICON_MARGIN,
 		svg: sortDirection === "asc" ? getCaretUpSvg(cellStyle) : getCaretDownSvg(cellStyle),
 		position,
 		onClick: void 0
@@ -60256,7 +60311,7 @@ var EvaluationChartPlugin = class extends CoreViewPlugin {
 			col,
 			row
 		});
-		const background = style.fillColor || "#FFFFFF";
+		const background = style.fillColor || BACKGROUND_CHART_COLOR;
 		return {
 			background,
 			fontColor: style.textColor || chartFontColor(background)
@@ -60553,7 +60608,7 @@ var EvaluationDataValidationPlugin = class extends CoreViewPlugin {
 		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);
@@ -60749,7 +60804,7 @@ var HeaderSizeUIPlugin = class extends CoreViewPlugin {
 		}
 	}
 	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);
@@ -60787,8 +60842,8 @@ var HeaderSizeUIPlugin = class extends CoreViewPlugin {
 			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,
@@ -60813,7 +60868,7 @@ var HeaderSizeUIPlugin = class extends CoreViewPlugin {
 	* 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 style = this.getters.getCellStyle(position);
 		const colSize = this.getters.getColSize(position.sheetId, position.col);
@@ -60836,7 +60891,7 @@ var HeaderSizeUIPlugin = class extends CoreViewPlugin {
 			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,
@@ -60844,7 +60899,7 @@ var HeaderSizeUIPlugin = class extends CoreViewPlugin {
 				};
 			}
 		}
-		if (tallestCell && tallestCell.size > 23) return tallestCell;
+		if (tallestCell && tallestCell.size > DEFAULT_CELL_HEIGHT) return tallestCell;
 	}
 };
 
@@ -61232,7 +61287,7 @@ function pivot_presentation_default(PivotClass) {
 		* @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);
@@ -63903,7 +63958,7 @@ var Session = class extends EventBus {
 		this.revisions = revisions;
 		this.transportService = transportService;
 		this.serverRevisionId = serverRevisionId;
-		this.debouncedMove = debounce(this._move.bind(this), 200);
+		this.debouncedMove = debounce(this._move.bind(this), DEBOUNCE_TIME);
 	}
 	canApplyOptimisticUpdate() {
 		return !this.waitingUndoRedoAck;
@@ -63920,7 +63975,7 @@ var Session = class extends EventBus {
 		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,
@@ -63931,7 +63986,7 @@ var Session = class extends EventBus {
 		this.waitingUndoRedoAck = true;
 		this.sendUpdateMessage({
 			type: "REVISION_UNDONE",
-			version: 1,
+			version: MESSAGE_VERSION,
 			serverRevisionId: this.serverRevisionId,
 			nextRevisionId: this.uuidGenerator.uuidv4(),
 			undoneRevisionId: revisionId
@@ -63941,7 +63996,7 @@ var Session = class extends EventBus {
 		this.waitingUndoRedoAck = true;
 		this.sendUpdateMessage({
 			type: "REVISION_REDONE",
-			version: 1,
+			version: MESSAGE_VERSION,
 			serverRevisionId: this.serverRevisionId,
 			nextRevisionId: this.uuidGenerator.uuidv4(),
 			redoneRevisionId: revisionId
@@ -63988,7 +64043,7 @@ var Session = class extends EventBus {
 		this.sendToTransport({
 			type: "CLIENT_LEFT",
 			clientId: this.clientId,
-			version: 1
+			version: MESSAGE_VERSION
 		});
 	}
 	/**
@@ -64005,7 +64060,7 @@ var Session = class extends EventBus {
 				...data,
 				revisionId: snapshotId
 			},
-			version: 1
+			version: MESSAGE_VERSION
 		});
 	}
 	getCurrentClient() {
@@ -64046,7 +64101,7 @@ var Session = class extends EventBus {
 		};
 		this.sendToTransport({
 			type,
-			version: 1,
+			version: MESSAGE_VERSION,
 			client: {
 				...client,
 				position
@@ -64125,7 +64180,7 @@ var Session = class extends EventBus {
 				const { position } = client;
 				if (position) this.sendToTransport({
 					type: "CLIENT_MOVED",
-					version: 1,
+					version: MESSAGE_VERSION,
 					client: {
 						...client,
 						position
@@ -64914,7 +64969,7 @@ var HistoryPlugin = class extends UIPlugin {
 	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
@@ -65157,7 +65212,7 @@ var SplitToColumnsPlugin = class extends UIPlugin {
 	}
 	getAutoSeparatorForString(str) {
 		const separators = [
-			"\n",
+			NEWLINE,
 			";",
 			",",
 			" ",
@@ -65491,9 +65546,9 @@ var SheetUIPlugin = class extends UIPlugin {
 			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);
@@ -65545,11 +65600,11 @@ var SheetUIPlugin = class extends UIPlugin {
 	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.
@@ -65653,7 +65708,7 @@ var SheetUIPlugin = class extends UIPlugin {
 				const style = this.getters.getCellStyle(position);
 				const content = evaluatedCell.formattedValue;
 				const evaluatedSize = getCellContentHeight(this.ctx, content, style, colSize);
-				if (evaluatedSize > evaluatedRowSize && evaluatedSize > 23) {
+				if (evaluatedSize > evaluatedRowSize && evaluatedSize > DEFAULT_CELL_HEIGHT) {
 					evaluatedRowSize = evaluatedSize;
 					tallestCell = position;
 				}
@@ -66308,7 +66363,7 @@ var ClipboardPlugin = class extends UIPlugin {
 			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,
@@ -67433,7 +67488,7 @@ var InternalViewport = class {
 		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,
@@ -67952,7 +68007,7 @@ var SheetViewPlugin = class extends UIPlugin {
 		return this.getSubViewports(sheetId).some((pane) => pane.isVisible(col, row));
 	}
 	getScrollBarWidth() {
-		return 15 / this.zoomLevel;
+		return SCROLLBAR_WIDTH / this.zoomLevel;
 	}
 	getEdgeScrollCol(x, previousX, startingX) {
 		let canEdgeScroll = false;
@@ -68465,8 +68520,8 @@ autoCompleteProviders.add("dataValidation", {
 				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
@@ -68906,8 +68961,8 @@ iconsOnCellRegistry.add("filter_icon", (getters, position) => {
 			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);
@@ -70798,16 +70853,16 @@ var RowGroup = class extends AbstractHeaderGroup {
 		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 {
@@ -70815,7 +70870,7 @@ var RowGroup = class extends AbstractHeaderGroup {
 			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)
@@ -70848,17 +70903,17 @@ var ColGroup = class extends AbstractHeaderGroup {
 		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,
@@ -70866,7 +70921,7 @@ var ColGroup = class extends AbstractHeaderGroup {
 				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)
 		};
@@ -70892,7 +70947,7 @@ var HeaderGroupContainer = class extends Component {
 		menuItems: []
 	});
 	getLayerOffset(layerIndex) {
-		return layerIndex * 21;
+		return layerIndex * GROUP_LAYER_WIDTH;
 	}
 	onContextMenu(event) {
 		const sheetId = this.env.model.getters.getActiveSheetId();
@@ -70940,8 +70995,8 @@ var HeaderGroupContainer = class extends Component {
 	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;
 	}
 };
 
@@ -70950,7 +71005,7 @@ var HeaderGroupContainer = class extends Component {
 function useScreenWidth() {
 	const spreadsheetRect = useSpreadsheetRect();
 	return { get isSmall() {
-		return spreadsheetRect.width < 768;
+		return spreadsheetRect.width < MOBILE_WIDTH_BREAKPOINT;
 	} };
 }
 
@@ -71262,7 +71317,7 @@ var TopBarComposer = class extends Component {
 			"max-height": `${COMPOSER_MAX_HEIGHT}px`,
 			"line-height": "24px"
 		};
-		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) {
@@ -72221,7 +72276,7 @@ var Spreadsheet = class extends Component {
 		const scrollbarWidth = this.env.model.getters.getScrollBarWidth();
 		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"}`;
 		properties["--os-scrollbar-width"] = `${scrollbarWidth}px`;
 		properties["color-scheme"] = this.props.colorScheme;
 		return cssPropertiesToCss(properties);
@@ -72308,7 +72363,7 @@ var Spreadsheet = class extends Component {
 	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."),
@@ -72326,8 +72381,8 @@ var Spreadsheet = class extends Component {
 		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`,
@@ -74122,7 +74177,7 @@ function createChart(chart, chartSheetIndex, data) {
 	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)}
@@ -74213,7 +74268,7 @@ function lineAttributes(params) {
     </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"],
@@ -74776,7 +74831,7 @@ function addDoughnutChart(chart, chartSheetIndex, data) {
 	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)}" />
       ${insertDataLabels()}
       ${joinXmlNodes(dataSetsNodes)}
     </c:doughnutChart>
@@ -74797,7 +74852,7 @@ function insertDataLabels({ showLeaderLines } = { showLeaderLines: false }) {
 }
 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}" />` : "";
@@ -75414,12 +75469,12 @@ function figureCoordinates(headers, anchor, offset) {
 	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) {
@@ -75518,7 +75573,7 @@ function createImageDrawing(figure, sheet, imageRelId) {
 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)}/>
     `);
@@ -75751,7 +75806,7 @@ function addColumns(cols) {
 		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]
 		];
@@ -75775,7 +75830,7 @@ function addRows(construct, data, sheet) {
 	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]);
@@ -75817,7 +75872,7 @@ function addRows(construct, data, sheet) {
 </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>
@@ -75990,7 +76045,7 @@ function createWorksheets(data, construct) {
 	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``;
@@ -76659,7 +76714,7 @@ var Model = class extends EventBus {
 	exportData() {
 		let data = createEmptyWorkbookData();
 		for (const handler of this.handlers) if (handler instanceof CorePlugin) handler.export(data);
-		data.revisionId = this.session.getRevisionId() || "START_REVISION";
+		data.revisionId = this.session.getRevisionId() || DEFAULT_REVISION_ID;
 		data = deepCopy(data);
 		return data;
 	}
@@ -76812,10 +76867,10 @@ function createCalendarChartRuntime(chart, getters) {
 					chartShowValuesPlugin: getCalendarChartShowValues(definition, chartData),
 					chartColorScalePlugin: getCalendarColorScale(definition, chartData)
 				},
-				chartBackground: definition.background || "#FFFFFF"
+				chartBackground: definition.background || BACKGROUND_CHART_COLOR
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -76897,7 +76952,7 @@ var ComboChart = class ComboChart extends AbstractChart {
 		const definition = this.getDefinition();
 		return {
 			...definition,
-			backgroundColor: toXlsxHexColor(this.background || "#FFFFFF"),
+			backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
 			fontColor: toXlsxHexColor(chartFontColor(this.background)),
 			dataSets,
 			labelRange,
@@ -76961,7 +77016,7 @@ function createComboChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -77096,7 +77151,7 @@ function createFunnelChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -77211,7 +77266,7 @@ function createGeoChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -77318,7 +77373,7 @@ var PyramidChart = class PyramidChart extends AbstractChart {
 		return {
 			...definition,
 			horizontal: true,
-			backgroundColor: toXlsxHexColor(this.background || "#FFFFFF"),
+			backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
 			fontColor: toXlsxHexColor(chartFontColor(this.background)),
 			dataSets,
 			labelRange,
@@ -77355,7 +77410,7 @@ function createPyramidChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -77460,7 +77515,7 @@ var RadarChart = class RadarChart extends AbstractChart {
 		const { dataSets, labelRange } = this.getCommonDataSetAttributesForExcel(this.labelRange, this.dataSets, shouldRemoveFirstLabel(this.labelRange, this.dataSets[0], this.dataSetsHaveTitle));
 		return {
 			...this.getDefinition(),
-			backgroundColor: toXlsxHexColor(this.background || "#FFFFFF"),
+			backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
 			fontColor: toXlsxHexColor(chartFontColor(this.background)),
 			dataSets,
 			labelRange
@@ -77494,7 +77549,7 @@ function createRadarChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -77617,7 +77672,7 @@ function createSunburstChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -77753,7 +77808,7 @@ function createTreeMapChartRuntime(chart, getters) {
 				}
 			}
 		},
-		background: chart.background || "#FFFFFF"
+		background: chart.background || BACKGROUND_CHART_COLOR
 	};
 }
 
@@ -78956,14 +79011,14 @@ clipboardHandlersRegistries.cellHandlers.add("dataValidation", DataValidationCli
 */
 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,
@@ -79181,9 +79236,9 @@ const constants = {
 	HIGHLIGHT_COLOR,
 	PIVOT_TABLE_CONFIG,
 	ChartTerms,
-	FIGURE_ID_SPLITTER: "??",
-	GRID_ICON_EDGE_LENGTH: 17,
-	GRID_ICON_MARGIN: 2
+	FIGURE_ID_SPLITTER,
+	GRID_ICON_EDGE_LENGTH,
+	GRID_ICON_MARGIN
 };
 const chartHelpers = {
 	...charts_exports,
@@ -79193,6 +79248,6 @@ const chartHelpers = {
 //#endregion
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, categories, chartHelpers, components, constants, convertAstNodes, coreTypes, createAutocompleteArgumentsProvider, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
-__info__.version = "19.1.36";
-__info__.date = "2026-09-18T05:25:25.806Z";
-__info__.hash = "5661311";
+__info__.version = "19.1.37";
+__info__.date = "2026-10-01T07:46:03.212Z";
+__info__.hash = "fe8ce23";