ng-qrcode - npm Package Compare versions

Comparing version 5.1.1 to 5.2.0

bundles/ng-qrcode.umd.js

@@ -349,2 +349,3 @@ (function (global, factory) {
 
+    var validColorRegex = /^#(?:[0-9a-fA-F]{3,4}){1,2}$/;
     var QrCodeDirective = /** @class */ (function () {
@@ -355,2 +356,4 @@ function QrCodeDirective(viewContainerRef) {
             this.errorCorrectionLevel = QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL;
+            this.darkColor = "#000000FF";
+            this.lightColor = "#FFFFFFFF";
             // eslint-disable-next-line @angular-eslint/no-input-rename
@@ -362,3 +365,3 @@ this.margin = 16;
             return __awaiter(this, void 0, void 0, function () {
-                var canvas, context, errorCorrectionLevel, centerImageSrc, centerImageWidth, centerImageHeight, centerImage_1;
+                var canvas, context, errorCorrectionLevel, dark, light, centerImageSrc, centerImageWidth, centerImageHeight, centerImage_1;
                 return __generator(this, function (_c) {
@@ -392,2 +395,12 @@ switch (_c.label) {
                             errorCorrectionLevel = (_a = this.errorCorrectionLevel) !== null && _a !== void 0 ? _a : QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL;
+                            dark = validColorRegex.test(this.darkColor) ? this.darkColor : undefined;
+                            light = validColorRegex.test(this.lightColor) ? this.lightColor : undefined;
+                            if (i0.isDevMode()) {
+                                if (!dark && this.darkColor) {
+                                    console.error("[ng-qrcode] darkColor set to invalid value, must be RGBA hex color string, eg: #3050A1FF");
+                                }
+                                if (!light && this.lightColor) {
+                                    console.error("[ng-qrcode] lightColor set to invalid value, must be RGBA hex color string, eg: #3050A130");
+                                }
+                            }
                             return [4 /*yield*/, qrcode__default["default"]
@@ -399,2 +412,6 @@ .toCanvas(canvas, this.value, {
                                     margin: this.margin,
+                                    color: {
+                                        dark: dark,
+                                        light: light,
+                                    },
                                 })];
@@ -433,5 +450,5 @@ case 1:
     QrCodeDirective.DEFAULT_CENTER_IMAGE_SIZE = 40;
-    QrCodeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: QrCodeDirective, deps: [{ token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    QrCodeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.8", type: QrCodeDirective, selector: "canvas[qrCode]", inputs: { value: ["qrCode", "value"], version: ["qrCodeVersion", "version"], errorCorrectionLevel: ["qrCodeErrorCorrectionLevel", "errorCorrectionLevel"], width: "width", height: "height", centerImageSrc: ["qrCodeCenterImageSrc", "centerImageSrc"], centerImageWidth: ["qrCodeCenterImageWidth", "centerImageWidth"], centerImageHeight: ["qrCodeCenterImageHeight", "centerImageHeight"], margin: ["qrCodeMargin", "margin"] }, usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: QrCodeDirective, decorators: [{
+    QrCodeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: QrCodeDirective, deps: [{ token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    QrCodeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: QrCodeDirective, selector: "canvas[qrCode]", inputs: { value: ["qrCode", "value"], version: ["qrCodeVersion", "version"], errorCorrectionLevel: ["qrCodeErrorCorrectionLevel", "errorCorrectionLevel"], width: "width", height: "height", darkColor: "darkColor", lightColor: "lightColor", centerImageSrc: ["qrCodeCenterImageSrc", "centerImageSrc"], centerImageWidth: ["qrCodeCenterImageWidth", "centerImageWidth"], centerImageHeight: ["qrCodeCenterImageHeight", "centerImageHeight"], margin: ["qrCodeMargin", "margin"] }, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: QrCodeDirective, decorators: [{
                 type: i0.Directive,
@@ -455,2 +472,6 @@ args: [{
                     type: i0.Input
+                }], darkColor: [{
+                    type: i0.Input
+                }], lightColor: [{
+                    type: i0.Input
                 }], centerImageSrc: [{
@@ -484,9 +505,9 @@ type: i0.Input,
     }());
-    QrCodeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: QrCodeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    QrCodeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: QrCodeComponent, selector: "qr-code", inputs: { value: "value", size: "size", errorCorrectionLevel: "errorCorrectionLevel", centerImageSrc: "centerImageSrc", centerImageSize: "centerImageSize", margin: "margin" }, ngImport: i0__namespace, template: "\n    <canvas *ngIf=\"value\"\n            [qrCode]=\"value\"\n            [qrCodeErrorCorrectionLevel]=\"errorCorrectionLevel\"\n            [qrCodeCenterImageSrc]=\"centerImageSrc\"\n            [qrCodeCenterImageWidth]=\"centerImageSize\"\n            [qrCodeCenterImageHeight]=\"centerImageSize\"\n            [qrCodeMargin]=\"margin\"\n            [width]=\"size\"\n            [height]=\"size\">\n    </canvas>\n  ", isInline: true, directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: QrCodeDirective, selector: "canvas[qrCode]", inputs: ["qrCode", "qrCodeVersion", "qrCodeErrorCorrectionLevel", "width", "height", "qrCodeCenterImageSrc", "qrCodeCenterImageWidth", "qrCodeCenterImageHeight", "qrCodeMargin"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: QrCodeComponent, decorators: [{
+    QrCodeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: QrCodeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    QrCodeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: QrCodeComponent, selector: "qr-code", inputs: { value: "value", size: "size", darkColor: "darkColor", lightColor: "lightColor", errorCorrectionLevel: "errorCorrectionLevel", centerImageSrc: "centerImageSrc", centerImageSize: "centerImageSize", margin: "margin" }, ngImport: i0__namespace, template: "\n    <canvas *ngIf=\"value\"\n            [qrCode]=\"value\"\n            [qrCodeErrorCorrectionLevel]=\"errorCorrectionLevel\"\n            [qrCodeCenterImageSrc]=\"centerImageSrc\"\n            [qrCodeCenterImageWidth]=\"centerImageSize\"\n            [qrCodeCenterImageHeight]=\"centerImageSize\"\n            [qrCodeMargin]=\"margin\"\n            [width]=\"size\"\n            [height]=\"size\"\n            [darkColor]=\"darkColor\"\n            [lightColor]=\"lightColor\"\n    >\n    </canvas>\n  ", isInline: true, directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: QrCodeDirective, selector: "canvas[qrCode]", inputs: ["qrCode", "qrCodeVersion", "qrCodeErrorCorrectionLevel", "width", "height", "darkColor", "lightColor", "qrCodeCenterImageSrc", "qrCodeCenterImageWidth", "qrCodeCenterImageHeight", "qrCodeMargin"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: QrCodeComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: "qr-code",
-                        template: "\n    <canvas *ngIf=\"value\"\n            [qrCode]=\"value\"\n            [qrCodeErrorCorrectionLevel]=\"errorCorrectionLevel\"\n            [qrCodeCenterImageSrc]=\"centerImageSrc\"\n            [qrCodeCenterImageWidth]=\"centerImageSize\"\n            [qrCodeCenterImageHeight]=\"centerImageSize\"\n            [qrCodeMargin]=\"margin\"\n            [width]=\"size\"\n            [height]=\"size\">\n    </canvas>\n  ",
+                        template: "\n    <canvas *ngIf=\"value\"\n            [qrCode]=\"value\"\n            [qrCodeErrorCorrectionLevel]=\"errorCorrectionLevel\"\n            [qrCodeCenterImageSrc]=\"centerImageSrc\"\n            [qrCodeCenterImageWidth]=\"centerImageSize\"\n            [qrCodeCenterImageHeight]=\"centerImageSize\"\n            [qrCodeMargin]=\"margin\"\n            [width]=\"size\"\n            [height]=\"size\"\n            [darkColor]=\"darkColor\"\n            [lightColor]=\"lightColor\"\n    >\n    </canvas>\n  ",
                         styles: [],
@@ -498,2 +519,6 @@ }]
                     type: i0.Input
+                }], darkColor: [{
+                    type: i0.Input
+                }], lightColor: [{
+                    type: i0.Input
                 }], errorCorrectionLevel: [{
@@ -514,10 +539,10 @@ type: i0.Input
     }());
-    QrCodeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: QrCodeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    QrCodeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: QrCodeModule, declarations: [QrCodeComponent,
+    QrCodeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: QrCodeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    QrCodeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: QrCodeModule, declarations: [QrCodeComponent,
             QrCodeDirective], imports: [i1.CommonModule], exports: [QrCodeComponent,
             QrCodeDirective] });
-    QrCodeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: QrCodeModule, imports: [[
+    QrCodeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: QrCodeModule, imports: [[
                 i1.CommonModule,
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: QrCodeModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: QrCodeModule, decorators: [{
                 type: i0.NgModule,
@@ -524,0 +549,0 @@ args: [{

CHANGES.md

@@ -0,1 +1,5 @@
+# 5.2.0 - 2021-10-17
+- Support `darkColor` and `lightColor` inputs
+- Lockfile maintenance
+
 # 5.1.1 - 2021-10-03
@@ -2,0 +6,0 @@ - Dependencies updated, rebuild with latest angular-devkit

esm2015/lib/qr-code.component.js

@@ -7,4 +7,4 @@ import { Component, Input } from "@angular/core";
 }
-QrCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QrCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: QrCodeComponent, selector: "qr-code", inputs: { value: "value", size: "size", errorCorrectionLevel: "errorCorrectionLevel", centerImageSrc: "centerImageSrc", centerImageSize: "centerImageSize", margin: "margin" }, ngImport: i0, template: `
+QrCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QrCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: QrCodeComponent, selector: "qr-code", inputs: { value: "value", size: "size", darkColor: "darkColor", lightColor: "lightColor", errorCorrectionLevel: "errorCorrectionLevel", centerImageSrc: "centerImageSrc", centerImageSize: "centerImageSize", margin: "margin" }, ngImport: i0, template: `
     <canvas *ngIf="value"
@@ -18,6 +18,9 @@ [qrCode]="value"
             [width]="size"
-            [height]="size">
+            [height]="size"
+            [darkColor]="darkColor"
+            [lightColor]="lightColor"
+    >
     </canvas>
-  `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.QrCodeDirective, selector: "canvas[qrCode]", inputs: ["qrCode", "qrCodeVersion", "qrCodeErrorCorrectionLevel", "width", "height", "qrCodeCenterImageSrc", "qrCodeCenterImageWidth", "qrCodeCenterImageHeight", "qrCodeMargin"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeComponent, decorators: [{
+  `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.QrCodeDirective, selector: "canvas[qrCode]", inputs: ["qrCode", "qrCodeVersion", "qrCodeErrorCorrectionLevel", "width", "height", "darkColor", "lightColor", "qrCodeCenterImageSrc", "qrCodeCenterImageWidth", "qrCodeCenterImageHeight", "qrCodeMargin"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeComponent, decorators: [{
             type: Component,
@@ -35,3 +38,6 @@ args: [{
             [width]="size"
-            [height]="size">
+            [height]="size"
+            [darkColor]="darkColor"
+            [lightColor]="lightColor"
+    >
     </canvas>
@@ -45,2 +51,6 @@ `,
                 type: Input
+            }], darkColor: [{
+                type: Input
+            }], lightColor: [{
+                type: Input
             }], errorCorrectionLevel: [{
@@ -55,2 +65,2 @@ type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1xcmNvZGUvc3JjL2xpYi9xci1jb2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTs7OztBQW1CaEQsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7Z0dBQWYsZUFBZSwrTkFkaEI7Ozs7Ozs7Ozs7O0dBV1Q7MkZBR1UsZUFBZTtrQkFoQjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7R0FXVDtvQkFDRCxNQUFNLEVBQUUsRUFBRTtpQkFDWDs4QkFJQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLG9CQUFvQjtzQkFEbkIsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5pbXBvcnQgeyBRckNvZGVFcnJvckNvcnJlY3Rpb25MZXZlbCB9IGZyb20gXCIuL3R5cGVzXCJcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInFyLWNvZGVcIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8Y2FudmFzICpuZ0lmPVwidmFsdWVcIlxuICAgICAgICAgICAgW3FyQ29kZV09XCJ2YWx1ZVwiXG4gICAgICAgICAgICBbcXJDb2RlRXJyb3JDb3JyZWN0aW9uTGV2ZWxdPVwiZXJyb3JDb3JyZWN0aW9uTGV2ZWxcIlxuICAgICAgICAgICAgW3FyQ29kZUNlbnRlckltYWdlU3JjXT1cImNlbnRlckltYWdlU3JjXCJcbiAgICAgICAgICAgIFtxckNvZGVDZW50ZXJJbWFnZVdpZHRoXT1cImNlbnRlckltYWdlU2l6ZVwiXG4gICAgICAgICAgICBbcXJDb2RlQ2VudGVySW1hZ2VIZWlnaHRdPVwiY2VudGVySW1hZ2VTaXplXCJcbiAgICAgICAgICAgIFtxckNvZGVNYXJnaW5dPVwibWFyZ2luXCJcbiAgICAgICAgICAgIFt3aWR0aF09XCJzaXplXCJcbiAgICAgICAgICAgIFtoZWlnaHRdPVwic2l6ZVwiPlxuICAgIDwvY2FudmFzPlxuICBgLFxuICBzdHlsZXM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBRckNvZGVDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHZhbHVlPzogc3RyaW5nXG5cbiAgQElucHV0KClcbiAgc2l6ZT86IHN0cmluZyB8IG51bWJlclxuXG4gIEBJbnB1dCgpXG4gIGVycm9yQ29ycmVjdGlvbkxldmVsPzogUXJDb2RlRXJyb3JDb3JyZWN0aW9uTGV2ZWxcblxuICBASW5wdXQoKVxuICBjZW50ZXJJbWFnZVNyYz86IHN0cmluZ1xuXG4gIEBJbnB1dCgpXG4gIGNlbnRlckltYWdlU2l6ZT86IHN0cmluZyB8IG51bWJlclxuXG4gIEBJbnB1dCgpXG4gIG1hcmdpbj86IG51bWJlclxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1xcmNvZGUvc3JjL2xpYi9xci1jb2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTs7OztBQXNCaEQsTUFBTSxPQUFPLGVBQWU7OzZHQUFmLGVBQWU7aUdBQWYsZUFBZSxpUkFqQmhCOzs7Ozs7Ozs7Ozs7OztHQWNUOzRGQUdVLGVBQWU7a0JBbkIzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7b0JBQ0QsTUFBTSxFQUFFLEVBQUU7aUJBQ1g7OEJBSUMsS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLG9CQUFvQjtzQkFEbkIsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5pbXBvcnQgeyBRckNvZGVFcnJvckNvcnJlY3Rpb25MZXZlbCwgUkdCQUNvbG9yIH0gZnJvbSBcIi4vdHlwZXNcIlxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwicXItY29kZVwiLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxjYW52YXMgKm5nSWY9XCJ2YWx1ZVwiXG4gICAgICAgICAgICBbcXJDb2RlXT1cInZhbHVlXCJcbiAgICAgICAgICAgIFtxckNvZGVFcnJvckNvcnJlY3Rpb25MZXZlbF09XCJlcnJvckNvcnJlY3Rpb25MZXZlbFwiXG4gICAgICAgICAgICBbcXJDb2RlQ2VudGVySW1hZ2VTcmNdPVwiY2VudGVySW1hZ2VTcmNcIlxuICAgICAgICAgICAgW3FyQ29kZUNlbnRlckltYWdlV2lkdGhdPVwiY2VudGVySW1hZ2VTaXplXCJcbiAgICAgICAgICAgIFtxckNvZGVDZW50ZXJJbWFnZUhlaWdodF09XCJjZW50ZXJJbWFnZVNpemVcIlxuICAgICAgICAgICAgW3FyQ29kZU1hcmdpbl09XCJtYXJnaW5cIlxuICAgICAgICAgICAgW3dpZHRoXT1cInNpemVcIlxuICAgICAgICAgICAgW2hlaWdodF09XCJzaXplXCJcbiAgICAgICAgICAgIFtkYXJrQ29sb3JdPVwiZGFya0NvbG9yXCJcbiAgICAgICAgICAgIFtsaWdodENvbG9yXT1cImxpZ2h0Q29sb3JcIlxuICAgID5cbiAgICA8L2NhbnZhcz5cbiAgYCxcbiAgc3R5bGVzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgUXJDb2RlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICB2YWx1ZT86IHN0cmluZ1xuXG4gIEBJbnB1dCgpXG4gIHNpemU/OiBzdHJpbmcgfCBudW1iZXJcblxuICBASW5wdXQoKVxuICBkYXJrQ29sb3I/OiBSR0JBQ29sb3JcblxuICBASW5wdXQoKVxuICBsaWdodENvbG9yPzogUkdCQUNvbG9yXG5cbiAgQElucHV0KClcbiAgZXJyb3JDb3JyZWN0aW9uTGV2ZWw/OiBRckNvZGVFcnJvckNvcnJlY3Rpb25MZXZlbFxuXG4gIEBJbnB1dCgpXG4gIGNlbnRlckltYWdlU3JjPzogc3RyaW5nXG5cbiAgQElucHV0KClcbiAgY2VudGVySW1hZ2VTaXplPzogc3RyaW5nIHwgbnVtYmVyXG5cbiAgQElucHV0KClcbiAgbWFyZ2luPzogbnVtYmVyXG5cbn1cbiJdfQ==

esm2015/lib/qr-code.directive.js

 import { __awaiter } from "tslib";
-import { Directive, Input } from "@angular/core";
+import { Directive, Input, isDevMode } from "@angular/core";
 import qrcode from "qrcode";
 import * as i0 from "@angular/core";
+const validColorRegex = /^#(?:[0-9a-fA-F]{3,4}){1,2}$/;
 export class QrCodeDirective {
@@ -10,2 +11,4 @@ constructor(viewContainerRef) {
         this.errorCorrectionLevel = QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL;
+        this.darkColor = "#000000FF";
+        this.lightColor = "#FFFFFFFF";
         // eslint-disable-next-line @angular-eslint/no-input-rename
@@ -42,2 +45,12 @@ this.margin = 16;
             const errorCorrectionLevel = (_a = this.errorCorrectionLevel) !== null && _a !== void 0 ? _a : QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL;
+            const dark = validColorRegex.test(this.darkColor) ? this.darkColor : undefined;
+            const light = validColorRegex.test(this.lightColor) ? this.lightColor : undefined;
+            if (isDevMode()) {
+                if (!dark && this.darkColor) {
+                    console.error("[ng-qrcode] darkColor set to invalid value, must be RGBA hex color string, eg: #3050A1FF");
+                }
+                if (!light && this.lightColor) {
+                    console.error("[ng-qrcode] lightColor set to invalid value, must be RGBA hex color string, eg: #3050A130");
+                }
+            }
             yield qrcode
@@ -49,2 +62,6 @@ .toCanvas(canvas, this.value, {
                 margin: this.margin,
+                color: {
+                    dark,
+                    light,
+                },
             });
@@ -77,5 +94,5 @@ const centerImageSrc = this.centerImageSrc;
 QrCodeDirective.DEFAULT_CENTER_IMAGE_SIZE = 40;
-QrCodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-QrCodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.8", type: QrCodeDirective, selector: "canvas[qrCode]", inputs: { value: ["qrCode", "value"], version: ["qrCodeVersion", "version"], errorCorrectionLevel: ["qrCodeErrorCorrectionLevel", "errorCorrectionLevel"], width: "width", height: "height", centerImageSrc: ["qrCodeCenterImageSrc", "centerImageSrc"], centerImageWidth: ["qrCodeCenterImageWidth", "centerImageWidth"], centerImageHeight: ["qrCodeCenterImageHeight", "centerImageHeight"], margin: ["qrCodeMargin", "margin"] }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeDirective, decorators: [{
+QrCodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+QrCodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: QrCodeDirective, selector: "canvas[qrCode]", inputs: { value: ["qrCode", "value"], version: ["qrCodeVersion", "version"], errorCorrectionLevel: ["qrCodeErrorCorrectionLevel", "errorCorrectionLevel"], width: "width", height: "height", darkColor: "darkColor", lightColor: "lightColor", centerImageSrc: ["qrCodeCenterImageSrc", "centerImageSrc"], centerImageWidth: ["qrCodeCenterImageWidth", "centerImageWidth"], centerImageHeight: ["qrCodeCenterImageHeight", "centerImageHeight"], margin: ["qrCodeMargin", "margin"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeDirective, decorators: [{
             type: Directive,
@@ -99,2 +116,6 @@ args: [{
                 type: Input
+            }], darkColor: [{
+                type: Input
+            }], lightColor: [{
+                type: Input
             }], centerImageSrc: [{
@@ -122,2 +143,2 @@ type: Input,
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1xcmNvZGUvc3JjL2xpYi9xci1jb2RlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQStCLE1BQU0sZUFBZSxDQUFBO0FBQzdFLE9BQU8sTUFBTSxNQUFNLFFBQVEsQ0FBQTs7QUFPM0IsTUFBTSxPQUFPLGVBQWU7SUE2QjFCLFlBQ1UsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFuQjVDLDJEQUEyRDtRQUN0Qix5QkFBb0IsR0FBK0IsZUFBZSxDQUFDLDhCQUE4QixDQUFBO1FBWXRJLDJEQUEyRDtRQUNwQyxXQUFNLEdBQUcsRUFBRSxDQUFBO0lBT2xDLENBQUM7SUFFSyxXQUFXOzs7WUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDZixPQUFNO2FBQ1A7WUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLEVBQUU7Z0JBQ3JDLE9BQU8sQ0FBQyxJQUFJLENBQUMsc0NBQXNDLENBQUMsQ0FBQTtnQkFDcEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUE7YUFDbEI7aUJBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFFO2dCQUMzQyxPQUFPLENBQUMsSUFBSSxDQUFDLHFDQUFxQyxDQUFDLENBQUE7Z0JBQ25ELElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFBO2FBQ2pCO2lCQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxTQUFTLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDNUQsT0FBTyxDQUFDLElBQUksQ0FBQyxnRUFBZ0UsQ0FBQyxDQUFBO2dCQUM5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b0JBQW9CO3NCQUF4RCxLQUFLO3VCQUFDLDRCQUE0QjtnQkFFMUIsS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFHeUIsY0FBYztzQkFBNUMsS0FBSzt1QkFBQyxzQkFBc0I7Z0JBRUksZ0JBQWdCO3NCQUFoRCxLQUFLO3VCQUFDLHdCQUF3QjtnQkFFRyxpQkFBaUI7c0JBQWxELEtBQUs7dUJBQUMseUJBQXlCO2dCQUdULE1BQU07c0JBQTVCLEtBQUs7dUJBQUMsY0FBYzs7QUFxRnZCLFNBQVMsZUFBZSxDQUFDLEtBQWtDLEVBQUUsWUFBb0I7SUFDL0UsSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7UUFDdkMsT0FBTyxZQUFZLENBQUE7S0FDcEI7SUFFRCxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUM3QixPQUFPLFFBQVEsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUE7S0FDM0I7SUFFRCxPQUFPLEtBQUssQ0FBQTtBQUNkLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPbkNoYW5nZXMsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5pbXBvcnQgcXJjb2RlIGZyb20gXCJxcmNvZGVcIlxuaW1wb3J0IHsgUXJDb2RlRXJyb3JDb3JyZWN0aW9uTGV2ZWwgfSBmcm9tIFwiLi90eXBlc1wiXG5cbkBEaXJlY3RpdmUoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1zZWxlY3RvclxuICBzZWxlY3RvcjogYGNhbnZhc1txckNvZGVdYCxcbn0pXG5leHBvcnQgY2xhc3MgUXJDb2RlRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcblxuICBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9FUlJPUl9DT1JSRUNUSU9OX0xFVkVMOiBRckNvZGVFcnJvckNvcnJlY3Rpb25MZXZlbCA9IFwiTVwiXG4gIHN0YXRpYyByZWFkb25seSBERUZBVUxUX0NFTlRFUl9JTUFHRV9TSVpFID0gNDBcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoXCJxckNvZGVcIikgdmFsdWUhOiBzdHJpbmdcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoXCJxckNvZGVWZXJzaW9uXCIpIHZlcnNpb24/OiBudW1iZXJcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoXCJxckNvZGVFcnJvckNvcnJlY3Rpb25MZXZlbFwiKSBlcnJvckNvcnJlY3Rpb25MZXZlbDogUXJDb2RlRXJyb3JDb3JyZWN0aW9uTGV2ZWwgPSBRckNvZGVEaXJlY3RpdmUuREVGQVVMVF9FUlJPUl9DT1JSRUNUSU9OX0xFVkVMXG5cbiAgQElucHV0KCkgd2lkdGg/OiBudW1iZXJcbiAgQElucHV0KCkgaGVpZ2h0PzogbnVtYmVyXG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KFwicXJDb2RlQ2VudGVySW1hZ2VTcmNcIikgY2VudGVySW1hZ2VTcmM/OiBzdHJpbmdcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KFwicXJDb2RlQ2VudGVySW1hZ2VXaWR0aFwiKSBjZW50ZXJJbWFnZVdpZHRoPzogbnVtYmVyIHwgc3RyaW5nXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dChcInFyQ29kZUNlbnRlckltYWdlSGVpZ2h0XCIpIGNlbnRlckltYWdlSGVpZ2h0PzogbnVtYmVyIHwgc3RyaW5nXG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KFwicXJDb2RlTWFyZ2luXCIpIG1hcmdpbiA9IDE2XG5cbiAgcHJpdmF0ZSBjZW50ZXJJbWFnZT86IEhUTUxJbWFnZUVsZW1lbnRcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICkge1xuICB9XG5cbiAgYXN5bmMgbmdPbkNoYW5nZXMoKSB7XG4gICAgaWYgKCF0aGlzLnZhbHVlKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBpZiAodGhpcy52ZXJzaW9uICYmIHRoaXMudmVyc2lvbiA+IDQwKSB7XG4gICAgICBjb25zb2xlLndhcm4oXCJbcXJDb2RlXSBtYXggdmVyc2lvbiBpcyA0MCwgY2xhbXBpbmdcIilcbiAgICAgIHRoaXMudmVyc2lvbiA9IDQwXG4gICAgfSBlbHNlIGlmICh0aGlzLnZlcnNpb24gJiYgdGhpcy52ZXJzaW9uIDwgMSkge1xuICAgICAgY29uc29sZS53YXJuKFwiW3FyQ29kZV0gbWluIHZlcnNpb24gaXMgMSwgY2xhbXBpbmdcIilcbiAgICAgIHRoaXMudmVyc2lvbiA9IDFcbiAgICB9IGVsc2UgaWYgKHRoaXMudmVyc2lvbiAhPT0gdW5kZWZpbmVkICYmIGlzTmFOKHRoaXMudmVyc2lvbikpIHtcbiAgICAgIGNvbnNvbGUud2FybihcIltxckNvZGVdIHZlcnNpb24gc2hvdWxkIGJlIHNldCB0byBhIG51bWJlciwgZGVmYXVsdGluZyB0byBhdXRvXCIpXG4gICAgICB0aGlzLnZlcnNpb24gPSB1bmRlZmluZWRcbiAgICB9XG5cbiAgICBjb25zdCBjYW52YXMgPSB0aGlzLnZpZXdDb250YWluZXJSZWYuZWxlbWVudC5uYXRpdmVFbGVtZW50IGFzIEhUTUxDYW52YXNFbGVtZW50IHwgbnVsbFxuXG4gICAgaWYgKCFjYW52YXMpIHtcbiAgICAgIC8vIG5hdGl2ZSBlbGVtZW50IG5vdCBhdmFpbGFibGUgb24gc2VydmVyIHNpZGUgcmVuZGVyaW5nXG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBjb25zdCBjb250ZXh0ID0gY2FudmFzLmdldENvbnRleHQoXCIyZFwiKVxuXG4gICAgaWYgKGNvbnRleHQpIHtcbiAgICAgIGNvbnRleHQuY2xlYXJSZWN0KDAsIDAsIGNvbnRleHQuY2FudmFzLndpZHRoLCBjb250ZXh0LmNhbnZhcy5oZWlnaHQpXG4gICAgfVxuXG4gICAgY29uc3QgZXJyb3JDb3JyZWN0aW9uTGV2ZWwgPSB0aGlzLmVycm9yQ29ycmVjdGlvbkxldmVsID8/IFFyQ29kZURpcmVjdGl2ZS5ERUZBVUxUX0VSUk9SX0NPUlJFQ1RJT05fTEVWRUxcblxuICAgIGF3YWl0IHFyY29kZVxuICAgICAgLnRvQ2FudmFzKGNhbnZhcywgdGhpcy52YWx1ZSwge1xuICAgICAgICB2ZXJzaW9uOiB0aGlzLnZlcnNpb24sXG4gICAgICAgIGVycm9yQ29ycmVjdGlvbkxldmVsLFxuICAgICAgICB3aWR0aDogdGhpcy53aWR0aCxcbiAgICAgICAgbWFyZ2luOiB0aGlzLm1hcmdpbixcbiAgICAgIH0pXG5cbiAgICBjb25zdCBjZW50ZXJJbWFnZVNyYyA9IHRoaXMuY2VudGVySW1hZ2VTcmNcbiAgICBjb25zdCBjZW50ZXJJbWFnZVdpZHRoID0gZ2V0SW50T3JEZWZhdWx0KHRoaXMuY2VudGVySW1hZ2VXaWR0aCwgUXJDb2RlRGlyZWN0aXZlLkRFRkFVTFRfQ0VOVEVSX0lNQUdFX1NJWkUpXG4gICAgY29uc3QgY2VudGVySW1hZ2VIZWlnaHQgPSBnZXRJbnRPckRlZmF1bHQodGhpcy5jZW50ZXJJbWFnZUhlaWdodCwgUXJDb2RlRGlyZWN0aXZlLkRFRkFVTFRfQ0VOVEVSX0lNQUdFX1NJWkUpXG5cbiAgICBpZiAoY2VudGVySW1hZ2VTcmMgJiYgY29udGV4dCkge1xuXG4gICAgICBpZiAoIXRoaXMuY2VudGVySW1hZ2UpIHtcbiAgICAgICAgdGhpcy5jZW50ZXJJbWFnZSA9IG5ldyBJbWFnZShjZW50ZXJJbWFnZVdpZHRoLCBjZW50ZXJJbWFnZUhlaWdodClcbiAgICAgIH1cblxuICAgICAgaWYgKGNlbnRlckltYWdlU3JjICE9PSB0aGlzLmNlbnRlckltYWdlPy5zcmMpIHtcbiAgICAgICAgdGhpcy5jZW50ZXJJbWFnZS5zcmMgPSBjZW50ZXJJbWFnZVNyY1xuICAgICAgfVxuXG4gICAgICBpZiAoY2VudGVySW1hZ2VXaWR0aCAhPT0gdGhpcy5jZW50ZXJJbWFnZS53aWR0aCkge1xuICAgICAgICB0aGlzLmNlbnRlckltYWdlLndpZHRoID0gY2VudGVySW1hZ2VXaWR0aFxuICAgICAgfVxuXG4gICAgICBpZiAoY2VudGVySW1hZ2VIZWlnaHQgIT09IHRoaXMuY2VudGVySW1hZ2UuaGVpZ2h0KSB7XG4gICAgICAgIHRoaXMuY2VudGVySW1hZ2UuaGVpZ2h0ID0gY2VudGVySW1hZ2VIZWlnaHRcbiAgICAgIH1cblxuICAgICAgY29uc3QgY2VudGVySW1hZ2UgPSB0aGlzLmNlbnRlckltYWdlXG5cbiAgICAgIGNlbnRlckltYWdlLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgY29udGV4dC5kcmF3SW1hZ2UoXG4gICAgICAgICAgY2VudGVySW1hZ2UsXG4gICAgICAgICAgY2FudmFzLndpZHRoIC8gMiAtIGNlbnRlckltYWdlV2lkdGggLyAyLFxuICAgICAgICAgIGNhbnZhcy5oZWlnaHQgLyAyIC0gY2VudGVySW1hZ2VIZWlnaHQgLyAyLCBjZW50ZXJJbWFnZVdpZHRoLCBjZW50ZXJJbWFnZUhlaWdodCxcbiAgICAgICAgKVxuICAgICAgfVxuICAgIH1cblxuICB9XG5cbn1cblxuZnVuY3Rpb24gZ2V0SW50T3JEZWZhdWx0KHZhbHVlOiBzdHJpbmcgfCBudW1iZXIgfCB1bmRlZmluZWQsIGRlZmF1bHRWYWx1ZTogbnVtYmVyKTogbnVtYmVyIHtcbiAgaWYgKHZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IFwiXCIpIHtcbiAgICByZXR1cm4gZGVmYXVsdFZhbHVlXG4gIH1cblxuICBpZiAodHlwZW9mIHZhbHVlID09PSBcInN0cmluZ1wiKSB7XG4gICAgcmV0dXJuIHBhcnNlSW50KHZhbHVlLCAxMClcbiAgfVxuXG4gIHJldHVybiB2YWx1ZVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1xcmNvZGUvc3JjL2xpYi9xci1jb2RlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUErQixNQUFNLGVBQWUsQ0FBQTtBQUN4RixPQUFPLE1BQU0sTUFBTSxRQUFRLENBQUE7O0FBRzNCLE1BQU0sZUFBZSxHQUFHLDhCQUE4QixDQUFBO0FBTXRELE1BQU0sT0FBTyxlQUFlO0lBK0IxQixZQUNVLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBckI1QywyREFBMkQ7UUFDdEIseUJBQW9CLEdBQStCLGVBQWUsQ0FBQyw4QkFBOEIsQ0FBQTtRQUk3SCxjQUFTLEdBQWMsV0FBVyxDQUFBO1FBQ2xDLGVBQVUsR0FBYyxXQUFXLENBQUE7UUFTNUMsMkRBQTJEO1FBQ3BDLFdBQU0sR0FBRyxFQUFFLENBQUE7SUFPbEMsQ0FBQztJQUVLLFdBQVc7OztZQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO2dCQUNmLE9BQU07YUFDUDtZQUVELElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsRUFBRTtnQkFDckMsT0FBTyxDQUFDLElBQUksQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFBO2dCQUNwRCxJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQTthQUNsQjtpQkFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQUU7Z0JBQzNDLE9BQU8sQ0FBQyxJQUFJLENBQUMscUNBQXFDLENBQUMsQ0FBQTtnQkFDbkQsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUE7YUFDakI7aUJBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUM1RCxPQUFPLENBQUMsSUFBSSxDQUFDLGdFQUFnRSxDQUFDLENBQUE7Z0JBQzlFLElBQUksQ0FBQyxPQUFPLEdBQUcsU0FBUyxDQUFBO2FBQ3pCO1lBRUQsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxhQUF5QyxDQUFBO1lBRXRGLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ1gsd0RBQXdEO2dCQUN4RCxPQUFNO2FBQ1A7WUFFRCxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFBO1lBRXZDLElBQUksT0FBTyxFQUFFO2dCQUNYLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFBO2FBQ3JFO1lBRUQsTUFBTSxvQkFBb0IsR0FBRyxNQUFBLElBQUksQ0FBQyxvQkFBb0IsbUNBQUksZUFBZSxDQUFDLDhCQUE4QixDQUFBO1lBRXhHLE1BQU0sSUFBSSxHQUFHLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUE7WUFDOUUsTUFBTSxLQUFLLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQTtZQUVqRixJQUFJLFNBQVMsRUFBRSxFQUFFO2dCQUNmLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtvQkFDM0IsT0FBTyxDQUFDLEtBQUssQ0FBQywwRkFBMEYsQ0FBQyxDQUFBO2lCQUMxRztnQkFFRCxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7b0JBQzdCLE9BQU8sQ0FBQyxLQUFLLENBQUMsMkZBQTJGLENBQUMsQ0FBQTtpQkFDM0c7YUFDRjtZQUNELE1BQU0sTUFBTTtpQkFDVCxRQUFRLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQzVCLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTztnQkFDckIsb0JBQW9CO2dCQUNwQixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7Z0JBQ2pCLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtnQkFDbkIsS0FBSyxFQUFFO29CQUNMLElBQUk7b0JBQ0osS0FBSztpQkFDTjthQUNGLENBQUMsQ0FBQTtZQUVKLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUE7WUFDMUMsTUFBTSxnQkFBZ0IsR0FBRyxlQUFlLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLGVBQWUsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFBO1lBQzFHLE1BQU0saUJBQWlCLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxlQUFlLENBQUMseUJBQXlCLENBQUMsQ0FBQTtZQUU1RyxJQUFJLGNBQWMsSUFBSSxPQUFPLEVBQUU7Z0JBRTdCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO29CQUNyQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksS0FBSyxDQUFDLGdCQUFnQixFQUFFLGlCQUFpQixDQUFDLENBQUE7aUJBQ2xFO2dCQUVELElBQUksY0FBYyxNQUFLLE1BQUEsSUFBSSxDQUFDLFdBQVcsMENBQUUsR0FBRyxDQUFBLEVBQUU7b0JBQzVDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxHQUFHLGNBQWMsQ0FBQTtpQkFDdEM7Z0JBRUQsSUFBSSxnQkFBZ0IsS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRTtvQkFDL0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsZ0JBQWdCLENBQUE7aUJBQzFDO2dCQUVELElBQUksaUJBQWlCLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUU7b0JBQ2pELElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxHQUFHLGlCQUFpQixDQUFBO2lCQUM1QztnQkFFRCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFBO2dCQUVwQyxXQUFXLENBQUMsTUFBTSxHQUFHLEdBQUcsRUFBRTtvQkFDeEIsT0FBTyxDQUFDLFNBQVMsQ0FDZixXQUFXLEVBQ1gsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsZ0JBQWdCLEdBQUcsQ0FBQyxFQUN2QyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsR0FBRyxpQkFBaUIsR0FBRyxDQUFDLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQy9FLENBQUE7Z0JBQ0gsQ0FBQyxDQUFBO2FBQ0Y7O0tBRUY7O0FBMUhlLDhDQUE4QixHQUErQixHQUFHLENBQUE7QUFDaEUseUNBQXlCLEdBQUcsRUFBRSxDQUFBOzZHQUhuQyxlQUFlO2lHQUFmLGVBQWU7NEZBQWYsZUFBZTtrQkFKM0IsU0FBUzttQkFBQztvQkFDVCw4REFBOEQ7b0JBQzlELFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzNCO3VHQU9rQixLQUFLO3NCQUFyQixLQUFLO3VCQUFDLFFBQVE7Z0JBR1MsT0FBTztzQkFBOUIsS0FBSzt1QkFBQyxlQUFlO2dCQUdlLG9CQUFvQjtzQkFBeEQsS0FBSzt1QkFBQyw0QkFBNEI7Z0JBRTFCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUd5QixjQUFjO3NCQUE1QyxLQUFLO3VCQUFDLHNCQUFzQjtnQkFFSSxnQkFBZ0I7c0JBQWhELEtBQUs7dUJBQUMsd0JBQXdCO2dCQUVHLGlCQUFpQjtzQkFBbEQsS0FBSzt1QkFBQyx5QkFBeUI7Z0JBR1QsTUFBTTtzQkFBNUIsS0FBSzt1QkFBQyxjQUFjOztBQXFHdkIsU0FBUyxlQUFlLENBQUMsS0FBa0MsRUFBRSxZQUFvQjtJQUMvRSxJQUFJLEtBQUssS0FBSyxTQUFTLElBQUksS0FBSyxLQUFLLEVBQUUsRUFBRTtRQUN2QyxPQUFPLFlBQVksQ0FBQTtLQUNwQjtJQUVELElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQzdCLE9BQU8sUUFBUSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQTtLQUMzQjtJQUVELE9BQU8sS0FBSyxDQUFBO0FBQ2QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIGlzRGV2TW9kZSwgT25DaGFuZ2VzLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIlxuaW1wb3J0IHFyY29kZSBmcm9tIFwicXJjb2RlXCJcbmltcG9ydCB7IFFyQ29kZUVycm9yQ29ycmVjdGlvbkxldmVsLCBSR0JBQ29sb3IgfSBmcm9tIFwiLi90eXBlc1wiXG5cbmNvbnN0IHZhbGlkQ29sb3JSZWdleCA9IC9eIyg/OlswLTlhLWZBLUZdezMsNH0pezEsMn0kL1xuXG5ARGlyZWN0aXZlKHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9kaXJlY3RpdmUtc2VsZWN0b3JcbiAgc2VsZWN0b3I6IGBjYW52YXNbcXJDb2RlXWAsXG59KVxuZXhwb3J0IGNsYXNzIFFyQ29kZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cbiAgc3RhdGljIHJlYWRvbmx5IERFRkFVTFRfRVJST1JfQ09SUkVDVElPTl9MRVZFTDogUXJDb2RlRXJyb3JDb3JyZWN0aW9uTGV2ZWwgPSBcIk1cIlxuICBzdGF0aWMgcmVhZG9ubHkgREVGQVVMVF9DRU5URVJfSU1BR0VfU0laRSA9IDQwXG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KFwicXJDb2RlXCIpIHZhbHVlITogc3RyaW5nXG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KFwicXJDb2RlVmVyc2lvblwiKSB2ZXJzaW9uPzogbnVtYmVyXG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KFwicXJDb2RlRXJyb3JDb3JyZWN0aW9uTGV2ZWxcIikgZXJyb3JDb3JyZWN0aW9uTGV2ZWw6IFFyQ29kZUVycm9yQ29ycmVjdGlvbkxldmVsID0gUXJDb2RlRGlyZWN0aXZlLkRFRkFVTFRfRVJST1JfQ09SUkVDVElPTl9MRVZFTFxuXG4gIEBJbnB1dCgpIHdpZHRoPzogbnVtYmVyXG4gIEBJbnB1dCgpIGhlaWdodD86IG51bWJlclxuICBASW5wdXQoKSBkYXJrQ29sb3I6IFJHQkFDb2xvciA9IFwiIzAwMDAwMEZGXCJcbiAgQElucHV0KCkgbGlnaHRDb2xvcjogUkdCQUNvbG9yID0gXCIjRkZGRkZGRkZcIlxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dChcInFyQ29kZUNlbnRlckltYWdlU3JjXCIpIGNlbnRlckltYWdlU3JjPzogc3RyaW5nXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dChcInFyQ29kZUNlbnRlckltYWdlV2lkdGhcIikgY2VudGVySW1hZ2VXaWR0aD86IG51bWJlciB8IHN0cmluZ1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoXCJxckNvZGVDZW50ZXJJbWFnZUhlaWdodFwiKSBjZW50ZXJJbWFnZUhlaWdodD86IG51bWJlciB8IHN0cmluZ1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dChcInFyQ29kZU1hcmdpblwiKSBtYXJnaW4gPSAxNlxuXG4gIHByaXZhdGUgY2VudGVySW1hZ2U/OiBIVE1MSW1hZ2VFbGVtZW50XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICApIHtcbiAgfVxuXG4gIGFzeW5jIG5nT25DaGFuZ2VzKCkge1xuICAgIGlmICghdGhpcy52YWx1ZSkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgaWYgKHRoaXMudmVyc2lvbiAmJiB0aGlzLnZlcnNpb24gPiA0MCkge1xuICAgICAgY29uc29sZS53YXJuKFwiW3FyQ29kZV0gbWF4IHZlcnNpb24gaXMgNDAsIGNsYW1waW5nXCIpXG4gICAgICB0aGlzLnZlcnNpb24gPSA0MFxuICAgIH0gZWxzZSBpZiAodGhpcy52ZXJzaW9uICYmIHRoaXMudmVyc2lvbiA8IDEpIHtcbiAgICAgIGNvbnNvbGUud2FybihcIltxckNvZGVdIG1pbiB2ZXJzaW9uIGlzIDEsIGNsYW1waW5nXCIpXG4gICAgICB0aGlzLnZlcnNpb24gPSAxXG4gICAgfSBlbHNlIGlmICh0aGlzLnZlcnNpb24gIT09IHVuZGVmaW5lZCAmJiBpc05hTih0aGlzLnZlcnNpb24pKSB7XG4gICAgICBjb25zb2xlLndhcm4oXCJbcXJDb2RlXSB2ZXJzaW9uIHNob3VsZCBiZSBzZXQgdG8gYSBudW1iZXIsIGRlZmF1bHRpbmcgdG8gYXV0b1wiKVxuICAgICAgdGhpcy52ZXJzaW9uID0gdW5kZWZpbmVkXG4gICAgfVxuXG4gICAgY29uc3QgY2FudmFzID0gdGhpcy52aWV3Q29udGFpbmVyUmVmLmVsZW1lbnQubmF0aXZlRWxlbWVudCBhcyBIVE1MQ2FudmFzRWxlbWVudCB8IG51bGxcblxuICAgIGlmICghY2FudmFzKSB7XG4gICAgICAvLyBuYXRpdmUgZWxlbWVudCBub3QgYXZhaWxhYmxlIG9uIHNlcnZlciBzaWRlIHJlbmRlcmluZ1xuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgY29uc3QgY29udGV4dCA9IGNhbnZhcy5nZXRDb250ZXh0KFwiMmRcIilcblxuICAgIGlmIChjb250ZXh0KSB7XG4gICAgICBjb250ZXh0LmNsZWFyUmVjdCgwLCAwLCBjb250ZXh0LmNhbnZhcy53aWR0aCwgY29udGV4dC5jYW52YXMuaGVpZ2h0KVxuICAgIH1cblxuICAgIGNvbnN0IGVycm9yQ29ycmVjdGlvbkxldmVsID0gdGhpcy5lcnJvckNvcnJlY3Rpb25MZXZlbCA/PyBRckNvZGVEaXJlY3RpdmUuREVGQVVMVF9FUlJPUl9DT1JSRUNUSU9OX0xFVkVMXG5cbiAgICBjb25zdCBkYXJrID0gdmFsaWRDb2xvclJlZ2V4LnRlc3QodGhpcy5kYXJrQ29sb3IpID8gdGhpcy5kYXJrQ29sb3IgOiB1bmRlZmluZWRcbiAgICBjb25zdCBsaWdodCA9IHZhbGlkQ29sb3JSZWdleC50ZXN0KHRoaXMubGlnaHRDb2xvcikgPyB0aGlzLmxpZ2h0Q29sb3IgOiB1bmRlZmluZWRcblxuICAgIGlmIChpc0Rldk1vZGUoKSkge1xuICAgICAgaWYgKCFkYXJrICYmIHRoaXMuZGFya0NvbG9yKSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoXCJbbmctcXJjb2RlXSBkYXJrQ29sb3Igc2V0IHRvIGludmFsaWQgdmFsdWUsIG11c3QgYmUgUkdCQSBoZXggY29sb3Igc3RyaW5nLCBlZzogIzMwNTBBMUZGXCIpXG4gICAgICB9XG5cbiAgICAgIGlmICghbGlnaHQgJiYgdGhpcy5saWdodENvbG9yKSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoXCJbbmctcXJjb2RlXSBsaWdodENvbG9yIHNldCB0byBpbnZhbGlkIHZhbHVlLCBtdXN0IGJlIFJHQkEgaGV4IGNvbG9yIHN0cmluZywgZWc6ICMzMDUwQTEzMFwiKVxuICAgICAgfVxuICAgIH1cbiAgICBhd2FpdCBxcmNvZGVcbiAgICAgIC50b0NhbnZhcyhjYW52YXMsIHRoaXMudmFsdWUsIHtcbiAgICAgICAgdmVyc2lvbjogdGhpcy52ZXJzaW9uLFxuICAgICAgICBlcnJvckNvcnJlY3Rpb25MZXZlbCxcbiAgICAgICAgd2lkdGg6IHRoaXMud2lkdGgsXG4gICAgICAgIG1hcmdpbjogdGhpcy5tYXJnaW4sXG4gICAgICAgIGNvbG9yOiB7XG4gICAgICAgICAgZGFyayxcbiAgICAgICAgICBsaWdodCxcbiAgICAgICAgfSxcbiAgICAgIH0pXG5cbiAgICBjb25zdCBjZW50ZXJJbWFnZVNyYyA9IHRoaXMuY2VudGVySW1hZ2VTcmNcbiAgICBjb25zdCBjZW50ZXJJbWFnZVdpZHRoID0gZ2V0SW50T3JEZWZhdWx0KHRoaXMuY2VudGVySW1hZ2VXaWR0aCwgUXJDb2RlRGlyZWN0aXZlLkRFRkFVTFRfQ0VOVEVSX0lNQUdFX1NJWkUpXG4gICAgY29uc3QgY2VudGVySW1hZ2VIZWlnaHQgPSBnZXRJbnRPckRlZmF1bHQodGhpcy5jZW50ZXJJbWFnZUhlaWdodCwgUXJDb2RlRGlyZWN0aXZlLkRFRkFVTFRfQ0VOVEVSX0lNQUdFX1NJWkUpXG5cbiAgICBpZiAoY2VudGVySW1hZ2VTcmMgJiYgY29udGV4dCkge1xuXG4gICAgICBpZiAoIXRoaXMuY2VudGVySW1hZ2UpIHtcbiAgICAgICAgdGhpcy5jZW50ZXJJbWFnZSA9IG5ldyBJbWFnZShjZW50ZXJJbWFnZVdpZHRoLCBjZW50ZXJJbWFnZUhlaWdodClcbiAgICAgIH1cblxuICAgICAgaWYgKGNlbnRlckltYWdlU3JjICE9PSB0aGlzLmNlbnRlckltYWdlPy5zcmMpIHtcbiAgICAgICAgdGhpcy5jZW50ZXJJbWFnZS5zcmMgPSBjZW50ZXJJbWFnZVNyY1xuICAgICAgfVxuXG4gICAgICBpZiAoY2VudGVySW1hZ2VXaWR0aCAhPT0gdGhpcy5jZW50ZXJJbWFnZS53aWR0aCkge1xuICAgICAgICB0aGlzLmNlbnRlckltYWdlLndpZHRoID0gY2VudGVySW1hZ2VXaWR0aFxuICAgICAgfVxuXG4gICAgICBpZiAoY2VudGVySW1hZ2VIZWlnaHQgIT09IHRoaXMuY2VudGVySW1hZ2UuaGVpZ2h0KSB7XG4gICAgICAgIHRoaXMuY2VudGVySW1hZ2UuaGVpZ2h0ID0gY2VudGVySW1hZ2VIZWlnaHRcbiAgICAgIH1cblxuICAgICAgY29uc3QgY2VudGVySW1hZ2UgPSB0aGlzLmNlbnRlckltYWdlXG5cbiAgICAgIGNlbnRlckltYWdlLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgY29udGV4dC5kcmF3SW1hZ2UoXG4gICAgICAgICAgY2VudGVySW1hZ2UsXG4gICAgICAgICAgY2FudmFzLndpZHRoIC8gMiAtIGNlbnRlckltYWdlV2lkdGggLyAyLFxuICAgICAgICAgIGNhbnZhcy5oZWlnaHQgLyAyIC0gY2VudGVySW1hZ2VIZWlnaHQgLyAyLCBjZW50ZXJJbWFnZVdpZHRoLCBjZW50ZXJJbWFnZUhlaWdodCxcbiAgICAgICAgKVxuICAgICAgfVxuICAgIH1cblxuICB9XG5cbn1cblxuZnVuY3Rpb24gZ2V0SW50T3JEZWZhdWx0KHZhbHVlOiBzdHJpbmcgfCBudW1iZXIgfCB1bmRlZmluZWQsIGRlZmF1bHRWYWx1ZTogbnVtYmVyKTogbnVtYmVyIHtcbiAgaWYgKHZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IFwiXCIpIHtcbiAgICByZXR1cm4gZGVmYXVsdFZhbHVlXG4gIH1cblxuICBpZiAodHlwZW9mIHZhbHVlID09PSBcInN0cmluZ1wiKSB7XG4gICAgcmV0dXJuIHBhcnNlSW50KHZhbHVlLCAxMClcbiAgfVxuXG4gIHJldHVybiB2YWx1ZVxufVxuIl19

esm2015/lib/qr-code.module.js

@@ -8,10 +8,10 @@ import { CommonModule } from "@angular/common";
 }
-QrCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-QrCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeModule, declarations: [QrCodeComponent,
+QrCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+QrCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeModule, declarations: [QrCodeComponent,
         QrCodeDirective], imports: [CommonModule], exports: [QrCodeComponent,
         QrCodeDirective] });
-QrCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeModule, imports: [[
+QrCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeModule, imports: [[
             CommonModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeModule, decorators: [{
             type: NgModule,
@@ -32,2 +32,2 @@ args: [{
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1xcmNvZGUvc3JjL2xpYi9xci1jb2RlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFBOztBQWVyRCxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQVhyQixlQUFlO1FBQ2YsZUFBZSxhQUdmLFlBQVksYUFHWixlQUFlO1FBQ2YsZUFBZTswR0FHTixZQUFZLFlBUmQ7WUFDUCxZQUFZO1NBQ2I7MkZBTVUsWUFBWTtrQkFieEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTt3QkFDZixlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIlxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5pbXBvcnQgeyBRckNvZGVDb21wb25lbnQgfSBmcm9tIFwiLi9xci1jb2RlLmNvbXBvbmVudFwiXG5pbXBvcnQgeyBRckNvZGVEaXJlY3RpdmUgfSBmcm9tIFwiLi9xci1jb2RlLmRpcmVjdGl2ZVwiXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFFyQ29kZUNvbXBvbmVudCxcbiAgICBRckNvZGVEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBRckNvZGVDb21wb25lbnQsXG4gICAgUXJDb2RlRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBRckNvZGVNb2R1bGUge1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1xcmNvZGUvc3JjL2xpYi9xci1jb2RlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFBOztBQWVyRCxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTsyR0FBWixZQUFZLGlCQVhyQixlQUFlO1FBQ2YsZUFBZSxhQUdmLFlBQVksYUFHWixlQUFlO1FBQ2YsZUFBZTsyR0FHTixZQUFZLFlBUmQ7WUFDUCxZQUFZO1NBQ2I7NEZBTVUsWUFBWTtrQkFieEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTt3QkFDZixlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIlxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5pbXBvcnQgeyBRckNvZGVDb21wb25lbnQgfSBmcm9tIFwiLi9xci1jb2RlLmNvbXBvbmVudFwiXG5pbXBvcnQgeyBRckNvZGVEaXJlY3RpdmUgfSBmcm9tIFwiLi9xci1jb2RlLmRpcmVjdGl2ZVwiXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFFyQ29kZUNvbXBvbmVudCxcbiAgICBRckNvZGVEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBRckNvZGVDb21wb25lbnQsXG4gICAgUXJDb2RlRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBRckNvZGVNb2R1bGUge1xufVxuIl19

esm2015/lib/types.js

 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1xcmNvZGUvc3JjL2xpYi90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgUXJDb2RlRXJyb3JDb3JyZWN0aW9uTGV2ZWwgPSBcImxvd1wiIHwgXCJtZWRpdW1cIiB8IFwicXVhcnRpbGVcIiB8IFwiaGlnaFwiIHwgXCJMXCIgfCBcIk1cIiB8IFwiUVwiIHwgXCJIXCJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1xcmNvZGUvc3JjL2xpYi90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgUXJDb2RlRXJyb3JDb3JyZWN0aW9uTGV2ZWwgPSBcImxvd1wiIHwgXCJtZWRpdW1cIiB8IFwicXVhcnRpbGVcIiB8IFwiaGlnaFwiIHwgXCJMXCIgfCBcIk1cIiB8IFwiUVwiIHwgXCJIXCJcbi8vIFRPRE86IHVzZSBtb3JlIHNwZWNpZmljIHR5cGUgaWYgaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy80MTE2MCBsYW5kc1xuZXhwb3J0IHR5cGUgUkdCQUNvbG9yID0gYCMke3N0cmluZ31gXG4iXX0=

fesm2015/ng-qrcode.js

 import * as i0 from '@angular/core';
-import { Directive, Input, Component, NgModule } from '@angular/core';
+import { isDevMode, Directive, Input, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
@@ -8,2 +8,3 @@ import { CommonModule } from '@angular/common';
 
+const validColorRegex = /^#(?:[0-9a-fA-F]{3,4}){1,2}$/;
 class QrCodeDirective {
@@ -14,2 +15,4 @@ constructor(viewContainerRef) {
         this.errorCorrectionLevel = QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL;
+        this.darkColor = "#000000FF";
+        this.lightColor = "#FFFFFFFF";
         // eslint-disable-next-line @angular-eslint/no-input-rename
@@ -46,2 +49,12 @@ this.margin = 16;
             const errorCorrectionLevel = (_a = this.errorCorrectionLevel) !== null && _a !== void 0 ? _a : QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL;
+            const dark = validColorRegex.test(this.darkColor) ? this.darkColor : undefined;
+            const light = validColorRegex.test(this.lightColor) ? this.lightColor : undefined;
+            if (isDevMode()) {
+                if (!dark && this.darkColor) {
+                    console.error("[ng-qrcode] darkColor set to invalid value, must be RGBA hex color string, eg: #3050A1FF");
+                }
+                if (!light && this.lightColor) {
+                    console.error("[ng-qrcode] lightColor set to invalid value, must be RGBA hex color string, eg: #3050A130");
+                }
+            }
             yield qrcode
@@ -53,2 +66,6 @@ .toCanvas(canvas, this.value, {
                 margin: this.margin,
+                color: {
+                    dark,
+                    light,
+                },
             });
@@ -81,5 +98,5 @@ const centerImageSrc = this.centerImageSrc;
 QrCodeDirective.DEFAULT_CENTER_IMAGE_SIZE = 40;
-QrCodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-QrCodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.8", type: QrCodeDirective, selector: "canvas[qrCode]", inputs: { value: ["qrCode", "value"], version: ["qrCodeVersion", "version"], errorCorrectionLevel: ["qrCodeErrorCorrectionLevel", "errorCorrectionLevel"], width: "width", height: "height", centerImageSrc: ["qrCodeCenterImageSrc", "centerImageSrc"], centerImageWidth: ["qrCodeCenterImageWidth", "centerImageWidth"], centerImageHeight: ["qrCodeCenterImageHeight", "centerImageHeight"], margin: ["qrCodeMargin", "margin"] }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeDirective, decorators: [{
+QrCodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+QrCodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: QrCodeDirective, selector: "canvas[qrCode]", inputs: { value: ["qrCode", "value"], version: ["qrCodeVersion", "version"], errorCorrectionLevel: ["qrCodeErrorCorrectionLevel", "errorCorrectionLevel"], width: "width", height: "height", darkColor: "darkColor", lightColor: "lightColor", centerImageSrc: ["qrCodeCenterImageSrc", "centerImageSrc"], centerImageWidth: ["qrCodeCenterImageWidth", "centerImageWidth"], centerImageHeight: ["qrCodeCenterImageHeight", "centerImageHeight"], margin: ["qrCodeMargin", "margin"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeDirective, decorators: [{
             type: Directive,
@@ -103,2 +120,6 @@ args: [{
                 type: Input
+            }], darkColor: [{
+                type: Input
+            }], lightColor: [{
+                type: Input
             }], centerImageSrc: [{
@@ -129,4 +150,4 @@ type: Input,
 }
-QrCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QrCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: QrCodeComponent, selector: "qr-code", inputs: { value: "value", size: "size", errorCorrectionLevel: "errorCorrectionLevel", centerImageSrc: "centerImageSrc", centerImageSize: "centerImageSize", margin: "margin" }, ngImport: i0, template: `
+QrCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QrCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: QrCodeComponent, selector: "qr-code", inputs: { value: "value", size: "size", darkColor: "darkColor", lightColor: "lightColor", errorCorrectionLevel: "errorCorrectionLevel", centerImageSrc: "centerImageSrc", centerImageSize: "centerImageSize", margin: "margin" }, ngImport: i0, template: `
     <canvas *ngIf="value"
@@ -140,6 +161,9 @@ [qrCode]="value"
             [width]="size"
-            [height]="size">
+            [height]="size"
+            [darkColor]="darkColor"
+            [lightColor]="lightColor"
+    >
     </canvas>
-  `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: QrCodeDirective, selector: "canvas[qrCode]", inputs: ["qrCode", "qrCodeVersion", "qrCodeErrorCorrectionLevel", "width", "height", "qrCodeCenterImageSrc", "qrCodeCenterImageWidth", "qrCodeCenterImageHeight", "qrCodeMargin"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeComponent, decorators: [{
+  `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: QrCodeDirective, selector: "canvas[qrCode]", inputs: ["qrCode", "qrCodeVersion", "qrCodeErrorCorrectionLevel", "width", "height", "darkColor", "lightColor", "qrCodeCenterImageSrc", "qrCodeCenterImageWidth", "qrCodeCenterImageHeight", "qrCodeMargin"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeComponent, decorators: [{
             type: Component,
@@ -157,3 +181,6 @@ args: [{
             [width]="size"
-            [height]="size">
+            [height]="size"
+            [darkColor]="darkColor"
+            [lightColor]="lightColor"
+    >
     </canvas>
@@ -167,2 +194,6 @@ `,
                 type: Input
+            }], darkColor: [{
+                type: Input
+            }], lightColor: [{
+                type: Input
             }], errorCorrectionLevel: [{
@@ -180,10 +211,10 @@ type: Input
 }
-QrCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-QrCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeModule, declarations: [QrCodeComponent,
+QrCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+QrCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeModule, declarations: [QrCodeComponent,
         QrCodeDirective], imports: [CommonModule], exports: [QrCodeComponent,
         QrCodeDirective] });
-QrCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeModule, imports: [[
+QrCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeModule, imports: [[
             CommonModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: QrCodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: QrCodeModule, decorators: [{
             type: NgModule,
@@ -190,0 +221,0 @@ args: [{

lib/qr-code.component.d.ts

@@ -1,2 +0,2 @@
-import { QrCodeErrorCorrectionLevel } from "./types";
+import { QrCodeErrorCorrectionLevel, RGBAColor } from "./types";
 import * as i0 from "@angular/core";
@@ -6,2 +6,4 @@ export declare class QrCodeComponent {
     size?: string | number;
+    darkColor?: RGBAColor;
+    lightColor?: RGBAColor;
     errorCorrectionLevel?: QrCodeErrorCorrectionLevel;
@@ -12,3 +14,3 @@ centerImageSrc?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<QrCodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QrCodeComponent, "qr-code", never, { "value": "value"; "size": "size"; "errorCorrectionLevel": "errorCorrectionLevel"; "centerImageSrc": "centerImageSrc"; "centerImageSize": "centerImageSize"; "margin": "margin"; }, {}, never, 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>;
 }

lib/qr-code.directive.d.ts

 import { OnChanges, ViewContainerRef } from "@angular/core";
-import { QrCodeErrorCorrectionLevel } from "./types";
+import { QrCodeErrorCorrectionLevel, RGBAColor } from "./types";
 import * as i0 from "@angular/core";
@@ -13,2 +13,4 @@ export declare class QrCodeDirective implements OnChanges {
     height?: number;
+    darkColor: RGBAColor;
+    lightColor: RGBAColor;
     centerImageSrc?: string;
@@ -22,3 +24,3 @@ centerImageWidth?: number | string;
     static ɵfac: i0.ɵɵFactoryDeclaration<QrCodeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<QrCodeDirective, "canvas[qrCode]", never, { "value": "qrCode"; "version": "qrCodeVersion"; "errorCorrectionLevel": "qrCodeErrorCorrectionLevel"; "width": "width"; "height": "height"; "centerImageSrc": "qrCodeCenterImageSrc"; "centerImageWidth": "qrCodeCenterImageWidth"; "centerImageHeight": "qrCodeCenterImageHeight"; "margin": "qrCodeMargin"; }, {}, 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>;
 }

lib/types.d.ts

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

package.json

 {
   "name": "ng-qrcode",
   "description": "Simple AOT compatible QR code generator for your Angular project.",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "license": "MIT",
@@ -6,0 +6,0 @@ "author": {

README.md

@@ -44,2 +44,14 @@ # Angular QR Code Generator
 
+#### darkColor: RGBAColor (optional)
+An RGBA Hex string to use as the color for the dark / filled modules.
+If an invalid value is passed, the default will be used.
+
+**Default** black ("#000000FF")
+
+#### lightColor: RGBAColor (optional)
+An RGBA Hex string to use as the color for the empty space.
+If an invalid value is passed, the default will be used.
+
+**Default** white ("#FFFFFFFF")
+
 #### errorCorrectionLevel: string (optional)
@@ -46,0 +58,0 @@ Controls the amount of redundant information included to make the QR code

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

131177

increased by9%

Lines of code

1097

increased by9.37%

Number of lines in readme file

114

increased by11.76%

No dependency changes