@ng-web-apis/canvas - npm Package Compare versions

Comparing version 3.0.6 to 4.0.0

contexts/canvas-2d.d.ts

@@ -1,9 +0,8 @@
-import { ElementRef } from '@angular/core';
-import { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
-export declare function canvasContextFactory({ nativeElement }: ElementRef<HTMLCanvasElement>, opaque?: string | null, desynchronized?: string | null): CanvasRenderingContext2D;
 export declare class Canvas2dDirective {
-    constructor(context: CanvasRenderingContext2D, method: CanvasMethod, _opaque: string | null, _desynchronized: string | null);
-    static ɵfac: i0.ɵɵFactoryDeclaration<Canvas2dDirective, [null, null, { attribute: "opaque"; }, { attribute: "desynchronized"; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Canvas2dDirective, "canvas[waCanvas2d]", never, {}, {}, never>;
+    private readonly context;
+    private readonly method;
+    constructor(_opaque: string | null, _desynchronized: string | null);
+    static ɵfac: i0.ɵɵFactoryDeclaration<Canvas2dDirective, [{ attribute: "opaque"; }, { attribute: "desynchronized"; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Canvas2dDirective, "canvas[waCanvas2d]", never, {}, {}, never, never, true, never>;
 }

index.d.ts

@@ -1,4 +0,1 @@
-/**
- * Public API Surface of @ng-web-apis/canvas
- */
 export * from './contexts/canvas-2d';
@@ -11,2 +8,3 @@ export * from './interfaces/canvas-method';
 export * from './methods/text';
+export * from './module';
 export * from './path/arc';
@@ -17,5 +15,5 @@ export * from './path/arc-to';
 export * from './path/line-to';
-export * from './path/rect';
 export * from './path/move-to';
 export * from './path/quadratic-curve-to';
+export * from './path/rect';
 export * from './pipes/gradient.pipe';
@@ -26,6 +24,6 @@ export * from './pipes/path.pipe';
 export * from './pipes/transform.pipe';
+export * from './properties/clip';
 export * from './properties/compositing';
 export * from './properties/fill-stroke-styles';
 export * from './properties/filter';
-export * from './properties/clip';
 export * from './properties/image-smoothing';
@@ -41,2 +39,1 @@ export * from './properties/path-drawing-styles';
 export * from './types/context-processor';
-export * from './module';

interfaces/canvas-method.d.ts

@@ -1,4 +0,4 @@
-import { Context2dProcessor } from '../types/context-processor';
+import type { Context2dProcessor } from '../types/context-processor';
 export interface CanvasMethod {
     call: Context2dProcessor;
 }

methods/clip-path.d.ts

 import { QueryList } from '@angular/core';
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -7,3 +7,3 @@ export declare class ClipPathComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClipPathComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClipPathComponent, "canvas-clip-path", never, {}, {}, ["pathSteps"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClipPathComponent, "canvas-clip-path", never, {}, {}, ["pathSteps"], ["*"], true, never>;
 }

methods/draw-image.d.ts

@@ -1,4 +0,4 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
 export declare class DrawImageDirective {
+    private readonly method;
     image?: CanvasImageSource;
@@ -13,5 +13,5 @@ dX: number;
     sHeight?: number;
-    constructor(method: CanvasMethod);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawImageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DrawImageDirective, "canvas-draw-image", never, { "image": "image"; "dX": "dX"; "dY": "dY"; "dWidth": "dWidth"; "dHeight": "dHeight"; "sX": "sX"; "sY": "sY"; "sWidth": "sWidth"; "sHeight": "sHeight"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrawImageDirective, "canvas-draw-image", never, { "image": { "alias": "image"; "required": false; }; "dX": { "alias": "dX"; "required": false; }; "dY": { "alias": "dY"; "required": false; }; "dWidth": { "alias": "dWidth"; "required": false; }; "dHeight": { "alias": "dHeight"; "required": false; }; "sX": { "alias": "sX"; "required": false; }; "sY": { "alias": "sY"; "required": false; }; "sWidth": { "alias": "sWidth"; "required": false; }; "sHeight": { "alias": "sHeight"; "required": false; }; }, {}, never, never, true, never>;
 }

methods/path-2d.d.ts

@@ -1,9 +0,9 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
 export declare class Path2dDirective {
+    private readonly method;
     path: Path2D;
     fillRule?: CanvasFillRule;
-    constructor(method: CanvasMethod);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<Path2dDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Path2dDirective, "canvas-path[path]", never, { "path": "path"; "fillRule": "fillRule"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Path2dDirective, "canvas-path[path]", never, { "path": { "alias": "path"; "required": false; }; "fillRule": { "alias": "fillRule"; "required": false; }; }, {}, never, never, true, never>;
 }

methods/path.d.ts

@@ -1,10 +0,10 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
 export declare class PathDirective {
+    private readonly pathSteps;
+    private readonly method;
     closed: boolean;
     fillRule?: CanvasFillRule;
-    private readonly pathSteps;
-    constructor(method: CanvasMethod);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<PathDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PathDirective, "canvas-path:not([path])", never, { "closed": "closed"; "fillRule": "fillRule"; }, {}, ["pathSteps"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PathDirective, "canvas-path:not([path])", never, { "closed": { "alias": "closed"; "required": false; }; "fillRule": { "alias": "fillRule"; "required": false; }; }, {}, ["pathSteps"], never, true, never>;
 }

methods/text.d.ts

@@ -1,4 +0,4 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
 export declare class TextDirective {
+    private readonly method;
     text: string;
@@ -8,5 +8,5 @@ x: number;
     maxWidth?: number;
-    constructor(method: CanvasMethod);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "canvas-text", never, { "text": "text"; "x": "x"; "y": "y"; "maxWidth": "maxWidth"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "canvas-text", never, { "text": { "alias": "text"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, true, never>;
 }

module.d.ts

@@ -32,4 +32,4 @@ import * as i0 from "@angular/core";
     static ɵfac: i0.ɵɵFactoryDeclaration<CanvasModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CanvasModule, [typeof i1.Canvas2dDirective, typeof i2.ClipPathComponent, typeof i3.DrawImageDirective, typeof i4.PathDirective, typeof i5.Path2dDirective, typeof i6.TextDirective, typeof i7.ArcDirective, typeof i8.ArcToDirective, typeof i9.BezierCurveToDirective, typeof i10.EllipseDirective, typeof i11.LineToDirective, typeof i12.MoveToDirective, typeof i13.QuadraticCurveToDirective, typeof i14.RectDirective, typeof i15.ClipDirective, typeof i16.CompositingDirective, typeof i17.FillStrokeStylesDirective, typeof i18.FilterDirective, typeof i19.ImageSmoothingDirective, typeof i20.PathDrawingStylesDirective, typeof i21.ShadowStylesDirective, typeof i22.TextDrawingStylesDirective, typeof i23.TransformDirective, typeof i24.GradientPipe, typeof i25.PathPipe, typeof i26.PatternPipe, typeof i27.RadPipe, typeof i28.TransformPipe], never, [typeof i1.Canvas2dDirective, typeof i2.ClipPathComponent, typeof i3.DrawImageDirective, typeof i4.PathDirective, typeof i5.Path2dDirective, typeof i6.TextDirective, typeof i7.ArcDirective, typeof i8.ArcToDirective, typeof i9.BezierCurveToDirective, typeof i10.EllipseDirective, typeof i11.LineToDirective, typeof i12.MoveToDirective, typeof i13.QuadraticCurveToDirective, typeof i14.RectDirective, typeof i15.ClipDirective, typeof i16.CompositingDirective, typeof i17.FillStrokeStylesDirective, typeof i18.FilterDirective, typeof i19.ImageSmoothingDirective, typeof i20.PathDrawingStylesDirective, typeof i21.ShadowStylesDirective, typeof i22.TextDrawingStylesDirective, typeof i24.GradientPipe, typeof i25.PathPipe, typeof i26.PatternPipe, typeof i27.RadPipe, typeof i23.TransformDirective, typeof i28.TransformPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CanvasModule, never, [typeof i1.Canvas2dDirective, typeof i2.ClipPathComponent, typeof i3.DrawImageDirective, typeof i4.PathDirective, typeof i5.Path2dDirective, typeof i6.TextDirective, typeof i7.ArcDirective, typeof i8.ArcToDirective, typeof i9.BezierCurveToDirective, typeof i10.EllipseDirective, typeof i11.LineToDirective, typeof i12.MoveToDirective, typeof i13.QuadraticCurveToDirective, typeof i14.RectDirective, typeof i15.ClipDirective, typeof i16.CompositingDirective, typeof i17.FillStrokeStylesDirective, typeof i18.FilterDirective, typeof i19.ImageSmoothingDirective, typeof i20.PathDrawingStylesDirective, typeof i21.ShadowStylesDirective, typeof i22.TextDrawingStylesDirective, typeof i23.TransformDirective, typeof i24.GradientPipe, typeof i25.PathPipe, typeof i26.PatternPipe, typeof i27.RadPipe, typeof i28.TransformPipe], [typeof i1.Canvas2dDirective, typeof i2.ClipPathComponent, typeof i3.DrawImageDirective, typeof i4.PathDirective, typeof i5.Path2dDirective, typeof i6.TextDirective, typeof i7.ArcDirective, typeof i8.ArcToDirective, typeof i9.BezierCurveToDirective, typeof i10.EllipseDirective, typeof i11.LineToDirective, typeof i12.MoveToDirective, typeof i13.QuadraticCurveToDirective, typeof i14.RectDirective, typeof i15.ClipDirective, typeof i16.CompositingDirective, typeof i17.FillStrokeStylesDirective, typeof i18.FilterDirective, typeof i19.ImageSmoothingDirective, typeof i20.PathDrawingStylesDirective, typeof i21.ShadowStylesDirective, typeof i22.TextDrawingStylesDirective, typeof i24.GradientPipe, typeof i25.PathPipe, typeof i26.PatternPipe, typeof i27.RadPipe, typeof i23.TransformDirective, typeof i28.TransformPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CanvasModule>;
 }

package.json

 {
   "name": "@ng-web-apis/canvas",
-  "version": "3.0.6",
+  "version": "4.0.0",
   "description": "A library for declarative use of Canvas API with Angular",
@@ -28,14 +28,21 @@ "keywords": [
     "@angular/core": ">=6.0.0",
-    "@ng-web-apis/common": ">=1.1.0"
+    "@ng-web-apis/common": ">=3.0.6"
   },
-  "main": "bundles/ng-web-apis-canvas.umd.js",
-  "module": "fesm2015/ng-web-apis-canvas.js",
-  "es2015": "fesm2015/ng-web-apis-canvas.js",
-  "esm2015": "esm2015/ng-web-apis-canvas.js",
-  "fesm2015": "fesm2015/ng-web-apis-canvas.js",
-  "typings": "ng-web-apis-canvas.d.ts",
+  "module": "fesm2022/ng-web-apis-canvas.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ng-web-apis-canvas.mjs",
+      "esm": "./esm2022/ng-web-apis-canvas.mjs",
+      "default": "./fesm2022/ng-web-apis-canvas.mjs"
+    }
+  },
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.2.0"
+    "tslib": "^2.3.0"
   }
 }

path/arc-to.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -11,3 +11,3 @@ export declare class ArcToDirective implements CanvasMethod {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArcToDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArcToDirective, "canvas-arc-to", never, { "x1": "x1"; "y1": "y1"; "x2": "x2"; "y2": "y2"; "radius": "radius"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArcToDirective, "canvas-arc-to", never, { "x1": { "alias": "x1"; "required": false; }; "y1": { "alias": "y1"; "required": false; }; "x2": { "alias": "x2"; "required": false; }; "y2": { "alias": "y2"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; }, {}, never, never, true, never>;
 }

path/arc.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -12,3 +12,3 @@ export declare class ArcDirective implements CanvasMethod {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArcDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArcDirective, "canvas-arc", never, { "x": "x"; "y": "y"; "radius": "radius"; "startAngle": "startAngle"; "endAngle": "endAngle"; "anticlockwise": "anticlockwise"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArcDirective, "canvas-arc", never, { "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "endAngle": { "alias": "endAngle"; "required": false; }; "anticlockwise": { "alias": "anticlockwise"; "required": false; }; }, {}, never, never, true, never>;
 }

path/bezier-curve-to.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -12,3 +12,3 @@ export declare class BezierCurveToDirective implements CanvasMethod {
     static ɵfac: i0.ɵɵFactoryDeclaration<BezierCurveToDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BezierCurveToDirective, "canvas-bezier-curve-to", never, { "cp1x": "cp1x"; "cp1y": "cp1y"; "cp2x": "cp2x"; "cp2y": "cp2y"; "x": "x"; "y": "y"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BezierCurveToDirective, "canvas-bezier-curve-to", never, { "cp1x": { "alias": "cp1x"; "required": false; }; "cp1y": { "alias": "cp1y"; "required": false; }; "cp2x": { "alias": "cp2x"; "required": false; }; "cp2y": { "alias": "cp2y"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; }, {}, never, never, true, never>;
 }

path/ellipse.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -14,3 +14,3 @@ export declare class EllipseDirective implements CanvasMethod {
     static ɵfac: i0.ɵɵFactoryDeclaration<EllipseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseDirective, "canvas-ellipse", never, { "x": "x"; "y": "y"; "radiusX": "radiusX"; "radiusY": "radiusY"; "rotation": "rotation"; "startAngle": "startAngle"; "endAngle": "endAngle"; "anticlockwise": "anticlockwise"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseDirective, "canvas-ellipse", never, { "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "radiusX": { "alias": "radiusX"; "required": false; }; "radiusY": { "alias": "radiusY"; "required": false; }; "rotation": { "alias": "rotation"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "endAngle": { "alias": "endAngle"; "required": false; }; "anticlockwise": { "alias": "anticlockwise"; "required": false; }; }, {}, never, never, true, never>;
 }

path/line-to.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -8,3 +8,3 @@ export declare class LineToDirective implements CanvasMethod {
     static ɵfac: i0.ɵɵFactoryDeclaration<LineToDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LineToDirective, "canvas-line-to", never, { "x": "x"; "y": "y"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LineToDirective, "canvas-line-to", never, { "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; }, {}, never, never, true, never>;
 }

path/move-to.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -8,3 +8,3 @@ export declare class MoveToDirective implements CanvasMethod {
     static ɵfac: i0.ɵɵFactoryDeclaration<MoveToDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MoveToDirective, "canvas-move-to", never, { "x": "x"; "y": "y"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MoveToDirective, "canvas-move-to", never, { "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; }, {}, never, never, true, never>;
 }

path/quadratic-curve-to.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -10,3 +10,3 @@ export declare class QuadraticCurveToDirective implements CanvasMethod {
     static ɵfac: i0.ɵɵFactoryDeclaration<QuadraticCurveToDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<QuadraticCurveToDirective, "canvas-quadratic-curve-to", never, { "cpx": "cpx"; "cpy": "cpy"; "x": "x"; "y": "y"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QuadraticCurveToDirective, "canvas-quadratic-curve-to", never, { "cpx": { "alias": "cpx"; "required": false; }; "cpy": { "alias": "cpy"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; }, {}, never, never, true, never>;
 }

path/rect.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -10,3 +10,3 @@ export declare class RectDirective implements CanvasMethod {
     static ɵfac: i0.ɵɵFactoryDeclaration<RectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RectDirective, "canvas-rect", never, { "x": "x"; "y": "y"; "width": "width"; "height": "height"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RectDirective, "canvas-rect", never, { "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
 }

pipes/gradient.pipe.d.ts

@@ -1,10 +0,9 @@
-import { PipeTransform } from '@angular/core';
+import type { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class GradientPipe implements PipeTransform {
     private readonly context;
-    constructor(context: CanvasRenderingContext2D);
     transform(stops: Map<number, string>, x0: number, y0: number, x1: number, y1: number): CanvasGradient;
     transform(stops: Map<number, string>, x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
     static ɵfac: i0.ɵɵFactoryDeclaration<GradientPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<GradientPipe, "gradient">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GradientPipe, "gradient", true>;
 }

pipes/path.pipe.d.ts

@@ -1,2 +0,2 @@
-import { PipeTransform } from '@angular/core';
+import type { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
@@ -6,3 +6,3 @@ export declare class PathPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<PathPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<PathPipe, "path">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PathPipe, "path", true>;
 }

pipes/pattern.pipe.d.ts

@@ -1,9 +0,8 @@
-import { PipeTransform } from '@angular/core';
+import type { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class PatternPipe implements PipeTransform {
     private readonly context;
-    constructor(context: CanvasRenderingContext2D);
     transform(image: CanvasImageSource, repetition?: string): CanvasPattern;
     static ɵfac: i0.ɵɵFactoryDeclaration<PatternPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<PatternPipe, "pattern">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PatternPipe, "pattern", true>;
 }

pipes/rad.pipe.d.ts

@@ -1,2 +0,2 @@
-import { PipeTransform } from '@angular/core';
+import type { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
@@ -6,3 +6,3 @@ export declare class RadPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<RadPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RadPipe, "rad">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RadPipe, "rad", true>;
 }

pipes/transform.pipe.d.ts

@@ -1,2 +0,2 @@
-import { PipeTransform } from '@angular/core';
+import type { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
@@ -6,3 +6,3 @@ export declare class TransformPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransformPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TransformPipe, "transform">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TransformPipe, "transform", true>;
 }

properties/clip.d.ts

@@ -1,10 +0,10 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import { ClipPathComponent } from '../methods/clip-path';
 import * as i0 from "@angular/core";
 export declare class ClipDirective implements CanvasMethod {
-    clip: Path2D | ClipPathComponent;
+    clip: ClipPathComponent | Path2D;
     clipFillRule?: CanvasFillRule;
     call(context: CanvasRenderingContext2D): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipDirective, "canvas-draw-image[clip],canvas-draw-image[clipFillRule],canvas-path[clip],canvas-path[clipFillRule],canvas-text[clip],canvas-text[clipFillRule]", never, { "clip": "clip"; "clipFillRule": "clipFillRule"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipDirective, "canvas-draw-image[clip],canvas-draw-image[clipFillRule],canvas-path[clip],canvas-path[clipFillRule],canvas-text[clip],canvas-text[clipFillRule]", never, { "clip": { "alias": "clip"; "required": false; }; "clipFillRule": { "alias": "clipFillRule"; "required": false; }; }, {}, never, never, true, never>;
 }

properties/compositing.d.ts

@@ -1,9 +0,9 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
 export declare class CompositingDirective implements CanvasMethod, CanvasCompositing {
     globalAlpha: number;
-    globalCompositeOperation: string;
+    globalCompositeOperation: GlobalCompositeOperation;
     call(context: CanvasRenderingContext2D): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CompositingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CompositingDirective, "canvas-draw-image[globalAlpha],canvas-draw-image[globalCompositeOperation],canvas-path[globalAlpha],canvas-path[globalCompositeOperation],canvas-text[globalAlpha],canvas-text[globalCompositeOperation]", never, { "globalAlpha": "globalAlpha"; "globalCompositeOperation": "globalCompositeOperation"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CompositingDirective, "canvas-draw-image[globalAlpha],canvas-draw-image[globalCompositeOperation],canvas-path[globalAlpha],canvas-path[globalCompositeOperation],canvas-text[globalAlpha],canvas-text[globalCompositeOperation]", never, { "globalAlpha": { "alias": "globalAlpha"; "required": false; }; "globalCompositeOperation": { "alias": "globalCompositeOperation"; "required": false; }; }, {}, never, never, true, never>;
 }

properties/fill-stroke-styles.d.ts

@@ -1,9 +0,9 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
 export declare class FillStrokeStylesDirective implements CanvasMethod {
-    fillStyle: string | CanvasGradient | CanvasPattern;
-    strokeStyle: string | CanvasGradient | CanvasPattern;
+    fillStyle: CanvasGradient | CanvasPattern | string;
+    strokeStyle: CanvasGradient | CanvasPattern | string;
     call(context: CanvasRenderingContext2D): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FillStrokeStylesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FillStrokeStylesDirective, "canvas-path[fillStyle],canvas-path[strokeStyle],canvas-text[fillStyle],canvas-text[strokeStyle]", never, { "fillStyle": "fillStyle"; "strokeStyle": "strokeStyle"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FillStrokeStylesDirective, "canvas-path[fillStyle],canvas-path[strokeStyle],canvas-text[fillStyle],canvas-text[strokeStyle]", never, { "fillStyle": { "alias": "fillStyle"; "required": false; }; "strokeStyle": { "alias": "strokeStyle"; "required": false; }; }, {}, never, never, true, never>;
 }

properties/filter.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -7,3 +7,3 @@ export declare class FilterDirective implements CanvasMethod, CanvasFilters {
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterDirective, "canvas-draw-image[filter],canvas-path[filter],canvas-text[filter]", never, { "filter": "filter"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterDirective, "canvas-draw-image[filter],canvas-path[filter],canvas-text[filter]", never, { "filter": { "alias": "filter"; "required": false; }; }, {}, never, never, true, never>;
 }

properties/image-smoothing.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -8,3 +8,3 @@ export declare class ImageSmoothingDirective implements CanvasMethod, CanvasImageSmoothing {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSmoothingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageSmoothingDirective, "canvas-draw-image[imageSmoothingEnabled],canvas-draw-image[imageSmoothingQuality],canvas-path[imageSmoothingEnabled],canvas-path[imageSmoothingQuality],canvas-text[imageSmoothingEnabled],canvas-text[imageSmoothingQuality]", never, { "imageSmoothingEnabled": "imageSmoothingEnabled"; "imageSmoothingQuality": "imageSmoothingQuality"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageSmoothingDirective, "canvas-draw-image[imageSmoothingEnabled],canvas-draw-image[imageSmoothingQuality],canvas-path[imageSmoothingEnabled],canvas-path[imageSmoothingQuality],canvas-text[imageSmoothingEnabled],canvas-text[imageSmoothingQuality]", never, { "imageSmoothingEnabled": { "alias": "imageSmoothingEnabled"; "required": false; }; "imageSmoothingQuality": { "alias": "imageSmoothingQuality"; "required": false; }; }, {}, never, never, true, never>;
 }

properties/path-drawing-styles.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -12,3 +12,3 @@ export declare class PathDrawingStylesDirective implements CanvasMethod, Omit<CanvasPathDrawingStyles, 'getLineDash' | 'setLineDash'> {
     static ɵfac: i0.ɵɵFactoryDeclaration<PathDrawingStylesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PathDrawingStylesDirective, "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]", never, { "lineCap": "lineCap"; "lineDashOffset": "lineDashOffset"; "lineJoin": "lineJoin"; "lineWidth": "lineWidth"; "lineDash": "lineDash"; "miterLimit": "miterLimit"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PathDrawingStylesDirective, "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]", never, { "lineCap": { "alias": "lineCap"; "required": false; }; "lineDashOffset": { "alias": "lineDashOffset"; "required": false; }; "lineJoin": { "alias": "lineJoin"; "required": false; }; "lineWidth": { "alias": "lineWidth"; "required": false; }; "lineDash": { "alias": "lineDash"; "required": false; }; "miterLimit": { "alias": "miterLimit"; "required": false; }; }, {}, never, never, true, never>;
 }

properties/shadow-styles.d.ts

@@ -9,3 +9,3 @@ import * as i0 from "@angular/core";
     static ɵfac: i0.ɵɵFactoryDeclaration<ShadowStylesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ShadowStylesDirective, "canvas-draw-image[shadowBlur],canvas-draw-image[shadowColor],canvas-draw-image[shadowOffsetX],canvas-draw-image[shadowOffsetY],canvas-path[shadowBlur],canvas-path[shadowColor],canvas-path[shadowOffsetX],canvas-path[shadowOffsetY],canvas-text[shadowBlur],canvas-text[shadowColor],canvas-text[shadowOffsetX],canvas-text[shadowOffsetY]", never, { "shadowBlur": "shadowBlur"; "shadowColor": "shadowColor"; "shadowOffsetX": "shadowOffsetX"; "shadowOffsetY": "shadowOffsetY"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ShadowStylesDirective, "canvas-draw-image[shadowBlur],canvas-draw-image[shadowColor],canvas-draw-image[shadowOffsetX],canvas-draw-image[shadowOffsetY],canvas-path[shadowBlur],canvas-path[shadowColor],canvas-path[shadowOffsetX],canvas-path[shadowOffsetY],canvas-text[shadowBlur],canvas-text[shadowColor],canvas-text[shadowOffsetX],canvas-text[shadowOffsetY]", never, { "shadowBlur": { "alias": "shadowBlur"; "required": false; }; "shadowColor": { "alias": "shadowColor"; "required": false; }; "shadowOffsetX": { "alias": "shadowOffsetX"; "required": false; }; "shadowOffsetY": { "alias": "shadowOffsetY"; "required": false; }; }, {}, never, never, true, never>;
 }

properties/text-drawing-styles.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -7,6 +7,7 @@ export declare class TextDrawingStylesDirective implements CanvasMethod, CanvasTextDrawingStyles {
     textAlign: CanvasTextAlign;
+    fontKerning: CanvasFontKerning;
     textBaseline: CanvasTextBaseline;
     call(context: CanvasRenderingContext2D): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextDrawingStylesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDrawingStylesDirective, "canvas-text[direction],canvas-text[font],canvas-text[textAlign],canvas-text[textBaseline]", never, { "direction": "direction"; "font": "font"; "textAlign": "textAlign"; "textBaseline": "textBaseline"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDrawingStylesDirective, "canvas-text[direction],canvas-text[font],canvas-text[textAlign],canvas-text[textBaseline]", never, { "direction": { "alias": "direction"; "required": false; }; "font": { "alias": "font"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "fontKerning": { "alias": "fontKerning"; "required": false; }; "textBaseline": { "alias": "textBaseline"; "required": false; }; }, {}, never, never, true, never>;
 }

properties/transform.d.ts

@@ -1,2 +0,2 @@
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 import * as i0 from "@angular/core";
@@ -6,6 +6,5 @@ export declare class TransformDirective implements CanvasMethod {
     transform: DOMMatrix;
-    constructor(parent: TransformDirective | null);
     call(context: CanvasRenderingContext2D): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TransformDirective, [{ optional: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TransformDirective, "canvas[transform],canvas-draw-image[transform],canvas-path[transform],canvas-text[transform]", never, { "transform": "transform"; }, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransformDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TransformDirective, "canvas[transform],canvas-draw-image[transform],canvas-path[transform],canvas-text[transform]", never, { "transform": { "alias": "transform"; "required": false; }; }, {}, never, never, true, never>;
 }

services/draw.service.d.ts

@@ -1,13 +0,12 @@
-import { NgZone, OnDestroy } from '@angular/core';
-import { Observable } from 'rxjs';
-import { CanvasMethod } from '../interfaces/canvas-method';
-import { Context2dProcessor } from '../types/context-processor';
+import type { OnDestroy } from '@angular/core';
+import type { CanvasMethod } from '../interfaces/canvas-method';
+import type { Context2dProcessor } from '../types/context-processor';
 import * as i0 from "@angular/core";
 export declare class DrawService implements OnDestroy, CanvasMethod {
+    private readonly subscription;
+    constructor();
     call: Context2dProcessor;
-    private readonly subscription;
-    constructor(parent: CanvasMethod[], properties: CanvasMethod[], context: CanvasRenderingContext2D, animationFrame$: Observable<number>, ngZone: NgZone);
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DrawService, [{ skipSelf: true; }, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DrawService>;
 }

tokens/canvas-method.d.ts

@@ -1,4 +0,5 @@
-import { ExistingProvider, InjectionToken, Type } from '@angular/core';
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { ExistingProvider, Type } from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 export declare const CANVAS_METHOD: InjectionToken<CanvasMethod>;
 export declare function asCanvasMethod(useExisting: Type<CanvasMethod>): ExistingProvider;

tokens/canvas-properties.d.ts

@@ -1,4 +0,5 @@
-import { ExistingProvider, InjectionToken, Type } from '@angular/core';
-import { CanvasMethod } from '../interfaces/canvas-method';
+import type { ExistingProvider, Type } from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import type { CanvasMethod } from '../interfaces/canvas-method';
 export declare const CANVAS_PROPERTIES: InjectionToken<CanvasMethod[]>;
 export declare function asCanvasProperty(useExisting: Type<CanvasMethod>): ExistingProvider;

types/context-processor.d.ts

@@ -1,1 +0,1 @@
-export declare type Context2dProcessor = (context: CanvasRenderingContext2D) => void;
+export type Context2dProcessor = (context: CanvasRenderingContext2D) => void;

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

298990

decreased by-38.09%

Number of package files

79

decreased by-3.66%

Lines of code

2568

decreased by-38.99%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updatedtslib@^2.3.0