html2canvas-pro 2.2.1 → 2.2.3

package/dist/html2canvas-pro.esm.js

@@ -1,5 +1,5 @@
 /*!
-* html2canvas-pro 2.2.1 <https://yorickshan.github.io/html2canvas-pro/>
+* html2canvas-pro 2.2.3 <https://yorickshan.github.io/html2canvas-pro/>
 * Copyright (c) 2024-present yorickshan and html2canvas-pro contributors
 * Released under MIT License
 */
@@ -3896,6 +3896,7 @@ const backgroundImage = {
 	initialValue: "none",
 	type: 1,
 	prefix: false,
+	skipCache: true,
 	parse: (context, tokens) => {
 		if (tokens.length === 0) return [];
 		const first = tokens[0];
@@ -4338,6 +4339,7 @@ const listStyleImage = {
 	initialValue: "none",
 	type: 0,
 	prefix: false,
+	skipCache: true,
 	parse: (context, token) => {
 		if (token.type === 20 && token.value === "none") return null;
 		return image.parse(context, token);
@@ -5358,6 +5360,7 @@ const borderImageSource = {
 	initialValue: "none",
 	prefix: false,
 	type: 1,
+	skipCache: true,
 	parse: (context, tokens) => {
 		if (tokens.length === 0) return null;
 		const filtered = tokens.filter((t) => nonFunctionArgSeparator(t) && isSupportedImage(t));
@@ -6294,7 +6297,7 @@ const parse = (context, descriptor, style) => {
 		valueCache = /* @__PURE__ */ new Map();
 		parseCache.set(descriptor, valueCache);
 	}
-	if (!(descriptor.type === 3 && descriptor.format === "image")) {
+	if (!(descriptor.skipCache || descriptor.type === 3 && descriptor.format === "image")) {
 		if (valueCache.size >= 200) {
 			const oldestKey = valueCache.keys().next().value;
 			valueCache.delete(oldestKey);
@@ -8442,9 +8445,18 @@ var BlendEffect = class {
 };
 var FilterEffect = class {
 	constructor(filterString) {
-		this.filterString = filterString;
 		this.type = 5;
 		this.target = 6;
+		const dropShadowMatch = filterString.match(/drop-shadow\(\s*([\d.-]+)(px)?\s+([\d.-]+)(px)?\s+([\d.-]+)(px)?\s+(.+?)\s*\)/);
+		if (dropShadowMatch) {
+			this.shadow = {
+				offsetX: parseFloat(dropShadowMatch[1]),
+				offsetY: parseFloat(dropShadowMatch[3]),
+				blur: parseFloat(dropShadowMatch[5]),
+				color: dropShadowMatch[7].trim()
+			};
+			this.safeFilterString = filterString.replace(/drop-shadow\([^)]+\)\s*/g, "").trim();
+		} else this.safeFilterString = filterString;
 	}
 };
 const isTransformEffect = (effect) => effect.type === 0;
@@ -9900,8 +9912,13 @@ var EffectsRenderer = class {
 		} else if (isClipPathEffect(effect)) effect.applyClip(this.ctx);
 		else if (isBlendEffect(effect)) this.ctx.globalCompositeOperation = effect.compositeOperation;
 		else if (isFilterEffect(effect)) {
-			const safe = effect.filterString.replace(/drop-shadow\([^)]+\)\s*/g, "").trim();
-			this.ctx.filter = safe || "none";
+			this.ctx.filter = effect.safeFilterString || "none";
+			if (effect.shadow) {
+				this.ctx.shadowOffsetX = effect.shadow.offsetX;
+				this.ctx.shadowOffsetY = effect.shadow.offsetY;
+				this.ctx.shadowBlur = effect.shadow.blur;
+				this.ctx.shadowColor = effect.shadow.color;
+			}
 		}
 		this.activeEffects.push(effect);
 	}