@revideo/2d 0.4.0 → 0.4.1-cat.995

package/lib/components/Spline.d.ts

@@ -1,16 +1,22 @@
-import { BBox, PossibleVector2, SerializedVector2, SignalValue, SimpleSignal } from '@revideo/core';
-import { CurveProfile, KnotInfo } from '../curves';
-import { DesiredLength } from '../partials';
-import { Curve, CurveProps } from './Curve';
+import {
+  BBox,
+  PossibleVector2,
+  SerializedVector2,
+  SignalValue,
+  SimpleSignal,
+} from '@revideo/core';
+import {CurveProfile, KnotInfo} from '../curves';
+import {DesiredLength} from '../partials';
+import {Curve, CurveProps} from './Curve';
 export interface SplineProps extends CurveProps {
-    /**
-     * {@inheritDoc Spline.smoothness}
-     */
-    smoothness?: SignalValue<number>;
-    /**
-     * {@inheritDoc Spline.points}
-     */
-    points?: SignalValue<SignalValue<PossibleVector2[]>>;
+  /**
+   * {@inheritDoc Spline.smoothness}
+   */
+  smoothness?: SignalValue<number>;
+  /**
+   * {@inheritDoc Spline.points}
+   */
+  points?: SignalValue<SignalValue<PossibleVector2[]>>;
 }
 /**
  * A node for drawing a smooth line through a number of points.
@@ -56,32 +62,32 @@ export interface SplineProps extends CurveProps {
  * ```
  */
 export declare class Spline extends Curve {
-    /**
-     * The smoothness of the spline when using auto-calculated handles.
-     *
-     * @remarks
-     * This property is only applied to knots that don't use explicit handles.
-     *
-     * @defaultValue 0.4
-     */
-    readonly smoothness: SimpleSignal<number>;
-    /**
-     * The knots of the spline as an array of knots with auto-calculated handles.
-     *
-     * @remarks
-     * You can control the smoothness of the resulting curve
-     * via the {@link smoothness} property.
-     */
-    readonly points: SimpleSignal<SignalValue<PossibleVector2>[] | null, this>;
-    constructor(props: SplineProps);
-    profile(): CurveProfile;
-    knots(): KnotInfo[];
-    protected childrenBBox(): BBox;
-    protected lineWidthCoefficient(): number;
-    protected desiredSize(): SerializedVector2<DesiredLength>;
-    protected offsetComputedLayout(box: BBox): BBox;
-    private getTightBBox;
-    drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
-    private isKnot;
+  /**
+   * The smoothness of the spline when using auto-calculated handles.
+   *
+   * @remarks
+   * This property is only applied to knots that don't use explicit handles.
+   *
+   * @defaultValue 0.4
+   */
+  readonly smoothness: SimpleSignal<number>;
+  /**
+   * The knots of the spline as an array of knots with auto-calculated handles.
+   *
+   * @remarks
+   * You can control the smoothness of the resulting curve
+   * via the {@link smoothness} property.
+   */
+  readonly points: SimpleSignal<SignalValue<PossibleVector2>[] | null, this>;
+  constructor(props: SplineProps);
+  profile(): CurveProfile;
+  knots(): KnotInfo[];
+  protected childrenBBox(): BBox;
+  protected lineWidthCoefficient(): number;
+  protected desiredSize(): SerializedVector2<DesiredLength>;
+  protected offsetComputedLayout(box: BBox): BBox;
+  private getTightBBox;
+  drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
+  private isKnot;
 }
-//# sourceMappingURL=Spline.d.ts.map
+//# sourceMappingURL=Spline.d.ts.map

package/lib/components/Txt.d.ts

@@ -1,51 +1,62 @@
-import { InterpolationFunction, SignalValue, SimpleSignal, ThreadGenerator, TimingFunction } from '@revideo/core';
-import { Node } from './Node';
-import { Shape, ShapeProps } from './Shape';
-import { TxtLeaf } from './TxtLeaf';
-import { ComponentChildren } from './types';
+import {
+  InterpolationFunction,
+  SignalValue,
+  SimpleSignal,
+  ThreadGenerator,
+  TimingFunction,
+} from '@revideo/core';
+import {Node} from './Node';
+import {Shape, ShapeProps} from './Shape';
+import {TxtLeaf} from './TxtLeaf';
+import {ComponentChildren} from './types';
 type TxtChildren = string | Node | (string | Node)[];
 type AnyTxt = Txt | TxtLeaf;
 export interface TxtProps extends ShapeProps {
-    children?: TxtChildren;
-    text?: SignalValue<string>;
+  children?: TxtChildren;
+  text?: SignalValue<string>;
 }
 export declare class Txt extends Shape {
-    /**
-     * Create a bold text node.
-     *
-     * @remarks
-     * This is a shortcut for
-     * ```tsx
-     * <Txt fontWeight={700} />
-     * ```
-     *
-     * @param props - Additional text properties.
-     */
-    static b(props: TxtProps): Txt;
-    /**
-     * Create an italic text node.
-     *
-     * @remarks
-     * This is a shortcut for
-     * ```tsx
-     * <Txt fontStyle={'italic'} />
-     * ```
-     *
-     * @param props - Additional text properties.
-     */
-    static i(props: TxtProps): Txt;
-    readonly text: SimpleSignal<string, this>;
-    protected getText(): string;
-    protected setText(value: SignalValue<string>): void;
-    protected setChildren(value: SignalValue<ComponentChildren>): void;
-    protected tweenText(value: SignalValue<string>, time: number, timingFunction: TimingFunction, interpolationFunction: InterpolationFunction<string>): ThreadGenerator;
-    protected getLayout(): boolean;
-    constructor({ children, text, ...props }: TxtProps);
-    protected innerText(): string;
-    protected parentTxt(): Txt | null;
-    protected parseChildren(children: ComponentChildren): AnyTxt[];
-    protected applyFlex(): void;
-    protected draw(context: CanvasRenderingContext2D): Promise<void>;
+  /**
+   * Create a bold text node.
+   *
+   * @remarks
+   * This is a shortcut for
+   * ```tsx
+   * <Txt fontWeight={700} />
+   * ```
+   *
+   * @param props - Additional text properties.
+   */
+  static b(props: TxtProps): Txt;
+  /**
+   * Create an italic text node.
+   *
+   * @remarks
+   * This is a shortcut for
+   * ```tsx
+   * <Txt fontStyle={'italic'} />
+   * ```
+   *
+   * @param props - Additional text properties.
+   */
+  static i(props: TxtProps): Txt;
+  readonly text: SimpleSignal<string, this>;
+  protected getText(): string;
+  protected setText(value: SignalValue<string>): void;
+  protected setChildren(value: SignalValue<ComponentChildren>): void;
+  protected tweenText(
+    value: SignalValue<string>,
+    time: number,
+    timingFunction: TimingFunction,
+    interpolationFunction: InterpolationFunction<string>,
+  ): ThreadGenerator;
+  protected getLayout(): boolean;
+  constructor({children, text, ...props}: TxtProps);
+  protected innerText(): string;
+  protected parentTxt(): Txt | null;
+  protected parseChildren(children: ComponentChildren): AnyTxt[];
+  protected applyFlex(): void;
+  protected draw(context: CanvasRenderingContext2D): Promise<void>;
 }
 export {};
-//# sourceMappingURL=Txt.d.ts.map
+//# sourceMappingURL=Txt.d.ts.map

package/lib/components/TxtLeaf.d.ts

@@ -1,20 +1,24 @@
-import { BBox, SignalValue, SimpleSignal } from '@revideo/core';
-import { Shape, ShapeProps } from './Shape';
-import { Txt } from './Txt';
+import {BBox, SignalValue, SimpleSignal} from '@revideo/core';
+import {Shape, ShapeProps} from './Shape';
+import {Txt} from './Txt';
 export interface TxtLeafProps extends ShapeProps {
-    children?: string;
-    text?: SignalValue<string>;
+  children?: string;
+  text?: SignalValue<string>;
 }
 export declare class TxtLeaf extends Shape {
-    protected static formatter: HTMLDivElement;
-    protected static readonly segmenter: any;
-    readonly text: SimpleSignal<string, this>;
-    constructor({ children, ...rest }: TxtLeafProps);
-    protected parentTxt(): Txt | null;
-    protected draw(context: CanvasRenderingContext2D): Promise<void>;
-    protected drawText(context: CanvasRenderingContext2D, text: string, box: BBox): Promise<void>;
-    protected getCacheBBox(): BBox;
-    protected applyFlex(): void;
-    protected updateLayout(): void;
+  protected static formatter: HTMLDivElement;
+  protected static readonly segmenter: any;
+  readonly text: SimpleSignal<string, this>;
+  constructor({children, ...rest}: TxtLeafProps);
+  protected parentTxt(): Txt | null;
+  protected draw(context: CanvasRenderingContext2D): Promise<void>;
+  protected drawText(
+    context: CanvasRenderingContext2D,
+    text: string,
+    box: BBox,
+  ): Promise<void>;
+  protected getCacheBBox(): BBox;
+  protected applyFlex(): void;
+  protected updateLayout(): void;
 }
-//# sourceMappingURL=TxtLeaf.d.ts.map
+//# sourceMappingURL=TxtLeaf.d.ts.map

package/lib/components/View2D.d.ts

@@ -1,26 +1,26 @@
-import { PlaybackState, SimpleSignal } from '@revideo/core';
-import type { Node } from './Node';
-import { Rect, RectProps } from './Rect';
+import {PlaybackState, SimpleSignal} from '@revideo/core';
+import type {Node} from './Node';
+import {Rect, RectProps} from './Rect';
 export interface View2DProps extends RectProps {
-    assetHash: string;
+  assetHash: string;
 }
 export declare class View2D extends Rect {
-    static shadowRoot: ShadowRoot;
-    readonly playbackState: SimpleSignal<PlaybackState, this>;
-    readonly globalTime: SimpleSignal<number, this>;
-    readonly fps: SimpleSignal<number, this>;
-    readonly assetHash: SimpleSignal<string, this>;
-    constructor(props: View2DProps);
-    dispose(): void;
-    render(context: CanvasRenderingContext2D): Promise<void>;
-    /**
-     * Find a node by its key.
-     *
-     * @param key - The key of the node.
-     */
-    findKey<T extends Node = Node>(key: string): T | null;
-    protected requestLayoutUpdate(): void;
-    protected requestFontUpdate(): void;
-    view(): View2D;
+  static shadowRoot: ShadowRoot;
+  readonly playbackState: SimpleSignal<PlaybackState, this>;
+  readonly globalTime: SimpleSignal<number, this>;
+  readonly fps: SimpleSignal<number, this>;
+  readonly assetHash: SimpleSignal<string, this>;
+  constructor(props: View2DProps);
+  dispose(): void;
+  render(context: CanvasRenderingContext2D): Promise<void>;
+  /**
+   * Find a node by its key.
+   *
+   * @param key - The key of the node.
+   */
+  findKey<T extends Node = Node>(key: string): T | null;
+  protected requestLayoutUpdate(): void;
+  protected requestFontUpdate(): void;
+  view(): View2D;
 }
-//# sourceMappingURL=View2D.d.ts.map
+//# sourceMappingURL=View2D.d.ts.map

package/lib/components/index.d.ts

@@ -24,4 +24,4 @@ export * from './Txt';
 export * from './Video';
 export * from './View2D';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/components/types.d.ts

@@ -1,17 +1,30 @@
-import type { ReferenceReceiver } from '@revideo/core';
-import type { Node } from './Node';
-export type ComponentChild = Node | object | string | number | bigint | boolean | null | undefined;
+import type {ReferenceReceiver} from '@revideo/core';
+import type {Node} from './Node';
+export type ComponentChild =
+  | Node
+  | object
+  | string
+  | number
+  | bigint
+  | boolean
+  | null
+  | undefined;
 export type ComponentChildren = ComponentChild | ComponentChild[];
 export type NodeChildren = Node | Node[];
-export type PropsOf<T> = T extends NodeConstructor<infer P> ? P : T extends FunctionComponent<infer P> ? P : never;
+export type PropsOf<T> =
+  T extends NodeConstructor<infer P>
+    ? P
+    : T extends FunctionComponent<infer P>
+      ? P
+      : never;
 export interface JSXProps {
-    children?: ComponentChildren;
-    ref?: ReferenceReceiver<Node>;
+  children?: ComponentChildren;
+  ref?: ReferenceReceiver<Node>;
 }
 export interface FunctionComponent<T = any> {
-    (props: T): Node | null;
+  (props: T): Node | null;
 }
 export interface NodeConstructor<TProps = any, TNode = Node> {
-    new (props: TProps): TNode;
+  new (props: TProps): TNode;
 }
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/lib/curves/ArcSegment.d.ts

@@ -1,26 +1,38 @@
-import { Vector2 } from '@revideo/core';
-import { CurvePoint } from './CurvePoint';
-import { Segment } from './Segment';
+import {Vector2} from '@revideo/core';
+import {CurvePoint} from './CurvePoint';
+import {Segment} from './Segment';
 export declare class ArcSegment extends Segment {
-    readonly startPoint: Vector2;
-    readonly radius: Vector2;
-    readonly xAxisRotationDegree: number;
-    readonly largeArcFlag: number;
-    readonly sweepFlag: number;
-    readonly endPoint: Vector2;
-    private static el;
-    readonly center: Vector2;
-    readonly startAngle: number;
-    readonly deltaAngle: number;
-    readonly xAxisRotation: number;
-    private xAxisRotationMatrix;
-    readonly points: Vector2[];
-    private length;
-    constructor(startPoint: Vector2, radius: Vector2, xAxisRotationDegree: number, largeArcFlag: number, sweepFlag: number, endPoint: Vector2);
-    getAnglePosition(angle: number): Vector2;
-    getAngleDerivative(angle: number): Vector2;
-    draw(context: CanvasRenderingContext2D | Path2D, start: number, end: number, move: boolean): [CurvePoint, CurvePoint];
-    getPoint(distance: number): CurvePoint;
-    get arcLength(): number;
+  readonly startPoint: Vector2;
+  readonly radius: Vector2;
+  readonly xAxisRotationDegree: number;
+  readonly largeArcFlag: number;
+  readonly sweepFlag: number;
+  readonly endPoint: Vector2;
+  private static el;
+  readonly center: Vector2;
+  readonly startAngle: number;
+  readonly deltaAngle: number;
+  readonly xAxisRotation: number;
+  private xAxisRotationMatrix;
+  readonly points: Vector2[];
+  private length;
+  constructor(
+    startPoint: Vector2,
+    radius: Vector2,
+    xAxisRotationDegree: number,
+    largeArcFlag: number,
+    sweepFlag: number,
+    endPoint: Vector2,
+  );
+  getAnglePosition(angle: number): Vector2;
+  getAngleDerivative(angle: number): Vector2;
+  draw(
+    context: CanvasRenderingContext2D | Path2D,
+    start: number,
+    end: number,
+    move: boolean,
+  ): [CurvePoint, CurvePoint];
+  getPoint(distance: number): CurvePoint;
+  get arcLength(): number;
 }
-//# sourceMappingURL=ArcSegment.d.ts.map
+//# sourceMappingURL=ArcSegment.d.ts.map

package/lib/curves/CircleSegment.d.ts

@@ -1,18 +1,28 @@
-import { Vector2 } from '@revideo/core';
-import { CurvePoint } from './CurvePoint';
-import { Segment } from './Segment';
+import {Vector2} from '@revideo/core';
+import {CurvePoint} from './CurvePoint';
+import {Segment} from './Segment';
 export declare class CircleSegment extends Segment {
-    private center;
-    private radius;
-    private from;
-    private to;
-    private counter;
-    private readonly length;
-    private readonly angle;
-    readonly points: Vector2[];
-    constructor(center: Vector2, radius: number, from: Vector2, to: Vector2, counter: boolean);
-    get arcLength(): number;
-    draw(context: CanvasRenderingContext2D | Path2D, from: number, to: number): [CurvePoint, CurvePoint];
-    getPoint(distance: number): CurvePoint;
+  private center;
+  private radius;
+  private from;
+  private to;
+  private counter;
+  private readonly length;
+  private readonly angle;
+  readonly points: Vector2[];
+  constructor(
+    center: Vector2,
+    radius: number,
+    from: Vector2,
+    to: Vector2,
+    counter: boolean,
+  );
+  get arcLength(): number;
+  draw(
+    context: CanvasRenderingContext2D | Path2D,
+    from: number,
+    to: number,
+  ): [CurvePoint, CurvePoint];
+  getPoint(distance: number): CurvePoint;
 }
-//# sourceMappingURL=CircleSegment.d.ts.map
+//# sourceMappingURL=CircleSegment.d.ts.map

package/lib/curves/CubicBezierSegment.d.ts

@@ -1,18 +1,23 @@
-import { Vector2 } from '@revideo/core';
-import { PolynomialSegment } from './PolynomialSegment';
+import {Vector2} from '@revideo/core';
+import {PolynomialSegment} from './PolynomialSegment';
 /**
  * A spline segment representing a cubic Bézier curve.
  */
 export declare class CubicBezierSegment extends PolynomialSegment {
-    readonly p0: Vector2;
-    readonly p1: Vector2;
-    readonly p2: Vector2;
-    readonly p3: Vector2;
-    private static el;
-    get points(): Vector2[];
-    constructor(p0: Vector2, p1: Vector2, p2: Vector2, p3: Vector2);
-    split(t: number): [PolynomialSegment, PolynomialSegment];
-    protected doDraw(context: CanvasRenderingContext2D | Path2D): void;
-    protected static getLength(p0: Vector2, p1: Vector2, p2: Vector2, p3: Vector2): number;
+  readonly p0: Vector2;
+  readonly p1: Vector2;
+  readonly p2: Vector2;
+  readonly p3: Vector2;
+  private static el;
+  get points(): Vector2[];
+  constructor(p0: Vector2, p1: Vector2, p2: Vector2, p3: Vector2);
+  split(t: number): [PolynomialSegment, PolynomialSegment];
+  protected doDraw(context: CanvasRenderingContext2D | Path2D): void;
+  protected static getLength(
+    p0: Vector2,
+    p1: Vector2,
+    p2: Vector2,
+    p3: Vector2,
+  ): number;
 }
-//# sourceMappingURL=CubicBezierSegment.d.ts.map
+//# sourceMappingURL=CubicBezierSegment.d.ts.map

package/lib/curves/CurveDrawingInfo.d.ts

@@ -1,11 +1,11 @@
-import { Vector2 } from '@revideo/core';
+import {Vector2} from '@revideo/core';
 export interface CurveDrawingInfo {
-    path: Path2D;
-    arrowSize: number;
-    endPoint: Vector2;
-    endTangent: Vector2;
-    startPoint: Vector2;
-    startTangent: Vector2;
-    startOffset: number;
+  path: Path2D;
+  arrowSize: number;
+  endPoint: Vector2;
+  endTangent: Vector2;
+  startPoint: Vector2;
+  startTangent: Vector2;
+  startOffset: number;
 }
-//# sourceMappingURL=CurveDrawingInfo.d.ts.map
+//# sourceMappingURL=CurveDrawingInfo.d.ts.map

package/lib/curves/CurvePoint.d.ts

@@ -1,15 +1,15 @@
-import type { Vector2 } from '@revideo/core';
+import type {Vector2} from '@revideo/core';
 export interface CurvePoint {
-    position: Vector2;
-    /**
-     * @deprecated
-     * The tangent is currently inconsistent for different types of curves and may
-     * sometimes return the normal of the point, instead. This will be fixed in
-     * the next major version but is kept as is for now for backwards
-     * compatibility reasons. To always get the real tangent of the point, you can
-     * use `normal.flipped.perpendicular`, instead.
-     */
-    tangent: Vector2;
-    normal: Vector2;
+  position: Vector2;
+  /**
+   * @deprecated
+   * The tangent is currently inconsistent for different types of curves and may
+   * sometimes return the normal of the point, instead. This will be fixed in
+   * the next major version but is kept as is for now for backwards
+   * compatibility reasons. To always get the real tangent of the point, you can
+   * use `normal.flipped.perpendicular`, instead.
+   */
+  tangent: Vector2;
+  normal: Vector2;
 }
-//# sourceMappingURL=CurvePoint.d.ts.map
+//# sourceMappingURL=CurvePoint.d.ts.map

package/lib/curves/CurveProfile.d.ts

@@ -1,7 +1,7 @@
-import { Segment } from './Segment';
+import {Segment} from './Segment';
 export interface CurveProfile {
-    arcLength: number;
-    segments: Segment[];
-    minSin: number;
+  arcLength: number;
+  segments: Segment[];
+  minSin: number;
 }
-//# sourceMappingURL=CurveProfile.d.ts.map
+//# sourceMappingURL=CurveProfile.d.ts.map

package/lib/curves/CurveProfile.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ3VydmVQcm9maWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jdXJ2ZXMvQ3VydmVQcm9maWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ3VydmVQcm9maWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jdXJ2ZXMvQ3VydmVQcm9maWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/curves/KnotInfo.d.ts

@@ -1,12 +1,12 @@
-import { Vector2 } from '@revideo/core';
+import {Vector2} from '@revideo/core';
 export type KnotAutoHandles = {
-    start: number;
-    end: number;
+  start: number;
+  end: number;
 };
 export interface KnotInfo {
-    position: Vector2;
-    startHandle: Vector2;
-    endHandle: Vector2;
-    auto: KnotAutoHandles;
+  position: Vector2;
+  startHandle: Vector2;
+  endHandle: Vector2;
+  auto: KnotAutoHandles;
 }
-//# sourceMappingURL=KnotInfo.d.ts.map
+//# sourceMappingURL=KnotInfo.d.ts.map

package/lib/curves/LineSegment.d.ts

@@ -1,16 +1,21 @@
-import { Vector2 } from '@revideo/core';
-import { CurvePoint } from './CurvePoint';
-import { Segment } from './Segment';
+import {Vector2} from '@revideo/core';
+import {CurvePoint} from './CurvePoint';
+import {Segment} from './Segment';
 export declare class LineSegment extends Segment {
-    readonly from: Vector2;
-    readonly to: Vector2;
-    private readonly length;
-    private readonly vector;
-    private readonly normal;
-    readonly points: Vector2[];
-    constructor(from: Vector2, to: Vector2);
-    get arcLength(): number;
-    draw(context: CanvasRenderingContext2D | Path2D, start?: number, end?: number, move?: boolean): [CurvePoint, CurvePoint];
-    getPoint(distance: number): CurvePoint;
+  readonly from: Vector2;
+  readonly to: Vector2;
+  private readonly length;
+  private readonly vector;
+  private readonly normal;
+  readonly points: Vector2[];
+  constructor(from: Vector2, to: Vector2);
+  get arcLength(): number;
+  draw(
+    context: CanvasRenderingContext2D | Path2D,
+    start?: number,
+    end?: number,
+    move?: boolean,
+  ): [CurvePoint, CurvePoint];
+  getPoint(distance: number): CurvePoint;
 }
-//# sourceMappingURL=LineSegment.d.ts.map
+//# sourceMappingURL=LineSegment.d.ts.map