@designcombo/video 0.1.16 → 0.1.17

package/dist/{SharedSystems-c89R2YB4.js → SharedSystems-XCOGRjXb.js}

@@ -1,4 +1,4 @@
-import { F as Ie, u as Ee, l as se, M as v, G as De, v as Oe, S as Fe, x as ae, E as u, e as D, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as K, N as We, c as Y, B as y, j as U, O as ze, Q as C, k as M, V as w, W as Ve, a as Ne, X as ie, Y as oe, Z as le, _ as ue, C as P, $ as je, a0 as A, a1 as J, D as H, a2 as $e, a3 as qe, P as Ke, d as Ye, T as X, a4 as Q, a5 as Je, a6 as Xe, a7 as Qe } from "./index-CmsRjoEr.js";
+import { F as Ie, u as Ee, l as se, M as v, G as De, v as Oe, S as Fe, x as ae, E as u, e as D, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as K, N as We, c as Y, B as y, j as U, O as ze, Q as C, k as M, V as w, W as Ve, a as Ne, X as ie, Y as oe, Z as le, _ as ue, C as P, $ as je, a0 as A, a1 as J, D as H, a2 as $e, a3 as qe, P as Ke, d as Ye, T as X, a4 as Q, a5 as Je, a6 as Xe, a7 as Qe } from "./index-DhYa39iK.js";
 import { B as de, c as Ze } from "./colorToUniform-C2jGzNe1.js";
 var et = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;

package/dist/{WebGLRenderer-yczU8Q7o.js → WebGLRenderer-CM65GBMW.js}

@@ -1,6 +1,6 @@
-import { S as G, E as d, B as v, w as m, D as S, L as j, v as ve, s as U, t as b, a8 as Be, k as K, a9 as Ae, b as p, V as L, j as B, i as A, l as F, M as $, aa as z, ab as Ne, ac as ye, ad as Y, ae as Ce, A as De, R as Ie, e as T } from "./index-CmsRjoEr.js";
+import { S as G, E as d, B as v, w as m, D as S, L as j, v as ve, s as U, t as b, a8 as Be, k as K, a9 as Ae, b as p, V as L, j as B, i as A, l as F, M as $, aa as z, ab as Ne, ac as ye, ad as Y, ae as Ce, A as De, R as Ie, e as T } from "./index-DhYa39iK.js";
 import { b as q } from "./colorToUniform-C2jGzNe1.js";
-import { e as Ge, G as Ue, c as Fe, b as Oe, U as Pe, R as Me, B as Z, d as N, f as Le, S as He, a as we } from "./SharedSystems-c89R2YB4.js";
+import { e as Ge, G as Ue, c as Fe, b as Oe, U as Pe, R as Me, B as Z, d as N, f as Le, S as He, a as we } from "./SharedSystems-XCOGRjXb.js";
 class Q {
   constructor() {
     this._tempState = G.for2d(), this._didUploadHash = {};

package/dist/{WebGPURenderer-Dm2y598C.js → WebGPURenderer-CI6Vr5j2.js}

@@ -1,6 +1,6 @@
-import { S as E, g as A, E as p, f as ae, D as S, b as C, B as T, c as ue, d as L, h as M, w as v, i as x, j as ce, k as de, l as k, m as w, M as D, n as H, o as he, p as pe, q as z, s as F, t as R, A as le, R as fe, e as B } from "./index-CmsRjoEr.js";
+import { S as E, g as A, E as p, f as ae, D as S, b as C, B as T, c as ue, d as L, h as M, w as v, i as x, j as ce, k as de, l as k, m as w, M as D, n as H, o as he, p as pe, q as z, s as F, t as R, A as le, R as fe, e as B } from "./index-DhYa39iK.js";
 import { l as ge, a as me } from "./colorToUniform-C2jGzNe1.js";
-import { c as _e, u as be, U as xe, B as ye, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-c89R2YB4.js";
+import { c as _e, u as be, U as xe, B as ye, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-XCOGRjXb.js";
 const y = E.for2d();
 class O {
   start(e, t, r) {

package/dist/{browserAll-hKruQd3x.js → browserAll-BjsPS6lK.js}

@@ -1,5 +1,5 @@
-import { T as M, U as Z, P as m, r as te, E as y, a as ie, w as g, e as P, C as V } from "./index-CmsRjoEr.js";
-import "./webworkerAll-BQqf01s5.js";
+import { T as M, U as Z, P as m, r as te, E as y, a as ie, w as g, e as P, C as V } from "./index-DhYa39iK.js";
+import "./webworkerAll-DMKSbUmt.js";
 class q {
   constructor(e) {
     this._lastTransform = "", this._observer = null, this._tickerAttached = !1, this.updateTranslation = () => {

package/dist/clips/base-clip.d.ts

@@ -1,4 +1,4 @@
-import { BaseSprite } from '../sprite/base-sprite';
+import { BaseSprite, BaseSpriteEvents } from '../sprite/base-sprite';
 import { IClip, IClipMeta, ITransitionInfo } from './iclip';
 import { ClipJSON } from '../json-serialization';
 /**
@@ -6,7 +6,7 @@ import { ClipJSON } from '../json-serialization';
  * Provides common functionality for sprite operations (position, animation, timing)
  * and frame management
  */
-export declare abstract class BaseClip extends BaseSprite implements IClip {
+export declare abstract class BaseClip<T extends BaseSpriteEvents = BaseSpriteEvents> extends BaseSprite<T> implements IClip<T> {
     abstract readonly type: string;
     private lastVf;
     protected destroyed: boolean;

package/dist/clips/caption-clip.d.ts

@@ -2,6 +2,50 @@ import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
 import { CaptionJSON } from '../json-serialization';
 import { Application, Texture } from 'pixi.js';
+import { BaseSpriteEvents } from '../sprite/base-sprite';
+export interface ICaptionStyle {
+    fontSize?: number;
+    fontFamily?: string;
+    fontWeight?: string | number;
+    fontStyle?: string;
+    color?: ICaptionOpts['fill'];
+    align?: ICaptionOpts['align'];
+    textCase?: ICaptionOpts['textCase'];
+    verticalAlign?: ICaptionOpts['verticalAlign'];
+    wordsPerLine?: ICaptionOpts['wordsPerLine'];
+    stroke?: {
+        color: string | number;
+        width: number;
+    };
+    shadow?: {
+        color: string | number;
+        alpha: number;
+        blur: number;
+        distance: number;
+        angle: number;
+    };
+}
+export interface ICaptionEvents extends BaseSpriteEvents {
+    propsChange: Partial<{
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        angle: number;
+        zIndex: number;
+        opacity: number;
+        volume: number;
+        text: string;
+        words: ICaptionOpts['words'];
+        fill: ICaptionOpts['fill'];
+        align: ICaptionOpts['align'];
+        textCase: ICaptionOpts['textCase'];
+        stroke: ICaptionOpts['stroke'];
+        dropShadow: ICaptionOpts['dropShadow'];
+        caption: ICaptionOpts['caption'];
+        wordsPerLine: ICaptionOpts['wordsPerLine'];
+    }>;
+}
 export interface ICaptionOpts {
     /**
      * Font size in pixels
@@ -18,7 +62,7 @@ export interface ICaptionOpts {
      * Font weight (e.g., 'normal', 'bold', '400', '700')
      * @default 'normal'
      */
-    fontWeight?: string;
+    fontWeight?: string | number;
     /**
      * Font style (e.g., 'normal', 'italic')
      * @default 'normal'
@@ -137,7 +181,17 @@ export interface ICaptionOpts {
      * Word wrap mode ('break-word' or 'normal')
      * @default 'break-word'
      */
+    wordWrapMode?: 'break-word' | 'normal';
+    /**
+     * Whether to enable word wrap
+     * @default true
+     */
     wordWrap?: boolean;
+    /**
+     * Vertical alignment ('top', 'center', 'bottom')
+     * @default 'bottom'
+     */
+    verticalAlign?: 'top' | 'center' | 'bottom';
     /**
      * Line height (multiplier)
      * @default 1
@@ -157,6 +211,15 @@ export interface ICaptionOpts {
      * Media ID to which the captions were applied
      */
     mediaId?: string;
+    /**
+     * Internal flag to skip automatic positioning
+     */
+    initialLayoutApplied?: boolean;
+    /**
+     * Words per line mode ('single' or 'multiple')
+     * @default 'multiple'
+     */
+    wordsPerLine?: 'single' | 'multiple';
 }
 /**
  * Caption clip using Canvas 2D for rendering
@@ -173,7 +236,7 @@ export interface ICaptionOpts {
  * captionClip.display.from = 0;
  * captionClip.duration = 3e6; // 3 seconds
  */
-export declare class Caption extends BaseClip implements IClip {
+export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
     readonly type = "Caption";
     ready: IClip['ready'];
     private _meta;
@@ -182,34 +245,55 @@ export declare class Caption extends BaseClip implements IClip {
         width: number;
         height: number;
     };
+    private _visualPaddingX;
+    private _visualPaddingY;
+    private _lastTickTime;
+    get width(): number;
+    set width(v: number);
+    get height(): number;
+    set height(v: number);
+    get left(): number;
+    set left(v: number);
+    get top(): number;
+    set top(v: number);
+    private _initialLayoutApplied;
+    private _isXPositionedManually;
+    private _isWidthConstrained;
+    private _lastContentWidth;
+    private _lastContentHeight;
+    private _lastProcessedText;
+    private _text;
     /**
      * Caption text content (hybrid JSON structure)
      */
-    text: string;
-    get style(): any;
-    set style(v: any);
+    get text(): string;
+    set text(v: string);
+    get style(): ICaptionStyle;
+    set style(v: Partial<ICaptionOpts> | ICaptionStyle);
+    get wordsPerLine(): 'single' | 'multiple';
+    set wordsPerLine(v: 'single' | 'multiple');
     get fontFamily(): string;
     set fontFamily(v: string);
     get fontUrl(): string;
     set fontUrl(v: string);
     get fontSize(): number;
     set fontSize(v: number);
-    get fontWeight(): string;
-    set fontWeight(v: string);
-    get fontStyle(): string;
-    set fontStyle(v: string);
-    get fill(): any;
-    set fill(v: any);
+    get fontWeight(): string | number;
+    set fontWeight(v: string | number);
+    get fontStyle(): 'normal' | 'italic' | 'oblique';
+    set fontStyle(v: 'normal' | 'italic' | 'oblique');
+    get fill(): ICaptionOpts['fill'];
+    set fill(v: ICaptionOpts['fill']);
     get align(): 'left' | 'center' | 'right';
     set align(v: 'left' | 'center' | 'right');
-    get stroke(): any;
-    set stroke(v: any);
+    get stroke(): ICaptionOpts['stroke'];
+    set stroke(v: ICaptionOpts['stroke']);
     get strokeWidth(): number;
     set strokeWidth(v: number);
-    get dropShadow(): any;
-    set dropShadow(v: any);
-    get caption(): any;
-    set caption(v: any);
+    get dropShadow(): ICaptionOpts['dropShadow'];
+    set dropShadow(v: ICaptionOpts['dropShadow']);
+    get caption(): ICaptionOpts['caption'];
+    set caption(v: ICaptionOpts['caption']);
     /**
      * Bottom offset from video bottom (hybrid JSON structure)
      */
@@ -241,17 +325,19 @@ export declare class Caption extends BaseClip implements IClip {
     /**
      * Words getter for the clip
      */
-    get words(): any[];
+    get words(): ICaptionOpts["words"];
     /**
      * Words setter that triggers re-render and ensures consistency
      */
-    set words(v: any[]);
+    set words(v: ICaptionOpts['words']);
     private opts;
     private pixiTextContainer;
     private renderTexture;
     private wordTexts;
-    private extraPadding;
     private textStyle;
+    private textStyleBase;
+    private _refreshing;
+    private _needsRefresh;
     private externalRenderer;
     private pixiApp;
     private originalOpts;
@@ -265,11 +351,12 @@ export declare class Caption extends BaseClip implements IClip {
     updateState(currentTime: number): void;
     /**
      * Get the PixiJS Texture (RenderTexture) for optimized rendering in Studio
-     * This avoids ImageBitmap → Canvas → Texture conversion
-     *
-     * @returns The RenderTexture containing the rendered caption, or null if not ready
      */
     getTexture(): Promise<Texture | null>;
+    offscreenRender(ctx: CanvasRenderingContext2D, time: number): Promise<{
+        audio: Float32Array[];
+        done: boolean;
+    }>;
     /**
      * Set an external renderer (e.g., from Studio) to avoid creating our own Pixi App
      */
@@ -301,4 +388,5 @@ export declare class Caption extends BaseClip implements IClip {
      * @returns Promise that resolves to a Caption instance
      */
     static fromObject(json: CaptionJSON): Promise<Caption>;
+    getVisibleHandles(): Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
 }

package/dist/clips/iclip.d.ts

@@ -1,4 +1,4 @@
-import { BaseSprite } from '../sprite/base-sprite';
+import { BaseSprite, BaseSpriteEvents } from '../sprite/base-sprite';
 export interface IClipMeta {
     width: number;
     height: number;
@@ -23,7 +23,7 @@ export interface ITransitionInfo {
  * You only need to implement this interface to create custom clips, giving you maximum flexibility to generate video content such as animations and transition effects
  *
  */
-export interface IClip extends Omit<BaseSprite, 'destroy' | 'ready'> {
+export interface IClip<T extends BaseSpriteEvents = BaseSpriteEvents> extends Omit<BaseSprite<T>, 'destroy' | 'ready'> {
     destroy: () => void;
     readonly ready: Promise<IClipMeta>;
     /**

package/dist/clips/text-clip.d.ts

@@ -176,8 +176,10 @@ export declare class Text extends BaseClip {
      */
     get textCase(): string;
     set textCase(v: 'none' | 'uppercase' | 'lowercase' | 'title');
-    private pixiText;
+    private pixiTextContainer;
+    private wordTexts;
     private textStyle;
+    private textStyleBase;
     private renderTexture;
     private externalRenderer;
     private pixiApp;