@revideo/2d 0.2.6-alpha.904 → 0.2.6

package/lib/components/Circle.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 {BBox, DEG2RAD} from '@revideo/core';
-import {getCircleProfile} from '../curves';
-import {computed, initial, nodeName, signal} from '../decorators';
-import {Curve} from './Curve';
+};
+import { BBox, DEG2RAD, } from '@revideo/core';
+import { getCircleProfile } from '../curves';
+import { computed, initial, nodeName, signal } from '../decorators';
+import { Curve } from './Curve';
 /**
  * A node for drawing circular shapes.
  *
@@ -119,71 +106,73 @@ import {Curve} from './Curve';
  * ```
  */
 let Circle = class Circle extends Curve {
-  constructor(props) {
-    super(props);
-  }
-  profile() {
-    return getCircleProfile(
-      this.size().scale(0.5),
-      this.startAngle() * DEG2RAD,
-      this.endAngle() * DEG2RAD,
-      this.closed(),
-      this.counterclockwise(),
-    );
-  }
-  desiredSize() {
-    return {
-      x: this.width.context.getter(),
-      y: this.height.context.getter(),
-    };
-  }
-  offsetComputedLayout(box) {
-    return box;
-  }
-  childrenBBox() {
-    return BBox.fromSizeCentered(this.computedSize());
-  }
-  getPath() {
-    if (this.requiresProfile()) {
-      return this.curveDrawingInfo().path;
+    constructor(props) {
+        super(props);
+    }
+    profile() {
+        return getCircleProfile(this.size().scale(0.5), this.startAngle() * DEG2RAD, this.endAngle() * DEG2RAD, this.closed(), this.counterclockwise());
+    }
+    desiredSize() {
+        return {
+            x: this.width.context.getter(),
+            y: this.height.context.getter(),
+        };
+    }
+    offsetComputedLayout(box) {
+        return box;
+    }
+    childrenBBox() {
+        return BBox.fromSizeCentered(this.computedSize());
+    }
+    getPath() {
+        if (this.requiresProfile()) {
+            return this.curveDrawingInfo().path;
+        }
+        return this.createPath();
     }
-    return this.createPath();
-  }
-  getRipplePath() {
-    return this.createPath(this.rippleSize());
-  }
-  getCacheBBox() {
-    return super.getCacheBBox().expand(this.rippleSize());
-  }
-  createPath(expand = 0) {
-    const path = new Path2D();
-    const start = this.startAngle() * DEG2RAD;
-    let end = this.endAngle() * DEG2RAD;
-    const size = this.size().scale(0.5).add(expand);
-    const closed = this.closed();
-    if (end > start + Math.PI * 2) {
-      const loops = Math.floor((end - start) / (Math.PI * 2));
-      end -= Math.PI * 2 * loops;
+    getRipplePath() {
+        return this.createPath(this.rippleSize());
     }
-    if (closed) {
-      path.moveTo(0, 0);
+    getCacheBBox() {
+        return super.getCacheBBox().expand(this.rippleSize());
     }
-    path.ellipse(0, 0, size.x, size.y, 0, start, end, this.counterclockwise());
-    if (closed) {
-      path.closePath();
+    createPath(expand = 0) {
+        const path = new Path2D();
+        const start = this.startAngle() * DEG2RAD;
+        let end = this.endAngle() * DEG2RAD;
+        const size = this.size().scale(0.5).add(expand);
+        const closed = this.closed();
+        if (end > start + Math.PI * 2) {
+            const loops = Math.floor((end - start) / (Math.PI * 2));
+            end -= Math.PI * 2 * loops;
+        }
+        if (closed) {
+            path.moveTo(0, 0);
+        }
+        path.ellipse(0, 0, size.x, size.y, 0, start, end, this.counterclockwise());
+        if (closed) {
+            path.closePath();
+        }
+        return path;
     }
-    return path;
-  }
 };
-__decorate([initial(0), signal()], Circle.prototype, 'startAngle', void 0);
-__decorate([initial(360), signal()], Circle.prototype, 'endAngle', void 0);
-__decorate(
-  [initial(false), signal()],
-  Circle.prototype,
-  'counterclockwise',
-  void 0,
-);
-__decorate([computed()], Circle.prototype, 'profile', null);
-Circle = __decorate([nodeName('Circle')], Circle);
-export {Circle};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0NpcmNsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQ0wsSUFBSSxFQUNKLE9BQU8sR0FJUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWUsZ0JBQWdCLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFDekQsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVsRSxPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sU0FBUyxDQUFDO0FBcUIxQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0dHO0FBRUksSUFBTSxNQUFNLEdBQVosTUFBTSxNQUFPLFNBQVEsS0FBSztJQXVFL0IsWUFBbUIsS0FBa0I7UUFDbkMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2YsQ0FBQztJQUdNLE9BQU87UUFDWixPQUFPLGdCQUFnQixDQUNyQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUN0QixJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsT0FBTyxFQUMzQixJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsT0FBTyxFQUN6QixJQUFJLENBQUMsTUFBTSxFQUFFLEVBQ2IsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQ3hCLENBQUM7SUFDSixDQUFDO0lBRWtCLFdBQVc7UUFDNUIsT0FBTztZQUNMLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDOUIsQ0FBQyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRTtTQUNoQyxDQUFDO0lBQ0osQ0FBQztJQUVrQixvQkFBb0IsQ0FBQyxHQUFTO1FBQy9DLE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQztJQUVrQixZQUFZO1FBQzdCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFa0IsT0FBTztRQUN4QixJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDO1lBQzNCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsSUFBSSxDQUFDO1FBQ3RDLENBQUM7UUFFRCxPQUFPLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRWtCLGFBQWE7UUFDOUIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFa0IsWUFBWTtRQUM3QixPQUFPLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUVTLFVBQVUsQ0FBQyxNQUFNLEdBQUcsQ0FBQztRQUM3QixNQUFNLElBQUksR0FBRyxJQUFJLE1BQU0sRUFBRSxDQUFDO1FBQzFCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDMUMsSUFBSSxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUNwQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNoRCxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFFN0IsSUFBSSxHQUFHLEdBQUcsS0FBSyxHQUFHLElBQUksQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDOUIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN4RCxHQUFHLElBQUksSUFBSSxDQUFDLEVBQUUsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDO1FBQzdCLENBQUM7UUFFRCxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDcEIsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUMzRSxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ25CLENBQUM7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7Q0FDRixDQUFBO0FBL0h5QjtJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzBDQUNzRDtBQWF2QztJQUZ2QixPQUFPLENBQUMsR0FBRyxDQUFDO0lBQ1osTUFBTSxFQUFFO3dDQUNvRDtBQVlyQztJQUZ2QixPQUFPLENBQUMsS0FBSyxDQUFDO0lBQ2QsTUFBTSxFQUFFO2dEQUM2RDtBQXVDL0Q7SUFETixRQUFRLEVBQUU7cUNBU1Y7QUFwRlUsTUFBTTtJQURsQixRQUFRLENBQUMsUUFBUSxDQUFDO0dBQ04sTUFBTSxDQTJJbEIifQ==
+__decorate([
+    initial(0),
+    signal()
+], Circle.prototype, "startAngle", void 0);
+__decorate([
+    initial(360),
+    signal()
+], Circle.prototype, "endAngle", void 0);
+__decorate([
+    initial(false),
+    signal()
+], Circle.prototype, "counterclockwise", void 0);
+__decorate([
+    computed()
+], Circle.prototype, "profile", null);
+Circle = __decorate([
+    nodeName('Circle')
+], Circle);
+export { Circle };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0NpcmNsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQ0wsSUFBSSxFQUNKLE9BQU8sR0FJUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWUsZ0JBQWdCLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFDekQsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVsRSxPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sU0FBUyxDQUFDO0FBcUIxQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0dHO0FBRUksSUFBTSxNQUFNLEdBQVosTUFBTSxNQUFPLFNBQVEsS0FBSztJQXVFL0IsWUFBbUIsS0FBa0I7UUFDbkMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2YsQ0FBQztJQUdNLE9BQU87UUFDWixPQUFPLGdCQUFnQixDQUNyQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUN0QixJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsT0FBTyxFQUMzQixJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsT0FBTyxFQUN6QixJQUFJLENBQUMsTUFBTSxFQUFFLEVBQ2IsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQ3hCLENBQUM7SUFDSixDQUFDO0lBRWtCLFdBQVc7UUFDNUIsT0FBTztZQUNMLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDOUIsQ0FBQyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRTtTQUNo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

package/lib/components/CodeBlock.d.ts

@@ -65,7 +65,7 @@ export declare class CodeBlock extends Shape {
      *                          it instead.
      */
     edit(duration?: number, changeSelection?: CodeRange[] | boolean): (strings: TemplateStringsArray, ...rest: (Code | CodeModification)[]) => ThreadGenerator;
-    tweenCode(code: CodeTree, time: number, timingFunction: TimingFunction): Generator<void | ThreadGenerator | Promise<any> | import("@revideo/core").Promisable<any>, void, any>;
+    tweenCode(code: CodeTree, time: number, timingFunction: TimingFunction): Generator<void | Promise<any> | ThreadGenerator | import("@revideo/core").Promisable<any>, void, any>;
     protected draw(context: CanvasRenderingContext2D): Promise<void>;
     protected selectionStrength(x: number, y: number): number;
     protected static selectionStrength(selection: CodeRange[], x: number, y: number): number;

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=