@oliasoft-open-source/charts-library 5.11.1-beta-1 → 5.11.1-beta-2

package/dist/index.js

@@ -19473,21 +19473,21 @@ var downloadPgn = (chartRef) => {
 	if (!chart) return;
 	const canvasElement = chart?.canvas?.parentElement;
 	if (!canvasElement) return;
-	const { ctx } = chart;
-	ctx.save();
-	ctx.globalCompositeOperation = "destination-over";
-	ctx.fillStyle = document.body.dataset.theme === "dark" ? "black" : "white";
-	ctx.fillRect(0, 0, chart.width, chart.height);
-	ctx.restore();
+	const isDark = document.body.dataset.theme === "dark";
 	const fileName = getChartFileName(getAxesLabelsFromChart(chart));
-	const toPngOptions = { skipFonts: navigator.userAgent.includes("Firefox") };
-	setTimeout(() => {
-		toPng(canvasElement, toPngOptions).then((dataUrl) => {
-			triggerBase64Download(dataUrl, fileName);
-		}).catch((e) => {
-			console.error("Could not parse the html: ", e);
-		});
-	}, 0);
+	const toPngOptions = {
+		skipFonts: navigator.userAgent.includes("Firefox"),
+		backgroundColor: isDark ? "black" : "white"
+	};
+	const captureSnapshot = async (previousDataUrl, options) => {
+		const dataUrl = await toPng(canvasElement, toPngOptions);
+		return dataUrl.length !== previousDataUrl.length ? captureSnapshot(dataUrl, options) : dataUrl;
+	};
+	captureSnapshot("", toPngOptions).then((dataUrl) => {
+		triggerBase64Download(dataUrl, fileName);
+	}).catch((e) => {
+		console.error("Could not parse the html: ", e);
+	});
 };
 //#endregion
 //#region src/components/line-chart/utils/line-chart-utils.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "5.11.1-beta-1",
+  "version": "5.11.1-beta-2",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "bugs": {