@odoo/o-spreadsheet 19.5.0-alpha.2 → 19.5.0-alpha.3

package/dist/o_spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.5.0-alpha.2
- * @date 2026-07-13T06:26:20.354Z
- * @hash a4d2f90
+ * @version 19.5.0-alpha.3
+ * @date 2026-07-14T10:17:06.949Z
+ * @hash c029184
  */
 
 (function(exports, _odoo_owl) {
@@ -1249,6 +1249,12 @@ _odoo_owl = __toESM(_odoo_owl, 1);
 			}
 		};
 	}
+	function repeat(array, times) {
+		const len = array.length;
+		const result = new Array(len * times);
+		for (let t = 0; t < times; t++) for (let i = 0; i < len; i++) result[t * len + i] = array[i];
+		return result;
+	}
 
 //#endregion
 //#region src/helpers/coordinates.ts
@@ -10134,6 +10140,7 @@ set(value) {
 //#endregion
 //#region src/components/figures/chart/chartJs/chartjs_show_values_plugin.ts
 	const MINIMAL_VERTICAL_DISTANCE = 13;
+	const HORIZONTAL_PADDING = 3;
 	function isLineOverlayOnBarChart(options, dataset) {
 		return options.type === "bar" && dataset.type === "line";
 	}
@@ -10143,175 +10150,276 @@ set(value) {
 		afterDatasetsDraw(chart, args, options) {
 			if (!options.showValues) return;
 			if (!chart._metasets?.[0]?.data) return;
-			const ctx = chart.ctx;
-			ctx.save();
-			ctx.textAlign = "center";
-			ctx.textBaseline = "middle";
-			ctx.miterLimit = 1;
 			switch (options.type) {
 				case "pie":
-					drawPieChartValues(chart, options, ctx);
+					drawPieValues(chart, options);
 					break;
 				case "line":
 				case "scatter":
+					drawLineValues(chart, options);
+					break;
 				case "combo":
 				case "waterfall":
+					drawComboValues(chart, options);
+					break;
 				case "radar":
-					drawLineOrBarOrRadarChartValues(chart, options, ctx);
+					drawRadarValues(chart, options);
 					break;
 				case "bar":
-					options.horizontal ? drawHorizontalBarChartValues(chart, options, ctx) : drawLineOrBarOrRadarChartValues(chart, options, ctx);
+					options.horizontal ? drawHorizontalBarValues(chart, options) : drawVerticalBarValues(chart, options);
 					break;
 				case "pyramid":
-					drawHorizontalBarChartValues(chart, options, ctx);
+					drawHorizontalBarValues(chart, options);
 					break;
 				case "calendar":
-					drawBarChartValues(chart, options, ctx);
+					drawCalendarValues(chart, options);
 					break;
 				case "bubble":
-					drawBubbleChartValues(chart, options, ctx);
+					drawBubbleValues(chart, options);
 					break;
 				case "funnel":
-					drawHorizontalBarChartValues(chart, options, ctx);
+					drawFunnelValues(chart, options);
 					break;
 			}
-			ctx.restore();
 		}
 	};
-	function drawTextWithBackground(text, x, y, ctx) {
-		ctx.lineWidth = 3;
-		ctx.strokeText(text, x, y);
-		ctx.lineWidth = 1;
-		ctx.fillText(text, x, y);
-	}
-	function drawLineOrBarOrRadarChartValues(chart, options, ctx) {
+	function drawValues(args) {
+		const { chart, options, getNumberValue, direction } = args;
+		const ctx = chart.ctx;
+		ctx.save();
+		ctx.textAlign = "center";
+		ctx.textBaseline = "middle";
+		ctx.miterLimit = 1;
 		const textsPositions = {};
 		for (const dataset of chart._metasets) {
-			if (isTrendLineAxis(dataset.xAxisID) || dataset.hidden || isLineOverlayOnBarChart(options, dataset)) continue;
-			const yAxisScale = chart.scales[dataset.yAxisID];
+			if (isTrendLineAxis(dataset.xAxisID) || dataset.hidden) continue;
 			for (let i = 0; i < dataset._parsed.length; i++) {
-				const parsedValue = dataset._parsed[i];
-				const value = Number(chart.config.type === "radar" ? parsedValue.r : parsedValue.y);
-				if (isNaN(value)) continue;
-				const point = dataset.data[i];
-				const xPosition = point.x;
-				let yPosition = 0;
-				if (chart.config.type === "line" || chart.config.type === "radar") yPosition = value < 0 ? point.y + 10 : point.y - 10;
-				else if (chart.config.type === "bubble") yPosition = point.y;
-				else {
-					const yZeroLine = yAxisScale.getPixelForValue(0);
-					const distanceFromAxisOrigin = Math.abs(yZeroLine - point.y);
-					const textHeight = globalThis.Chart?.defaults.font.size ?? 12;
-					if (distanceFromAxisOrigin < textHeight) yPosition = value < 0 ? yZeroLine + textHeight / 2 : yZeroLine - textHeight / 2;
-					else yPosition = value < 0 ? point.y - point.height / 2 : point.y + point.height / 2;
-				}
-				if (!textsPositions[xPosition]) textsPositions[xPosition] = [];
-				for (const otherPosition of textsPositions[xPosition] || []) if (Math.abs(otherPosition - yPosition) < MINIMAL_VERTICAL_DISTANCE) yPosition = otherPosition + MINIMAL_VERTICAL_DISTANCE * (value < 0 ? 1 : -1);
-				textsPositions[xPosition].push(yPosition);
-				ctx.fillStyle = point.options.backgroundColor;
-				ctx.strokeStyle = options.background(Number(value), dataset, i) || "#ffffff";
-				drawTextWithBackground(options.callback(Number(value), dataset, i), xPosition, yPosition, ctx);
+				const numberValue = getNumberValue(dataset, i);
+				if (numberValue === void 0 || isNaN(numberValue)) continue;
+				const chartElement = dataset.data[i];
+				const elementColor = chartElement.options.backgroundColor;
+				if (!elementColor || colorToRGBA(elementColor).a !== 1) continue;
+				const valueToDisplay = options.callback(numberValue, dataset, i);
+				const textSize = getTextDimensions(valueToDisplay, ctx);
+				const callbackArgs = {
+					dataset,
+					chartElement,
+					numberValue,
+					valueIndex: i,
+					textSize,
+					options,
+					chart
+				};
+				const position = args.getValuePosition(callbackArgs);
+				if (args.shouldSkipValue?.(callbackArgs)) continue;
+				if (direction === "vertical") {
+					const key = Math.round(position.x);
+					if (!textsPositions[key]) textsPositions[key] = [];
+					for (const otherPosition of textsPositions[key] || []) if (Math.abs(otherPosition - position.y) < MINIMAL_VERTICAL_DISTANCE) position.y = otherPosition + MINIMAL_VERTICAL_DISTANCE * (numberValue < 0 ? 1 : -1);
+					textsPositions[key].push(position.y);
+				} else {
+					const key = Math.round(position.y);
+					if (!textsPositions[key]) textsPositions[key] = [];
+					for (const otherPosition of textsPositions[key]) if (Math.abs(otherPosition - position.x) < textSize.width) position.x = numberValue < 0 ? otherPosition - textSize.width - HORIZONTAL_PADDING : otherPosition + textSize.width + HORIZONTAL_PADDING;
+					textsPositions[key].push(position.x);
+				}
+				const { strokeColor, textColor } = args.getTextColors(callbackArgs);
+				if (!!strokeColor) {
+					ctx.strokeStyle = strokeColor;
+					ctx.lineWidth = 3;
+					ctx.strokeText(valueToDisplay, position.x, position.y);
+				}
+				ctx.fillStyle = textColor;
+				ctx.lineWidth = 1;
+				ctx.fillText(valueToDisplay, position.x, position.y);
 			}
 		}
+		ctx.restore();
 	}
-	function drawBarChartValues(chart, options, ctx) {
-		const yMax = chart.chartArea.bottom;
-		const yMin = chart.chartArea.top;
-		for (const dataset of chart._metasets) {
-			if (isTrendLineAxis(dataset.xAxisID) || dataset.hidden) continue;
-			const yAxisScale = chart.scales[dataset.yAxisID];
-			for (let i = 0; i < dataset._parsed.length; i++) {
-				const parsedValue = dataset._parsed[i];
-				const value = Number(chart.config.type === "radar" ? parsedValue.r : parsedValue.y);
-				if (isNaN(value)) continue;
-				const point = dataset.data[i];
-				const xPosition = point.x;
-				let yPosition = 0;
-				const yZeroLine = yAxisScale.getPixelForValue(0);
-				const distanceFromAxisOrigin = Math.abs(yZeroLine - point.y);
-				const textHeight = globalThis.Chart?.defaults.font.size ?? 12;
-				if (distanceFromAxisOrigin < textHeight) yPosition = value < 0 ? yZeroLine + textHeight / 2 : yZeroLine - textHeight / 2;
-				else yPosition = value < 0 ? point.y - point.height / 2 : point.y + point.height / 2;
-				yPosition = Math.min(yPosition, yMax);
-				yPosition = Math.max(yPosition, yMin);
-				ctx.strokeStyle = point.options.backgroundColor;
-				ctx.fillStyle = options.background(Number(value), dataset, i) || "#ffffff";
-				const valueToDisplay = options.callback(Number(value), dataset, i);
-				const measures = ctx.measureText(valueToDisplay);
-				if (measures.actualBoundingBoxAscent + measures.actualBoundingBoxDescent + 2 > Math.abs(point.height) - 2) continue;
-				drawTextWithBackground(valueToDisplay, xPosition, yPosition, ctx);
-			}
-		}
-	}
-	function drawBubbleChartValues(chart, options, ctx) {
-		const yMax = chart.chartArea.bottom;
-		const yMin = chart.chartArea.top;
-		const textsPositions = {};
-		for (const dataset of chart._metasets) for (let i = 0; i < dataset._parsed.length; i++) {
-			const value = dataset._parsed[i].y;
-			if (isNaN(value)) continue;
-			const point = dataset.data[i];
-			const xPosition = point.x;
-			let yPosition = Math.max(Math.min(point.y, yMax), yMin);
-			if (!textsPositions[xPosition]) textsPositions[xPosition] = [];
-			for (const otherPosition of textsPositions[xPosition] || []) if (Math.abs(otherPosition - yPosition) < MINIMAL_VERTICAL_DISTANCE) yPosition = otherPosition + MINIMAL_VERTICAL_DISTANCE * (value < 0 ? 1 : -1);
-			textsPositions[xPosition].push(yPosition);
-			const color = point.options.backgroundColor ?? "#ffffff";
-			if (hexToHSLA(toHex(color)).a === 1) ctx.fillStyle = chartFontColor(color);
-			else ctx.fillStyle = "#000000";
-			const valueToDisplay = options.callback(Number(value), dataset, i);
-			ctx.fillText(valueToDisplay, xPosition, yPosition);
-		}
-	}
-	function drawHorizontalBarChartValues(chart, options, ctx) {
-		const textsPositions = {};
-		for (const dataset of chart._metasets) {
-			if (isTrendLineAxis(dataset.xAxisID) || isLineOverlayOnBarChart(options, dataset)) continue;
-			const xZeroLine = chart.scales[dataset.xAxisID].getPixelForValue(0);
-			for (let i = 0; i < dataset._parsed.length; i++) {
-				const value = Number(dataset._parsed[i].x);
-				if (isNaN(value)) continue;
-				const displayValue = options.callback(value, dataset, i);
-				const point = dataset.data[i];
-				const yPosition = point.y;
-				const textWidth = computeTextWidth(ctx, displayValue, { fontSize: globalThis.Chart?.defaults.font.size ?? 12 }, "px");
-				const distanceFromAxisOrigin = Math.abs(point.x - xZeroLine);
-				const PADDING = 3;
+	function drawVerticalBarValues(chart, options) {
+		drawValues({
+			chart,
+			options,
+			direction: "vertical",
+			getNumberValue: (dataset, i) => Number(dataset._parsed[i].y),
+			getValuePosition: getVerticalBarValuePosition,
+			shouldSkipValue: ({ dataset }) => isLineOverlayOnBarChart(options, dataset),
+			getTextColors: chartBackgroundColoredTextWithElementColoredHalo
+		});
+	}
+	function drawRadarValues(chart, options) {
+		drawValues({
+			chart,
+			options,
+			direction: "vertical",
+			getNumberValue: (dataset, i) => Number(dataset._parsed[i].r),
+			getValuePosition: ({ chartElement }) => ({
+				x: chartElement.x,
+				y: chartElement.y - 10
+			}),
+			shouldSkipValue: () => false,
+			getTextColors: chartElementColoredTextWithChartBackgroundHalo
+		});
+	}
+	function drawLineValues(chart, options) {
+		drawValues({
+			chart,
+			options,
+			direction: "vertical",
+			getNumberValue: (dataset, i) => Number(dataset._parsed[i].y),
+			getValuePosition: ({ chartElement }) => ({
+				x: chartElement.x,
+				y: chartElement.y - 10
+			}),
+			shouldSkipValue: () => false,
+			getTextColors: chartElementColoredTextWithChartBackgroundHalo
+		});
+	}
+	function drawComboValues(chart, options) {
+		drawValues({
+			chart,
+			options,
+			direction: "vertical",
+			getNumberValue: (dataset, i) => Number(dataset._parsed[i].y),
+			getValuePosition: (args) => args.dataset.type === "line" ? {
+				x: args.chartElement.x,
+				y: args.chartElement.y - 10
+			} : getVerticalBarValuePosition(args),
+			shouldSkipValue: () => false,
+			getTextColors: (args) => args.dataset.type === "line" ? chartElementColoredTextWithChartBackgroundHalo(args) : chartBackgroundColoredTextWithElementColoredHalo(args)
+		});
+	}
+	function drawCalendarValues(chart, options) {
+		drawValues({
+			chart,
+			options,
+			direction: "vertical",
+			getNumberValue: (dataset, i) => dataset._parsed[i].y,
+			getValuePosition: ({ chartElement }) => ({
+				x: chartElement.x,
+				y: chartElement.y + chartElement.height / 2
+			}),
+			shouldSkipValue: ({ chartElement, textSize }) => textSize.height + 2 > Math.abs(chartElement.height) - 2,
+			getTextColors: ({ chartElement }) => ({
+				strokeColor: void 0,
+				textColor: chartFontColor(chartElement.options.backgroundColor)
+			})
+		});
+	}
+	function drawBubbleValues(chart, options) {
+		const canDrawTextInsideBubble = (chartElement, textSize) => {
+			const radius = chartElement.options.radius ?? globalThis.Chart?.defaults.elements.point.radius ?? 3;
+			return textSize.height < radius * 2;
+		};
+		drawValues({
+			chart,
+			options,
+			direction: "vertical",
+			getNumberValue: (dataset, i) => dataset._parsed[i].y,
+			getValuePosition: ({ chartElement, textSize }) => ({
+				x: chartElement.x,
+				y: canDrawTextInsideBubble(chartElement, textSize) ? chartElement.y : chartElement.y - 10
+			}),
+			shouldSkipValue: () => false,
+			getTextColors: (args) => {
+				return canDrawTextInsideBubble(args.chartElement, args.textSize) ? chartBackgroundColoredTextWithElementColoredHalo(args) : chartElementColoredTextWithChartBackgroundHalo(args);
+			}
+		});
+	}
+	function drawHorizontalBarValues(chart, options) {
+		drawValues({
+			chart,
+			options,
+			direction: "horizontal",
+			getNumberValue: (dataset, i) => dataset._parsed[i].x,
+			getValuePosition: ({ chartElement, numberValue, textSize, dataset }) => {
+				const xZeroLine = chart.scales[dataset.xAxisID].getPixelForValue(0);
+				const distanceFromAxisOrigin = Math.abs(chartElement.x - xZeroLine);
 				let xPosition;
-				if (distanceFromAxisOrigin < textWidth) xPosition = value < 0 ? xZeroLine - textWidth / 2 - PADDING : xZeroLine + textWidth / 2 + PADDING;
-				else xPosition = value < 0 ? point.x + point.width / 2 : point.x - point.width / 2;
-				if (!textsPositions[yPosition]) textsPositions[yPosition] = [];
-				for (const otherPosition of textsPositions[yPosition]) if (Math.abs(otherPosition - xPosition) < textWidth) xPosition = value < 0 ? otherPosition - textWidth - PADDING : otherPosition + textWidth + PADDING;
-				textsPositions[yPosition].push(xPosition);
-				ctx.strokeStyle = point.options.backgroundColor;
-				ctx.fillStyle = options.background(Number(value), dataset, i) || "#ffffff";
-				drawTextWithBackground(displayValue, xPosition, yPosition, ctx);
-			}
-		}
-	}
-	function drawPieChartValues(chart, options, ctx) {
-		for (const dataset of chart._metasets) for (let i = 0; i < dataset._parsed.length; i++) {
-			const value = Number(dataset._parsed[i]);
-			if (isNaN(value) || value === 0) continue;
-			const bar = dataset.data[i];
-			const { startAngle, endAngle, innerRadius, outerRadius } = bar;
-			const midAngle = (startAngle + endAngle) / 2;
-			const midRadius = (innerRadius + outerRadius) / 2;
-			const x = bar.x + midRadius * Math.cos(midAngle);
-			const y = bar.y + midRadius * Math.sin(midAngle);
-			const displayValue = options.callback(value, dataset, i);
-			const textHeight = globalThis.Chart?.defaults.font.size ?? 12;
-			const textWidth = computeTextWidth(ctx, displayValue, { fontSize: textHeight }, "px");
-			const radius = outerRadius - innerRadius;
-			if (textWidth >= radius || radius < textHeight) continue;
-			const sliceAngle = endAngle - startAngle;
-			const midWidth = 2 * midRadius * Math.tan(sliceAngle / 2);
-			if (sliceAngle < Math.PI / 2 && (textWidth >= midWidth || midWidth < textHeight)) continue;
-			const background = options.background(Number(value), dataset, i);
-			ctx.fillStyle = chartFontColor(background);
-			ctx.strokeStyle = background || "#ffffff";
-			drawTextWithBackground(displayValue, x, y, ctx);
-		}
+				const sign = numberValue < 0 ? -1 : 1;
+				if (distanceFromAxisOrigin < textSize.width) xPosition = xZeroLine + sign * (textSize.width / 2 + HORIZONTAL_PADDING);
+				else xPosition = chartElement.x - sign * (chartElement.width / 2);
+				return {
+					x: xPosition,
+					y: chartElement.y
+				};
+			},
+			shouldSkipValue: ({ dataset }) => isLineOverlayOnBarChart(options, dataset),
+			getTextColors: chartBackgroundColoredTextWithElementColoredHalo
+		});
+	}
+	function drawFunnelValues(chart, options) {
+		drawValues({
+			chart,
+			options,
+			direction: "horizontal",
+			getNumberValue: (dataset, i) => dataset._parsed[i].x,
+			getValuePosition: ({ chartElement }) => ({
+				x: chartElement.x - chartElement.width / 2,
+				y: chartElement.y
+			}),
+			shouldSkipValue: () => false,
+			getTextColors: chartBackgroundColoredTextWithElementColoredHalo
+		});
+	}
+	function drawPieValues(chart, options) {
+		const getSliceDimensions = (chartElement) => {
+			const { startAngle, endAngle, innerRadius, outerRadius } = chartElement;
+			return {
+				midAngle: (startAngle + endAngle) / 2,
+				midRadius: (innerRadius + outerRadius) / 2
+			};
+		};
+		drawValues({
+			chart,
+			options,
+			direction: "vertical",
+			getNumberValue: (dataset, i) => Number(dataset._parsed[i]),
+			getValuePosition: ({ chartElement }) => {
+				const { midAngle, midRadius } = getSliceDimensions(chartElement);
+				return {
+					x: chartElement.x + midRadius * Math.cos(midAngle),
+					y: chartElement.y + midRadius * Math.sin(midAngle)
+				};
+			},
+			shouldSkipValue: ({ chartElement, textSize }) => {
+				const { midRadius } = getSliceDimensions(chartElement);
+				const sliceAngle = chartElement.endAngle - chartElement.startAngle;
+				const midWidth = 2 * midRadius * Math.tan(sliceAngle / 2);
+				return sliceAngle < Math.PI / 2 && (textSize.width >= midWidth || midWidth < textSize.height);
+			},
+			getTextColors: chartBackgroundColoredTextWithElementColoredHalo
+		});
+	}
+	function getTextDimensions(text, ctx) {
+		return computeCachedTextDimension(ctx, text, computeTextFont({ fontSize: globalThis.Chart?.defaults.font.size ?? 12 }, "px"));
+	}
+	function chartBackgroundColoredTextWithElementColoredHalo(args) {
+		const { dataset, numberValue, valueIndex, chartElement, options } = args;
+		return {
+			strokeColor: chartElement.options.backgroundColor,
+			textColor: options.background(numberValue, dataset, valueIndex) || "#ffffff"
+		};
+	}
+	function chartElementColoredTextWithChartBackgroundHalo(args) {
+		const { dataset, numberValue, valueIndex, chartElement, options } = args;
+		return {
+			strokeColor: options.background(numberValue, dataset, valueIndex) || "#ffffff",
+			textColor: chartElement.options.backgroundColor
+		};
+	}
+	function getVerticalBarValuePosition(args) {
+		const { chartElement, numberValue, dataset, textSize, chart } = args;
+		const yZeroLine = chart.scales[dataset.yAxisID].getPixelForValue(0);
+		const distanceFromAxisOrigin = Math.abs(yZeroLine - chartElement.y);
+		const sign = numberValue < 0 ? -1 : 1;
+		let yPosition = 0;
+		if (distanceFromAxisOrigin < textSize.height) yPosition = yZeroLine - sign * (textSize.height / 2);
+		else yPosition = chartElement.y + sign * (chartElement.height / 2);
+		return {
+			x: chartElement.x,
+			y: yPosition
+		};
 	}
 
 //#endregion
@@ -11168,6 +11276,7 @@ set(value) {
 				hidden,
 				borderColor,
 				backgroundColor: borderColor,
+				pointBackgroundColor: borderColor,
 				pointRadius: definition.hideDataMarkers ? 0 : 3
 			};
 			if (fill) {
@@ -28635,23 +28744,11 @@ set(value) {
 	}
 	function getCalendarChartShowValues(definition, args) {
 		const { locale, axisFormats } = args;
-		let background = (_value, dataset, index) => definition.background;
-		const values = args.dataSetsValues.flat().flatMap((dsv) => dsv?.data.filter(isNumberResult)).map((cell) => cell.value);
-		if (values.length) {
-			const min = Math.min(...values);
-			const max = Math.max(...values);
-			const colorScale = getRuntimeColorScale(definition.colorScale ?? schemeToColorScale("oranges"), min, max);
-			background = (_value, dataset, index) => {
-				const value = dataset._dataset.values[index];
-				if (value === void 0) return definition.background;
-				return chartFontColor(colorScale(value));
-			};
-		}
 		return {
 			type: "calendar",
 			horizontal: false,
 			showValues: "showValues" in definition ? !!definition.showValues : false,
-			background,
+			background: () => definition.background,
 			callback: (_value, dataset, index) => {
 				const value = dataset._dataset.values[index];
 				return value === void 0 ? "" : humanizeNumber({
@@ -53082,11 +53179,16 @@ set(value) {
 				const deltaStyle = {};
 				let hasDelta = false;
 				const styleSheet = this.style[position.sheetId];
-				if (!styleSheet) continue;
 				for (const key in newDefaultStyle) {
 					if (key in cellStyle) continue;
-					const defaults = styleSheet[key];
-					if (!defaults) continue;
+					const defaults = styleSheet?.[key];
+					if (!defaults) {
+						if (newDefaultStyle[key] !== DEFAULT_STYLE[key]) {
+							deltaStyle[key] = DEFAULT_STYLE[key];
+							hasDelta = true;
+						}
+						continue;
+					}
 					const rowDefault = defaults.rowDefault?.[position.row];
 					if (rowDefault !== void 0) {
 						if (priorities.shouldUseDefaultRow) {
@@ -53128,7 +53230,8 @@ set(value) {
 			for (const key in styleSheet) if (!(key in style)) {
 				const defaults = styleSheet[key];
 				if (!defaults) continue;
-				style[key] = defaults.rowDefault?.[position.row] ?? defaults.colDefault?.[position.col] ?? defaults.sheetDefault;
+				const styleValue = defaults.rowDefault?.[position.row] ?? defaults.colDefault?.[position.col] ?? defaults.sheetDefault;
+				if (styleValue !== void 0) style[key] = styleValue;
 			}
 			return style;
 		}
@@ -77063,8 +77166,8 @@ set(value) {
 			for (const key in DEFAULT_STYLE) {
 				content.style[key] = {
 					sheetDefault: this.getters.getDefaultStyle(data.sheetId, key, "SHEET", void 0) ?? DEFAULT_STYLE[key],
-					colDefault: {},
-					rowDefault: {}
+					colDefault: [],
+					rowDefault: []
 				};
 				let colIndex = 0;
 				for (const col of data.columnsIndexes) {
@@ -77081,20 +77184,41 @@ set(value) {
 			}
 			return content;
 		}
-		clearStyleFormat(sheetId, zone) {
-			this.dispatch("SET_FORMATTING", {
-				sheetId,
-				target: [zone],
-				format: ""
-			});
+		adaptContentToZone(zone, content) {
+			const colRepetition = Math.max(Math.floor((zone.right - zone.left + 1) / content.width), 1);
+			const rowRepetition = Math.max(Math.floor((zone.bottom - zone.top + 1) / content.height), 1);
+			if (colRepetition === 1 && rowRepetition === 1) return content;
+			const newContent = deepCopy(content);
+			newContent.height *= rowRepetition;
+			newContent.width *= colRepetition;
+			if (rowRepetition > 1 && newContent.format.rowDefault) {
+				newContent.format.rowDefault.length = content.height;
+				newContent.format.rowDefault = repeat(newContent.format.rowDefault, rowRepetition);
+			}
+			if (colRepetition > 1 && newContent.format.colDefault) {
+				newContent.format.colDefault.length = content.width;
+				newContent.format.colDefault = repeat(newContent.format.colDefault, colRepetition);
+			}
+			for (const key in content.style) {
+				if (rowRepetition > 1 && newContent.style[key].rowDefault) {
+					newContent.style[key].rowDefault.length = content.height;
+					newContent.style[key].rowDefault = repeat(newContent.style[key].rowDefault, rowRepetition);
+				}
+				if (colRepetition > 1 && newContent.style[key].colDefault) {
+					newContent.style[key].colDefault.length = content.width;
+					newContent.style[key].colDefault = repeat(newContent.style[key].colDefault, colRepetition);
+				}
+			}
+			return newContent;
 		}
 		paste(target, content, options) {
 			const sheetId = target.sheetId;
 			if (options.pasteOption === "asValue") return;
 			const zones = target.zones;
-			if (!options.isCutOperation) for (const zone of zones) for (const pasteZone of splitZoneForPaste(zone, content.width, content.height)) {
-				this.pasteStyle(sheetId, pasteZone.left, pasteZone.top, content.width, content.height, content.style);
-				this.pasteFormat(sheetId, pasteZone.left, pasteZone.top, content.width, content.height, content.format);
+			if (!options.isCutOperation) for (const zone of zones) {
+				const newContent = this.adaptContentToZone(zone, content);
+				this.pasteStyle(sheetId, zone.left, zone.top, newContent.width, newContent.height, newContent.style);
+				this.pasteFormat(sheetId, zone.left, zone.top, newContent.width, newContent.height, newContent.format);
 			}
 			else {
 				this.clearClippedZones(content);
@@ -77207,7 +77331,7 @@ set(value) {
 			const commands = [];
 			for (const [zoneStr, [zone, priority]] of Object.entries(zones)) {
 				const format = updateCells[zoneStr];
-				commands.push([
+				if (format !== void 0) commands.push([
 					priority,
 					zone,
 					format
@@ -87636,8 +87760,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.5.0-alpha.2";
-__info__.date = "2026-07-13T06:26:20.354Z";
-__info__.hash = "a4d2f90";
+__info__.version = "19.5.0-alpha.3";
+__info__.date = "2026-07-14T10:17:06.949Z";
+__info__.hash = "c029184";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);