ng-qrcode - npm Package Compare versions

Comparing version 8.0.1 to 16.0.0

CHANGES.md

@@ -0,1 +1,5 @@
+# 16.0.0 - 2023-05-05
+- Support Angular 16 (#76)
+- Begin matching major version to major Angular version (hence the jump from `8` -> `16`)
+
 # 8.0.1 - 2022-12-03
@@ -2,0 +6,0 @@ - Fix center image disappearing when other values are updated (#71)

lib/qr-code.component.d.ts

@@ -13,3 +13,3 @@ import { QrCodeErrorCorrectionLevel, RGBAColor } from "./types";
     static ɵfac: i0.ɵɵFactoryDeclaration<QrCodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QrCodeComponent, "qr-code", never, { "value": "value"; "size": "size"; "darkColor": "darkColor"; "lightColor": "lightColor"; "errorCorrectionLevel": "errorCorrectionLevel"; "centerImageSrc": "centerImageSrc"; "centerImageSize": "centerImageSize"; "margin": "margin"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QrCodeComponent, "qr-code", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "darkColor": { "alias": "darkColor"; "required": false; }; "lightColor": { "alias": "lightColor"; "required": false; }; "errorCorrectionLevel": { "alias": "errorCorrectionLevel"; "required": false; }; "centerImageSrc": { "alias": "centerImageSrc"; "required": false; }; "centerImageSize": { "alias": "centerImageSize"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; }, {}, never, never, false, never>;
 }

lib/qr-code.directive.d.ts

@@ -23,3 +23,3 @@ import { OnChanges, ViewContainerRef } from "@angular/core";
     static ɵfac: i0.ɵɵFactoryDeclaration<QrCodeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<QrCodeDirective, "canvas[qrCode]", never, { "value": "qrCode"; "version": "qrCodeVersion"; "errorCorrectionLevel": "qrCodeErrorCorrectionLevel"; "width": "width"; "height": "height"; "darkColor": "darkColor"; "lightColor": "lightColor"; "centerImageSrc": "qrCodeCenterImageSrc"; "centerImageWidth": "qrCodeCenterImageWidth"; "centerImageHeight": "qrCodeCenterImageHeight"; "margin": "qrCodeMargin"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QrCodeDirective, "canvas[qrCode]", never, { "value": { "alias": "qrCode"; "required": false; }; "version": { "alias": "qrCodeVersion"; "required": false; }; "errorCorrectionLevel": { "alias": "qrCodeErrorCorrectionLevel"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "darkColor": { "alias": "darkColor"; "required": false; }; "lightColor": { "alias": "lightColor"; "required": false; }; "centerImageSrc": { "alias": "qrCodeCenterImageSrc"; "required": false; }; "centerImageWidth": { "alias": "qrCodeCenterImageWidth"; "required": false; }; "centerImageHeight": { "alias": "qrCodeCenterImageHeight"; "required": false; }; "margin": { "alias": "qrCodeMargin"; "required": false; }; }, {}, never, never, false, never>;
 }

lib/types.d.ts

@@ -1,2 +0,2 @@
-export declare type QrCodeErrorCorrectionLevel = "low" | "medium" | "quartile" | "high" | "L" | "M" | "Q" | "H";
-export declare type RGBAColor = `#${string}`;
+export type QrCodeErrorCorrectionLevel = "low" | "medium" | "quartile" | "high" | "L" | "M" | "Q" | "H";
+export type RGBAColor = `#${string}`;

package.json

 {
   "name": "ng-qrcode",
   "description": "Simple AOT compatible QR code generator for your Angular project.",
-  "version": "8.0.1",
+  "version": "16.0.0",
   "license": "MIT",
@@ -22,4 +22,4 @@ "author": {
   "peerDependencies": {
-    "@angular/common": ">=15 <16",
-    "@angular/core": ">=15 <16"
+    "@angular/common": ">=16 <17",
+    "@angular/core": ">=16 <17"
   },
@@ -37,7 +37,3 @@ "keywords": [
   ],
-  "module": "fesm2015/ng-qrcode.mjs",
-  "es2020": "fesm2020/ng-qrcode.mjs",
-  "esm2020": "esm2020/ng-qrcode.mjs",
-  "fesm2020": "fesm2020/ng-qrcode.mjs",
-  "fesm2015": "fesm2015/ng-qrcode.mjs",
+  "module": "fesm2022/ng-qrcode.mjs",
   "typings": "index.d.ts",
@@ -50,7 +46,5 @@ "exports": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ng-qrcode.mjs",
-      "es2020": "./fesm2020/ng-qrcode.mjs",
-      "es2015": "./fesm2015/ng-qrcode.mjs",
-      "node": "./fesm2015/ng-qrcode.mjs",
-      "default": "./fesm2020/ng-qrcode.mjs"
+      "esm2022": "./esm2022/ng-qrcode.mjs",
+      "esm": "./esm2022/ng-qrcode.mjs",
+      "default": "./fesm2022/ng-qrcode.mjs"
     }
@@ -57,0 +51,0 @@ },

README.md

@@ -9,3 +9,3 @@ # Angular QR Code Generator
 **Features:**
-* Compatible with Angular 15
+* Compatible with Angular 16
 * Leverages the widely used [qrcode](https://www.npmjs.com/package/qrcode) 
@@ -99,4 +99,8 @@ package to do the heavy lifting
 
+From version 16 onwards the library major version will match the Angular 
+major version.
+
 | Angular Version | ng-qrcode Versions |
 |-----------------|--------------------|
+| ^16             | ^16                |
 | ^15             | ^8                 |
@@ -103,0 +107,0 @@ | ^14             | ^7                 |

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

Improved metrics

Number of lines in readme file

132

increased by3.13%

Worsened metrics

Total package byte prevSize

66146

decreased by-26.71%

Number of package files

18

decreased by-10%

Lines of code

528

decreased by-29.88%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes