@remotion/cli 4.0.0-imgloading.2 → 4.0.0-lambda.3

package/dist/editor/components/NewComposition/render-aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/render-aspect-ratio.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,UAAW,MAAM,UAAU,MAAM,WAUxD,CAAC"}

package/dist/editor/components/NewComposition/render-aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-aspect-ratio.js","sourceRoot":"","sources":["../../../../src/editor/components/NewComposition/render-aspect-ratio.tsx"],"names":[],"mappings":";;;AAAA,SAAS,eAAe,CAAC,CAAS,EAAE,CAAS;IAC5C,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChB,OAAO,CAAC,EAAE;QACT,MAAM,CAAC,GAAG,CAAC,CAAC;QACZ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACV,CAAC,GAAG,CAAC,CAAC;KACN;IAED,OAAO,CAAC,CAAC;AACV,CAAC;AAEM,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE;IAC5D,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,KAAK,GAAG,aAAa,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,GAAG,aAAa,CAAC;IAE7C,IAAI,YAAY,GAAG,GAAG,EAAE;QACvB,OAAO,YAAY,GAAG,GAAG,GAAG,aAAa,CAAC;KAC1C;IAED,OAAO,CAAC,YAAY,GAAG,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB"}

package/dist/editor/components/NoRegisterRoot.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NoRegisterRoot: React.FC;

package/dist/editor/components/NoRegisterRoot.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoRegisterRoot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const label = {
+    fontSize: 13,
+    color: 'white',
+    fontFamily: 'Arial, Helvetica, sans-serif',
+};
+const container = {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1,
+    flexDirection: 'column',
+    textAlign: 'center',
+    lineHeight: 1.5,
+};
+const link = {
+    color: 'white',
+    textDecoration: 'none',
+    borderBottom: '1px solid',
+};
+const NoRegisterRoot = () => {
+    const [show, setShow] = (0, react_1.useState)(() => false);
+    (0, react_1.useEffect)(() => {
+        // Only show after 2 seconds so there is no flicker when the load is really fast
+        const timeout = setTimeout(() => {
+            setShow(true);
+        }, 2000);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, []);
+    if (!show) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { style: label, children: "Waiting for registerRoot() to get called." }), (0, jsx_runtime_1.jsxs)("div", { style: label, children: ["Learn more:", ' ', (0, jsx_runtime_1.jsx)("a", { target: '_blank', style: link, href: "https://www.remotion.dev/docs/register-root", children: "remotion.dev/docs/register-root" })] })] }));
+};
+exports.NoRegisterRoot = NoRegisterRoot;

package/dist/editor/components/PlayPause.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayPause.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PlayPause.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAgBpD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACd,CAwIA,CAAC"}

package/dist/editor/components/PlayPause.js

@@ -7,6 +7,7 @@ const react_1 = require("react");
 const remotion_1 = require("remotion");
 const is_current_selected_still_1 = require("../helpers/is-current-selected-still");
 const use_keybinding_1 = require("../helpers/use-keybinding");
+const jump_to_start_1 = require("../icons/jump-to-start");
 const pause_1 = require("../icons/pause");
 const play_1 = require("../icons/play");
 const step_back_1 = require("../icons/step-back");
@@ -14,7 +15,6 @@ const step_forward_1 = require("../icons/step-forward");
 const ControlButton_1 = require("./ControlButton");
 const forwardBackStyle = {
     height: 16,
-    width: 16,
     color: 'white',
 };
 const PlayPause = ({ playbackRate, loop }) => {
@@ -25,7 +25,7 @@ const PlayPause = ({ playbackRate, loop }) => {
         loop,
         playbackRate,
     });
-    const { playing, play, pause, frameBack, frameForward, isLastFrame } = player_1.PlayerInternals.usePlayer();
+    const { playing, play, pause, frameBack, seek, frameForward, isLastFrame } = player_1.PlayerInternals.usePlayer();
     const isStill = (0, is_current_selected_still_1.useIsStill)();
     (0, react_1.useEffect)(() => {
         if (isStill) {
@@ -46,44 +46,73 @@ const PlayPause = ({ playbackRate, loop }) => {
         if (!videoFps) {
             return null;
         }
-        frameBack(e.shiftKey ? videoFps : 1);
         e.preventDefault();
-    }, [frameBack, videoFps]);
+        if (e.altKey) {
+            seek(0);
+        }
+        else if (e.shiftKey) {
+            frameBack(videoFps);
+        }
+        else {
+            frameBack(1);
+        }
+    }, [frameBack, seek, videoFps]);
     const onArrowRight = (0, react_1.useCallback)((e) => {
-        if (!videoFps) {
+        if (!video) {
             return null;
         }
-        frameForward(e.shiftKey ? videoFps : 1);
+        if (e.altKey) {
+            seek(video.durationInFrames - 1);
+        }
+        else if (e.shiftKey) {
+            frameForward(video.fps);
+        }
+        else {
+            frameForward(1);
+        }
         e.preventDefault();
-    }, [frameForward, videoFps]);
+    }, [frameForward, seek, video]);
     const oneFrameBack = (0, react_1.useCallback)(() => {
         frameBack(1);
     }, [frameBack]);
     const oneFrameForward = (0, react_1.useCallback)(() => {
         frameForward(1);
     }, [frameForward]);
+    const jumpToStart = (0, react_1.useCallback)(() => {
+        seek(0);
+    }, [seek]);
+    const jumpToEnd = (0, react_1.useCallback)(() => {
+        if (!video) {
+            return;
+        }
+        seek(video.durationInFrames - 1);
+    }, [seek, video]);
     const keybindings = (0, use_keybinding_1.useKeybinding)();
     (0, react_1.useEffect)(() => {
         const arrowLeft = keybindings.registerKeybinding('keydown', 'ArrowLeft', onArrowLeft);
         const arrowRight = keybindings.registerKeybinding('keydown', 'ArrowRight', onArrowRight);
         const space = keybindings.registerKeybinding('keydown', ' ', onSpace);
+        const a = keybindings.registerKeybinding('keydown', 'a', jumpToStart);
+        const e = keybindings.registerKeybinding('keydown', 'e', jumpToEnd);
         return () => {
             arrowLeft.unregister();
             arrowRight.unregister();
             space.unregister();
+            a.unregister();
+            e.unregister();
         };
-    }, [keybindings, onArrowLeft, onArrowRight, onSpace]);
+    }, [jumpToEnd, jumpToStart, keybindings, onArrowLeft, onArrowRight, onSpace]);
     if (isStill) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { "aria-label": "Step back one frame", title: "Step back one frame", disabled: frame === 0, onClick: oneFrameBack, children: (0, jsx_runtime_1.jsx)(step_back_1.StepBack, { style: forwardBackStyle }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { "aria-label": playing ? 'Pause' : 'Play', title: playing ? 'Pause' : 'Play', disabled: !video, onClick: playing ? pause : play, children: playing ? ((0, jsx_runtime_1.jsx)(pause_1.Pause, { style: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { "aria-label": "Jump to beginning", title: "Jump to beginning", disabled: frame === 0, onClick: jumpToStart, children: (0, jsx_runtime_1.jsx)(jump_to_start_1.JumpToStart, { style: forwardBackStyle }) }), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { "aria-label": "Step back one frame", title: "Step back one frame", disabled: frame === 0, onClick: oneFrameBack, children: (0, jsx_runtime_1.jsx)(step_back_1.StepBack, { style: forwardBackStyle }) }), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { "aria-label": playing ? 'Pause' : 'Play', title: playing ? 'Pause' : 'Play', disabled: !video, onClick: playing ? pause : play, children: playing ? ((0, jsx_runtime_1.jsx)(pause_1.Pause, { style: {
                         height: 14,
                         width: 14,
                         color: 'white',
-                    } }, void 0)) : ((0, jsx_runtime_1.jsx)(play_1.Play, { style: {
+                    } })) : ((0, jsx_runtime_1.jsx)(play_1.Play, { style: {
                         height: 14,
                         width: 14,
                         color: 'white',
-                    } }, void 0)) }, void 0), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { "aria-label": "Step forward one frame", title: "Step forward one frame", disabled: isLastFrame, onClick: oneFrameForward, children: (0, jsx_runtime_1.jsx)(step_forward_1.StepForward, { style: forwardBackStyle }, void 0) }, void 0)] }, void 0));
+                    } })) }), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { "aria-label": "Step forward one frame", title: "Step forward one frame", disabled: isLastFrame, onClick: oneFrameForward, children: (0, jsx_runtime_1.jsx)(step_forward_1.StepForward, { style: forwardBackStyle }) })] }));
 };
 exports.PlayPause = PlayPause;

package/dist/editor/components/PlayPause.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayPause.js","sourceRoot":"","sources":["../../../src/editor/components/PlayPause.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/PlaybackKeyboardShortcutsManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackKeyboardShortcutsManager.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PlaybackKeyboardShortcutsManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC;IACvD,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC9D,CAiFA,CAAC"}

package/dist/editor/components/PlaybackKeyboardShortcutsManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackKeyboardShortcutsManager.js","sourceRoot":"","sources":["../../../src/editor/components/PlaybackKeyboardShortcutsManager.tsx"],"names":[],"mappings":";;;AAAA,6CAAiD;AACjD,iCAAoD;AACpD,8DAAwD;AAEjD,MAAM,gCAAgC,GAExC,CAAC,EAAC,eAAe,EAAC,EAAE,EAAE;IAC1B,MAAM,WAAW,GAAG,IAAA,8BAAa,GAAE,CAAC;IAEpC,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,wBAAe,CAAC,SAAS,EAAE,CAAC;IAE3D,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,eAAe,CAAC,CAAC,gBAAgB,EAAE,EAAE;YACpC,IAAI,CAAC,OAAO,EAAE;gBACb,OAAO,CAAC,CAAC,CAAC;aACV;YAED,IAAI,gBAAgB,GAAG,CAAC,EAAE;gBACzB,OAAO,CAAC,CAAC,CAAC;aACV;YAED,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE;gBAC5B,OAAO,CAAC,CAAC,CAAC;aACV;YAED,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE;gBAC5B,OAAO,CAAC,CAAC,CAAC;aACV;YAED,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE;gBAC5B,OAAO,CAAC,CAAC,CAAC;aACV;YAED,MAAM,IAAI,KAAK,CACd,gDAAgD,GAAG,gBAAgB,CACnE,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,EAAE,CAAC;IACR,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,eAAe,CAAC,CAAC,CAAC,CAAC;QACnB,KAAK,EAAE,CAAC;IACT,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7B,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,eAAe,CAAC,CAAC,gBAAgB,EAAE,EAAE;YACpC,IAAI,CAAC,OAAO,EAAE;gBACb,OAAO,CAAC,CAAC;aACT;YAED,IAAI,gBAAgB,GAAG,CAAC,EAAE;gBACzB,OAAO,CAAC,CAAC;aACT;YAED,IAAI,gBAAgB,KAAK,CAAC,EAAE;gBAC3B,OAAO,CAAC,CAAC;aACT;YAED,IAAI,gBAAgB,KAAK,CAAC,EAAE;gBAC3B,OAAO,CAAC,CAAC;aACT;YAED,IAAI,gBAAgB,KAAK,CAAC,EAAE;gBAC3B,OAAO,CAAC,CAAC;aACT;YAED,MAAM,IAAI,KAAK,CACd,gDAAgD,GAAG,gBAAgB,CACnE,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,EAAE,CAAC;IACR,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;QACpE,MAAM,IAAI,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;QACpE,MAAM,IAAI,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;QAEpE,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,EAAE,CAAC;QACnB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1C,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAnFW,QAAA,gCAAgC,oCAmF3C"}

package/dist/editor/components/PlaybackRatePersistor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackRatePersistor.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PlaybackRatePersistor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAczC,CAAC"}

package/dist/editor/components/PlaybackRatePersistor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackRatePersistor.js","sourceRoot":"","sources":["../../../src/editor/components/PlaybackRatePersistor.tsx"],"names":[],"mappings":";;;AAAA,iCAAmD;AACnD,uCAAmC;AACnC,wDAA4E;AAErE,MAAM,qBAAqB,GAAa,GAAG,EAAE;IACnD,MAAM,EAAC,eAAe,EAAE,YAAY,EAAC,GAAG,IAAA,kBAAU,EACjD,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAClC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,eAAe,CAAC,IAAA,+BAAgB,GAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAA,kCAAmB,EAAC,YAAY,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAdW,QAAA,qBAAqB,yBAchC"}

package/dist/editor/components/PlaybackRateSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackRateSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PlaybackRateSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAMrC,eAAO,MAAM,mBAAmB,EAAE,MAAM,EAEvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,iBAAkB,MAAM,WAExD,CAAC;AAMF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC9D,CA8CA,CAAC"}

package/dist/editor/components/PlaybackRateSelector.js

@@ -40,13 +40,13 @@ const PlaybackRateSelector = ({ playbackRate, setPlaybackRate }) => {
                 type: 'item',
                 value: newPlaybackRate,
                 keyHint: null,
-                leftItem: String(playbackRate) === String(newPlaybackRate) ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}, void 0)) : null,
+                leftItem: String(playbackRate) === String(newPlaybackRate) ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {})) : null,
                 subMenu: null,
             };
         });
         const middle = Math.floor(exports.commonPlaybackRates.length / 2);
         return [...values.slice(0, middle), divider, ...values.slice(middle)];
     }, [playbackRate, setPlaybackRate]);
-    return ((0, jsx_runtime_1.jsx)("div", { style: style, "aria-label": accessibilityLabel, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { title: accessibilityLabel, style: comboStyle, selectedId: String(playbackRate), values: items }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { style: style, "aria-label": accessibilityLabel, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { title: accessibilityLabel, style: comboStyle, selectedId: String(playbackRate), values: items }) }));
 };
 exports.PlaybackRateSelector = PlaybackRateSelector;

package/dist/editor/components/PlaybackRateSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackRateSelector.js","sourceRoot":"","sources":["../../../src/editor/components/PlaybackRateSelector.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,kDAA6C;AAC7C,wDAA0D;AAC1D,mDAAuD;AACvD,wDAAkE;AAErD,QAAA,mBAAmB,GAAa;IAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;CAC3C,CAAC;AAEK,MAAM,oBAAoB,GAAG,CAAC,YAAoB,EAAE,EAAE;IAC5D,OAAO,GAAG,YAAY,GAAG,CAAC;AAC3B,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B;AAEF,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAEtD,MAAM,UAAU,GAAwB,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC;AAE7C,MAAM,oBAAoB,GAG5B,CAAC,EAAC,YAAY,EAAE,eAAe,EAAC,EAAE,EAAE;IACxC,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACN,OAAO,EAAE,sCAAsB;SAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAoB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3C,MAAM,OAAO,GAAkB;YAC9B,IAAI,EAAE,SAAS;YACf,EAAE,EAAE,SAAS;SACb,CAAC;QACF,MAAM,MAAM,GAAG,2BAAmB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAiB,EAAE;YACzE,OAAO;gBACN,EAAE,EAAE,MAAM,CAAC,eAAe,CAAC;gBAC3B,KAAK,EAAE,IAAA,4BAAoB,EAAC,eAAe,CAAC;gBAC5C,OAAO,EAAE,GAAG,EAAE;oBACb,OAAO,eAAe,CAAC,GAAG,EAAE;wBAC3B,IAAA,kCAAmB,EAAC,eAAe,CAAC,CAAC;wBACrC,OAAO,eAAe,CAAC;oBACxB,CAAC,CAAC,CAAC;gBACJ,CAAC;gBACD,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,eAAe;gBACtB,OAAO,EAAE,IAAI;gBACb,QAAQ,EACP,MAAM,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAClD,uBAAC,qBAAS,aAAG,CACb,CAAC,CAAC,CAAC,IAAI;gBACT,OAAO,EAAE,IAAI;aACb,CAAC;QACH,CAAC,CAAC,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,2BAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC1D,OAAO,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,OAAO,CACN,gCAAK,KAAK,EAAE,KAAK,gBAAc,kBAAkB,YAChD,uBAAC,mBAAQ,IACR,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,EAChC,MAAM,EAAE,KAAK,WACZ,WACG,CACN,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,oBAAoB,wBAiD/B"}

package/dist/editor/components/Preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAsC,MAAM,OAAO,CAAC;AA4G3D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,UAAU,EAAE,IAAI,CAAC;CACjB,CAQA,CAAC"}

package/dist/editor/components/Preview.js

@@ -8,7 +8,6 @@ const remotion_1 = require("remotion");
 const checkerboard_background_1 = require("../helpers/checkerboard-background");
 const checkerboard_1 = require("../state/checkerboard");
 const preview_size_1 = require("../state/preview-size");
-const LoadingIndicator_1 = require("./LoadingIndicator");
 const checkerboardSize = 49;
 const containerStyle = (options) => {
     return {
@@ -26,9 +25,8 @@ const containerStyle = (options) => {
     };
 };
 const Inner = ({ canvasSize }) => {
-    var _a;
     const { size: previewSize } = (0, react_1.useContext)(preview_size_1.PreviewSizeContext);
-    const video = remotion_1.Internals.useVideo();
+    const portalContainer = (0, react_1.useRef)(null);
     const config = (0, remotion_1.useVideoConfig)();
     const { checkerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
     const { centerX, centerY, yCorrection, xCorrection, scale } = player_1.PlayerInternals.calculateScale({
@@ -66,15 +64,20 @@ const Inner = ({ canvasSize }) => {
         xCorrection,
         yCorrection,
     ]);
-    const Component = video ? video.component : null;
-    const inputProps = (0, remotion_1.getInputProps)();
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(LoadingIndicator_1.Loading, {}, void 0), children: (0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { style: style, children: Component ? ((0, jsx_runtime_1.jsx)(Component, { ...((_a = video === null || video === void 0 ? void 0 : video.defaultProps) !== null && _a !== void 0 ? _a : {}), ...inputProps }, void 0)) : null }, void 0) }, void 0) }, void 0));
+    (0, react_1.useEffect)(() => {
+        const { current } = portalContainer;
+        current === null || current === void 0 ? void 0 : current.appendChild(remotion_1.Internals.portalNode());
+        return () => {
+            current === null || current === void 0 ? void 0 : current.removeChild(remotion_1.Internals.portalNode());
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { ref: portalContainer, style: style }) }));
 };
 const VideoPreview = ({ canvasSize }) => {
     const config = remotion_1.Internals.useUnsafeVideoConfig();
     if (!config) {
         return null;
     }
-    return (0, jsx_runtime_1.jsx)(Inner, { canvasSize: canvasSize }, void 0);
+    return (0, jsx_runtime_1.jsx)(Inner, { canvasSize: canvasSize });
 };
 exports.VideoPreview = VideoPreview;

package/dist/editor/components/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/editor/components/Preview.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/PreviewToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewToolbar.d.ts","sourceRoot":"","sources":["../../../src/editor/components/PreviewToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAwClD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAwClC,CAAC"}

package/dist/editor/components/PreviewToolbar.js

@@ -43,6 +43,6 @@ const PreviewToolbar = () => {
     const { mediaMuted } = (0, react_1.useContext)(remotion_1.Internals.MediaVolumeContext);
     const { setMediaMuted } = (0, react_1.useContext)(remotion_1.Internals.SetMediaVolumeContext);
     const [loop, setLoop] = (0, react_1.useState)((0, loop_1.loadLoopOption)());
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsxs)("div", { style: sideContainer, children: [(0, jsx_runtime_1.jsx)("div", { style: padding }, void 0), (0, jsx_runtime_1.jsx)(TimeValue_1.TimeValue, {}, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsx)(SizeSelector_1.SizeSelector, {}, void 0), (0, jsx_runtime_1.jsx)(PlaybackRateSelector_1.PlaybackRateSelector, { setPlaybackRate: setPlaybackRate, playbackRate: playbackRate }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 2 }, void 0), (0, jsx_runtime_1.jsx)(PlayPause_1.PlayPause, { loop: loop, playbackRate: playbackRate }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 2 }, void 0), (0, jsx_runtime_1.jsx)(LoopToggle_1.LoopToggle, { loop: loop, setLoop: setLoop }, void 0), (0, jsx_runtime_1.jsx)(CheckboardToggle_1.CheckboardToggle, {}, void 0), (0, jsx_runtime_1.jsx)(RichTimelineToggle_1.RichTimelineToggle, {}, void 0), (0, jsx_runtime_1.jsx)(TimelineInOutToggle_1.TimelineInOutPointToggle, {}, void 0), (0, jsx_runtime_1.jsx)(MuteToggle_1.MuteToggle, { muted: mediaMuted, setMuted: setMediaMuted }, void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsxs)("div", { style: sideContainer, children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsx)(FpsCounter_1.FpsCounter, { playbackSpeed: playbackRate }, void 0), (0, jsx_runtime_1.jsx)("div", { style: padding }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(PlaybackKeyboardShortcutsManager_1.PlaybackKeyboardShortcutsManager, { setPlaybackRate: setPlaybackRate }, void 0), (0, jsx_runtime_1.jsx)(PlaybackRatePersistor_1.PlaybackRatePersistor, {}, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsxs)("div", { style: sideContainer, children: [(0, jsx_runtime_1.jsx)("div", { style: padding }), (0, jsx_runtime_1.jsx)(TimeValue_1.TimeValue, {})] }), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}), (0, jsx_runtime_1.jsx)(SizeSelector_1.SizeSelector, {}), (0, jsx_runtime_1.jsx)(PlaybackRateSelector_1.PlaybackRateSelector, { setPlaybackRate: setPlaybackRate, playbackRate: playbackRate }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 2 }), (0, jsx_runtime_1.jsx)(PlayPause_1.PlayPause, { loop: loop, playbackRate: playbackRate }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 2 }), (0, jsx_runtime_1.jsx)(LoopToggle_1.LoopToggle, { loop: loop, setLoop: setLoop }), (0, jsx_runtime_1.jsx)(CheckboardToggle_1.CheckboardToggle, {}), (0, jsx_runtime_1.jsx)(RichTimelineToggle_1.RichTimelineToggle, {}), (0, jsx_runtime_1.jsx)(TimelineInOutToggle_1.TimelineInOutPointToggle, {}), (0, jsx_runtime_1.jsx)(MuteToggle_1.MuteToggle, { muted: mediaMuted, setMuted: setMediaMuted }), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}), (0, jsx_runtime_1.jsxs)("div", { style: sideContainer, children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, {}), (0, jsx_runtime_1.jsx)(FpsCounter_1.FpsCounter, { playbackSpeed: playbackRate }), (0, jsx_runtime_1.jsx)("div", { style: padding })] }), (0, jsx_runtime_1.jsx)(PlaybackKeyboardShortcutsManager_1.PlaybackKeyboardShortcutsManager, { setPlaybackRate: setPlaybackRate }), (0, jsx_runtime_1.jsx)(PlaybackRatePersistor_1.PlaybackRatePersistor, {})] }));
 };
 exports.PreviewToolbar = PreviewToolbar;

package/dist/editor/components/PreviewToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewToolbar.js","sourceRoot":"","sources":["../../../src/editor/components/PreviewToolbar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkD;AAClD,uCAAmC;AACnC,gEAA4D;AAC5D,wCAA6C;AAC7C,yDAAoD;AACpD,6CAAwC;AACxC,qCAAuC;AACvC,6CAAwC;AACxC,6CAAwC;AACxC,yFAAoF;AACpF,mEAA8D;AAC9D,iEAA4D;AAC5D,2CAAsC;AACtC,6DAAwD;AACxD,iDAA4C;AAC5C,+DAA+D;AAC/D,2CAAsC;AAEtC,MAAM,SAAS,GAAwB;IACtC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,8BAA8B;IACzC,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,aAAa,GAAwB;IAC1C,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,KAAK,EAAE,kCAAgB;CACvB,CAAC;AAEK,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAC,YAAY,EAAE,eAAe,EAAC,GAAG,IAAA,kBAAU,EACjD,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAClC,CAAC;IAEF,MAAM,EAAC,UAAU,EAAC,GAAG,IAAA,kBAAU,EAAC,oBAAS,CAAC,kBAAkB,CAAC,CAAC;IAC9D,MAAM,EAAC,aAAa,EAAC,GAAG,IAAA,kBAAU,EAAC,oBAAS,CAAC,qBAAqB,CAAC,CAAC;IAEpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,qBAAc,GAAE,CAAC,CAAC;IAEnD,OAAO,CACN,iCAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,aAC3C,iCAAK,KAAK,EAAE,aAAa,aACxB,gCAAK,KAAK,EAAE,OAAO,WAAI,EACvB,uBAAC,qBAAS,aAAG,YACR,EACN,uBAAC,aAAI,aAAG,EACR,uBAAC,2BAAY,aAAG,EAChB,uBAAC,2CAAoB,IACpB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,WACzB,EACF,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EACjB,uBAAC,qBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,WAAI,EACrD,uBAAC,gBAAO,IAAC,CAAC,EAAE,CAAC,WAAI,EACjB,uBAAC,uBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,WAAI,EAC5C,uBAAC,mCAAgB,aAAG,EACpB,uBAAC,uCAAkB,aAAG,EACtB,uBAAC,8CAAwB,aAAG,EAC5B,uBAAC,uBAAU,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,WAAI,EAC1D,uBAAC,aAAI,aAAG,EACR,iCAAK,KAAK,EAAE,aAAa,aACxB,uBAAC,aAAI,aAAG,EACR,uBAAC,uBAAU,IAAC,aAAa,EAAE,YAAY,WAAI,EAC3C,gCAAK,KAAK,EAAE,OAAO,WAAI,YAClB,EACN,uBAAC,mEAAgC,IAAC,eAAe,EAAE,eAAe,WAAI,EACtE,uBAAC,6CAAqB,aAAG,YACpB,CACN,CAAC;AACH,CAAC,CAAC;AAxCW,QAAA,cAAc,kBAwCzB"}

package/dist/editor/components/RichTimelineToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTimelineToggle.d.ts","sourceRoot":"","sources":["../../../src/editor/components/RichTimelineToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAYrD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EA0BtC,CAAC"}

package/dist/editor/components/RichTimelineToggle.js

@@ -24,6 +24,6 @@ const RichTimelineToggle = () => {
                 width: 16,
                 height: 16,
                 color: richTimeline ? 'var(--blue)' : 'white',
-            } }, void 0) }, void 0));
+            } }) }));
 };
 exports.RichTimelineToggle = RichTimelineToggle;

package/dist/editor/components/RichTimelineToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTimelineToggle.js","sourceRoot":"","sources":["../../../src/editor/components/RichTimelineToggle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,oFAAgE;AAChE,gDAA+C;AAC/C,0DAGgC;AAChC,mDAA8C;AAE9C,MAAM,OAAO,GACZ,8EAA8E,CAAC;AAEzE,MAAM,kBAAkB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAC,YAAY,EAAE,eAAe,EAAC,GAAG,IAAA,kBAAU,EAAC,mCAAmB,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,IAAA,sCAAU,GAAE,CAAC;IAE7B,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE;YACrB,IAAA,yCAAyB,EAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,IAAI,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,uBAAC,6BAAa,IAAC,KAAK,EAAE,OAAO,gBAAc,OAAO,EAAE,OAAO,EAAE,OAAO,YACnE,uBAAC,uBAAY,IACZ,KAAK,EAAE;gBACN,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;aAC7C,WACA,WACa,CAChB,CAAC;AACH,CAAC,CAAC;AA1BW,QAAA,kBAAkB,sBA0B7B"}

package/dist/editor/components/SizeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/components/SizeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,eAAO,MAAM,kBAAkB,EAAE,WAAW,EAA2B,CAAC;AAExE,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,+CAgB3D,CAAC;AAMF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAsChC,CAAC"}

package/dist/editor/components/SizeSelector.js

@@ -45,11 +45,11 @@ const SizeSelector = () => {
                 type: 'item',
                 value: newSize,
                 keyHint: null,
-                leftItem: String(size) === String(newSize) ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}, void 0) : null,
+                leftItem: String(size) === String(newSize) ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null,
                 subMenu: null,
             };
         });
     }, [setSize, size]);
-    return ((0, jsx_runtime_1.jsx)("div", { style: style, "aria-label": accessibilityLabel, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { title: accessibilityLabel, style: comboStyle, selectedId: String(size), values: items }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { style: style, "aria-label": accessibilityLabel, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { title: accessibilityLabel, style: comboStyle, selectedId: String(size), values: items }) }));
 };
 exports.SizeSelector = SizeSelector;

package/dist/editor/components/SizeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeSelector.js","sourceRoot":"","sources":["../../../src/editor/components/SizeSelector.tsx"],"names":[],"mappings":";;;;AACA,iCAAiD;AACjD,kDAA6C;AAC7C,wDAAyD;AACzD,mDAAuD;AACvD,wDAAkE;AAErD,QAAA,kBAAkB,GAAkB,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AAEjE,MAAM,mBAAmB,GAAG,CAAC,WAAwB,EAAE,EAAE;IAC/D,IAAI,WAAW,KAAK,CAAC,EAAE;QACtB,OAAO,MAAM,CAAC;KACd;IAED,IAAI,WAAW,KAAK,GAAG,EAAE;QACxB,OAAO,KAAK,CAAC;KACb;IAED,IAAI,WAAW,KAAK,IAAI,EAAE;QACzB,OAAO,KAAK,CAAC;KACb;IAED,IAAI,WAAW,KAAK,MAAM,EAAE;QAC3B,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC;AAhBW,QAAA,mBAAmB,uBAgB9B;AAEF,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,GAAwB,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC;AAE7C,MAAM,YAAY,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAG,IAAA,kBAAU,EAAC,iCAAkB,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACN,OAAO,EAAE,sCAAsB;SAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAoB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3C,OAAO,0BAAkB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAiB,EAAE;YACxD,OAAO;gBACN,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC;gBACnB,KAAK,EAAE,IAAA,2BAAmB,EAAC,OAAO,CAAC;gBACnC,OAAO,EAAE,GAAG,EAAE;oBACb,OAAO,OAAO,CAAC,GAAG,EAAE;wBACnB,OAAO,OAAO,CAAC;oBAChB,CAAC,CAAC,CAAC;gBACJ,CAAC;gBACD,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,uBAAC,qBAAS,aAAG,CAAC,CAAC,CAAC,IAAI;gBACjE,OAAO,EAAE,IAAI;aACb,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACN,gCAAK,KAAK,EAAE,KAAK,gBAAc,kBAAkB,YAChD,uBAAC,mBAAQ,IACR,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,EACxB,MAAM,EAAE,KAAK,WACZ,WACG,CACN,CAAC;AACH,CAAC,CAAC;AAtCW,QAAA,YAAY,gBAsCvB"}

package/dist/editor/components/Splitter/SplitterContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterContainer.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Splitter/SplitterContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAGN,mBAAmB,EAEnB,MAAM,mBAAmB,CAAC;AAe3B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAkEA,CAAC"}

package/dist/editor/components/Splitter/SplitterContainer.js

@@ -62,6 +62,6 @@ const SplitterContainer = ({ orientation, children, defaultFlex, maxFlex, minFle
         orientation,
         persistFlex,
     ]);
-    return ((0, jsx_runtime_1.jsx)(SplitterContext_1.SplitterContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, style: orientation === 'horizontal' ? containerColumn : containerRow, children: children }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(SplitterContext_1.SplitterContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, style: orientation === 'horizontal' ? containerColumn : containerRow, children: children }) }));
 };
 exports.SplitterContainer = SplitterContainer;

package/dist/editor/components/Splitter/SplitterContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterContainer.js","sourceRoot":"","sources":["../../../../src/editor/components/Splitter/SplitterContainer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkE;AAClE,mDAAqD;AACrD,uDAK2B;AAE3B,MAAM,YAAY,GAAwB;IACzC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,eAAe,GAAwB;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,CAAC;CACP,CAAC;AAEK,MAAM,iBAAiB,GAOzB,CAAC,EAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAC,EAAE,EAAE;IACnE,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,GAAG,IAAA,0BAAe,EAAC,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EACzC,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,WAAW,CAClC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EACrC,IAAI,CACJ,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAoB,KAAK,CAAC,CAAC;IAEpD,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACtC,OAAO,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACrC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,OAAO,EAAE;YACb,OAAO;SACP;QAED,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAChC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACd,UAAU,CAAC,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,qBAAqB,EAAE,mCAAI,IAAI,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAqB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5C,OAAO;YACN,SAAS;YACT,OAAO;YACP,YAAY;YACZ,UAAU;YACV,WAAW;YACX,EAAE;YACF,OAAO;YACP,OAAO;YACP,WAAW;YACX,WAAW;SACX,CAAC;IACH,CAAC,EAAE;QACF,WAAW;QACX,OAAO;QACP,SAAS;QACT,EAAE;QACF,OAAO;QACP,OAAO;QACP,WAAW;QACX,WAAW;KACX,CAAC,CAAC;IAEH,OAAO,CACN,uBAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACrC,gCACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,YAEnE,QAAQ,WACJ,WACoB,CAC3B,CAAC;AACH,CAAC,CAAC;AAzEW,QAAA,iBAAiB,qBAyE5B"}

package/dist/editor/components/Splitter/SplitterContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterContext.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Splitter/SplitterContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,iBAAiB,GAAG,KAAK,GAAG;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAE/D,oBAAY,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D,oBAAY,gBAAgB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3D,OAAO,EAAE,OAAO,GAAG,eAAe,GAAG,IAAI,CAAC;IAC1C,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAC/B,KAAK,GACL;QACA,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACT,CACH,CAAC;CACF,CAAC;AAEF,eAAO,MAAM,eAAe,iCAW1B,CAAC"}

package/dist/editor/components/Splitter/SplitterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterContext.js","sourceRoot":"","sources":["../../../../src/editor/components/Splitter/SplitterContext.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAyBb,QAAA,eAAe,GAAG,eAAK,CAAC,aAAa,CAAmB;IACpE,SAAS,EAAE,CAAC;IACZ,OAAO,EAAE,IAAI;IACb,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;IAC7B,UAAU,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC;IAC5B,WAAW,EAAE,YAAY;IACzB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,CAAC;IACd,EAAE,EAAE,IAAI;IACR,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS;CAC5B,CAAC,CAAC"}

package/dist/editor/components/Splitter/SplitterElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterElement.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Splitter/SplitterElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAYA,CAAC"}

package/dist/editor/components/Splitter/SplitterElement.js

@@ -8,11 +8,13 @@ const SplitterElement = ({ children, type }) => {
     const context = (0, react_1.useContext)(SplitterContext_1.SplitterContext);
     const style = (0, react_1.useMemo)(() => {
         return {
-            flex: type === 'flexer' ? context.flexValue : 1 - context.flexValue,
+            flex: 
+            // Multiply by 1000 because if flex values don't add up to at least 1, they will not fill up the screen
+            (type === 'flexer' ? context.flexValue : 1 - context.flexValue) * 1000,
             display: 'flex',
             position: 'relative',
         };
     }, [context.flexValue, type]);
-    return (0, jsx_runtime_1.jsx)("div", { style: style, children: children }, void 0);
+    return (0, jsx_runtime_1.jsx)("div", { style: style, children: children });
 };
 exports.SplitterElement = SplitterElement;

package/dist/editor/components/Splitter/SplitterElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterElement.js","sourceRoot":"","sources":["../../../../src/editor/components/Splitter/SplitterElement.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,uDAAkD;AAE3C,MAAM,eAAe,GAGvB,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,iCAAe,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/C,OAAO;YACN,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,SAAS;YACnE,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;SACpB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAE9B,OAAO,gCAAK,KAAK,EAAE,KAAK,YAAG,QAAQ,WAAO,CAAC;AAC5C,CAAC,CAAC;AAfW,QAAA,eAAe,mBAe1B"}

package/dist/editor/components/Splitter/SplitterHandle.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
 export declare const SPLITTER_HANDLE_SIZE = 3;
-export declare const SplitterHandle: React.FC;
+export declare const SplitterHandle: React.FC<{
+    allowToCollapse: boolean;
+    onCollapse: () => void;
+}>;

package/dist/editor/components/Splitter/SplitterHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterHandle.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Splitter/SplitterHandle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAGrE,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAYtC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAuGlC,CAAC"}

package/dist/editor/components/Splitter/SplitterHandle.js

@@ -14,7 +14,7 @@ const containerColumn = {
     width: exports.SPLITTER_HANDLE_SIZE,
     cursor: 'col-resize',
 };
-const SplitterHandle = () => {
+const SplitterHandle = ({ allowToCollapse, onCollapse }) => {
     const context = (0, react_1.useContext)(SplitterContext_1.SplitterContext);
     if (!context) {
         throw new Error('Cannot find splitter context');
@@ -32,7 +32,7 @@ const SplitterHandle = () => {
         if (!current) {
             return;
         }
-        const getNewValue = (e) => {
+        const getNewValue = (e, clamp) => {
             if (!context.isDragging.current) {
                 throw new Error('cannot get value if not dragging');
             }
@@ -49,7 +49,10 @@ const SplitterHandle = () => {
                     (height - exports.SPLITTER_HANDLE_SIZE));
             })();
             const newFlex = context.flexValue + change;
-            return Math.min(context.maxFlex, Math.max(context.minFlex, newFlex));
+            if (clamp) {
+                return Math.min(context.maxFlex, Math.max(context.minFlex, newFlex));
+            }
+            return newFlex;
         };
         const onPointerDown = (e) => {
             var _a;
@@ -59,7 +62,10 @@ const SplitterHandle = () => {
             };
             (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList.add('remotion-splitter-active');
             window.addEventListener('pointerup', (ev) => {
-                context.persistFlex(getNewValue(ev));
+                if (!context.isDragging.current) {
+                    return;
+                }
+                context.persistFlex(getNewValue(ev, true));
                 cleanup();
                 setLastPointerUp(Date.now());
             }, { once: true });
@@ -67,8 +73,16 @@ const SplitterHandle = () => {
         };
         const onPointerMove = (e) => {
             if (context.isDragging.current) {
-                const val = getNewValue(e);
+                const val = getNewValue(e, true);
                 context.setFlexValue(val);
+                if (allowToCollapse) {
+                    const unclamped = getNewValue(e, false);
+                    if (unclamped < context.minFlex / 2) {
+                        cleanup();
+                        onCollapse();
+                        setLastPointerUp(Date.now());
+                    }
+                }
             }
         };
         const cleanup = () => {
@@ -85,7 +99,14 @@ const SplitterHandle = () => {
                 cleanup();
             }
         };
-    }, [context, context.domRect, context.flexValue, lastPointerUp]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "remotion-splitter", style: context.orientation === 'horizontal' ? containerRow : containerColumn }, void 0));
+    }, [
+        allowToCollapse,
+        context,
+        context.domRect,
+        context.flexValue,
+        lastPointerUp,
+        onCollapse,
+    ]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "remotion-splitter", style: context.orientation === 'horizontal' ? containerRow : containerColumn }));
 };
 exports.SplitterHandle = SplitterHandle;

package/dist/editor/components/Splitter/SplitterHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterHandle.js","sourceRoot":"","sources":["../../../../src/editor/components/Splitter/SplitterHandle.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EAAoB,YAAY,EAAuB,MAAM,UAAU,CAAC;AAQ/E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACvB,CAsFA,CAAC"}

package/dist/editor/components/Thumbnail.js

@@ -71,6 +71,6 @@ const Thumbnail = ({ composition, targetHeight, targetWidth, frameToDisplay }) =
         return (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {};
     }, [composition.defaultProps]);
     const ThumbnailComponent = composition.component;
-    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { style: inner, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineState, children: (0, jsx_runtime_1.jsx)(ThumbnailComponent, { ...props }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", { style: outer, children: (0, jsx_runtime_1.jsx)("div", { style: inner, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineState, children: (0, jsx_runtime_1.jsx)(ThumbnailComponent, { ...props }) }) }) }) }) }));
 };
 exports.Thumbnail = Thumbnail;

package/dist/editor/components/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/editor/components/Thumbnail.tsx"],"names":[],"mappings":"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"}

package/dist/editor/components/TimeValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeValue.d.ts","sourceRoot":"","sources":["../../../src/editor/components/TimeValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAqB7B,CAAC"}

package/dist/editor/components/TimeValue.js

@@ -33,6 +33,6 @@ const TimeValue = () => {
     if (isStill) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: text, children: [(0, jsx_runtime_1.jsx)("div", { style: time, children: (0, render_frame_1.renderFrame)(frame, config.fps) }, void 0), ' ', (0, jsx_runtime_1.jsxs)("div", { style: frameStyle, children: [frame, " ", (0, jsx_runtime_1.jsxs)("span", { style: frameStyle, children: ["(", config.fps, " fps)"] }, void 0)] }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: text, children: [(0, jsx_runtime_1.jsx)("div", { style: time, children: (0, render_frame_1.renderFrame)(frame, config.fps) }), ' ', (0, jsx_runtime_1.jsxs)("div", { style: frameStyle, children: [frame, " ", (0, jsx_runtime_1.jsxs)("span", { style: frameStyle, children: ["(", config.fps, " fps)"] })] })] }));
 };
 exports.TimeValue = TimeValue;

package/dist/editor/components/TimeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeValue.js","sourceRoot":"","sources":["../../../src/editor/components/TimeValue.tsx"],"names":[],"mappings":";;;;AACA,uCAAoD;AACpD,oFAAgE;AAChE,wDAAkD;AAElD,MAAM,IAAI,GAAwB;IACjC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,kBAAkB,EAAE,cAAc;IAClC,UAAU,EAAE,CAAC;CACb,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,UAAU,GAAwB;IACvC,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;CACf,CAAC;AAEK,MAAM,SAAS,GAAa,GAAG,EAAE;IACvC,MAAM,KAAK,GAAG,IAAA,0BAAe,GAAE,CAAC;IAChC,MAAM,MAAM,GAAG,oBAAS,CAAC,oBAAoB,EAAE,CAAC;IAChD,MAAM,OAAO,GAAG,IAAA,sCAAU,GAAE,CAAC;IAE7B,IAAI,CAAC,MAAM,EAAE;QACZ,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,iCAAK,KAAK,EAAE,IAAI,aACf,gCAAK,KAAK,EAAE,IAAI,YAAG,IAAA,0BAAW,EAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,WAAO,EAAC,GAAG,EAC5D,iCAAK,KAAK,EAAE,UAAU,aACpB,KAAK,OAAE,kCAAM,KAAK,EAAE,UAAU,kBAAI,MAAM,CAAC,GAAG,qBAAa,YACrD,YACD,CACN,CAAC;AACH,CAAC,CAAC;AArBW,QAAA,SAAS,aAqBpB"}

package/dist/editor/components/Timeline/LoopedIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoopedIndicator.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/LoopedIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA+D1B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAcnC,CAAC"}

package/dist/editor/components/Timeline/LoopedIndicator.js

@@ -13,7 +13,7 @@ const icon = {
     height: 12,
     width: 12,
 };
-const Icon = () => ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "repeat", className: "svg-inline--fa fa-repeat fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: icon, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M512 256c0 88.224-71.775 160-160 160H170.067l34.512 32.419c9.875 9.276 10.119 24.883.539 34.464l-10.775 10.775c-9.373 9.372-24.568 9.372-33.941 0l-92.686-92.686c-9.373-9.373-9.373-24.568 0-33.941l92.686-92.686c9.373-9.373 24.568-9.373 33.941 0l10.775 10.775c9.581 9.581 9.337 25.187-.539 34.464L170.067 352H352c52.935 0 96-43.065 96-96 0-13.958-2.996-27.228-8.376-39.204-4.061-9.039-2.284-19.626 4.723-26.633l12.183-12.183c11.499-11.499 30.965-8.526 38.312 5.982C505.814 205.624 512 230.103 512 256zM72.376 295.204C66.996 283.228 64 269.958 64 256c0-52.935 43.065-96 96-96h181.933l-34.512 32.419c-9.875 9.276-10.119 24.883-.539 34.464l10.775 10.775c9.373 9.372 24.568 9.372 33.941 0l92.686-92.686c9.373-9.373 9.373-24.568 0-33.941l-92.686-92.686c-9.373-9.373-24.568-9.373-33.941 0L306.882 29.12c-9.581 9.581-9.337 25.187.539 34.464L341.933 96H160C71.775 96 0 167.776 0 256c0 25.897 6.186 50.376 17.157 72.039 7.347 14.508 26.813 17.481 38.312 5.982l12.183-12.183c7.008-7.008 8.786-17.595 4.724-26.634z" }, void 0) }, void 0));
+const Icon = () => ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "repeat", className: "svg-inline--fa fa-repeat fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", style: icon, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M512 256c0 88.224-71.775 160-160 160H170.067l34.512 32.419c9.875 9.276 10.119 24.883.539 34.464l-10.775 10.775c-9.373 9.372-24.568 9.372-33.941 0l-92.686-92.686c-9.373-9.373-9.373-24.568 0-33.941l92.686-92.686c9.373-9.373 24.568-9.373 33.941 0l10.775 10.775c9.581 9.581 9.337 25.187-.539 34.464L170.067 352H352c52.935 0 96-43.065 96-96 0-13.958-2.996-27.228-8.376-39.204-4.061-9.039-2.284-19.626 4.723-26.633l12.183-12.183c11.499-11.499 30.965-8.526 38.312 5.982C505.814 205.624 512 230.103 512 256zM72.376 295.204C66.996 283.228 64 269.958 64 256c0-52.935 43.065-96 96-96h181.933l-34.512 32.419c-9.875 9.276-10.119 24.883-.539 34.464l10.775 10.775c9.373 9.372 24.568 9.372 33.941 0l92.686-92.686c9.373-9.373 9.373-24.568 0-33.941l-92.686-92.686c-9.373-9.373-24.568-9.373-33.941 0L306.882 29.12c-9.581 9.581-9.337 25.187.539 34.464L341.933 96H160C71.775 96 0 167.776 0 256c0 25.897 6.186 50.376 17.157 72.039 7.347 14.508 26.813 17.481 38.312 5.982l12.183-12.183c7.008-7.008 8.786-17.595 4.724-26.634z" }) }));
 const topLine = {
     top: 0,
     height: 10,
@@ -39,6 +39,6 @@ const bottomContainer = {
     alignItems: 'center',
 };
 const LoopedIndicator = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: width, children: [(0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: topContainer, children: (0, jsx_runtime_1.jsx)("div", { style: topLine }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: bottomContainer, children: (0, jsx_runtime_1.jsx)("div", { style: bottomLine }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: centerContainer, children: (0, jsx_runtime_1.jsx)(Icon, {}, void 0) }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: width, children: [(0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: topContainer, children: (0, jsx_runtime_1.jsx)("div", { style: topLine }) }), (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: bottomContainer, children: (0, jsx_runtime_1.jsx)("div", { style: bottomLine }) }), (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: centerContainer, children: (0, jsx_runtime_1.jsx)(Icon, {}) })] }));
 };
 exports.LoopedIndicator = LoopedIndicator;

package/dist/editor/components/Timeline/LoopedIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoopedIndicator.js","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/LoopedIndicator.tsx"],"names":[],"mappings":";;;;AACA,uCAAsC;AAEtC,MAAM,KAAK,GAAwB;IAClC,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;CACpB,CAAC;AAEF,MAAM,IAAI,GAAwB;IACjC,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,IAAI,GAAa,GAAG,EAAE,CAAC,CAC5B,+CACa,MAAM,EAClB,SAAS,EAAC,OAAO,iBACL,KAAK,eACP,QAAQ,EAClB,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,IAAI,YAEX,iCACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2+BAA2+B,WAC5+B,WACG,CACN,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,CAAC;IACR,UAAU,EAAE,gEAAgE;CAC5E,CAAC;AAEF,MAAM,UAAU,GAAwB;IACvC,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,CAAC;IACR,UAAU,EAAE,gEAAgE;CAC5E,CAAC;AAEF,MAAM,YAAY,GAAwB;IACzC,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,eAAe,GAAwB;IAC5C,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,eAAe,GAAwB;IAC5C,cAAc,EAAE,UAAU;IAC1B,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEK,MAAM,eAAe,GAAa,GAAG,EAAE;IAC7C,OAAO,CACN,iCAAK,KAAK,EAAE,KAAK,aAChB,uBAAC,uBAAY,IAAC,KAAK,EAAE,YAAY,YAChC,gCAAK,KAAK,EAAE,OAAO,WAAI,WACT,EACf,uBAAC,uBAAY,IAAC,KAAK,EAAE,eAAe,YACnC,gCAAK,KAAK,EAAE,UAAU,WAAI,WACZ,EACf,uBAAC,uBAAY,IAAC,KAAK,EAAE,eAAe,YACnC,uBAAC,IAAI,aAAG,WACM,YACV,CACN,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B"}

package/dist/editor/components/Timeline/LoopedTimelineIndicators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoopedTimelineIndicators.d.ts","sourceRoot":"","sources":["../../../../src/editor/components/Timeline/LoopedTimelineIndicators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACd,CAgBA,CAAC"}