@revideo/2d 0.5.3-alpha.1053 → 0.5.3-alpha.1054

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revideo/2d",
-  "version": "0.5.3-alpha.1053+0b4a0cac",
+  "version": "0.5.3-alpha.1054+4289d2f0",
   "description": "A 2D renderer for revideo",
   "author": "revideo",
   "homepage": "https://re.video/",
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@preact/signals": "^1.2.1",
     "@revideo/internal": "^0.0.0",
-    "@revideo/ui": "^0.5.3-alpha.1053+0b4a0cac",
+    "@revideo/ui": "^0.5.3-alpha.1054+4289d2f0",
     "clsx": "^2.0.0",
     "jsdom": "^22.1.0",
     "preact": "^10.19.2",
@@ -40,7 +40,7 @@
     "@codemirror/language": "^6.10.1",
     "@lezer/common": "^1.2.1",
     "@lezer/highlight": "^1.2.0",
-    "@revideo/core": "^0.5.3-alpha.1053+0b4a0cac",
+    "@revideo/core": "^0.5.3-alpha.1054+4289d2f0",
     "@rive-app/canvas-advanced": "2.7.3",
     "code-fns": "^0.8.2",
     "hls.js": "^1.5.11",
@@ -48,5 +48,5 @@
     "mp4box": "^0.5.2",
     "parse-svg-path": "^0.1.2"
   },
-  "gitHead": "0b4a0cac9899525dcb393594338c1af3f9ed3d9c"
+  "gitHead": "4289d2f09de68ed31eda222da66d86c62d0adb5f"
 }

package/src/lib/components/Layout.ts

@@ -992,13 +992,25 @@ export class Layout extends Node {
 
     if (this.textWrap.isInitial()) {
       this.element.style.whiteSpace = '';
-    } else {
-      const wrap = this.textWrap();
-      if (typeof wrap === 'boolean') {
-        this.element.style.whiteSpace = wrap ? 'normal' : 'nowrap';
-      } else {
-        this.element.style.whiteSpace = wrap;
-      }
+      return;
+    }
+
+    const wrap = this.textWrap();
+
+    if (typeof wrap === 'boolean') {
+      this.element.style.whiteSpace = wrap ? 'normal' : 'nowrap';
+      return;
+    }
+
+    if (wrap === 'pre') {
+      this.element.style.whiteSpace = wrap;
+      return;
+    }
+
+    if (wrap === 'balance') {
+      this.element.style.whiteSpace = 'normal';
+      this.element.style.textWrap = wrap;
+      return;
     }
   }
 

package/src/lib/partials/types.ts

@@ -25,7 +25,7 @@ export type FlexContent =
 
 export type FlexItems = 'center' | 'start' | 'end' | 'stretch' | 'baseline';
 
-export type TextWrap = boolean | 'pre';
+export type TextWrap = boolean | 'pre' | 'balance';
 
 export type LayoutMode = boolean | null;
 

package/src/lib/utils/video/parser/segment.ts

@@ -56,7 +56,7 @@ export class Segment {
       const segmentDurationInSeconds =
         this.edit.segmentDuration /
         this.file.getInfo().videoTracks[0].movie_timescale;
-      const framesToFill = Math.ceil(segmentDurationInSeconds * this.edit.fps);
+      const framesToFill = segmentDurationInSeconds * this.edit.fps;
 
       const height = this.file.getInfo().videoTracks[0].track_height;
       const width = this.file.getInfo().videoTracks[0].track_width;