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

package/lib/components/Shape.d.ts

@@ -1,48 +1,39 @@
-import {BBox, SignalValue, SimpleSignal} from '@revideo/core';
-import {CanvasStyleSignal} from '../decorators/canvasStyleSignal';
-import {PossibleCanvasStyle} from '../partials';
-import {Layout, LayoutProps} from './Layout';
+import { BBox, SignalValue, SimpleSignal } from '@revideo/core';
+import { CanvasStyleSignal } from '../decorators/canvasStyleSignal';
+import { PossibleCanvasStyle } from '../partials';
+import { Layout, LayoutProps } from './Layout';
 export interface ShapeProps extends LayoutProps {
-  fill?: SignalValue<PossibleCanvasStyle>;
-  stroke?: SignalValue<PossibleCanvasStyle>;
-  strokeFirst?: SignalValue<boolean>;
-  lineWidth?: SignalValue<number>;
-  lineJoin?: SignalValue<CanvasLineJoin>;
-  lineCap?: SignalValue<CanvasLineCap>;
-  lineDash?: SignalValue<number[]>;
-  lineDashOffset?: SignalValue<number>;
-  antialiased?: SignalValue<boolean>;
+    fill?: SignalValue<PossibleCanvasStyle>;
+    stroke?: SignalValue<PossibleCanvasStyle>;
+    strokeFirst?: SignalValue<boolean>;
+    lineWidth?: SignalValue<number>;
+    lineJoin?: SignalValue<CanvasLineJoin>;
+    lineCap?: SignalValue<CanvasLineCap>;
+    lineDash?: SignalValue<number[]>;
+    lineDashOffset?: SignalValue<number>;
+    antialiased?: SignalValue<boolean>;
 }
 export declare abstract class Shape extends Layout {
-  readonly fill: CanvasStyleSignal<this>;
-  readonly stroke: CanvasStyleSignal<this>;
-  readonly strokeFirst: SimpleSignal<boolean, this>;
-  readonly lineWidth: SimpleSignal<number, this>;
-  readonly lineJoin: SimpleSignal<CanvasLineJoin, this>;
-  readonly lineCap: SimpleSignal<CanvasLineCap, this>;
-  readonly lineDash: SimpleSignal<number[], this>;
-  readonly lineDashOffset: SimpleSignal<number, this>;
-  readonly antialiased: SimpleSignal<boolean, this>;
-  protected readonly rippleStrength: SimpleSignal<number, this>;
-  protected rippleSize(): number;
-  constructor(props: ShapeProps);
-  protected applyText(context: CanvasRenderingContext2D): void;
-  protected applyStyle(context: CanvasRenderingContext2D): void;
-  protected draw(context: CanvasRenderingContext2D): void;
-  protected drawShape(context: CanvasRenderingContext2D): void;
-  protected getCacheBBox(): BBox;
-  protected getPath(): Path2D;
-  protected getRipplePath(): Path2D;
-  protected drawRipple(context: CanvasRenderingContext2D): void;
-  ripple(
-    duration?: number,
-  ): Generator<
-    | void
-    | import('@revideo/core').ThreadGenerator
-    | Promise<any>
-    | import('@revideo/core').Promisable<any>,
-    void,
-    any
-  >;
+    readonly fill: CanvasStyleSignal<this>;
+    readonly stroke: CanvasStyleSignal<this>;
+    readonly strokeFirst: SimpleSignal<boolean, this>;
+    readonly lineWidth: SimpleSignal<number, this>;
+    readonly lineJoin: SimpleSignal<CanvasLineJoin, this>;
+    readonly lineCap: SimpleSignal<CanvasLineCap, this>;
+    readonly lineDash: SimpleSignal<number[], this>;
+    readonly lineDashOffset: SimpleSignal<number, this>;
+    readonly antialiased: SimpleSignal<boolean, this>;
+    protected readonly rippleStrength: SimpleSignal<number, this>;
+    protected rippleSize(): number;
+    constructor(props: ShapeProps);
+    protected applyText(context: CanvasRenderingContext2D): void;
+    protected applyStyle(context: CanvasRenderingContext2D): void;
+    protected draw(context: CanvasRenderingContext2D): Promise<void>;
+    protected drawShape(context: CanvasRenderingContext2D): void;
+    protected getCacheBBox(): BBox;
+    protected getPath(): Path2D;
+    protected getRipplePath(): Path2D;
+    protected drawRipple(context: CanvasRenderingContext2D): void;
+    ripple(duration?: number): Generator<void | import("@revideo/core").ThreadGenerator | Promise<any> | import("@revideo/core").Promisable<any>, void, any>;
 }
-//# sourceMappingURL=Shape.d.ts.map
+//# sourceMappingURL=Shape.d.ts.map

package/lib/components/Shape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shape.d.ts","sourceRoot":"","sources":["../../src/lib/components/Shape.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EAMb,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EAElB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,8BACsB,KAAM,SAAQ,MAAM;IACxC,SACwB,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACtD,SACwB,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACxD,SAEwB,WAAW,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACjE,SAEwB,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC9D,SAEwB,QAAQ,EAAE,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IACrE,SAEwB,OAAO,EAAE,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACnE,SAEwB,QAAQ,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/D,SAEwB,cAAc,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,SAEwB,WAAW,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAEjE,SAAS,CAAC,QAAQ,CAAC,cAAc,6BAAiC;IAGlE,SAAS,CAAC,UAAU;gBAID,KAAK,EAAE,UAAU;IAIpC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,wBAAwB;IAKrD,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,wBAAwB;cAenC,IAAI,CAAC,OAAO,EAAE,wBAAwB;IAQzD,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,wBAAwB;cAiBlC,YAAY,IAAI,IAAI;IAKvC,SAAS,CAAC,OAAO,IAAI,MAAM;IAI3B,SAAS,CAAC,aAAa,IAAI,MAAM;IAIjC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,wBAAwB;IAY9C,MAAM,CAAC,QAAQ,SAAI;CAK5B"}
+{"version":3,"file":"Shape.d.ts","sourceRoot":"","sources":["../../src/lib/components/Shape.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EAMb,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EAElB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,8BACsB,KAAM,SAAQ,MAAM;IACxC,SACwB,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACtD,SACwB,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACxD,SAEwB,WAAW,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACjE,SAEwB,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC9D,SAEwB,QAAQ,EAAE,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IACrE,SAEwB,OAAO,EAAE,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACnE,SAEwB,QAAQ,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/D,SAEwB,cAAc,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,SAEwB,WAAW,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAEjE,SAAS,CAAC,QAAQ,CAAC,cAAc,6BAAiC;IAGlE,SAAS,CAAC,UAAU;gBAID,KAAK,EAAE,UAAU;IAIpC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,wBAAwB;IAKrD,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,wBAAwB;cAe7B,IAAI,CAAC,OAAO,EAAE,wBAAwB;IAQ/D,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,wBAAwB;cAiBlC,YAAY,IAAI,IAAI;IAKvC,SAAS,CAAC,OAAO,IAAI,MAAM;IAI3B,SAAS,CAAC,aAAa,IAAI,MAAM;IAIjC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,wBAAwB;IAY9C,MAAM,CAAC,QAAQ,SAAI;CAK5B"}

package/lib/components/Shape.js

@@ -1,119 +1,134 @@
-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 {
-  createSignal,
-  easeOutExpo,
-  linear,
-  map,
-  threadable,
-} from '@revideo/core';
-import {computed, initial, nodeName, signal} from '../decorators';
-import {canvasStyleSignal} from '../decorators/canvasStyleSignal';
-import {resolveCanvasStyle} from '../utils';
-import {Layout} from './Layout';
+};
+import { createSignal, easeOutExpo, linear, map, threadable, } from '@revideo/core';
+import { computed, initial, nodeName, signal } from '../decorators';
+import { canvasStyleSignal, } from '../decorators/canvasStyleSignal';
+import { resolveCanvasStyle } from '../utils';
+import { Layout } from './Layout';
 let Shape = class Shape extends Layout {
-  rippleSize() {
-    return easeOutExpo(this.rippleStrength(), 0, 50);
-  }
-  constructor(props) {
-    super(props);
-    this.rippleStrength = createSignal(0);
-  }
-  applyText(context) {
-    context.direction = this.textDirection();
-    this.element.dir = this.textDirection();
-  }
-  applyStyle(context) {
-    context.fillStyle = resolveCanvasStyle(this.fill(), context);
-    context.strokeStyle = resolveCanvasStyle(this.stroke(), context);
-    context.lineWidth = this.lineWidth();
-    context.lineJoin = this.lineJoin();
-    context.lineCap = this.lineCap();
-    context.setLineDash(this.lineDash());
-    context.lineDashOffset = this.lineDashOffset();
-    if (!this.antialiased()) {
-      // from https://stackoverflow.com/a/68372384
-      context.filter =
-        'url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jUiB0eXBlPSJpZGVudGl0eSIvPjxmZUZ1bmNHIHR5cGU9ImlkZW50aXR5Ii8+PGZlRnVuY0IgdHlwZT0iaWRlbnRpdHkiLz48ZmVGdW5jQSB0eXBlPSJkaXNjcmV0ZSIgdGFibGVWYWx1ZXM9IjAgMSIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48L3N2Zz4=#filter)';
+    rippleSize() {
+        return easeOutExpo(this.rippleStrength(), 0, 50);
+    }
+    constructor(props) {
+        super(props);
+        this.rippleStrength = createSignal(0);
+    }
+    applyText(context) {
+        context.direction = this.textDirection();
+        this.element.dir = this.textDirection();
+    }
+    applyStyle(context) {
+        context.fillStyle = resolveCanvasStyle(this.fill(), context);
+        context.strokeStyle = resolveCanvasStyle(this.stroke(), context);
+        context.lineWidth = this.lineWidth();
+        context.lineJoin = this.lineJoin();
+        context.lineCap = this.lineCap();
+        context.setLineDash(this.lineDash());
+        context.lineDashOffset = this.lineDashOffset();
+        if (!this.antialiased()) {
+            // from https://stackoverflow.com/a/68372384
+            context.filter =
+                'url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jUiB0eXBlPSJpZGVudGl0eSIvPjxmZUZ1bmNHIHR5cGU9ImlkZW50aXR5Ii8+PGZlRnVuY0IgdHlwZT0iaWRlbnRpdHkiLz48ZmVGdW5jQSB0eXBlPSJkaXNjcmV0ZSIgdGFibGVWYWx1ZXM9IjAgMSIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48L3N2Zz4=#filter)';
+        }
+    }
+    async draw(context) {
+        this.drawShape(context);
+        if (this.clip()) {
+            context.clip(this.getPath());
+        }
+        await this.drawChildren(context);
+    }
+    drawShape(context) {
+        const path = this.getPath();
+        const hasStroke = this.lineWidth() > 0 && this.stroke() !== null;
+        const hasFill = this.fill() !== null;
+        context.save();
+        this.applyStyle(context);
+        this.drawRipple(context);
+        if (this.strokeFirst()) {
+            hasStroke && context.stroke(path);
+            hasFill && context.fill(path);
+        }
+        else {
+            hasFill && context.fill(path);
+            hasStroke && context.stroke(path);
+        }
+        context.restore();
+    }
+    getCacheBBox() {
+        return super.getCacheBBox().expand(this.lineWidth() / 2);
+    }
+    getPath() {
+        return new Path2D();
     }
-  }
-  draw(context) {
-    this.drawShape(context);
-    if (this.clip()) {
-      context.clip(this.getPath());
+    getRipplePath() {
+        return new Path2D();
     }
-    this.drawChildren(context);
-  }
-  drawShape(context) {
-    const path = this.getPath();
-    const hasStroke = this.lineWidth() > 0 && this.stroke() !== null;
-    const hasFill = this.fill() !== null;
-    context.save();
-    this.applyStyle(context);
-    this.drawRipple(context);
-    if (this.strokeFirst()) {
-      hasStroke && context.stroke(path);
-      hasFill && context.fill(path);
-    } else {
-      hasFill && context.fill(path);
-      hasStroke && context.stroke(path);
+    drawRipple(context) {
+        const rippleStrength = this.rippleStrength();
+        if (rippleStrength > 0) {
+            const ripplePath = this.getRipplePath();
+            context.save();
+            context.globalAlpha *= map(0.54, 0, rippleStrength);
+            context.fill(ripplePath);
+            context.restore();
+        }
     }
-    context.restore();
-  }
-  getCacheBBox() {
-    return super.getCacheBBox().expand(this.lineWidth() / 2);
-  }
-  getPath() {
-    return new Path2D();
-  }
-  getRipplePath() {
-    return new Path2D();
-  }
-  drawRipple(context) {
-    const rippleStrength = this.rippleStrength();
-    if (rippleStrength > 0) {
-      const ripplePath = this.getRipplePath();
-      context.save();
-      context.globalAlpha *= map(0.54, 0, rippleStrength);
-      context.fill(ripplePath);
-      context.restore();
+    *ripple(duration = 1) {
+        this.rippleStrength(0);
+        yield* this.rippleStrength(1, duration, linear);
+        this.rippleStrength(0);
     }
-  }
-  *ripple(duration = 1) {
-    this.rippleStrength(0);
-    yield* this.rippleStrength(1, duration, linear);
-    this.rippleStrength(0);
-  }
 };
-__decorate([canvasStyleSignal()], Shape.prototype, 'fill', void 0);
-__decorate([canvasStyleSignal()], Shape.prototype, 'stroke', void 0);
-__decorate([initial(false), signal()], Shape.prototype, 'strokeFirst', void 0);
-__decorate([initial(0), signal()], Shape.prototype, 'lineWidth', void 0);
-__decorate([initial('miter'), signal()], Shape.prototype, 'lineJoin', void 0);
-__decorate([initial('butt'), signal()], Shape.prototype, 'lineCap', void 0);
-__decorate([initial([]), signal()], Shape.prototype, 'lineDash', void 0);
-__decorate([initial(0), signal()], Shape.prototype, 'lineDashOffset', void 0);
-__decorate([initial(true), signal()], Shape.prototype, 'antialiased', void 0);
-__decorate([computed()], Shape.prototype, 'rippleSize', null);
-__decorate([computed()], Shape.prototype, 'getPath', null);
-__decorate([threadable()], Shape.prototype, 'ripple', null);
-Shape = __decorate([nodeName('Shape')], Shape);
-export {Shape};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU2hhcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUlMLFlBQVksRUFDWixXQUFXLEVBQ1gsTUFBTSxFQUNOLEdBQUcsRUFDSCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0saUNBQWlDLENBQUM7QUFFekMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sVUFBVSxDQUFDO0FBQzVDLE9BQU8sRUFBQyxNQUFNLEVBQWMsTUFBTSxVQUFVLENBQUM7QUFldEMsSUFBZSxLQUFLLEdBQXBCLE1BQWUsS0FBTSxTQUFRLE1BQU07SUE4QjlCLFVBQVU7UUFDbEIsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsWUFBbUIsS0FBaUI7UUFDbEMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBUkksbUJBQWMsR0FBRyxZQUFZLENBQWUsQ0FBQyxDQUFDLENBQUM7SUFTbEUsQ0FBQztJQUVTLFNBQVMsQ0FBQyxPQUFpQztRQUNuRCxPQUFPLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN6QyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVTLFVBQVUsQ0FBQyxPQUFpQztRQUNwRCxPQUFPLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUM3RCxPQUFPLENBQUMs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
+__decorate([
+    canvasStyleSignal()
+], Shape.prototype, "fill", void 0);
+__decorate([
+    canvasStyleSignal()
+], Shape.prototype, "stroke", void 0);
+__decorate([
+    initial(false),
+    signal()
+], Shape.prototype, "strokeFirst", void 0);
+__decorate([
+    initial(0),
+    signal()
+], Shape.prototype, "lineWidth", void 0);
+__decorate([
+    initial('miter'),
+    signal()
+], Shape.prototype, "lineJoin", void 0);
+__decorate([
+    initial('butt'),
+    signal()
+], Shape.prototype, "lineCap", void 0);
+__decorate([
+    initial([]),
+    signal()
+], Shape.prototype, "lineDash", void 0);
+__decorate([
+    initial(0),
+    signal()
+], Shape.prototype, "lineDashOffset", void 0);
+__decorate([
+    initial(true),
+    signal()
+], Shape.prototype, "antialiased", void 0);
+__decorate([
+    computed()
+], Shape.prototype, "rippleSize", null);
+__decorate([
+    computed()
+], Shape.prototype, "getPath", null);
+__decorate([
+    threadable()
+], Shape.prototype, "ripple", null);
+Shape = __decorate([
+    nodeName('Shape')
+], Shape);
+export { Shape };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU2hhcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUlMLFlBQVksRUFDWixXQUFXLEVBQ1gsTUFBTSxFQUNOLEdBQUcsRUFDSCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0saUNBQWlDLENBQUM7QUFFekMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sVUFBVSxDQUFDO0FBQzVDLE9BQU8sRUFBQyxNQUFNLEVBQWMsTUFBTSxVQUFVLENBQUM7QUFldEMsSUFBZSxLQUFLLEdBQXBCLE1BQWUsS0FBTSxTQUFRLE1BQU07SUE4QjlCLFVBQVU7UUFDbEIsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsWUFBbUIsS0FBaUI7UUFDbEMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBUkksbUJBQWMsR0FBRyxZQUFZLENBQWUsQ0FBQyxDQUFDLENBQUM7SUFTbEUsQ0FBQztJQUVTLFNBQVMsQ0FBQyxPQUFpQztRQUNuRCxPQUFPLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN6QyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVTLFVBQVUsQ0FBQyxPQUFpQztRQUNwRCxPQUFPLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUM3RCxPQUFPLENBQUMs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