@revideo/2d 0.2.1 → 0.2.2

package/lib/components/CubicBezier.d.ts

@@ -1,20 +1,20 @@
-import {PossibleVector2, SignalValue, Vector2Signal} from '@revideo/core';
-import {PolynomialSegment} from '../curves/PolynomialSegment';
-import {Bezier, BezierOverlayInfo} from './Bezier';
-import {CurveProps} from './Curve';
+import { PossibleVector2, SignalValue, Vector2Signal } from '@revideo/core';
+import { PolynomialSegment } from '../curves/PolynomialSegment';
+import { Bezier, BezierOverlayInfo } from './Bezier';
+import { CurveProps } from './Curve';
 export interface CubicBezierProps extends CurveProps {
-  p0?: SignalValue<PossibleVector2>;
-  p0X?: SignalValue<number>;
-  p0Y?: SignalValue<number>;
-  p1?: SignalValue<PossibleVector2>;
-  p1X?: SignalValue<number>;
-  p1Y?: SignalValue<number>;
-  p2?: SignalValue<PossibleVector2>;
-  p2X?: SignalValue<number>;
-  p2Y?: SignalValue<number>;
-  p3?: SignalValue<PossibleVector2>;
-  p3X?: SignalValue<number>;
-  p3Y?: SignalValue<number>;
+    p0?: SignalValue<PossibleVector2>;
+    p0X?: SignalValue<number>;
+    p0Y?: SignalValue<number>;
+    p1?: SignalValue<PossibleVector2>;
+    p1X?: SignalValue<number>;
+    p1Y?: SignalValue<number>;
+    p2?: SignalValue<PossibleVector2>;
+    p2X?: SignalValue<number>;
+    p2Y?: SignalValue<number>;
+    p3?: SignalValue<PossibleVector2>;
+    p3X?: SignalValue<number>;
+    p3Y?: SignalValue<number>;
 }
 /**
  * A node for drawing a cubic Bézier curve.
@@ -46,24 +46,24 @@ export interface CubicBezierProps extends CurveProps {
  * ```
  */
 export declare class CubicBezier extends Bezier {
-  /**
-   * The start point of the Bézier curve.
-   */
-  readonly p0: Vector2Signal<this>;
-  /**
-   * The first control point of the Bézier curve.
-   */
-  readonly p1: Vector2Signal<this>;
-  /**
-   * The second control point of the Bézier curve.
-   */
-  readonly p2: Vector2Signal<this>;
-  /**
-   * The end point of the Bézier curve.
-   */
-  readonly p3: Vector2Signal<this>;
-  constructor(props: CubicBezierProps);
-  protected segment(): PolynomialSegment;
-  protected overlayInfo(matrix: DOMMatrix): BezierOverlayInfo;
+    /**
+     * The start point of the Bézier curve.
+     */
+    readonly p0: Vector2Signal<this>;
+    /**
+     * The first control point of the Bézier curve.
+     */
+    readonly p1: Vector2Signal<this>;
+    /**
+     * The second control point of the Bézier curve.
+     */
+    readonly p2: Vector2Signal<this>;
+    /**
+     * The end point of the Bézier curve.
+     */
+    readonly p3: Vector2Signal<this>;
+    constructor(props: CubicBezierProps);
+    protected segment(): PolynomialSegment;
+    protected overlayInfo(matrix: DOMMatrix): BezierOverlayInfo;
 }
-//# sourceMappingURL=CubicBezier.d.ts.map
+//# sourceMappingURL=CubicBezier.d.ts.map

package/lib/components/CubicBezier.js

@@ -1,26 +1,13 @@
-var __decorate =
-  (this && this.__decorate) ||
-  function (decorators, target, key, desc) {
-    var c = arguments.length,
-      r =
-        c < 3
-          ? target
-          : desc === null
-            ? (desc = Object.getOwnPropertyDescriptor(target, key))
-            : desc,
-      d;
-    if (typeof Reflect === 'object' && typeof Reflect.decorate === 'function')
-      r = Reflect.decorate(decorators, target, key, desc);
-    else
-      for (var i = decorators.length - 1; i >= 0; i--)
-        if ((d = decorators[i]))
-          r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-  };
-import {CubicBezierSegment} from '../curves';
-import {computed, vector2Signal} from '../decorators';
-import {bezierCurveTo, lineTo, moveTo} from '../utils';
-import {Bezier} from './Bezier';
+};
+import { CubicBezierSegment } from '../curves';
+import { computed, vector2Signal } from '../decorators';
+import { bezierCurveTo, lineTo, moveTo } from '../utils';
+import { Bezier } from './Bezier';
 /**
  * A node for drawing a cubic Bézier curve.
  *
@@ -51,34 +38,44 @@ import {Bezier} from './Bezier';
  * ```
  */
 export class CubicBezier extends Bezier {
-  constructor(props) {
-    super(props);
-  }
-  segment() {
-    return new CubicBezierSegment(this.p0(), this.p1(), this.p2(), this.p3());
-  }
-  overlayInfo(matrix) {
-    const [p0, p1, p2, p3] = this.segment().transformPoints(matrix);
-    const curvePath = new Path2D();
-    moveTo(curvePath, p0);
-    bezierCurveTo(curvePath, p1, p2, p3);
-    const handleLinesPath = new Path2D();
-    moveTo(handleLinesPath, p0);
-    lineTo(handleLinesPath, p1);
-    moveTo(handleLinesPath, p2);
-    lineTo(handleLinesPath, p3);
-    return {
-      curve: curvePath,
-      startPoint: p0,
-      endPoint: p3,
-      controlPoints: [p1, p2],
-      handleLines: handleLinesPath,
-    };
-  }
+    constructor(props) {
+        super(props);
+    }
+    segment() {
+        return new CubicBezierSegment(this.p0(), this.p1(), this.p2(), this.p3());
+    }
+    overlayInfo(matrix) {
+        const [p0, p1, p2, p3] = this.segment().transformPoints(matrix);
+        const curvePath = new Path2D();
+        moveTo(curvePath, p0);
+        bezierCurveTo(curvePath, p1, p2, p3);
+        const handleLinesPath = new Path2D();
+        moveTo(handleLinesPath, p0);
+        lineTo(handleLinesPath, p1);
+        moveTo(handleLinesPath, p2);
+        lineTo(handleLinesPath, p3);
+        return {
+            curve: curvePath,
+            startPoint: p0,
+            endPoint: p3,
+            controlPoints: [p1, p2],
+            handleLines: handleLinesPath,
+        };
+    }
 }
-__decorate([vector2Signal('p0')], CubicBezier.prototype, 'p0', void 0);
-__decorate([vector2Signal('p1')], CubicBezier.prototype, 'p1', void 0);
-__decorate([vector2Signal('p2')], CubicBezier.prototype, 'p2', void 0);
-__decorate([vector2Signal('p3')], CubicBezier.prototype, 'p3', void 0);
-__decorate([computed()], CubicBezier.prototype, 'segment', null);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ3ViaWNCZXppZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ3ViaWNCZXppZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sV0FBVyxDQUFDO0FBRTdDLE9BQU8sRUFBQyxRQUFRLEVBQUUsYUFBYSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsTUFBTSxFQUFvQixNQUFNLFVBQVUsQ0FBQztBQXFCbkQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0Qkc7QUFDSCxNQUFNLE9BQU8sV0FBWSxTQUFRLE1BQU07SUF5QnJDLFlBQW1CLEtBQXVCO1FBQ3hDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNmLENBQUM7SUFHUyxPQUFPO1FBQ2YsT0FBTyxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzVFLENBQUM7SUFFUyxXQUFXLENBQUMsTUFBaUI7UUFDckMsTUFBTSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFaEUsTUFBTSxTQUFTLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUMvQixNQUFNLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RCLGFBQWEsQ0FBQyxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVyQyxNQUFNLGVBQWUsR0FBRyxJQUFJLE1BQU0sRUFBRSxDQUFDO1FBQ3JDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDNUIsTUFBTSxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1QixNQUFNLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLE1BQU0sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFNUIsT0FBTztZQUNMLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxFQUFFO1lBQ2QsUUFBUSxFQUFFLEVBQUU7WUFDWixhQUFhLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ3ZCLFdBQVcsRUFBRSxlQUFlO1NBQzdCLENBQUM7SUFDSixDQUFDO0NBQ0Y7QUFsRHlCO0lBRHZCLGFBQWEsQ0FBQyxJQUFJLENBQUM7dUNBQzRCO0FBTXhCO0lBRHZCLGFBQWEsQ0FBQyxJQUFJLENBQUM7dUNBQzRCO0FBTXhCO0lBRHZCLGFBQWEsQ0FBQyxJQUFJLENBQUM7dUNBQzRCO0FBTXhCO0lBRHZCLGFBQWEsQ0FBQyxJQUFJLENBQUM7dUNBQzRCO0FBT3RDO0lBRFQsUUFBUSxFQUFFOzBDQUdWIn0=
+__decorate([
+    vector2Signal('p0')
+], CubicBezier.prototype, "p0", void 0);
+__decorate([
+    vector2Signal('p1')
+], CubicBezier.prototype, "p1", void 0);
+__decorate([
+    vector2Signal('p2')
+], CubicBezier.prototype, "p2", void 0);
+__decorate([
+    vector2Signal('p3')
+], CubicBezier.prototype, "p3", void 0);
+__decorate([
+    computed()
+], CubicBezier.prototype, "segment", null);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ3ViaWNCZXppZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ3ViaWNCZXppZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sV0FBVyxDQUFDO0FBRTdDLE9BQU8sRUFBQyxRQUFRLEVBQUUsYUFBYSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsTUFBTSxFQUFvQixNQUFNLFVBQVUsQ0FBQztBQXFCbkQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0Qkc7QUFDSCxNQUFNLE9BQU8sV0FBWSxTQUFRLE1BQU07SUF5QnJDLFlBQW1CLEtBQXVCO1FBQ3hDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNmLENBQUM7SUFHUyxPQUFPO1FBQ2YsT0FBTyxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzVFLENBQUM7SUFFUyxXQUFXLENBQUMsTUFBaUI7UUFDckMsTUFBTSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFaEUsTUFBTSxTQUFTLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUMvQixNQUFNLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RCLGFBQWEsQ0FBQyxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVyQyxNQUFNLGVBQWUsR0FBRyxJQUFJLE1BQU0sRUFBRSxDQUFDO1FBQ3JDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDNUIsTUFBTSxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1QixNQUFNLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLE1BQU0sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFNUIsT0FBTztZQUNMLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxFQUFFO1lBQ2QsUUFBUSxFQUFFLEVBQUU7WUFDWixhQUFhLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ3ZCLFdBQVcsRUFBRSxlQUFlO1NBQzdCLENBQUM7SUFDSixDQUFDO0NBQ0Y7QUFsRHlCO0lBRHZCLGFBQWEsQ0FBQyxJQUFJLENBQUM7dUNBQzRCO0FBTXhCO0lBRHZCLGFBQWEsQ0FBQyxJQUFJLENBQUM7dUNBQzRCO0FBTXhCO0lBRHZCLGFBQWEsQ0FBQyxJQUFJLENBQUM7dUNBQzRCO0FBTXhCO0lBRHZCLGFBQWEsQ0FBQyxJQUFJLENBQUM7dUNBQzRCO0FBT3RDO0lBRFQsUUFBUSxFQUFFOzBDQUdWIn0=

package/lib/components/Curve.d.ts

@@ -1,212 +1,202 @@
-import {
-  BBox,
-  SerializedVector2,
-  SignalValue,
-  SimpleSignal,
-  Vector2,
-} from '@revideo/core';
-import {CurveDrawingInfo} from '../curves/CurveDrawingInfo';
-import {CurvePoint} from '../curves/CurvePoint';
-import {CurveProfile} from '../curves/CurveProfile';
-import {DesiredLength} from '../partials';
-import {Shape, ShapeProps} from './Shape';
+import { BBox, SerializedVector2, SignalValue, SimpleSignal, Vector2 } from '@revideo/core';
+import { CurveDrawingInfo } from '../curves/CurveDrawingInfo';
+import { CurvePoint } from '../curves/CurvePoint';
+import { CurveProfile } from '../curves/CurveProfile';
+import { DesiredLength } from '../partials';
+import { Shape, ShapeProps } from './Shape';
 export interface CurveProps extends ShapeProps {
-  /**
-   * {@inheritDoc Curve.closed}
-   */
-  closed?: SignalValue<boolean>;
-  /**
-   * {@inheritDoc Curve.start}
-   */
-  start?: SignalValue<number>;
-  /**
-   * {@inheritDoc Curve.startOffset}
-   */
-  startOffset?: SignalValue<number>;
-  /**
-   * {@inheritDoc Curve.startArrow}
-   */
-  startArrow?: SignalValue<boolean>;
-  /**
-   * {@inheritDoc Curve.end}
-   */
-  end?: SignalValue<number>;
-  /**
-   * {@inheritDoc Curve.endOffset}
-   */
-  endOffset?: SignalValue<number>;
-  /**
-   * {@inheritDoc Curve.endArrow}
-   */
-  endArrow?: SignalValue<boolean>;
-  /**
-   * {@inheritDoc Curve.arrowSize}
-   */
-  arrowSize?: SignalValue<number>;
+    /**
+     * {@inheritDoc Curve.closed}
+     */
+    closed?: SignalValue<boolean>;
+    /**
+     * {@inheritDoc Curve.start}
+     */
+    start?: SignalValue<number>;
+    /**
+     * {@inheritDoc Curve.startOffset}
+     */
+    startOffset?: SignalValue<number>;
+    /**
+     * {@inheritDoc Curve.startArrow}
+     */
+    startArrow?: SignalValue<boolean>;
+    /**
+     * {@inheritDoc Curve.end}
+     */
+    end?: SignalValue<number>;
+    /**
+     * {@inheritDoc Curve.endOffset}
+     */
+    endOffset?: SignalValue<number>;
+    /**
+     * {@inheritDoc Curve.endArrow}
+     */
+    endArrow?: SignalValue<boolean>;
+    /**
+     * {@inheritDoc Curve.arrowSize}
+     */
+    arrowSize?: SignalValue<number>;
 }
 export declare abstract class Curve extends Shape {
-  /**
-   * Whether the curve should be closed.
-   *
-   * @remarks
-   * Closed curves have their start and end points connected.
-   */
-  readonly closed: SimpleSignal<boolean, this>;
-  /**
-   * A percentage from the start before which the curve should be clipped.
-   *
-   * @remarks
-   * The portion of the curve that comes before the given percentage will be
-   * made invisible.
-   *
-   * This property is usefully for animating the curve appearing on the screen.
-   * The value of `0` means the very start of the curve (accounting for the
-   * {@link startOffset}) while `1` means the very end (accounting for the
-   * {@link endOffset}).
-   */
-  readonly start: SimpleSignal<number, this>;
-  /**
-   * The offset in pixels from the start of the curve.
-   *
-   * @remarks
-   * This property lets you specify where along the defined curve the actual
-   * visible portion starts. For example, setting it to `20` will make the first
-   * 20 pixels of the curve invisible.
-   *
-   * This property is useful for trimming the curve using a fixed distance.
-   * If you want to animate the curve appearing on the screen, use {@link start}
-   * instead.
-   */
-  readonly startOffset: SimpleSignal<number, this>;
-  /**
-   * Whether to display an arrow at the start of the visible curve.
-   *
-   * @remarks
-   * Use {@link arrowSize} to control the size of the arrow.
-   */
-  readonly startArrow: SimpleSignal<boolean, this>;
-  /**
-   * A percentage from the start after which the curve should be clipped.
-   *
-   * @remarks
-   * The portion of the curve that comes after the given percentage will be
-   * made invisible.
-   *
-   * This property is usefully for animating the curve appearing on the screen.
-   * The value of `0` means the very start of the curve (accounting for the
-   * {@link startOffset}) while `1` means the very end (accounting for the
-   * {@link endOffset}).
-   */
-  readonly end: SimpleSignal<number, this>;
-  /**
-   * The offset in pixels from the end of the curve.
-   *
-   * @remarks
-   * This property lets you specify where along the defined curve the actual
-   * visible portion ends. For example, setting it to `20` will make the last
-   * 20 pixels of the curve invisible.
-   *
-   * This property is useful for trimming the curve using a fixed distance.
-   * If you want to animate the curve appearing on the screen, use {@link end}
-   * instead.
-   */
-  readonly endOffset: SimpleSignal<number, this>;
-  /**
-   * Whether to display an arrow at the end of the visible curve.
-   *
-   * @remarks
-   * Use {@link arrowSize} to control the size of the arrow.
-   */
-  readonly endArrow: SimpleSignal<boolean, this>;
-  /**
-   * Controls the size of the end and start arrows.
-   *
-   * @remarks
-   * To make the arrows visible make sure to enable {@link startArrow} and/or
-   * {@link endArrow}.
-   */
-  readonly arrowSize: SimpleSignal<number, this>;
-  protected canHaveSubpath: boolean;
-  protected desiredSize(): SerializedVector2<DesiredLength>;
-  constructor(props: CurveProps);
-  protected abstract childrenBBox(): BBox;
-  abstract profile(): CurveProfile;
-  /**
-   * Convert a percentage along the curve to a distance.
-   *
-   * @remarks
-   * The returned distance is given in relation to the full curve, not
-   * accounting for {@link startOffset} and {@link endOffset}.
-   *
-   * @param value - The percentage along the curve.
-   */
-  percentageToDistance(value: number): number;
-  /**
-   * Convert a distance along the curve to a percentage.
-   *
-   * @remarks
-   * The distance should be given in relation to the full curve, not
-   * accounting for {@link startOffset} and {@link endOffset}.
-   *
-   * @param value - The distance along the curve.
-   */
-  distanceToPercentage(value: number): number;
-  /**
-   * The base arc length of this curve.
-   *
-   * @remarks
-   * This is the entire length of this curve, not accounting for
-   * {@link startOffset | the offsets}.
-   */
-  baseArcLength(): number;
-  /**
-   * The offset arc length of this curve.
-   *
-   * @remarks
-   * This is the length of the curve that accounts for
-   * {@link startOffset | the offsets}.
-   */
-  offsetArcLength(): number;
-  /**
-   * The visible arc length of this curve.
-   *
-   * @remarks
-   * This arc length accounts for both the offset and the {@link start} and
-   * {@link end} properties.
-   */
-  arcLength(): number;
-  /**
-   * The percentage of the curve that's currently visible.
-   *
-   * @remarks
-   * The returned value is the ratio between the visible length (as defined by
-   * {@link start} and {@link end}) and the offset length of the curve.
-   */
-  completion(): number;
-  protected processSubpath(
-    _path: Path2D,
-    _startPoint: Vector2 | null,
-    _endPoint: Vector2 | null,
-  ): void;
-  protected curveDrawingInfo(): CurveDrawingInfo;
-  protected getPointAtDistance(value: number): CurvePoint;
-  getPointAtPercentage(value: number): CurvePoint;
-  protected getComputedLayout(): BBox;
-  protected offsetComputedLayout(box: BBox): BBox;
-  protected getPath(): Path2D;
-  protected getCacheBBox(): BBox;
-  protected lineWidthCoefficient(): number;
-  /**
-   * Check if the path requires a profile.
-   *
-   * @remarks
-   * The profile is only required if certain features are used. Otherwise, the
-   * profile generation can be skipped, and the curve can be drawn directly
-   * using the 2D context.
-   */
-  protected requiresProfile(): boolean;
-  protected drawShape(context: CanvasRenderingContext2D): void;
-  private drawArrows;
-  private drawArrow;
+    /**
+     * Whether the curve should be closed.
+     *
+     * @remarks
+     * Closed curves have their start and end points connected.
+     */
+    readonly closed: SimpleSignal<boolean, this>;
+    /**
+     * A percentage from the start before which the curve should be clipped.
+     *
+     * @remarks
+     * The portion of the curve that comes before the given percentage will be
+     * made invisible.
+     *
+     * This property is usefully for animating the curve appearing on the screen.
+     * The value of `0` means the very start of the curve (accounting for the
+     * {@link startOffset}) while `1` means the very end (accounting for the
+     * {@link endOffset}).
+     */
+    readonly start: SimpleSignal<number, this>;
+    /**
+     * The offset in pixels from the start of the curve.
+     *
+     * @remarks
+     * This property lets you specify where along the defined curve the actual
+     * visible portion starts. For example, setting it to `20` will make the first
+     * 20 pixels of the curve invisible.
+     *
+     * This property is useful for trimming the curve using a fixed distance.
+     * If you want to animate the curve appearing on the screen, use {@link start}
+     * instead.
+     */
+    readonly startOffset: SimpleSignal<number, this>;
+    /**
+     * Whether to display an arrow at the start of the visible curve.
+     *
+     * @remarks
+     * Use {@link arrowSize} to control the size of the arrow.
+     */
+    readonly startArrow: SimpleSignal<boolean, this>;
+    /**
+     * A percentage from the start after which the curve should be clipped.
+     *
+     * @remarks
+     * The portion of the curve that comes after the given percentage will be
+     * made invisible.
+     *
+     * This property is usefully for animating the curve appearing on the screen.
+     * The value of `0` means the very start of the curve (accounting for the
+     * {@link startOffset}) while `1` means the very end (accounting for the
+     * {@link endOffset}).
+     */
+    readonly end: SimpleSignal<number, this>;
+    /**
+     * The offset in pixels from the end of the curve.
+     *
+     * @remarks
+     * This property lets you specify where along the defined curve the actual
+     * visible portion ends. For example, setting it to `20` will make the last
+     * 20 pixels of the curve invisible.
+     *
+     * This property is useful for trimming the curve using a fixed distance.
+     * If you want to animate the curve appearing on the screen, use {@link end}
+     * instead.
+     */
+    readonly endOffset: SimpleSignal<number, this>;
+    /**
+     * Whether to display an arrow at the end of the visible curve.
+     *
+     * @remarks
+     * Use {@link arrowSize} to control the size of the arrow.
+     */
+    readonly endArrow: SimpleSignal<boolean, this>;
+    /**
+     * Controls the size of the end and start arrows.
+     *
+     * @remarks
+     * To make the arrows visible make sure to enable {@link startArrow} and/or
+     * {@link endArrow}.
+     */
+    readonly arrowSize: SimpleSignal<number, this>;
+    protected canHaveSubpath: boolean;
+    protected desiredSize(): SerializedVector2<DesiredLength>;
+    constructor(props: CurveProps);
+    protected abstract childrenBBox(): BBox;
+    abstract profile(): CurveProfile;
+    /**
+     * Convert a percentage along the curve to a distance.
+     *
+     * @remarks
+     * The returned distance is given in relation to the full curve, not
+     * accounting for {@link startOffset} and {@link endOffset}.
+     *
+     * @param value - The percentage along the curve.
+     */
+    percentageToDistance(value: number): number;
+    /**
+     * Convert a distance along the curve to a percentage.
+     *
+     * @remarks
+     * The distance should be given in relation to the full curve, not
+     * accounting for {@link startOffset} and {@link endOffset}.
+     *
+     * @param value - The distance along the curve.
+     */
+    distanceToPercentage(value: number): number;
+    /**
+     * The base arc length of this curve.
+     *
+     * @remarks
+     * This is the entire length of this curve, not accounting for
+     * {@link startOffset | the offsets}.
+     */
+    baseArcLength(): number;
+    /**
+     * The offset arc length of this curve.
+     *
+     * @remarks
+     * This is the length of the curve that accounts for
+     * {@link startOffset | the offsets}.
+     */
+    offsetArcLength(): number;
+    /**
+     * The visible arc length of this curve.
+     *
+     * @remarks
+     * This arc length accounts for both the offset and the {@link start} and
+     * {@link end} properties.
+     */
+    arcLength(): number;
+    /**
+     * The percentage of the curve that's currently visible.
+     *
+     * @remarks
+     * The returned value is the ratio between the visible length (as defined by
+     * {@link start} and {@link end}) and the offset length of the curve.
+     */
+    completion(): number;
+    protected processSubpath(_path: Path2D, _startPoint: Vector2 | null, _endPoint: Vector2 | null): void;
+    protected curveDrawingInfo(): CurveDrawingInfo;
+    protected getPointAtDistance(value: number): CurvePoint;
+    getPointAtPercentage(value: number): CurvePoint;
+    protected getComputedLayout(): BBox;
+    protected offsetComputedLayout(box: BBox): BBox;
+    protected getPath(): Path2D;
+    protected getCacheBBox(): BBox;
+    protected lineWidthCoefficient(): number;
+    /**
+     * Check if the path requires a profile.
+     *
+     * @remarks
+     * The profile is only required if certain features are used. Otherwise, the
+     * profile generation can be skipped, and the curve can be drawn directly
+     * using the 2D context.
+     */
+    protected requiresProfile(): boolean;
+    protected drawShape(context: CanvasRenderingContext2D): void;
+    private drawArrows;
+    private drawArrow;
 }
-//# sourceMappingURL=Curve.d.ts.map
+//# sourceMappingURL=Curve.d.ts.map