@ng-web-apis/canvas
Version:
A library for declarative use of Canvas API with Angular
48 lines • 6.36 kB
JavaScript
import { Directive, Input } from '@angular/core';
import { asCanvasProperty } from '../tokens/canvas-properties';
import * as i0 from "@angular/core";
class WaCanvasPathDrawingStyles {
lineCap = 'butt';
lineDashOffset = 0;
lineJoin = 'miter';
lineWidth = 1;
lineDash = [];
miterLimit = 10;
call(context) {
context.lineCap = this.lineCap;
context.lineDashOffset = this.lineDashOffset;
context.lineJoin = this.lineJoin;
context.lineWidth = this.lineWidth;
context.miterLimit = this.miterLimit;
context.setLineDash(this.lineDash);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WaCanvasPathDrawingStyles, deps: [], target: i0.ɵɵFactoryTarget.Directive });
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: WaCanvasPathDrawingStyles, isStandalone: true, selector: "canvas-path[lineCap],canvas-path[lineDashOffset],canvas-path[lineJoin],canvas-path[lineWidth],canvas-path[lineDash],canvas-path[miterLimit],canvas-text[lineCap],canvas-text[lineDashOffset],canvas-text[lineJoin],canvas-text[lineWidth],canvas-text[lineDash],canvas-text[miterLimit]", inputs: { lineCap: "lineCap", lineDashOffset: "lineDashOffset", lineJoin: "lineJoin", lineWidth: "lineWidth", lineDash: "lineDash", miterLimit: "miterLimit" }, providers: [asCanvasProperty(WaCanvasPathDrawingStyles)], ngImport: i0 });
}
export { WaCanvasPathDrawingStyles };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WaCanvasPathDrawingStyles, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: 'canvas-path[lineCap],canvas-path[lineDashOffset],canvas-path[lineJoin],canvas-path[lineWidth],canvas-path[lineDash],canvas-path[miterLimit],' +
'canvas-text[lineCap],canvas-text[lineDashOffset],canvas-text[lineJoin],canvas-text[lineWidth],canvas-text[lineDash],canvas-text[miterLimit]',
providers: [asCanvasProperty(WaCanvasPathDrawingStyles)],
}]
}], propDecorators: { lineCap: [{
type: Input
}], lineDashOffset: [{
type: Input
}], lineJoin: [{
type: Input
}], lineWidth: [{
type: Input
}], lineDash: [{
type: Input
}], miterLimit: [{
type: Input
}] } });
/**
* @deprecated: use {@link WaCanvasPathDrawingStyles}
*/
export const PathDrawingStylesDirective = WaCanvasPathDrawingStyles;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF0aC1kcmF3aW5nLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvY2FudmFzL3NyYy9wcm9wZXJ0aWVzL3BhdGgtZHJhd2luZy1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHL0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7O0FBRTdELE1BT2EseUJBQXlCO0lBSTNCLE9BQU8sR0FBa0IsTUFBTSxDQUFDO0lBR2hDLGNBQWMsR0FBRyxDQUFDLENBQUM7SUFHbkIsUUFBUSxHQUFtQixPQUFPLENBQUM7SUFHbkMsU0FBUyxHQUFHLENBQUMsQ0FBQztJQUdkLFFBQVEsR0FBYSxFQUFFLENBQUM7SUFHeEIsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUVoQixJQUFJLENBQUMsT0FBaUM7UUFDekMsT0FBTyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQy9CLE9BQU8sQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUM3QyxPQUFPLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDakMsT0FBTyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ25DLE9BQU8sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNyQyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2QyxDQUFDO3dHQTVCUSx5QkFBeUI7NEZBQXpCLHlCQUF5QixzZUFGdkIsQ0FBQyxnQkFBZ0IsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDOztTQUUvQyx5QkFBeUI7NEZBQXpCLHlCQUF5QjtrQkFQckMsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUNKLDhJQUE4STt3QkFDOUksNklBQTZJO29CQUNqSixTQUFTLEVBQUUsQ0FBQyxnQkFBZ0IsMkJBQTJCLENBQUM7aUJBQzNEOzhCQUtVLE9BQU87c0JBRGIsS0FBSztnQkFJQyxjQUFjO3NCQURwQixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsUUFBUTtzQkFEZCxLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7O0FBYVY7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBRyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtDYW52YXNNZXRob2R9IGZyb20gJy4uL2ludGVyZmFjZXMvY2FudmFzLW1ldGhvZCc7XG5pbXBvcnQge2FzQ2FudmFzUHJvcGVydHl9IGZyb20gJy4uL3Rva2Vucy9jYW52YXMtcHJvcGVydGllcyc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6XG4gICAgICAgICdjYW52YXMtcGF0aFtsaW5lQ2FwXSxjYW52YXMtcGF0aFtsaW5lRGFzaE9mZnNldF0sY2FudmFzLXBhdGhbbGluZUpvaW5dLGNhbnZhcy1wYXRoW2xpbmVXaWR0aF0sY2FudmFzLXBhdGhbbGluZURhc2hdLGNhbnZhcy1wYXRoW21pdGVyTGltaXRdLCcgK1xuICAgICAgICAnY2FudmFzLXRleHRbbGluZUNhcF0sY2FudmFzLXRleHRbbGluZURhc2hPZmZzZXRdLGNhbnZhcy10ZXh0W2xpbmVKb2luXSxjYW52YXMtdGV4dFtsaW5lV2lkdGhdLGNhbnZhcy10ZXh0W2xpbmVEYXNoXSxjYW52YXMtdGV4dFttaXRlckxpbWl0XScsXG4gICAgcHJvdmlkZXJzOiBbYXNDYW52YXNQcm9wZXJ0eShXYUNhbnZhc1BhdGhEcmF3aW5nU3R5bGVzKV0sXG59KVxuZXhwb3J0IGNsYXNzIFdhQ2FudmFzUGF0aERyYXdpbmdTdHlsZXNcbiAgICBpbXBsZW1lbnRzIENhbnZhc01ldGhvZCwgT21pdDxDYW52YXNQYXRoRHJhd2luZ1N0eWxlcywgJ2dldExpbmVEYXNoJyB8ICdzZXRMaW5lRGFzaCc+XG57XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbGluZUNhcDogQ2FudmFzTGluZUNhcCA9ICdidXR0JztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxpbmVEYXNoT2Zmc2V0ID0gMDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxpbmVKb2luOiBDYW52YXNMaW5lSm9pbiA9ICdtaXRlcic7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBsaW5lV2lkdGggPSAxO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbGluZURhc2g6IG51bWJlcltdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBtaXRlckxpbWl0ID0gMTA7XG5cbiAgICBwdWJsaWMgY2FsbChjb250ZXh0OiBDYW52YXNSZW5kZXJpbmdDb250ZXh0MkQpOiB2b2lkIHtcbiAgICAgICAgY29udGV4dC5saW5lQ2FwID0gdGhpcy5saW5lQ2FwO1xuICAgICAgICBjb250ZXh0LmxpbmVEYXNoT2Zmc2V0ID0gdGhpcy5saW5lRGFzaE9mZnNldDtcbiAgICAgICAgY29udGV4dC5saW5lSm9pbiA9IHRoaXMubGluZUpvaW47XG4gICAgICAgIGNvbnRleHQubGluZVdpZHRoID0gdGhpcy5saW5lV2lkdGg7XG4gICAgICAgIGNvbnRleHQubWl0ZXJMaW1pdCA9IHRoaXMubWl0ZXJMaW1pdDtcbiAgICAgICAgY29udGV4dC5zZXRMaW5lRGFzaCh0aGlzLmxpbmVEYXNoKTtcbiAgICB9XG59XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQ6IHVzZSB7QGxpbmsgV2FDYW52YXNQYXRoRHJhd2luZ1N0eWxlc31cbiAqL1xuZXhwb3J0IGNvbnN0IFBhdGhEcmF3aW5nU3R5bGVzRGlyZWN0aXZlID0gV2FDYW52YXNQYXRoRHJhd2luZ1N0eWxlcztcbiJdfQ==