@remotion/cli 3.0.0-lambda.2 → 3.0.0-lambda.203

package/dist/editor/components/PlayPause.js

@@ -12,12 +12,20 @@ const play_1 = require("../icons/play");
 const step_back_1 = require("../icons/step-back");
 const step_forward_1 = require("../icons/step-forward");
 const ControlButton_1 = require("./ControlButton");
-const PlayPause = () => {
+const forwardBackStyle = {
+    height: 16,
+    width: 16,
+    color: 'white',
+};
+const PlayPause = ({ playbackRate, loop }) => {
     var _a;
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
     const video = remotion_1.Internals.useVideo();
-    player_1.PlayerInternals.usePlayback({ loop: true });
-    const { playing, play, pause, frameBack, frameForward, isLastFrame, } = player_1.PlayerInternals.usePlayer();
+    player_1.PlayerInternals.usePlayback({
+        loop,
+        playbackRate,
+    });
+    const { playing, play, pause, frameBack, frameForward, isLastFrame } = player_1.PlayerInternals.usePlayer();
     const isStill = (0, is_current_selected_still_1.useIsStill)();
     (0, react_1.useEffect)(() => {
         if (isStill) {
@@ -68,11 +76,7 @@ const PlayPause = () => {
     if (isStill) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, Object.assign({ "aria-label": "Step back one frame", disabled: frame === 0, onClick: oneFrameBack }, { children: (0, jsx_runtime_1.jsx)(step_back_1.StepBack, { style: {
-                        height: 16,
-                        width: 16,
-                        color: 'white',
-                    } }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, Object.assign({ "aria-label": 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, Object.assign({ "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, Object.assign({ "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',
@@ -80,11 +84,7 @@ const PlayPause = () => {
                         height: 14,
                         width: 14,
                         color: 'white',
-                    } }, void 0)) }), void 0), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, Object.assign({ "aria-label": "Step forward one frame", disabled: isLastFrame, onClick: oneFrameForward }, { children: (0, jsx_runtime_1.jsx)(step_forward_1.StepForward, { style: {
-                        height: 16,
-                        width: 16,
-                        color: 'white',
-                    } }, void 0) }), void 0)] }, void 0));
+                    } }, void 0)) }), void 0), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, Object.assign({ "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));
 };
 exports.PlayPause = PlayPause;
 //# sourceMappingURL=PlayPause.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlayPause.js","sourceRoot":"","sources":["../../../src/editor/components/PlayPause.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PlayPause.js","sourceRoot":"","sources":["../../../src/editor/components/PlayPause.tsx"],"names":[],"mappings":";;;;AAAA,6CAAiD;AACjD,iCAAoD;AACpD,uCAAmC;AACnC,oFAAgE;AAChE,8DAAwD;AACxD,0CAAqC;AACrC,wCAAmC;AACnC,kDAA4C;AAC5C,wDAAkD;AAClD,mDAA8C;AAE9C,MAAM,gBAAgB,GAAG;IACxB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,OAAO;CACd,CAAC;AAEK,MAAM,SAAS,GAGjB,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,EAAE,EAAE;;IAC7B,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,EAAE,CAAC;IACnC,wBAAe,CAAC,WAAW,CAAC;QAC3B,IAAI;QACJ,YAAY;KACZ,CAAC,CAAC;IAEH,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAC,GACjE,wBAAe,CAAC,SAAS,EAAE,CAAC;IAE7B,MAAM,OAAO,GAAG,IAAA,sCAAU,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,OAAO,EAAE;YACZ,KAAK,EAAE,CAAC;SACR;IACF,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAgB,EAAE,EAAE;QACpB,IAAI,OAAO,EAAE;YACZ,KAAK,EAAE,CAAC;SACR;aAAM;YACN,IAAI,EAAE,CAAC;SACP;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CACtB,CAAC;IACF,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,mCAAI,IAAI,CAAC;IAEpC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAgB,EAAE,EAAE;QACpB,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO,IAAI,CAAC;SACZ;QAED,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAgB,EAAE,EAAE;QACpB,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO,IAAI,CAAC;SACZ;QAED,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,SAAS,CAAC,CAAC,CAAC,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,YAAY,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,MAAM,WAAW,GAAG,IAAA,8BAAa,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,SAAS,GAAG,WAAW,CAAC,kBAAkB,CAC/C,SAAS,EACT,WAAW,EACX,WAAW,CACX,CAAC;QACF,MAAM,UAAU,GAAG,WAAW,CAAC,kBAAkB,CAChD,SAAS,EACT,YAAY,EACZ,YAAY,CACZ,CAAC;QACF,MAAM,KAAK,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;QAEtE,OAAO,GAAG,EAAE;YACX,SAAS,CAAC,UAAU,EAAE,CAAC;YACvB,UAAU,CAAC,UAAU,EAAE,CAAC;YACxB,KAAK,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtD,IAAI,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,6DACC,uBAAC,6BAAa,gCACF,qBAAqB,EAChC,KAAK,EAAC,qBAAqB,EAC3B,QAAQ,EAAE,KAAK,KAAK,CAAC,EACrB,OAAO,EAAE,YAAY,gBAErB,uBAAC,oBAAQ,IAAC,KAAK,EAAE,gBAAgB,WAAI,YACtB,EAEhB,uBAAC,6BAAa,gCACD,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACtC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACjC,QAAQ,EAAE,CAAC,KAAK,EAChB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,gBAE9B,OAAO,CAAC,CAAC,CAAC,CACV,uBAAC,aAAK,IACL,KAAK,EAAE;wBACN,MAAM,EAAE,EAAE;wBACV,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,OAAO;qBACd,WACA,CACF,CAAC,CAAC,CAAC,CACH,uBAAC,WAAI,IACJ,KAAK,EAAE;wBACN,MAAM,EAAE,EAAE;wBACV,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,OAAO;qBACd,WACA,CACF,YACc,EAEhB,uBAAC,6BAAa,gCACF,wBAAwB,EACnC,KAAK,EAAC,wBAAwB,EAC9B,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,eAAe,gBAExB,uBAAC,0BAAW,IAAC,KAAK,EAAE,gBAAgB,WAAI,YACzB,YACd,CACH,CAAC;AACH,CAAC,CAAC;AA3IW,QAAA,SAAS,aA2IpB"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const PlaybackKeyboardShortcutsManager: React.FC<{
+    setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
+}>;
+//# sourceMappingURL=PlaybackKeyboardShortcutsManager.d.ts.map

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,KAAkB,MAAM,OAAO,CAAC;AAIvC,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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlaybackKeyboardShortcutsManager = void 0;
+const react_1 = require("react");
+const react_2 = require("react");
+const use_keybinding_1 = require("../helpers/use-keybinding");
+const player_1 = require("@remotion/player");
+const PlaybackKeyboardShortcutsManager = ({ setPlaybackRate }) => {
+    const keybindings = (0, use_keybinding_1.useKeybinding)();
+    const { play, pause, playing } = player_1.PlayerInternals.usePlayer();
+    const onJKey = (0, react_1.useCallback)(() => {
+        setPlaybackRate((prevPlaybackRate) => {
+            if (!playing) {
+                return -1;
+            }
+            if (prevPlaybackRate > 0) {
+                return -1;
+            }
+            if (prevPlaybackRate === -1) {
+                return -2;
+            }
+            if (prevPlaybackRate === -2) {
+                return -4;
+            }
+            if (prevPlaybackRate === -4) {
+                return -4;
+            }
+            throw new Error('unexpected previous playrate when pressing J: ' + prevPlaybackRate);
+        });
+        play();
+    }, [play, playing, setPlaybackRate]);
+    const onKKey = (0, react_1.useCallback)(() => {
+        setPlaybackRate(1);
+        pause();
+    }, [pause, setPlaybackRate]);
+    const onLKey = (0, react_1.useCallback)(() => {
+        setPlaybackRate((prevPlaybackRate) => {
+            if (!playing) {
+                return 1;
+            }
+            if (prevPlaybackRate < 0) {
+                return 1;
+            }
+            if (prevPlaybackRate === 1) {
+                return 2;
+            }
+            if (prevPlaybackRate === 2) {
+                return 4;
+            }
+            if (prevPlaybackRate === 4) {
+                return 4;
+            }
+            throw new Error('unexpected previous playrate when pressing L: ' + prevPlaybackRate);
+        });
+        play();
+    }, [play, playing, setPlaybackRate]);
+    (0, react_2.useEffect)(() => {
+        const jKey = keybindings.registerKeybinding('keydown', 'j', onJKey);
+        const kKey = keybindings.registerKeybinding('keydown', 'k', onKKey);
+        const lKey = keybindings.registerKeybinding('keydown', 'l', onLKey);
+        return () => {
+            jKey.unregister();
+            kKey.unregister();
+            lKey.unregister();
+        };
+    }, [keybindings, onJKey, onKKey, onLKey]);
+    return null;
+};
+exports.PlaybackKeyboardShortcutsManager = PlaybackKeyboardShortcutsManager;
+//# sourceMappingURL=PlaybackKeyboardShortcutsManager.js.map

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,iCAAkC;AAClC,iCAAuC;AACvC,8DAAwD;AACxD,6CAAiD;AAE1C,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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const PlaybackRatePersistor: React.FC;
+//# sourceMappingURL=PlaybackRatePersistor.d.ts.map

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlaybackRatePersistor = void 0;
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const playbackrate_1 = require("../state/playbackrate");
+const PlaybackRatePersistor = () => {
+    const { setPlaybackRate, playbackRate } = (0, react_1.useContext)(remotion_1.Internals.Timeline.TimelineContext);
+    (0, react_1.useEffect)(() => {
+        setPlaybackRate((0, playbackrate_1.loadPlaybackRate)());
+    }, [setPlaybackRate]);
+    (0, react_1.useEffect)(() => {
+        (0, playbackrate_1.persistPlaybackRate)(playbackRate);
+    }, [playbackRate]);
+    return null;
+};
+exports.PlaybackRatePersistor = PlaybackRatePersistor;
+//# sourceMappingURL=PlaybackRatePersistor.js.map

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const commonPlaybackRates: number[];
+export declare const getPlaybackRateLabel: (playbackRate: number) => string;
+export declare const PlaybackRateSelector: React.FC<{
+    playbackRate: number;
+    setPlaybackRate: React.Dispatch<React.SetStateAction<number>>;
+}>;
+//# sourceMappingURL=PlaybackRateSelector.d.ts.map

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlaybackRateSelector = exports.getPlaybackRateLabel = exports.commonPlaybackRates = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Checkmark_1 = require("../icons/Checkmark");
+const playbackrate_1 = require("../state/playbackrate");
+const ControlButton_1 = require("./ControlButton");
+const ComboBox_1 = require("./NewComposition/ComboBox");
+exports.commonPlaybackRates = [
+    -4, -2, -1, -0.5, -0.25, 0.25, 0.5, 1, 2, 4,
+];
+const getPlaybackRateLabel = (playbackRate) => {
+    return `${playbackRate}x`;
+};
+exports.getPlaybackRateLabel = getPlaybackRateLabel;
+const accessibilityLabel = 'Change the playback rate';
+const comboStyle = { width: 80 };
+const PlaybackRateSelector = ({ playbackRate, setPlaybackRate }) => {
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            padding: ControlButton_1.CONTROL_BUTTON_PADDING,
+        };
+    }, []);
+    const items = (0, react_1.useMemo)(() => {
+        const divider = {
+            type: 'divider',
+            id: 'divider',
+        };
+        const values = exports.commonPlaybackRates.map((newPlaybackRate) => {
+            return {
+                id: String(newPlaybackRate),
+                label: (0, exports.getPlaybackRateLabel)(newPlaybackRate),
+                onClick: () => {
+                    return setPlaybackRate(() => {
+                        (0, playbackrate_1.persistPlaybackRate)(newPlaybackRate);
+                        return newPlaybackRate;
+                    });
+                },
+                type: 'item',
+                value: newPlaybackRate,
+                keyHint: null,
+                leftItem: String(playbackRate) === String(newPlaybackRate) ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}, void 0)) : 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", Object.assign({ 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));
+};
+exports.PlaybackRateSelector = PlaybackRateSelector;
+//# sourceMappingURL=PlaybackRateSelector.js.map

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,8CAAK,KAAK,EAAE,KAAK,gBAAc,kBAAkB,gBAChD,uBAAC,mBAAQ,IACR,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,EAChC,MAAM,EAAE,KAAK,WACZ,YACG,CACN,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,oBAAoB,wBAiD/B"}

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

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

package/dist/editor/components/PreviewToolbar.js

@@ -2,10 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PreviewToolbar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
 const timeline_layout_1 = require("../helpers/timeline-layout");
+const loop_1 = require("../state/loop");
 const CheckboardToggle_1 = require("./CheckboardToggle");
 const FpsCounter_1 = require("./FpsCounter");
 const layout_1 = require("./layout");
+const LoopToggle_1 = require("./LoopToggle");
+const PlaybackKeyboardShortcutsManager_1 = require("./PlaybackKeyboardShortcutsManager");
+const PlaybackRatePersistor_1 = require("./PlaybackRatePersistor");
+const PlaybackRateSelector_1 = require("./PlaybackRateSelector");
 const PlayPause_1 = require("./PlayPause");
 const RichTimelineToggle_1 = require("./RichTimelineToggle");
 const SizeSelector_1 = require("./SizeSelector");
@@ -31,7 +38,9 @@ const padding = {
     width: timeline_layout_1.TIMELINE_PADDING,
 };
 const PreviewToolbar = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container, className: "css-reset" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ 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)(PlayPause_1.PlayPause, {}, 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)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: sideContainer }, { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsx)(FpsCounter_1.FpsCounter, {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: padding }, void 0)] }), void 0)] }), void 0));
+    const { playbackRate, setPlaybackRate } = (0, react_1.useContext)(remotion_1.Internals.Timeline.TimelineContext);
+    const [loop, setLoop] = (0, react_1.useState)((0, loop_1.loadLoopOption)());
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: container, className: "css-reset" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ 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)(layout_1.Flex, {}, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ 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));
 };
 exports.PreviewToolbar = PreviewToolbar;
 //# sourceMappingURL=PreviewToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewToolbar.js","sourceRoot":"","sources":["../../../src/editor/components/PreviewToolbar.tsx"],"names":[],"mappings":";;;;AACA,gEAA4D;AAC5D,yDAAoD;AACpD,6CAAwC;AACxC,qCAA8B;AAC9B,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,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,iBAC3C,+CAAK,KAAK,EAAE,aAAa,iBACxB,gCAAK,KAAK,EAAE,OAAO,WAAI,EACvB,uBAAC,qBAAS,aAAG,aACR,EACN,uBAAC,aAAI,aAAG,EACR,uBAAC,2BAAY,aAAG,EAChB,uBAAC,qBAAS,aAAG,EACb,uBAAC,mCAAgB,aAAG,EACpB,uBAAC,uCAAkB,aAAG,EACtB,uBAAC,8CAAwB,aAAG,EAC5B,uBAAC,aAAI,aAAG,EACR,+CAAK,KAAK,EAAE,aAAa,iBACxB,uBAAC,aAAI,aAAG,EACR,uBAAC,uBAAU,aAAG,EACd,gCAAK,KAAK,EAAE,OAAO,WAAI,aAClB,aACD,CACN,CAAC;AACH,CAAC,CAAC;AArBW,QAAA,cAAc,kBAqBzB"}
+{"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,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,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,qBAAc,GAAE,CAAC,CAAC;IAEnD,OAAO,CACN,+CAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,iBAC3C,+CAAK,KAAK,EAAE,aAAa,iBACxB,gCAAK,KAAK,EAAE,OAAO,WAAI,EACvB,uBAAC,qBAAS,aAAG,aACR,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,aAAI,aAAG,EACR,+CAAK,KAAK,EAAE,aAAa,iBACxB,uBAAC,aAAI,aAAG,EACR,uBAAC,uBAAU,IAAC,aAAa,EAAE,YAAY,WAAI,EAC3C,gCAAK,KAAK,EAAE,OAAO,WAAI,aAClB,EACN,uBAAC,mEAAgC,IAAC,eAAe,EAAE,eAAe,WAAI,EACtE,uBAAC,6CAAqB,aAAG,aACpB,CACN,CAAC;AACH,CAAC,CAAC;AApCW,QAAA,cAAc,kBAoCzB"}

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

@@ -1 +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;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAmChC,CAAC"}
+{"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

@@ -23,6 +23,7 @@ const getPreviewSizeLabel = (previewSize) => {
     }
 };
 exports.getPreviewSizeLabel = getPreviewSizeLabel;
+const accessibilityLabel = 'Preview Size';
 const comboStyle = { width: 80 };
 const SizeSelector = () => {
     const { size, setSize } = (0, react_1.useContext)(preview_size_1.PreviewSizeContext);
@@ -49,7 +50,7 @@ const SizeSelector = () => {
             };
         });
     }, [setSize, size]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: style, "aria-label": "Select the size of the preview" }, { children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { style: comboStyle, selectedId: String(size), values: items }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ 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));
 };
 exports.SizeSelector = SizeSelector;
 //# sourceMappingURL=SizeSelector.js.map

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

@@ -1 +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,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,CAC5B,CAAC,OAAO,EAAiB,EAAE;YAC1B,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,CACD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACN,8CAAK,KAAK,EAAE,KAAK,gBAAa,gCAAgC,gBAC7D,uBAAC,mBAAQ,IAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,WAAI,YACnE,CACN,CAAC;AACH,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB"}
+{"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,8CAAK,KAAK,EAAE,KAAK,gBAAc,kBAAkB,gBAChD,uBAAC,mBAAQ,IACR,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,EACxB,MAAM,EAAE,KAAK,WACZ,YACG,CACN,CAAC;AACH,CAAC,CAAC;AAtCW,QAAA,YAAY,gBAsCvB"}

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

@@ -1 +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,CA8EA,CAAC"}
+{"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,CAqFA,CAAC"}

package/dist/editor/components/Thumbnail.js

@@ -56,6 +56,13 @@ const Thumbnail = ({ composition, targetHeight, targetWidth, frameToDisplay }) =
             playing: false,
             frame: frameToDisplay,
             rootId: thumbnailId,
+            imperativePlaying: {
+                current: false,
+            },
+            playbackRate: 1,
+            setPlaybackRate: () => {
+                throw new Error('thumbnail');
+            },
         };
     }, [frameToDisplay, thumbnailId]);
     const props = (0, react_1.useMemo)(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/editor/components/Thumbnail.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/editor/components/Thumbnail.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqE;AACrE,uCAA+E;AAC/E,gFAI4C;AAC5C,wDAA0D;AAEnD,MAAM,SAAS,GAKjB,CAAC,EAAC,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAC,EAAE,EAAE;IACjE,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,GAAG,WAAW,CAAC;IACpC,MAAM,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC;IAC1C,MAAM,UAAU,GAAG,WAAW,GAAG,KAAK,CAAC;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,KAAK,CAAC;IACpB,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,CAAC;IAClC,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,CAAC;IACpC,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,UAAU,GAAG,KAAK,CAAC;IACvC,MAAM,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAExC,MAAM,CAAC,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAA,iBAAM,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAE3D,MAAM,EAAC,YAAY,EAAC,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAEvD,MAAM,SAAS,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACnD,OAAO;YACN,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,YAAY;YACpB,eAAe,EAAE,oBAAoB;YACrC,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACpB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhC,MAAM,KAAK,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/C,OAAO;YACN,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,YAAY;YACpB,eAAe,EAAE,IAAA,qDAA2B,EAAC,YAAY,CAAC;YAC1D,eAAe,EAAE,IAAA,qDAA2B,EAAC,YAAY,CAAC;YAC1D,kBAAkB,EAAE,IAAA,sDAA4B,EAAC,EAAE,CAAC;YACpD,cAAc,EAAE,IAAA,sDAA4B,EAAC,EAAE,CAAC;SAChD,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/C,OAAO;YACN,KAAK;YACL,MAAM;YACN,SAAS,EAAE,SAAS,KAAK,IAAI;YAC7B,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,WAAW;YACvB,SAAS,EAAE,WAAW;YACtB,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,OAAO;SACd,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAErD,MAAM,aAAa,GAAyB,IAAA,eAAO,EAAC,GAAG,EAAE;QACxD,OAAO;YACN,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,WAAW;YACnB,iBAAiB,EAAE;gBAClB,OAAO,EAAE,KAAK;aACd;YACD,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,GAAG,EAAE;gBACrB,MAAM,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC;YAC9B,CAAC;SACD,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAC1B,OAAO,MAAC,WAAW,CAAC,KAAuB,mCAAI,EAAE,CAAC;IACnD,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,kBAAkB,GAAG,WAAW,CAAC,SAAS,CAAC;IAEjD,OAAO,CACN,8CAAK,KAAK,EAAE,SAAS,gBACpB,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,IAAI,gBACvB,8CAAK,KAAK,EAAE,KAAK,gBAChB,8CAAK,KAAK,EAAE,KAAK,gBAChB,uBAAC,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,kBAAC,KAAK,EAAE,aAAa,gBAChE,uBAAC,kBAAkB,oBAAK,KAAK,UAAI,YACY,YACzC,YACD,YACI,YACN,CACN,CAAC;AACH,CAAC,CAAC;AA1FW,QAAA,SAAS,aA0FpB"}

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

@@ -11,4 +11,10 @@ export declare const Row: React.FC<{
     style?: React.CSSProperties;
     className?: string;
 }>;
+export declare const Column: React.FC<{
+    justify?: 'center';
+    align?: 'center';
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 //# sourceMappingURL=layout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/editor/components/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACX,CAUA,CAAC;AAIF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAExB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAeA,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/editor/components/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACX,CAUA,CAAC;AAIF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAExB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAeA,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAeA,CAAC"}

package/dist/editor/components/layout.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Row = exports.Flex = exports.Spacing = exports.SPACING_UNIT = void 0;
+exports.Column = exports.Row = exports.Flex = exports.Spacing = exports.SPACING_UNIT = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 exports.SPACING_UNIT = 8;
@@ -31,4 +31,17 @@ const Row = ({ children, justify, className, align, style = {} }) => {
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: finalStyle }, { children: children }), void 0));
 };
 exports.Row = Row;
+const Column = ({ children, justify, className, align, style = {} }) => {
+    const finalStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...style,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: justify !== null && justify !== void 0 ? justify : 'flex-start',
+            alignItems: align !== null && align !== void 0 ? align : 'flex-start',
+        };
+    }, [align, justify, style]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: finalStyle }, { children: children }), void 0));
+};
+exports.Column = Column;
 //# sourceMappingURL=layout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/editor/components/layout.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAExB,QAAA,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,OAAO,GAGf,CAAC,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAC,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,CAAC,GAAG,oBAAY;YACvB,MAAM,EAAE,CAAC,GAAG,oBAAY;SACxB,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO,gCAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB;AAEF,MAAM,IAAI,GAAwB,EAAC,IAAI,EAAE,CAAC,EAAC,CAAC;AAErC,MAAM,IAAI,GAAa,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAC7C,8CAAK,KAAK,EAAE,IAAI,gBAAG,QAAQ,YAAO,CAClC,CAAC;AAFW,QAAA,IAAI,QAEf;AAEK,MAAM,GAAG,GAKX,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAC,EAAE,EAAE;IAC1D,MAAM,UAAU,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACpD,OAAO;YACN,GAAG,KAAK;YACR,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,YAAY;YACvC,UAAU,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY;SACjC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5B,OAAO,CACN,8CAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,gBAC1C,QAAQ,YACJ,CACN,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,GAAG,OAoBd"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/editor/components/layout.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAExB,QAAA,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,OAAO,GAGf,CAAC,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAC,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QAC/C,OAAO;YACN,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,CAAC,GAAG,oBAAY;YACvB,MAAM,EAAE,CAAC,GAAG,oBAAY;SACxB,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO,gCAAK,KAAK,EAAE,KAAK,WAAI,CAAC;AAC9B,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB;AAEF,MAAM,IAAI,GAAwB,EAAC,IAAI,EAAE,CAAC,EAAC,CAAC;AAErC,MAAM,IAAI,GAAa,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAC7C,8CAAK,KAAK,EAAE,IAAI,gBAAG,QAAQ,YAAO,CAClC,CAAC;AAFW,QAAA,IAAI,QAEf;AAEK,MAAM,GAAG,GAKX,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAC,EAAE,EAAE;IAC1D,MAAM,UAAU,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACpD,OAAO;YACN,GAAG,KAAK;YACR,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,YAAY;YACvC,UAAU,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY;SACjC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5B,OAAO,CACN,8CAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,gBAC1C,QAAQ,YACJ,CACN,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,GAAG,OAoBd;AAEK,MAAM,MAAM,GAKd,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAC,EAAE,EAAE;IAC1D,MAAM,UAAU,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACpD,OAAO;YACN,GAAG,KAAK;YACR,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,YAAY;YACvC,UAAU,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY;SACjC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5B,OAAO,CACN,8CAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,gBAC1C,QAAQ,YACJ,CACN,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,MAAM,UAoBjB"}

package/dist/editor/helpers/css-reset.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const cssReset: React.CSSProperties;
+//# sourceMappingURL=css-reset.d.ts.map

package/dist/editor/helpers/css-reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-reset.d.ts","sourceRoot":"","sources":["../../../src/editor/helpers/css-reset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAI5B,CAAC"}

package/dist/editor/helpers/css-reset.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cssReset = void 0;
+exports.cssReset = {
+    fontSize: 16,
+    lineHeight: 1,
+    color: 'black',
+};
+//# sourceMappingURL=css-reset.js.map

package/dist/editor/helpers/css-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../../src/editor/helpers/css-reset.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAwB;IAC5C,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,OAAO;CACd,CAAC"}

package/dist/editor/state/loop.d.ts

@@ -0,0 +1,3 @@
+export declare const persistLoopOption: (option: boolean) => void;
+export declare const loadLoopOption: () => boolean;
+//# sourceMappingURL=loop.d.ts.map

package/dist/editor/state/loop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loop.d.ts","sourceRoot":"","sources":["../../../src/editor/state/loop.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,WAAY,OAAO,SAEhD,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,OAGjC,CAAC"}

package/dist/editor/state/loop.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadLoopOption = exports.persistLoopOption = void 0;
+const key = 'remotion.loop';
+const persistLoopOption = (option) => {
+    localStorage.setItem(key, String(option));
+};
+exports.persistLoopOption = persistLoopOption;
+const loadLoopOption = () => {
+    const item = localStorage.getItem(key);
+    return item !== 'false';
+};
+exports.loadLoopOption = loadLoopOption;
+//# sourceMappingURL=loop.js.map

package/dist/editor/state/loop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loop.js","sourceRoot":"","sources":["../../../src/editor/state/loop.ts"],"names":[],"mappings":";;;AAAA,MAAM,GAAG,GAAG,eAAe,CAAC;AAErB,MAAM,iBAAiB,GAAG,CAAC,MAAe,EAAE,EAAE;IACpD,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,iBAAiB,qBAE5B;AAEK,MAAM,cAAc,GAAG,GAAY,EAAE;IAC3C,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACvC,OAAO,IAAI,KAAK,OAAO,CAAC;AACzB,CAAC,CAAC;AAHW,QAAA,cAAc,kBAGzB"}

package/dist/editor/state/playbackrate.d.ts

@@ -0,0 +1,3 @@
+export declare const persistPlaybackRate: (option: number) => void;
+export declare const loadPlaybackRate: () => number;
+//# sourceMappingURL=playbackrate.d.ts.map

package/dist/editor/state/playbackrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playbackrate.d.ts","sourceRoot":"","sources":["../../../src/editor/state/playbackrate.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,WAAY,MAAM,SAEjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAW5B,CAAC"}

package/dist/editor/state/playbackrate.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadPlaybackRate = exports.persistPlaybackRate = void 0;
+const key = 'remotion.playbackrate';
+const persistPlaybackRate = (option) => {
+    localStorage.setItem(key, String(option));
+};
+exports.persistPlaybackRate = persistPlaybackRate;
+const loadPlaybackRate = () => {
+    if (typeof window !== 'undefined') {
+        return 1;
+    }
+    const item = localStorage.getItem(key);
+    if (item === null) {
+        return 1;
+    }
+    return Number(item);
+};
+exports.loadPlaybackRate = loadPlaybackRate;
+//# sourceMappingURL=playbackrate.js.map

package/dist/editor/state/playbackrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playbackrate.js","sourceRoot":"","sources":["../../../src/editor/state/playbackrate.ts"],"names":[],"mappings":";;;AAAA,MAAM,GAAG,GAAG,uBAAuB,CAAC;AAE7B,MAAM,mBAAmB,GAAG,CAAC,MAAc,EAAE,EAAE;IACrD,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAClC,OAAO,CAAC,CAAC;KACT;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACvC,IAAI,IAAI,KAAK,IAAI,EAAE;QAClB,OAAO,CAAC,CAAC;KACT;IAED,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC,CAAC;AAXW,QAAA,gBAAgB,oBAW3B"}

package/dist/empty-audio.d.ts

@@ -0,0 +1,2 @@
+export declare const EMPTY_AUDIO = "SUQzBAAAAAACDVRYWFgAAAASAAADbWFqb3JfYnJhbmQATTRBIABUWFhYAAAAEQAAA21pbm9yX3ZlcnNpb24AMABUWFhYAAAAIAAAA2NvbXBhdGlibGVfYnJhbmRzAE00QSBpc29tbXA0MgBUWFhYAAAAfwAAA2lUdW5TTVBCACAwMDAwMDAwMCAwMDAwMDg0MCAwMDAwMDMwMyAwMDAwMDAwMDAwMDAwNEJEIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwAFRTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA/+M4wAAAAAAAAAAAAEluZm8AAAAPAAAABgAAAogAcXFxcXFxcXFxcXFxcXFxcY6Ojo6Ojo6Ojo6Ojo6Ojo6OqqqqqqqqqqqqqqqqqqqqqsfHx8fHx8fHx8fHx8fHx8fH4+Pj4+Pj4+Pj4+Pj4+Pj4+P/////////////////////AAAAAExhdmM1OC4xMwAAAAAAAAAAAAAAACQDgAAAAAAAAAKIql7rrgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+MYxAALg13diAgEzAAoAZ/////81/oR/+eRv6n36v/53J////7dT29FPIzHqc76gbwgAUDdCMgAoGf/////4jF3/90X/J3y/+MYxA0MM134ABAKsH/6N////67KwkOkQiCLncaKoJ1c7jQVRdxhQiLKgwFHgOw0Wf/////njP/Gujf79xcQb/8X////+ulD/+MYxBcLu2YQAAgKsKERVViOyFKdFSRlKLxhQQxHOIibg7GFzv/////isjf/Q3+I6iqt///////GtLFVFVQxlRHeuV5VPdw7/+MYxCMLu2X8ABAKsKCwsEREREQ6BQVBjZ//CGa/ITmGQv/iE/////6rDbSq8rytc602qrqKjhZxWmFhU2igVA2ZFMiNNEZG/+MYxC8KM1ngAABRSH//8v/+ZEf///yyX8mCggVRyMv/7LLUMj5ZKRkyhnWVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVV/+MYxEEJU2FECABHSVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV";
+//# sourceMappingURL=empty-audio.d.ts.map

package/dist/empty-audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-audio.d.ts","sourceRoot":"","sources":["../src/empty-audio.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,ytCAC+rC,CAAC"}

package/dist/empty-audio.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EMPTY_AUDIO = void 0;
+exports.EMPTY_AUDIO = 'SUQzBAAAAAACDVRYWFgAAAASAAADbWFqb3JfYnJhbmQATTRBIABUWFhYAAAAEQAAA21pbm9yX3ZlcnNpb24AMABUWFhYAAAAIAAAA2NvbXBhdGlibGVfYnJhbmRzAE00QSBpc29tbXA0MgBUWFhYAAAAfwAAA2lUdW5TTVBCACAwMDAwMDAwMCAwMDAwMDg0MCAwMDAwMDMwMyAwMDAwMDAwMDAwMDAwNEJEIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwIDAwMDAwMDAwAFRTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA/+M4wAAAAAAAAAAAAEluZm8AAAAPAAAABgAAAogAcXFxcXFxcXFxcXFxcXFxcY6Ojo6Ojo6Ojo6Ojo6Ojo6OqqqqqqqqqqqqqqqqqqqqqsfHx8fHx8fHx8fHx8fHx8fH4+Pj4+Pj4+Pj4+Pj4+Pj4+P/////////////////////AAAAAExhdmM1OC4xMwAAAAAAAAAAAAAAACQDgAAAAAAAAAKIql7rrgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+MYxAALg13diAgEzAAoAZ/////81/oR/+eRv6n36v/53J////7dT29FPIzHqc76gbwgAUDdCMgAoGf/////4jF3/90X/J3y/+MYxA0MM134ABAKsH/6N////67KwkOkQiCLncaKoJ1c7jQVRdxhQiLKgwFHgOw0Wf/////njP/Gujf79xcQb/8X////+ulD/+MYxBcLu2YQAAgKsKERVViOyFKdFSRlKLxhQQxHOIibg7GFzv/////isjf/Q3+I6iqt///////GtLFVFVQxlRHeuV5VPdw7/+MYxCMLu2X8ABAKsKCwsEREREQ6BQVBjZ//CGa/ITmGQv/iE/////6rDbSq8rytc602qrqKjhZxWmFhU2igVA2ZFMiNNEZG/+MYxC8KM1ngAABRSH//8v/+ZEf///yyX8mCggVRyMv/7LLUMj5ZKRkyhnWVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVV/+MYxEEJU2FECABHSVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV';
+//# sourceMappingURL=empty-audio.js.map

package/dist/empty-audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-audio.js","sourceRoot":"","sources":["../src/empty-audio.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GACvB,stCAAstC,CAAC"}

package/dist/get-cli-options.d.ts

@@ -20,5 +20,7 @@ export declare const getCliOptions: (options: {
     stillFrame: number;
     browserExecutable: BrowserExecutable;
     framesPerLambda: number | null;
+    ffmpegExecutable: import("remotion").FfmpegExecutable;
+    logLevel: "verbose" | "info" | "warn" | "error";
 }>;
 //# sourceMappingURL=get-cli-options.d.ts.map

package/dist/get-cli-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-cli-options.d.ts","sourceRoot":"","sources":["../src/get-cli-options.ts"],"names":[],"mappings":"AAGA,OAAO,EACN,iBAAiB,EAEjB,UAAU,EAGV,MAAM,UAAU,CAAC;AAgKlB,eAAO,MAAM,aAAa,YAAmB;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CACzB;;;;;;;;;;;;;;;;;;EAgDA,CAAC"}
+{"version":3,"file":"get-cli-options.d.ts","sourceRoot":"","sources":["../src/get-cli-options.ts"],"names":[],"mappings":"AAGA,OAAO,EACN,iBAAiB,EAEjB,UAAU,EAGV,MAAM,UAAU,CAAC;AAiLlB,eAAO,MAAM,aAAa,YAAmB;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CACzB;;;;;;;;;;;;;;;;;;;;EAsDA,CAAC"}