@revideo/2d 0.2.5 → 0.2.6-alpha.906

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);
+    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})`;
     }
-    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,37 +1,31 @@
-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,74 +1,63 @@
-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);
-  }
-  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;
+    constructor(props) {
+        initializeSignals(this, props);
     }
-    for (const {offset, color} of this.stops()) {
-      gradient.addColorStop(
-        unwrap(offset),
-        new Color(unwrap(color)).serialize(),
-      );
+    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;
     }
-    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,18 +1,13 @@
-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,33 +1,27 @@
-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