@bendyline/squisq-video-react 2.4.25 → 2.4.26

package/dist/{chunk-NTLNXUMA.js → chunk-36WUASP4.js}

@@ -1,6 +1,6 @@
 import {
   useVideoExport
-} from "./chunk-IOLZNTKA.js";
+} from "./chunk-COBWVGNZ.js";
 
 // src/VideoExportModal.tsx
 import { useState, useCallback, useEffect, useId, useRef } from "react";

package/dist/{chunk-IOLZNTKA.js → chunk-COBWVGNZ.js}

@@ -1,6 +1,6 @@
 import {
   useFrameCapture
-} from "./chunk-CWLDLWSE.js";
+} from "./chunk-MUPRW43Q.js";
 import {
   EXPORT_AUDIO_CHANNELS,
   EXPORT_AUDIO_SAMPLE_RATE,

package/dist/{chunk-CWLDLWSE.js → chunk-MUPRW43Q.js}

@@ -866,6 +866,11 @@ async function rasterizeCaptureSvgClones(originalRoot, clonedRoot, transientCanv
   try {
     for (const [index, svg] of clonedSvgs.entries()) {
       const originalSvg = originalSvgs[index];
+      for (const element of [svg, ...Array.from(svg.querySelectorAll("*"))]) {
+        if (!element.style) continue;
+        element.style.setProperty("animation", "none", "important");
+        element.style.setProperty("transition", "none", "important");
+      }
       const { width, height } = captureSvgRasterSize(svg, originalSvg);
       const cacheKey = captureSvgRasterCacheKey(originalSvg ?? svg, index);
       activeCacheKeys.add(cacheKey);
@@ -878,7 +883,12 @@ async function rasterizeCaptureSvgClones(originalRoot, clonedRoot, transientCanv
       let rasterCanvas = null;
       try {
         await embedCaptureSvgImages(svg, imageDataUrls);
+        const opacity = svg.style.getPropertyValue("opacity");
+        const opacityPriority = svg.style.getPropertyPriority("opacity");
+        svg.style.setProperty("opacity", "1", "important");
         const serializedSvg = new XMLSerializer().serializeToString(svg);
+        if (opacity) svg.style.setProperty("opacity", opacity, opacityPriority);
+        else svg.style.removeProperty("opacity");
         let entry = cache.get(cacheKey);
         if (!entry || entry.serializedSvg !== serializedSvg || entry.width !== width || entry.height !== height) {
           const containsForeignObject = svg.querySelector("foreignObject") !== null;

package/dist/{chunk-JVGUGMEZ.js → chunk-VOMLSGQT.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-3NJDHK62.js";
 import {
   useFrameCapture
-} from "./chunk-CWLDLWSE.js";
+} from "./chunk-MUPRW43Q.js";
 
 // src/CoverImageExportModal.tsx
 import { useCallback, useId, useRef, useState } from "react";

package/dist/components/index.js

@@ -1,15 +1,15 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "../chunk-NTLNXUMA.js";
+} from "../chunk-36WUASP4.js";
 import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "../chunk-JVGUGMEZ.js";
+} from "../chunk-VOMLSGQT.js";
 import "../chunk-3NJDHK62.js";
-import "../chunk-IOLZNTKA.js";
-import "../chunk-CWLDLWSE.js";
+import "../chunk-COBWVGNZ.js";
+import "../chunk-MUPRW43Q.js";
 import "../chunk-R4P6O5U6.js";
 import "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";

package/dist/cover-image/index.js

@@ -2,9 +2,9 @@ import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "../chunk-JVGUGMEZ.js";
+} from "../chunk-VOMLSGQT.js";
 import "../chunk-3NJDHK62.js";
-import "../chunk-CWLDLWSE.js";
+import "../chunk-MUPRW43Q.js";
 import "../chunk-R4P6O5U6.js";
 export {
   CoverImageExportModal,

package/dist/dashboard-image/index.js

@@ -7,7 +7,7 @@ import {
 } from "../chunk-3NJDHK62.js";
 import {
   useFrameCapture
-} from "../chunk-CWLDLWSE.js";
+} from "../chunk-MUPRW43Q.js";
 import "../chunk-R4P6O5U6.js";
 
 // src/DashboardImageExportModal.tsx

package/dist/hooks/index.js

@@ -3,10 +3,10 @@ import {
   resolveVideoCoverFramePlan,
   resolveVideoExportCover,
   useVideoExport
-} from "../chunk-IOLZNTKA.js";
+} from "../chunk-COBWVGNZ.js";
 import {
   useFrameCapture
-} from "../chunk-CWLDLWSE.js";
+} from "../chunk-MUPRW43Q.js";
 import "../chunk-R4P6O5U6.js";
 import "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";

package/dist/index.js

@@ -1,22 +1,22 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "./chunk-NTLNXUMA.js";
+} from "./chunk-36WUASP4.js";
 import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "./chunk-JVGUGMEZ.js";
+} from "./chunk-VOMLSGQT.js";
 import "./chunk-3NJDHK62.js";
 import {
   DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS,
   resolveVideoCoverFramePlan,
   resolveVideoExportCover,
   useVideoExport
-} from "./chunk-IOLZNTKA.js";
+} from "./chunk-COBWVGNZ.js";
 import {
   useFrameCapture
-} from "./chunk-CWLDLWSE.js";
+} from "./chunk-MUPRW43Q.js";
 import "./chunk-R4P6O5U6.js";
 import {
   createAudioFileEncoder,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-video-react",
-  "version": "2.4.25",
+  "version": "2.4.26",
   "description": "React components for browser-based MP4 and animated-GIF export of Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -79,7 +79,7 @@
   "dependencies": {
     "@bendyline/squisq": "2.11.19",
     "@bendyline/squisq-video": "2.3.23",
-    "@bendyline/squisq-react": "2.11.21",
+    "@bendyline/squisq-react": "2.11.22",
     "@ffmpeg/core": "0.12.10",
     "@ffmpeg/ffmpeg": "0.12.15",
     "@ffmpeg/util": "0.12.2",