html2canvas-pro 2.2.1 → 2.2.3

package/dist/html2canvas-pro.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
 */
@@ -3903,6 +3903,7 @@
 		initialValue: "none",
 		type: 1,
 		prefix: false,
+		skipCache: true,
 		parse: (context, tokens) => {
 			if (tokens.length === 0) return [];
 			const first = tokens[0];
@@ -4345,6 +4346,7 @@
 		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);
@@ -5365,6 +5367,7 @@
 		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));
@@ -6301,7 +6304,7 @@
 			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);
@@ -8449,9 +8452,18 @@
 	};
 	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;
@@ -9907,8 +9919,13 @@
 			} 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);
 		}