@revideo/2d 0.3.5-yellow.968 → 0.3.5

package/lib/components/Rect.d.ts

@@ -1,119 +1,112 @@
-import {
-  BBox,
-  PossibleSpacing,
-  SerializedVector2,
-  SignalValue,
-  SimpleSignal,
-  SpacingSignal,
-} from '@revideo/core';
-import {DesiredLength} from '../partials';
-import {Curve, CurveProps} from './Curve';
+import { BBox, PossibleSpacing, SerializedVector2, SignalValue, SimpleSignal, SpacingSignal } from '@revideo/core';
+import { DesiredLength } from '../partials';
+import { Curve, CurveProps } from './Curve';
 export interface RectProps extends CurveProps {
-  /**
-   * {@inheritDoc Rect.radius}
-   */
-  radius?: SignalValue<PossibleSpacing>;
-  /**
-   * {@inheritDoc Rect.smoothCorners}
-   */
-  smoothCorners?: SignalValue<boolean>;
-  /**
-   * {@inheritDoc Rect.cornerSharpness}
-   */
-  cornerSharpness?: SignalValue<number>;
+    /**
+     * {@inheritDoc Rect.radius}
+     */
+    radius?: SignalValue<PossibleSpacing>;
+    /**
+     * {@inheritDoc Rect.smoothCorners}
+     */
+    smoothCorners?: SignalValue<boolean>;
+    /**
+     * {@inheritDoc Rect.cornerSharpness}
+     */
+    cornerSharpness?: SignalValue<number>;
 }
 export declare class Rect extends Curve {
-  /**
-   * Rounds the corners of this rectangle.
-   *
-   * @remarks
-   * The value represents the radius of the quarter circle that is used to round
-   * the corners. If the value is a number, the same radius is used for all
-   * corners. Passing an array of two to four numbers will set individual radii
-   * for each corner. Individual radii correspond to different corners depending
-   * on the number of values passed:
-   *
-   * ```ts
-   * // top-left-and-bottom-right | top-right-and-bottom-left
-   * [10, 30]
-   * // top-left | top-right-and-bottom-left | bottom-right
-   * [10, 20, 30]
-   * // top-left | top-right | bottom-right | bottom-left
-   * [10, 20, 30, 40]
-   * ```
-   *
-   * @example
-   * One uniform radius:
-   * ```tsx
-   * <Rect
-   *   size={320}
-   *   radius={40}
-   *   fill={'white'}
-   * />
-   * ```
-   * @example
-   * Individual radii for each corner:
-   * ```tsx
-   * <Rect
-   *   size={320}
-   *   radius={[10, 20, 30, 40]}
-   *   fill={'white'}
-   * />
-   * ```
-   */
-  readonly radius: SpacingSignal<this>;
-  /**
-   * Enables corner smoothing.
-   *
-   * @remarks
-   * This property only affects the way rounded corners are drawn. To control
-   * the corner radius use the {@link radius} property.
-   *
-   * When enabled, rounded corners are drawn continuously using Bézier curves
-   * rather than quarter circles. The sharpness of the curve can be controlled
-   * with {@link cornerSharpness}.
-   *
-   * You can read more about corner smoothing in
-   * [this article by Nick Lawrence](https://uxplanet.org/ui-ux-design-corner-smoothing-720509d1ae48).
-   *
-   * @example
-   * ```tsx
-   * <Rect
-   *   width={300}
-   *   height={300}
-   *   smoothCorners={true}
-   * />
-   * ```
-   */
-  readonly smoothCorners: SimpleSignal<boolean, this>;
-  /**
-   * Controls the sharpness of {@link smoothCorners}.
-   *
-   * @remarks
-   * This property only affects the way rounded corners are drawn. To control
-   * the corner radius use the {@link radius} property.
-   *
-   * Requires {@link smoothCorners} to be enabled to have any effect.
-   * By default, corner sharpness is set to `0.6` which represents a smooth,
-   * circle-like rounding. At `0` the edges are squared off.
-   *
-   * @example
-   * ```tsx
-   * <Rect
-   *   size={300}
-   *   smoothCorners={true}
-   *   cornerSharpness={0.7}
-   * />
-   * ```
-   */
-  readonly cornerSharpness: SimpleSignal<number, this>;
-  constructor(props: RectProps);
-  profile(): import('..').CurveProfile;
-  protected desiredSize(): SerializedVector2<DesiredLength>;
-  protected offsetComputedLayout(box: BBox): BBox;
-  protected childrenBBox(): BBox;
-  protected getPath(): Path2D;
-  protected getCacheBBox(): BBox;
-  protected getRipplePath(): Path2D;
+    /**
+     * Rounds the corners of this rectangle.
+     *
+     * @remarks
+     * The value represents the radius of the quarter circle that is used to round
+     * the corners. If the value is a number, the same radius is used for all
+     * corners. Passing an array of two to four numbers will set individual radii
+     * for each corner. Individual radii correspond to different corners depending
+     * on the number of values passed:
+     *
+     * ```ts
+     * // top-left-and-bottom-right | top-right-and-bottom-left
+     * [10, 30]
+     * // top-left | top-right-and-bottom-left | bottom-right
+     * [10, 20, 30]
+     * // top-left | top-right | bottom-right | bottom-left
+     * [10, 20, 30, 40]
+     * ```
+     *
+     * @example
+     * One uniform radius:
+     * ```tsx
+     * <Rect
+     *   size={320}
+     *   radius={40}
+     *   fill={'white'}
+     * />
+     * ```
+     * @example
+     * Individual radii for each corner:
+     * ```tsx
+     * <Rect
+     *   size={320}
+     *   radius={[10, 20, 30, 40]}
+     *   fill={'white'}
+     * />
+     * ```
+     */
+    readonly radius: SpacingSignal<this>;
+    /**
+     * Enables corner smoothing.
+     *
+     * @remarks
+     * This property only affects the way rounded corners are drawn. To control
+     * the corner radius use the {@link radius} property.
+     *
+     * When enabled, rounded corners are drawn continuously using Bézier curves
+     * rather than quarter circles. The sharpness of the curve can be controlled
+     * with {@link cornerSharpness}.
+     *
+     * You can read more about corner smoothing in
+     * [this article by Nick Lawrence](https://uxplanet.org/ui-ux-design-corner-smoothing-720509d1ae48).
+     *
+     * @example
+     * ```tsx
+     * <Rect
+     *   width={300}
+     *   height={300}
+     *   smoothCorners={true}
+     * />
+     * ```
+     */
+    readonly smoothCorners: SimpleSignal<boolean, this>;
+    /**
+     * Controls the sharpness of {@link smoothCorners}.
+     *
+     * @remarks
+     * This property only affects the way rounded corners are drawn. To control
+     * the corner radius use the {@link radius} property.
+     *
+     * Requires {@link smoothCorners} to be enabled to have any effect.
+     * By default, corner sharpness is set to `0.6` which represents a smooth,
+     * circle-like rounding. At `0` the edges are squared off.
+     *
+     * @example
+     * ```tsx
+     * <Rect
+     *   size={300}
+     *   smoothCorners={true}
+     *   cornerSharpness={0.7}
+     * />
+     * ```
+     */
+    readonly cornerSharpness: SimpleSignal<number, this>;
+    constructor(props: RectProps);
+    profile(): import("..").CurveProfile;
+    protected desiredSize(): SerializedVector2<DesiredLength>;
+    protected offsetComputedLayout(box: BBox): BBox;
+    protected childrenBBox(): BBox;
+    protected getPath(): Path2D;
+    protected getCacheBBox(): BBox;
+    protected getRipplePath(): Path2D;
 }
-//# sourceMappingURL=Rect.d.ts.map
+//# sourceMappingURL=Rect.d.ts.map

package/lib/components/Spline.d.ts

@@ -1,22 +1,16 @@
-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.
@@ -62,32 +56,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,62 +1,51 @@
-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,24 +1,20 @@
-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,30 +1,17 @@
-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,38 +1,26 @@
-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