@revideo/2d 0.2.0 → 0.2.1-alpha.891

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,13 +1,26 @@
-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.
  *
@@ -38,44 +51,34 @@ 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,202 +1,212 @@
-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