@ng-web-apis/canvas
Version:
A library for declarative use of Canvas API with Angular
32 lines • 4.14 kB
JavaScript
import { Directive, Input } from '@angular/core';
import { asCanvasProperty } from '../tokens/canvas-properties';
import * as i0 from "@angular/core";
class WaCanvasFillStrokeStyles {
fillStyle = 'black';
strokeStyle = 'transparent';
call(context) {
context.fillStyle = this.fillStyle;
context.strokeStyle = this.strokeStyle;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WaCanvasFillStrokeStyles, deps: [], target: i0.ɵɵFactoryTarget.Directive });
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: WaCanvasFillStrokeStyles, isStandalone: true, selector: "canvas-path[fillStyle],canvas-path[strokeStyle],canvas-text[fillStyle],canvas-text[strokeStyle]", inputs: { fillStyle: "fillStyle", strokeStyle: "strokeStyle" }, providers: [asCanvasProperty(WaCanvasFillStrokeStyles)], ngImport: i0 });
}
export { WaCanvasFillStrokeStyles };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WaCanvasFillStrokeStyles, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: 'canvas-path[fillStyle],canvas-path[strokeStyle],' +
'canvas-text[fillStyle],canvas-text[strokeStyle]',
providers: [asCanvasProperty(WaCanvasFillStrokeStyles)],
}]
}], propDecorators: { fillStyle: [{
type: Input
}], strokeStyle: [{
type: Input
}] } });
/**
* @deprecated: use {@link WaCanvasFillStrokeStyles}
*/
export const FillStrokeStylesDirective = WaCanvasFillStrokeStyles;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsbC1zdHJva2Utc3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy9jYW52YXMvc3JjL3Byb3BlcnRpZXMvZmlsbC1zdHJva2Utc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRy9DLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDZCQUE2QixDQUFDOztBQUU3RCxNQU9hLHdCQUF3QjtJQUUxQixTQUFTLEdBQTRDLE9BQU8sQ0FBQztJQUc3RCxXQUFXLEdBQTRDLGFBQWEsQ0FBQztJQUVyRSxJQUFJLENBQUMsT0FBaUM7UUFDekMsT0FBTyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ25DLE9BQU8sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMzQyxDQUFDO3dHQVZRLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLDhNQUZ0QixDQUFDLGdCQUFnQixDQUFDLHdCQUF3QixDQUFDLENBQUM7O1NBRTlDLHdCQUF3Qjs0RkFBeEIsd0JBQXdCO2tCQVBwQyxTQUFTO21CQUFDO29CQUNQLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQ0osa0RBQWtEO3dCQUNsRCxpREFBaUQ7b0JBQ3JELFNBQVMsRUFBRSxDQUFDLGdCQUFnQiwwQkFBMEIsQ0FBQztpQkFDMUQ7OEJBR1UsU0FBUztzQkFEZixLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7O0FBU1Y7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtDYW52YXNNZXRob2R9IGZyb20gJy4uL2ludGVyZmFjZXMvY2FudmFzLW1ldGhvZCc7XG5pbXBvcnQge2FzQ2FudmFzUHJvcGVydHl9IGZyb20gJy4uL3Rva2Vucy9jYW52YXMtcHJvcGVydGllcyc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6XG4gICAgICAgICdjYW52YXMtcGF0aFtmaWxsU3R5bGVdLGNhbnZhcy1wYXRoW3N0cm9rZVN0eWxlXSwnICtcbiAgICAgICAgJ2NhbnZhcy10ZXh0W2ZpbGxTdHlsZV0sY2FudmFzLXRleHRbc3Ryb2tlU3R5bGVdJyxcbiAgICBwcm92aWRlcnM6IFthc0NhbnZhc1Byb3BlcnR5KFdhQ2FudmFzRmlsbFN0cm9rZVN0eWxlcyldLFxufSlcbmV4cG9ydCBjbGFzcyBXYUNhbnZhc0ZpbGxTdHJva2VTdHlsZXMgaW1wbGVtZW50cyBDYW52YXNNZXRob2Qge1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGZpbGxTdHlsZTogQ2FudmFzR3JhZGllbnQgfCBDYW52YXNQYXR0ZXJuIHwgc3RyaW5nID0gJ2JsYWNrJztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHN0cm9rZVN0eWxlOiBDYW52YXNHcmFkaWVudCB8IENhbnZhc1BhdHRlcm4gfCBzdHJpbmcgPSAndHJhbnNwYXJlbnQnO1xuXG4gICAgcHVibGljIGNhbGwoY29udGV4dDogQ2FudmFzUmVuZGVyaW5nQ29udGV4dDJEKTogdm9pZCB7XG4gICAgICAgIGNvbnRleHQuZmlsbFN0eWxlID0gdGhpcy5maWxsU3R5bGU7XG4gICAgICAgIGNvbnRleHQuc3Ryb2tlU3R5bGUgPSB0aGlzLnN0cm9rZVN0eWxlO1xuICAgIH1cbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZDogdXNlIHtAbGluayBXYUNhbnZhc0ZpbGxTdHJva2VTdHlsZXN9XG4gKi9cbmV4cG9ydCBjb25zdCBGaWxsU3Ryb2tlU3R5bGVzRGlyZWN0aXZlID0gV2FDYW52YXNGaWxsU3Ryb2tlU3R5bGVzO1xuIl19