animot-presenter 0.5.20 → 0.5.21

package/dist/AnimotPresenter.svelte

@@ -391,23 +391,32 @@
 	 * borderRadius / fontSize / shape colors / stroke width / CSS filters
 	 * at render time, plus non-tweened overrides (backgroundColor, color).
 	 */
+	/**
+	 * Overlay tween-driven values for properties that the renderer reads
+	 * directly from element data (instead of via tween.current). Only
+	 * applies when this element has keyframes OR has an active override —
+	 * for everything else this is a passthrough so the existing slide-morph
+	 * render pipeline is left exactly as it was. Without this gate, every
+	 * render frame allocated a new copy and crowded out the tween reads.
+	 */
 	function liveProps<T extends CanvasElement>(element: T): T {
-		const a = animatedElements.get(element.id);
+		const hasKeyframes = !!element.keyframes && element.keyframes.length > 0;
 		const overrides = keyframeOverrides.get(element.id);
-		if (!a && !overrides) return element;
+		if (!hasKeyframes && !overrides) return element;
+		const a = animatedElements.get(element.id) as any;
 		const e = element as any;
 		const out: any = { ...element };
-		if (a) {
-			if ((a as any).borderRadius && e.borderRadius !== undefined) out.borderRadius = (a as any).borderRadius.current;
-			if ((a as any).fontSize && e.fontSize !== undefined) out.fontSize = (a as any).fontSize.current;
-			if ((a as any).fillColor && e.fillColor !== undefined) out.fillColor = (a as any).fillColor.current;
-			if ((a as any).strokeColor && e.strokeColor !== undefined) out.strokeColor = (a as any).strokeColor.current;
-			if ((a as any).strokeWidth && e.strokeWidth !== undefined) out.strokeWidth = (a as any).strokeWidth.current;
-			if ((a as any).blur && e.blur !== undefined) out.blur = (a as any).blur.current;
-			if ((a as any).brightness && e.brightness !== undefined) out.brightness = (a as any).brightness.current;
-			if ((a as any).contrast && e.contrast !== undefined) out.contrast = (a as any).contrast.current;
-			if ((a as any).saturate && e.saturate !== undefined) out.saturate = (a as any).saturate.current;
-			if ((a as any).grayscale && e.grayscale !== undefined) out.grayscale = (a as any).grayscale.current;
+		if (a && hasKeyframes) {
+			if (a.borderRadius && e.borderRadius !== undefined) out.borderRadius = a.borderRadius.current;
+			if (a.fontSize && e.fontSize !== undefined) out.fontSize = a.fontSize.current;
+			if (a.fillColor && e.fillColor !== undefined) out.fillColor = a.fillColor.current;
+			if (a.strokeColor && e.strokeColor !== undefined) out.strokeColor = a.strokeColor.current;
+			if (a.strokeWidth && e.strokeWidth !== undefined) out.strokeWidth = a.strokeWidth.current;
+			if (a.blur && e.blur !== undefined) out.blur = a.blur.current;
+			if (a.brightness && e.brightness !== undefined) out.brightness = a.brightness.current;
+			if (a.contrast && e.contrast !== undefined) out.contrast = a.contrast.current;
+			if (a.saturate && e.saturate !== undefined) out.saturate = a.saturate.current;
+			if (a.grayscale && e.grayscale !== undefined) out.grayscale = a.grayscale.current;
 		}
 		if (overrides) Object.assign(out, overrides);
 		return out as T;