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

package/lib/partials/Filter.js

@@ -1,72 +1,72 @@
-import { createSignal, map, transformScalar, } from '@revideo/core';
+import {createSignal, map, transformScalar} from '@revideo/core';
 /**
  * Definitions of all possible CSS filters.
  *
  * @internal
  */
 export const FILTERS = {
-    invert: {
-        name: 'invert',
-    },
-    sepia: {
-        name: 'sepia',
-    },
-    grayscale: {
-        name: 'grayscale',
-    },
-    brightness: {
-        name: 'brightness',
-        default: 1,
-    },
-    contrast: {
-        name: 'contrast',
-        default: 1,
-    },
-    saturate: {
-        name: 'saturate',
-        default: 1,
-    },
-    hue: {
-        name: 'hue-rotate',
-        unit: 'deg',
-        scale: 1,
-    },
-    blur: {
-        name: 'blur',
-        transform: true,
-        unit: 'px',
-        scale: 1,
-    },
+  invert: {
+    name: 'invert',
+  },
+  sepia: {
+    name: 'sepia',
+  },
+  grayscale: {
+    name: 'grayscale',
+  },
+  brightness: {
+    name: 'brightness',
+    default: 1,
+  },
+  contrast: {
+    name: 'contrast',
+    default: 1,
+  },
+  saturate: {
+    name: 'saturate',
+    default: 1,
+  },
+  hue: {
+    name: 'hue-rotate',
+    unit: 'deg',
+    scale: 1,
+  },
+  blur: {
+    name: 'blur',
+    transform: true,
+    unit: 'px',
+    scale: 1,
+  },
 };
 export class Filter {
-    get name() {
-        return this.props.name;
-    }
-    get default() {
-        return this.props.default;
-    }
-    constructor(props) {
-        this.props = {
-            name: 'invert',
-            default: 0,
-            unit: '%',
-            scale: 100,
-            transform: false,
-            ...props,
-            value: props.value ?? props.default ?? 0,
-        };
-        this.value = createSignal(this.props.value, map, this);
-    }
-    isActive() {
-        return this.value() !== this.props.default;
-    }
-    serialize(matrix) {
-        let value = this.value();
-        if (this.props.transform) {
-            value = transformScalar(value, matrix);
-        }
-        return `${this.props.name}(${value * this.props.scale}${this.props.unit})`;
+  get name() {
+    return this.props.name;
+  }
+  get default() {
+    return this.props.default;
+  }
+  constructor(props) {
+    this.props = {
+      name: 'invert',
+      default: 0,
+      unit: '%',
+      scale: 100,
+      transform: false,
+      ...props,
+      value: props.value ?? props.default ?? 0,
+    };
+    this.value = createSignal(this.props.value, map, this);
+  }
+  isActive() {
+    return this.value() !== this.props.default;
+  }
+  serialize(matrix) {
+    let value = this.value();
+    if (this.props.transform) {
+      value = transformScalar(value, matrix);
     }
+    return `${this.props.name}(${value * this.props.scale}${this.props.unit})`;
+  }
 }
 /**
  * Create an {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert | invert} filter.
@@ -74,7 +74,7 @@ export class Filter {
  * @param value - The value of the filter.
  */
 export function invert(value) {
-    return new Filter({ ...FILTERS.invert, value });
+  return new Filter({...FILTERS.invert, value});
 }
 /**
  * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/sepia | sepia} filter.
@@ -82,7 +82,7 @@ export function invert(value) {
  * @param value - The value of the filter.
  */
 export function sepia(value) {
-    return new Filter({ ...FILTERS.sepia, value });
+  return new Filter({...FILTERS.sepia, value});
 }
 /**
  * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale | grayscale} filter.
@@ -90,7 +90,7 @@ export function sepia(value) {
  * @param value - The value of the filter.
  */
 export function grayscale(value) {
-    return new Filter({ ...FILTERS.grayscale, value });
+  return new Filter({...FILTERS.grayscale, value});
 }
 /**
  * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness | brightness} filter.
@@ -98,7 +98,7 @@ export function grayscale(value) {
  * @param value - The value of the filter.
  */
 export function brightness(value) {
-    return new Filter({ ...FILTERS.brightness, value });
+  return new Filter({...FILTERS.brightness, value});
 }
 /**
  * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/contrast | contrast} filter.
@@ -106,7 +106,7 @@ export function brightness(value) {
  * @param value - The value of the filter.
  */
 export function contrast(value) {
-    return new Filter({ ...FILTERS.contrast, value });
+  return new Filter({...FILTERS.contrast, value});
 }
 /**
  * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/saturate | saturate} filter.
@@ -114,7 +114,7 @@ export function contrast(value) {
  * @param value - The value of the filter.
  */
 export function saturate(value) {
-    return new Filter({ ...FILTERS.saturate, value });
+  return new Filter({...FILTERS.saturate, value});
 }
 /**
  * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate | hue} filter.
@@ -122,7 +122,7 @@ export function saturate(value) {
  * @param value - The value of the filter in degrees.
  */
 export function hue(value) {
-    return new Filter({ ...FILTERS.hue, value });
+  return new Filter({...FILTERS.hue, value});
 }
 /**
  * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur | blur} filter.
@@ -130,6 +130,6 @@ export function hue(value) {
  * @param value - The value of the filter in pixels.
  */
 export function blur(value) {
-    return new Filter({ ...FILTERS.blur, value });
+  return new Filter({...FILTERS.blur, value});
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9wYXJ0aWFscy9GaWx0ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFlBQVksRUFDWixHQUFHLEVBR0gsZUFBZSxHQUNoQixNQUFNLGVBQWUsQ0FBQztBQWlCdkI7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBeUM7SUFDM0QsTUFBTSxFQUFFO1FBQ04sSUFBSSxFQUFFLFFBQVE7S0FDZjtJQUNELEtBQUssRUFBRTtRQUNMLElBQUksRUFBRSxPQUFPO0tBQ2Q7SUFDRCxTQUFTLEVBQUU7UUFDVCxJQUFJLEVBQUUsV0FBVztLQUNsQjtJQUNELFVBQVUsRUFBRTtRQUNWLElBQUksRUFBRSxZQUFZO1FBQ2xCLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFDRCxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUUsVUFBVTtRQUNoQixPQUFPLEVBQUUsQ0FBQztLQUNYO0lBQ0QsUUFBUSxFQUFFO1FBQ1IsSUFBSSxFQUFFLFVBQVU7UUFDaEIsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUNELEdBQUcsRUFBRTtRQUNILElBQUksRUFBRSxZQUFZO1FBQ2xCLElBQUksRUFBRSxLQUFLO1FBQ1gsS0FBSyxFQUFFLENBQUM7S0FDVDtJQUNELElBQUksRUFBRTtRQUNKLElBQUksRUFBRSxNQUFNO1FBQ1osU0FBUyxFQUFFLElBQUk7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLEtBQUssRUFBRSxDQUFDO0tBQ1Q7Q0FDRixDQUFDO0FBY0YsTUFBTSxPQUFPLE1BQU07SUFDakIsSUFBVyxJQUFJO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDNUIsQ0FBQztJQUtELFlBQW1CLEtBQTJCO1FBQzVDLElB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9wYXJ0aWFscy9GaWx0ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFlBQVksRUFDWixHQUFHLEVBR0gsZUFBZSxHQUNoQixNQUFNLGVBQWUsQ0FBQztBQWlCdkI7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBeUM7SUFDM0QsTUFBTSxFQUFFO1FBQ04sSUFBSSxFQUFFLFFBQVE7S0FDZjtJQUNELEtBQUssRUFBRTtRQUNMLElBQUksRUFBRSxPQUFPO0tBQ2Q7SUFDRCxTQUFTLEVBQUU7UUFDVCxJQUFJLEVBQUUsV0FBVztLQUNsQjtJQUNELFVBQVUsRUFBRTtRQUNWLElBQUksRUFBRSxZQUFZO1FBQ2xCLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFDRCxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUUsVUFBVTtRQUNoQixPQUFPLEVBQUUsQ0FBQztLQUNYO0lBQ0QsUUFBUSxFQUFFO1FBQ1IsSUFBSSxFQUFFLFVBQVU7UUFDaEIsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUNELEdBQUcsRUFBRTtRQUNILElBQUksRUFBRSxZQUFZO1FBQ2xCLElBQUksRUFBRSxLQUFLO1FBQ1gsS0FBSyxFQUFFLENBQUM7S0FDVDtJQUNELElBQUksRUFBRTtRQUNKLElBQUksRUFBRSxNQUFNO1FBQ1osU0FBUyxFQUFFLElBQUk7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLEtBQUssRUFBRSxDQUFDO0tBQ1Q7Q0FDRixDQUFDO0FBY0YsTUFBTSxPQUFPLE1BQU07SUFDakIsSUFBVyxJQUFJO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDNUIsQ0FBQztJQUtELFlBQW1CLEtBQTJCO1FBQzVDLElB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

package/lib/partials/Gradient.d.ts

@@ -1,31 +1,37 @@
-import { PossibleColor, PossibleVector2, SignalValue, SimpleSignal, Vector2Signal } from '@revideo/core';
+import {
+  PossibleColor,
+  PossibleVector2,
+  SignalValue,
+  SimpleSignal,
+  Vector2Signal,
+} from '@revideo/core';
 export type GradientType = 'linear' | 'conic' | 'radial';
 export interface GradientStop {
-    offset: SignalValue<number>;
-    color: SignalValue<PossibleColor>;
+  offset: SignalValue<number>;
+  color: SignalValue<PossibleColor>;
 }
 export interface GradientProps {
-    type?: SignalValue<GradientType>;
-    fromX?: SignalValue<number>;
-    fromY?: SignalValue<number>;
-    from?: SignalValue<PossibleVector2>;
-    toX?: SignalValue<number>;
-    toY?: SignalValue<number>;
-    to?: SignalValue<PossibleVector2>;
-    angle?: SignalValue<number>;
-    fromRadius?: SignalValue<number>;
-    toRadius?: SignalValue<number>;
-    stops?: GradientStop[];
+  type?: SignalValue<GradientType>;
+  fromX?: SignalValue<number>;
+  fromY?: SignalValue<number>;
+  from?: SignalValue<PossibleVector2>;
+  toX?: SignalValue<number>;
+  toY?: SignalValue<number>;
+  to?: SignalValue<PossibleVector2>;
+  angle?: SignalValue<number>;
+  fromRadius?: SignalValue<number>;
+  toRadius?: SignalValue<number>;
+  stops?: GradientStop[];
 }
 export declare class Gradient {
-    readonly type: SimpleSignal<GradientType, this>;
-    readonly from: Vector2Signal<this>;
-    readonly to: Vector2Signal<this>;
-    readonly angle: SimpleSignal<number, this>;
-    readonly fromRadius: SimpleSignal<number, this>;
-    readonly toRadius: SimpleSignal<number, this>;
-    readonly stops: SimpleSignal<GradientStop[], this>;
-    constructor(props: GradientProps);
-    canvasGradient(context: CanvasRenderingContext2D): CanvasGradient;
+  readonly type: SimpleSignal<GradientType, this>;
+  readonly from: Vector2Signal<this>;
+  readonly to: Vector2Signal<this>;
+  readonly angle: SimpleSignal<number, this>;
+  readonly fromRadius: SimpleSignal<number, this>;
+  readonly toRadius: SimpleSignal<number, this>;
+  readonly stops: SimpleSignal<GradientStop[], this>;
+  constructor(props: GradientProps);
+  canvasGradient(context: CanvasRenderingContext2D): CanvasGradient;
 }
-//# sourceMappingURL=Gradient.d.ts.map
+//# sourceMappingURL=Gradient.d.ts.map

package/lib/partials/Gradient.js

@@ -1,63 +1,74 @@
-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 { Color, unwrap, } from '@revideo/core';
-import { computed } from '../decorators/computed';
-import { initial, initializeSignals, signal } from '../decorators/signal';
-import { vector2Signal } from '../decorators/vector2Signal';
+  };
+import {Color, unwrap} from '@revideo/core';
+import {computed} from '../decorators/computed';
+import {initial, initializeSignals, signal} from '../decorators/signal';
+import {vector2Signal} from '../decorators/vector2Signal';
 export class Gradient {
-    constructor(props) {
-        initializeSignals(this, props);
+  constructor(props) {
+    initializeSignals(this, props);
+  }
+  canvasGradient(context) {
+    let gradient;
+    switch (this.type()) {
+      case 'linear':
+        gradient = context.createLinearGradient(
+          this.from.x(),
+          this.from.y(),
+          this.to.x(),
+          this.to.y(),
+        );
+        break;
+      case 'conic':
+        gradient = context.createConicGradient(
+          this.angle(),
+          this.from.x(),
+          this.from.y(),
+        );
+        break;
+      case 'radial':
+        gradient = context.createRadialGradient(
+          this.from.x(),
+          this.from.y(),
+          this.fromRadius(),
+          this.to.x(),
+          this.to.y(),
+          this.toRadius(),
+        );
+        break;
     }
-    canvasGradient(context) {
-        let gradient;
-        switch (this.type()) {
-            case 'linear':
-                gradient = context.createLinearGradient(this.from.x(), this.from.y(), this.to.x(), this.to.y());
-                break;
-            case 'conic':
-                gradient = context.createConicGradient(this.angle(), this.from.x(), this.from.y());
-                break;
-            case 'radial':
-                gradient = context.createRadialGradient(this.from.x(), this.from.y(), this.fromRadius(), this.to.x(), this.to.y(), this.toRadius());
-                break;
-        }
-        for (const { offset, color } of this.stops()) {
-            gradient.addColorStop(unwrap(offset), new Color(unwrap(color)).serialize());
-        }
-        return gradient;
+    for (const {offset, color} of this.stops()) {
+      gradient.addColorStop(
+        unwrap(offset),
+        new Color(unwrap(color)).serialize(),
+      );
     }
+    return gradient;
+  }
 }
-__decorate([
-    initial('linear'),
-    signal()
-], Gradient.prototype, "type", void 0);
-__decorate([
-    vector2Signal('from')
-], Gradient.prototype, "from", void 0);
-__decorate([
-    vector2Signal('to')
-], Gradient.prototype, "to", void 0);
-__decorate([
-    initial(0),
-    signal()
-], Gradient.prototype, "angle", void 0);
-__decorate([
-    initial(0),
-    signal()
-], Gradient.prototype, "fromRadius", void 0);
-__decorate([
-    initial(0),
-    signal()
-], Gradient.prototype, "toRadius", void 0);
-__decorate([
-    initial([]),
-    signal()
-], Gradient.prototype, "stops", void 0);
-__decorate([
-    computed()
-], Gradient.prototype, "canvasGradient", null);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JhZGllbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL0dyYWRpZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxLQUFLLEVBTUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLEVBQUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQXVCMUQsTUFBTSxPQUFPLFFBQVE7SUF3Qm5CLFlBQW1CLEtBQW9CO1FBQ3JDLGlCQUFpQixDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBR00sY0FBYyxDQUFDLE9BQWlDO1FBQ3JELElBQUksUUFBd0IsQ0FBQztRQUM3QixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLEtBQUssUUFBUTtnQkFDWCxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQ2IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFDWCxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUNaLENBQUM7Z0JBQ0YsTUFBTTtZQUNSLEtBQUssT0FBTztnQkFDVixRQUFRLEdBQUcsT0FBTyxDQUFDLG1CQUFtQixDQUNwQyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUNkLENBQUM7Z0JBQ0YsTUFBTTtZQUNSLEtBQUssUUFBUTtnQkFDWCxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQ2IsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUNqQixJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUNYLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQ1gsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUNoQixDQUFDO2dCQUNGLE1BQU07UUFDVixDQUFDO1FBRUQsS0FBSyxNQUFNLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDO1lBQzNDLFFBQVEsQ0FBQyxZQUFZLENBQ25CLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFDZCxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FDckMsQ0FBQztRQUNKLENBQUM7UUFFRCxPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDO0NBQ0Y7QUFqRXlCO0lBRnZCLE9BQU8sQ0FBQyxRQUFRLENBQUM7SUFDakIsTUFBTSxFQUFFO3NDQUNzRDtBQUd2QztJQUR2QixhQUFhLENBQUMsTUFBTSxDQUFDO3NDQUM0QjtBQUcxQjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO29DQUM0QjtBQUl4QjtJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFO3VDQUNpRDtBQUdsQztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzRDQUNzRDtBQUd2QztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzBDQUNvRDtBQUdyQztJQUZ2QixPQUFPLENBQUMsRUFBRSxDQUFDO0lBQ1gsTUFBTSxFQUFFO3VDQUN5RDtBQU8zRDtJQUROLFFBQVEsRUFBRTs4Q0F1Q1YifQ==
+__decorate([initial('linear'), signal()], Gradient.prototype, 'type', void 0);
+__decorate([vector2Signal('from')], Gradient.prototype, 'from', void 0);
+__decorate([vector2Signal('to')], Gradient.prototype, 'to', void 0);
+__decorate([initial(0), signal()], Gradient.prototype, 'angle', void 0);
+__decorate([initial(0), signal()], Gradient.prototype, 'fromRadius', void 0);
+__decorate([initial(0), signal()], Gradient.prototype, 'toRadius', void 0);
+__decorate([initial([]), signal()], Gradient.prototype, 'stops', void 0);
+__decorate([computed()], Gradient.prototype, 'canvasGradient', null);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JhZGllbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL0dyYWRpZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxLQUFLLEVBTUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLEVBQUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQXVCMUQsTUFBTSxPQUFPLFFBQVE7SUF3Qm5CLFlBQW1CLEtBQW9CO1FBQ3JDLGlCQUFpQixDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBR00sY0FBYyxDQUFDLE9BQWlDO1FBQ3JELElBQUksUUFBd0IsQ0FBQztRQUM3QixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLEtBQUssUUFBUTtnQkFDWCxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQ2IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFDWCxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUNaLENBQUM7Z0JBQ0YsTUFBTTtZQUNSLEtBQUssT0FBTztnQkFDVixRQUFRLEdBQUcsT0FBTyxDQUFDLG1CQUFtQixDQUNwQyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUNkLENBQUM7Z0JBQ0YsTUFBTTtZQUNSLEtBQUssUUFBUTtnQkFDWCxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQ2IsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUNqQixJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUNYLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQ1gsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUNoQixDQUFDO2dCQUNGLE1BQU07UUFDVixDQUFDO1FBRUQsS0FBSyxNQUFNLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDO1lBQzNDLFFBQVEsQ0FBQyxZQUFZLENBQ25CLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFDZCxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FDckMsQ0FBQztRQUNKLENBQUM7UUFFRCxPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDO0NBQ0Y7QUFqRXlCO0lBRnZCLE9BQU8sQ0FBQyxRQUFRLENBQUM7SUFDakIsTUFBTSxFQUFFO3NDQUNzRDtBQUd2QztJQUR2QixhQUFhLENBQUMsTUFBTSxDQUFDO3NDQUM0QjtBQUcxQjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO29DQUM0QjtBQUl4QjtJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFO3VDQUNpRDtBQUdsQztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzRDQUNzRDtBQUd2QztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzBDQUNvRDtBQUdyQztJQUZ2QixPQUFPLENBQUMsRUFBRSxDQUFDO0lBQ1gsTUFBTSxFQUFFO3VDQUN5RDtBQU8zRDtJQUROLFFBQVEsRUFBRTs4Q0F1Q1YifQ==

package/lib/partials/Pattern.d.ts

@@ -1,13 +1,18 @@
-import { SimpleSignal } from '@revideo/core';
-export type CanvasRepetition = null | 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+import {SimpleSignal} from '@revideo/core';
+export type CanvasRepetition =
+  | null
+  | 'repeat'
+  | 'repeat-x'
+  | 'repeat-y'
+  | 'no-repeat';
 export interface PatternProps {
-    image: CanvasImageSource;
-    repetition?: CanvasRepetition;
+  image: CanvasImageSource;
+  repetition?: CanvasRepetition;
 }
 export declare class Pattern {
-    readonly image: SimpleSignal<CanvasImageSource, this>;
-    readonly repetition: SimpleSignal<CanvasRepetition, this>;
-    constructor(props: PatternProps);
-    canvasPattern(context: CanvasRenderingContext2D): CanvasPattern | null;
+  readonly image: SimpleSignal<CanvasImageSource, this>;
+  readonly repetition: SimpleSignal<CanvasRepetition, this>;
+  constructor(props: PatternProps);
+  canvasPattern(context: CanvasRenderingContext2D): CanvasPattern | null;
 }
-//# sourceMappingURL=Pattern.d.ts.map
+//# sourceMappingURL=Pattern.d.ts.map

package/lib/partials/Pattern.js

@@ -1,27 +1,33 @@
-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 { computed } from '../decorators/computed';
-import { initial, initializeSignals, signal } from '../decorators/signal';
+  };
+import {computed} from '../decorators/computed';
+import {initial, initializeSignals, signal} from '../decorators/signal';
 export class Pattern {
-    constructor(props) {
-        initializeSignals(this, props);
-    }
-    canvasPattern(context) {
-        return context.createPattern(this.image(), this.repetition());
-    }
+  constructor(props) {
+    initializeSignals(this, props);
+  }
+  canvasPattern(context) {
+    return context.createPattern(this.image(), this.repetition());
+  }
 }
-__decorate([
-    signal()
-], Pattern.prototype, "image", void 0);
-__decorate([
-    initial(null),
-    signal()
-], Pattern.prototype, "repetition", void 0);
-__decorate([
-    computed()
-], Pattern.prototype, "canvasPattern", null);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGF0dGVybi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvcGFydGlhbHMvUGF0dGVybi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxFQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQWV4RSxNQUFNLE9BQU8sT0FBTztJQU9sQixZQUFtQixLQUFtQjtRQUNwQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUdNLGFBQWEsQ0FDbEIsT0FBaUM7UUFFakMsT0FBTyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUNoRSxDQUFDO0NBQ0Y7QUFmeUI7SUFEdkIsTUFBTSxFQUFFO3NDQUM0RDtBQUc3QztJQUZ2QixPQUFPLENBQUMsSUFBSSxDQUFDO0lBQ2IsTUFBTSxFQUFFOzJDQUNnRTtBQU9sRTtJQUROLFFBQVEsRUFBRTs0Q0FLViJ9
+__decorate([signal()], Pattern.prototype, 'image', void 0);
+__decorate([initial(null), signal()], Pattern.prototype, 'repetition', void 0);
+__decorate([computed()], Pattern.prototype, 'canvasPattern', null);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGF0dGVybi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvcGFydGlhbHMvUGF0dGVybi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxFQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQWV4RSxNQUFNLE9BQU8sT0FBTztJQU9sQixZQUFtQixLQUFtQjtRQUNwQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUdNLGFBQWEsQ0FDbEIsT0FBaUM7UUFFakMsT0FBTyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUNoRSxDQUFDO0NBQ0Y7QUFmeUI7SUFEdkIsTUFBTSxFQUFFO3NDQUM0RDtBQUc3QztJQUZ2QixPQUFPLENBQUMsSUFBSSxDQUFDO0lBQ2IsTUFBTSxFQUFFOzJDQUNnRTtBQU9sRTtJQUROLFFBQVEsRUFBRTs0Q0FLViJ9