@remotion/studio 4.0.507 → 4.0.508

package/dist/components/selected-outline-measurement.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.outlinesAreEqual = exports.measureOutlines = exports.getSequencesWithSelectableOutlines = exports.getSelectedTransformOriginInfo = exports.getSelectedCropInfo = exports.getSelectedEffectFieldsBySequenceKey = exports.getOutlineSelectionInteraction = exports.getSequenceKeysContainingSelection = exports.getSelectedSequenceKeys = exports.cropOutlinePoints = exports.getTransformedSvgViewportPoints = exports.getSelectedOutlineRotationPivot = exports.getSelectedOutlineRotationCornerInfo = exports.getRotationCursor = exports.getSelectedOutlineRotationDeltaDegrees = exports.getAngleDegrees = exports.vectorBetween = exports.vectorLength = exports.dot = exports.getOutlineCenter = exports.midpoint = exports.pointToString = void 0;
+exports.outlinesAreEqual = exports.measureOutlines = exports.getSequencesWithSelectableOutlines = exports.getSelectedRotationInfo = exports.getSelectedTransformOriginInfo = exports.getSelectedCropInfo = exports.getSelectedEffectFieldsBySequenceKey = exports.getOutlineSelectionInteraction = exports.getSequenceKeysContainingSelection = exports.getSelectedSequenceKeys = exports.cropOutlinePoints = exports.getTransformedSvgViewportPoints = exports.getSelectedOutlineRotationPivot = exports.getSelectedOutlineRotationCornerInfo = exports.getRotationCursor = exports.getSelectedOutlineRotationDeltaDegrees = exports.getAngleDegrees = exports.vectorBetween = exports.vectorLength = exports.dot = exports.getOutlineCenter = exports.midpoint = exports.pointToString = void 0;
 const calculate_timeline_1 = require("../helpers/calculate-timeline");
 const colors_1 = require("../helpers/colors");
 const get_box_quads_ponyfill_1 = require("../helpers/get-box-quads-ponyfill");
@@ -352,6 +352,33 @@ const getSelectedTransformOriginInfo = (selectedItems) => {
     };
 };
 exports.getSelectedTransformOriginInfo = getSelectedTransformOriginInfo;
+const getSelectedRotationInfo = (selectedItems) => {
+    if (selectedItems.length !== 1) {
+        return null;
+    }
+    const [selectedItem] = selectedItems;
+    if (selectedItem.type === 'sequence-prop' &&
+        selectedItem.key === selected_outline_types_1.rotateFieldKey) {
+        return {
+            sequenceKey: (0, TimelineSelection_1.getTimelineSequenceSelectionKey)(selectedItem.nodePathInfo),
+            displayFrame: null,
+        };
+    }
+    if (selectedItem.type !== 'keyframe' && selectedItem.type !== 'easing') {
+        return null;
+    }
+    const field = getKeyframeOrEasingField(selectedItem);
+    if ((field === null || field === void 0 ? void 0 : field.type) !== 'sequence' || field.fieldKey !== selected_outline_types_1.rotateFieldKey) {
+        return null;
+    }
+    return {
+        sequenceKey: (0, TimelineSelection_1.getTimelineSequenceSelectionKey)(selectedItem.nodePathInfo),
+        displayFrame: selectedItem.type === 'keyframe'
+            ? selectedItem.frame
+            : selectedItem.fromFrame,
+    };
+};
+exports.getSelectedRotationInfo = getSelectedRotationInfo;
 const getSequencesWithSelectableOutlines = ({ sequences, overrideIdsToNodePaths, compositions = [], timelinePosition, }) => {
     return (0, calculate_timeline_1.calculateTimeline)({
         sequences: [...sequences],

package/dist/components/selected-outline-types.d.ts

@@ -12,9 +12,11 @@ export type SelectedOutlineLayoutTarget = {
     readonly ref: React.RefObject<Element | null>;
     readonly selected: boolean;
     readonly selectedForCrop: boolean;
+    readonly selectedForRotation: boolean;
     readonly selectedForTransformOrigin: boolean;
     readonly selectedForUvHandles: boolean;
     readonly showSelectedOutline: boolean;
+    readonly transformOriginValue: string;
     readonly selection: TimelineSelection;
     readonly sequence: TSequence;
     readonly crop: {
@@ -113,6 +115,7 @@ export type SelectedOutlineRotationDragTarget = {
     readonly keyframeDisplayOffset: number;
     readonly nodePath: SequencePropsSubscriptionKey;
     readonly schema: InteractivitySchema;
+    readonly transform3DMode: boolean;
     readonly transformOriginValue: string;
 };
 export type SelectedOutlineDragState = {
@@ -121,6 +124,7 @@ export type SelectedOutlineDragState = {
     readonly sourceFrame: number;
     readonly startX: number;
     readonly startY: number;
+    readonly startZ: number | null;
     readonly target: SelectedOutlineDragTarget;
 };
 export type SelectedOutlineScaleDragState = {
@@ -137,6 +141,8 @@ export type SelectedOutlineRotationDragState = {
     readonly key: string;
     readonly sourceFrame: number;
     readonly startDegrees: number;
+    readonly startRotation: readonly [number, number, number];
+    readonly startValue: string;
     readonly target: SelectedOutlineRotationDragTarget;
 };
 export type SequenceWithSelectedOutline = {