@mintplayer/ng-qr-code 21.0.0 → 21.1.0

package/fesm2022/mintplayer-ng-qr-code.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { Input, Directive, Component } from '@angular/core';
+import { inject, ViewContainerRef, Input, Directive, Component } from '@angular/core';
 import * as qrCodeService from '@mintplayer/qr-code';
 
 class QrCodeDirective {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
+    constructor() {
+        this.viewContainerRef = inject(ViewContainerRef);
         //#region Version
         this.version = null;
         this.darkColor = '#000000FF';
@@ -96,7 +96,7 @@ class QrCodeDirective {
             return value;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: QrCodeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: QrCodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: QrCodeDirective, isStandalone: true, selector: "canvas[qrCode]", inputs: { value: ["qrCode", "value"], qrCodeVersion: "qrCodeVersion", width: "width", height: "height", darkColor: "darkColor", lightColor: "lightColor", errorCorrectionLevel: ["qrCodeErrorCorrectionLevel", "errorCorrectionLevel"], centerImageSrc: ["qrCodeCenterImageSrc", "centerImageSrc"], centerImageWidth: ["qrCodeCenterImageWidth", "centerImageWidth"], centerImageHeight: ["qrCodeCenterImageHeight", "centerImageHeight"], margin: ["qrCodeMargin", "margin"] }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: QrCodeDirective, decorators: [{
@@ -105,7 +105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                     selector: 'canvas[qrCode]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { value: [{
+        }], propDecorators: { value: [{
                 type: Input,
                 args: ['qrCode']
             }], qrCodeVersion: [{

package/fesm2022/mintplayer-ng-qr-code.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-qr-code.mjs","sources":["../../../../libs/mintplayer-ng-qr-code/src/lib/directives/qr-code/qr-code.directive.ts","../../../../libs/mintplayer-ng-qr-code/src/lib/components/qr-code/qr-code.component.ts","../../../../libs/mintplayer-ng-qr-code/src/lib/components/qr-code/qr-code.component.html","../../../../libs/mintplayer-ng-qr-code/src/mintplayer-ng-qr-code.ts"],"sourcesContent":["import { Directive, Input, OnChanges, ViewContainerRef } from '@angular/core';\nimport { QRCodeErrorCorrectionLevel } from '@mintplayer/qr-code';\nimport * as qrCodeService from '@mintplayer/qr-code';\nimport { RgbaColor } from '../../types/rgba-color';\n\n@Directive({\n  selector: 'canvas[qrCode]',\n  standalone: true\n})\nexport class QrCodeDirective implements OnChanges {\n\n  constructor(private viewContainerRef: ViewContainerRef) {}\n\n  static readonly VALID_COLOR_REGEX = /^#(?:[0-9a-fA-F]{3,4}){1,2}$/;\n  static readonly DEFAULT_ERROR_CORRECTION_LEVEL: QRCodeErrorCorrectionLevel = 'M';\n  static readonly DEFAULT_CENTER_IMAGE_SIZE = 40;\n\n  @Input('qrCode') value!: string;\n\n  //#region Version\n  private version: number | null = null;\n  @Input() set qrCodeVersion(value: number | null) {\n    if (value && (value > 40)) {\n      this.version = 40;\n    } else if (value && (value < 1)) {\n      this.version = 1;\n    } else {\n      this.version = null;\n    }\n  }\n  //#endregion\n\n  \n  @Input() width?: number;\n  @Input() height?: number;\n  @Input() darkColor?: RgbaColor = '#000000FF';\n  @Input() lightColor?: RgbaColor = '#FFFFFFFF';\n  \n  @Input('qrCodeErrorCorrectionLevel') errorCorrectionLevel?: QRCodeErrorCorrectionLevel = QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL;\n  @Input('qrCodeCenterImageSrc') centerImageSrc?: string;\n  @Input('qrCodeCenterImageWidth') centerImageWidth?: number | string;\n  @Input('qrCodeCenterImageHeight') centerImageHeight?: number | string;\n  @Input('qrCodeMargin') margin? = 16;\n\n  private centerImage?: HTMLImageElement;\n\n  async ngOnChanges() {\n    if (!this.value) {\n      return;\n    }\n\n    const canvas = this.viewContainerRef.element.nativeElement as HTMLCanvasElement | null;\n    if (!canvas || (typeof window === 'undefined')) {\n      // native element not available on server side rendering\n      return;\n    }\n\n    if (typeof window !== 'undefined') {\n      const context = canvas.getContext('2d');\n      if (context) {\n        context.clearRect(0, 0, context.canvas.width, context.canvas.height);\n\n        const errorCorrectionLevel = this.errorCorrectionLevel ?? QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL\n\n        const dark = !this.darkColor \n          ? undefined\n          : QrCodeDirective.VALID_COLOR_REGEX.test(this.darkColor)\n          ? this.darkColor\n          : undefined;\n        const light = !this.lightColor\n          ? undefined\n          : QrCodeDirective.VALID_COLOR_REGEX.test(this.lightColor)\n          ? this.lightColor\n          : undefined;\n\n        await qrCodeService\n          .toCanvas(canvas, this.value, {\n            version: this.version ?? undefined,\n            errorCorrectionLevel,\n            width: this.width,\n            margin: this.margin,\n            color: {\n              dark,\n              light,\n            },\n          });\n\n        const centerImageSrc = this.centerImageSrc;\n        const centerImageWidth = this.getIntOrDefault(this.centerImageWidth, QrCodeDirective.DEFAULT_CENTER_IMAGE_SIZE);\n        const centerImageHeight = this.getIntOrDefault(this.centerImageHeight, QrCodeDirective.DEFAULT_CENTER_IMAGE_SIZE);\n\n        if (centerImageSrc && context) {\n\n          if (!this.centerImage) {\n            this.centerImage = new Image(centerImageWidth, centerImageHeight);\n          }\n\n          if (centerImageSrc !== this.centerImage?.src) {\n            this.centerImage.src = centerImageSrc;\n          }\n\n          if (centerImageWidth !== this.centerImage.width) {\n            this.centerImage.width = centerImageWidth;\n          }\n\n          if (centerImageHeight !== this.centerImage.height) {\n            this.centerImage.height = centerImageHeight;\n          }\n\n          const centerImage = this.centerImage;\n\n          centerImage.onload = () => {\n            context.drawImage(\n              centerImage,\n              canvas.width / 2 - centerImageWidth / 2,\n              canvas.height / 2 - centerImageHeight / 2, centerImageWidth, centerImageHeight,\n            );\n          }\n        }\n      }\n    }\n  }\n\n  private getIntOrDefault(value: string | number | undefined, defaultValue: number): number {\n    if (value === undefined || value === '') {\n      return defaultValue;\n    } else if (typeof value === 'string') {\n      return parseInt(value, 10);\n    } else {\n      return value;\n    }\n  }\n\n}\n","import { Component, Input } from '@angular/core';\nimport { QRCodeErrorCorrectionLevel } from '@mintplayer/qr-code';\nimport { RgbaColor } from '../../types/rgba-color';\nimport { QrCodeDirective } from '../../directives/qr-code/qr-code.directive';\n\n@Component({\n  selector: 'qr-code',\n  templateUrl: './qr-code.component.html',\n  styleUrls: ['./qr-code.component.scss'],\n  standalone: true,\n  imports: [QrCodeDirective]\n})\nexport class QrCodeComponent {\n  @Input() value?: string;\n  @Input() size?: number;\n  @Input() darkColor?: RgbaColor;\n  @Input() lightColor?: RgbaColor;\n  @Input() errorCorrectionLevel?: QRCodeErrorCorrectionLevel;\n  @Input() centerImageSrc?: string;\n  @Input() centerImageSize?: string | number;\n  @Input() margin?: number;\n}\n","@if (value) {\n    <canvas\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    </canvas>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MASa,eAAe,CAAA;AAE1B,IAAA,WAAA,CAAoB,gBAAkC,EAAA;QAAlC,IAAA,CAAA,gBAAgB,GAAhB,gBAAgB;;QAS5B,IAAA,CAAA,OAAO,GAAkB,IAAI;QAe5B,IAAA,CAAA,SAAS,GAAe,WAAW;QACnC,IAAA,CAAA,UAAU,GAAe,WAAW;AAER,QAAA,IAAA,CAAA,oBAAoB,GAAgC,eAAe,CAAC,8BAA8B;QAIhH,IAAA,CAAA,MAAM,GAAI,EAAE;IA/BsB;aAEzC,IAAA,CAAA,iBAAiB,GAAG,8BAAH,CAAkC;aACnD,IAAA,CAAA,8BAA8B,GAA+B,GAA/B,CAAmC;aACjE,IAAA,CAAA,yBAAyB,GAAG,EAAH,CAAM;IAM/C,IAAa,aAAa,CAAC,KAAoB,EAAA;QAC7C,IAAI,KAAK,KAAK,KAAK,GAAG,EAAE,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE;QACnB;aAAO,IAAI,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE;AAC/B,YAAA,IAAI,CAAC,OAAO,GAAG,CAAC;QAClB;aAAO;AACL,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACrB;IACF;AAiBA,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf;QACF;QAEA,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,aAAyC;QACtF,IAAI,CAAC,MAAM,KAAK,OAAO,MAAM,KAAK,WAAW,CAAC,EAAE;;YAE9C;QACF;AAEA,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;YACvC,IAAI,OAAO,EAAE;AACX,gBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;gBAEpE,MAAM,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,IAAI,eAAe,CAAC,8BAA8B;AAExG,gBAAA,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC;AACjB,sBAAE;sBACA,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS;0BACrD,IAAI,CAAC;0BACL,SAAS;AACb,gBAAA,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC;AAClB,sBAAE;sBACA,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU;0BACtD,IAAI,CAAC;0BACL,SAAS;AAEb,gBAAA,MAAM;AACH,qBAAA,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE;AAC5B,oBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,SAAS;oBAClC,oBAAoB;oBACpB,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,oBAAA,KAAK,EAAE;wBACL,IAAI;wBACJ,KAAK;AACN,qBAAA;AACF,iBAAA,CAAC;AAEJ,gBAAA,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc;AAC1C,gBAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,yBAAyB,CAAC;AAC/G,gBAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,EAAE,eAAe,CAAC,yBAAyB,CAAC;AAEjH,gBAAA,IAAI,cAAc,IAAI,OAAO,EAAE;AAE7B,oBAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;wBACrB,IAAI,CAAC,WAAW,GAAG,IAAI,KAAK,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;oBACnE;oBAEA,IAAI,cAAc,KAAK,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE;AAC5C,wBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,cAAc;oBACvC;oBAEA,IAAI,gBAAgB,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;AAC/C,wBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,gBAAgB;oBAC3C;oBAEA,IAAI,iBAAiB,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;AACjD,wBAAA,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,iBAAiB;oBAC7C;AAEA,oBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW;AAEpC,oBAAA,WAAW,CAAC,MAAM,GAAG,MAAK;AACxB,wBAAA,OAAO,CAAC,SAAS,CACf,WAAW,EACX,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,gBAAgB,GAAG,CAAC,EACvC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,iBAAiB,GAAG,CAAC,EAAE,gBAAgB,EAAE,iBAAiB,CAC/E;AACH,oBAAA,CAAC;gBACH;YACF;QACF;IACF;IAEQ,eAAe,CAAC,KAAkC,EAAE,YAAoB,EAAA;QAC9E,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE;AACvC,YAAA,OAAO,YAAY;QACrB;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACpC,YAAA,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;QAC5B;aAAO;AACL,YAAA,OAAO,KAAK;QACd;IACF;8GA1HW,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,CAAA,QAAA,EAAA,OAAA,CAAA,EAAA,aAAA,EAAA,eAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,CAAA,4BAAA,EAAA,sBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,sBAAA,EAAA,gBAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,wBAAA,EAAA,kBAAA,CAAA,EAAA,iBAAA,EAAA,CAAA,yBAAA,EAAA,mBAAA,CAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,QAAA,CAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE;AACb,iBAAA;;sBASE,KAAK;uBAAC,QAAQ;;sBAId;;sBAYA;;sBACA;;sBACA;;sBACA;;sBAEA,KAAK;uBAAC,4BAA4B;;sBAClC,KAAK;uBAAC,sBAAsB;;sBAC5B,KAAK;uBAAC,wBAAwB;;sBAC9B,KAAK;uBAAC,yBAAyB;;sBAC/B,KAAK;uBAAC,cAAc;;;MC9BV,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ5B,0cAaC,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDHW,eAAe,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,eAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,YAAA,EAAA,4BAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,yBAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAEd,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAAA,UAAA,EAGP,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,0cAAA,EAAA;;sBAGzB;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;AEpBH;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-qr-code.mjs","sources":["../../../../libs/mintplayer-ng-qr-code/src/lib/directives/qr-code/qr-code.directive.ts","../../../../libs/mintplayer-ng-qr-code/src/lib/components/qr-code/qr-code.component.ts","../../../../libs/mintplayer-ng-qr-code/src/lib/components/qr-code/qr-code.component.html","../../../../libs/mintplayer-ng-qr-code/src/mintplayer-ng-qr-code.ts"],"sourcesContent":["import { Directive, inject, Input, OnChanges, ViewContainerRef } from '@angular/core';\nimport { QRCodeErrorCorrectionLevel } from '@mintplayer/qr-code';\nimport * as qrCodeService from '@mintplayer/qr-code';\nimport { RgbaColor } from '../../types/rgba-color';\n\n@Directive({\n  selector: 'canvas[qrCode]',\n  standalone: true\n})\nexport class QrCodeDirective implements OnChanges {\n  private viewContainerRef = inject(ViewContainerRef);\n\n  static readonly VALID_COLOR_REGEX = /^#(?:[0-9a-fA-F]{3,4}){1,2}$/;\n  static readonly DEFAULT_ERROR_CORRECTION_LEVEL: QRCodeErrorCorrectionLevel = 'M';\n  static readonly DEFAULT_CENTER_IMAGE_SIZE = 40;\n\n  @Input('qrCode') value!: string;\n\n  //#region Version\n  private version: number | null = null;\n  @Input() set qrCodeVersion(value: number | null) {\n    if (value && (value > 40)) {\n      this.version = 40;\n    } else if (value && (value < 1)) {\n      this.version = 1;\n    } else {\n      this.version = null;\n    }\n  }\n  //#endregion\n\n  \n  @Input() width?: number;\n  @Input() height?: number;\n  @Input() darkColor?: RgbaColor = '#000000FF';\n  @Input() lightColor?: RgbaColor = '#FFFFFFFF';\n  \n  @Input('qrCodeErrorCorrectionLevel') errorCorrectionLevel?: QRCodeErrorCorrectionLevel = QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL;\n  @Input('qrCodeCenterImageSrc') centerImageSrc?: string;\n  @Input('qrCodeCenterImageWidth') centerImageWidth?: number | string;\n  @Input('qrCodeCenterImageHeight') centerImageHeight?: number | string;\n  @Input('qrCodeMargin') margin? = 16;\n\n  private centerImage?: HTMLImageElement;\n\n  async ngOnChanges() {\n    if (!this.value) {\n      return;\n    }\n\n    const canvas = this.viewContainerRef.element.nativeElement as HTMLCanvasElement | null;\n    if (!canvas || (typeof window === 'undefined')) {\n      // native element not available on server side rendering\n      return;\n    }\n\n    if (typeof window !== 'undefined') {\n      const context = canvas.getContext('2d');\n      if (context) {\n        context.clearRect(0, 0, context.canvas.width, context.canvas.height);\n\n        const errorCorrectionLevel = this.errorCorrectionLevel ?? QrCodeDirective.DEFAULT_ERROR_CORRECTION_LEVEL\n\n        const dark = !this.darkColor \n          ? undefined\n          : QrCodeDirective.VALID_COLOR_REGEX.test(this.darkColor)\n          ? this.darkColor\n          : undefined;\n        const light = !this.lightColor\n          ? undefined\n          : QrCodeDirective.VALID_COLOR_REGEX.test(this.lightColor)\n          ? this.lightColor\n          : undefined;\n\n        await qrCodeService\n          .toCanvas(canvas, this.value, {\n            version: this.version ?? undefined,\n            errorCorrectionLevel,\n            width: this.width,\n            margin: this.margin,\n            color: {\n              dark,\n              light,\n            },\n          });\n\n        const centerImageSrc = this.centerImageSrc;\n        const centerImageWidth = this.getIntOrDefault(this.centerImageWidth, QrCodeDirective.DEFAULT_CENTER_IMAGE_SIZE);\n        const centerImageHeight = this.getIntOrDefault(this.centerImageHeight, QrCodeDirective.DEFAULT_CENTER_IMAGE_SIZE);\n\n        if (centerImageSrc && context) {\n\n          if (!this.centerImage) {\n            this.centerImage = new Image(centerImageWidth, centerImageHeight);\n          }\n\n          if (centerImageSrc !== this.centerImage?.src) {\n            this.centerImage.src = centerImageSrc;\n          }\n\n          if (centerImageWidth !== this.centerImage.width) {\n            this.centerImage.width = centerImageWidth;\n          }\n\n          if (centerImageHeight !== this.centerImage.height) {\n            this.centerImage.height = centerImageHeight;\n          }\n\n          const centerImage = this.centerImage;\n\n          centerImage.onload = () => {\n            context.drawImage(\n              centerImage,\n              canvas.width / 2 - centerImageWidth / 2,\n              canvas.height / 2 - centerImageHeight / 2, centerImageWidth, centerImageHeight,\n            );\n          }\n        }\n      }\n    }\n  }\n\n  private getIntOrDefault(value: string | number | undefined, defaultValue: number): number {\n    if (value === undefined || value === '') {\n      return defaultValue;\n    } else if (typeof value === 'string') {\n      return parseInt(value, 10);\n    } else {\n      return value;\n    }\n  }\n\n}\n","import { Component, Input } from '@angular/core';\nimport { QRCodeErrorCorrectionLevel } from '@mintplayer/qr-code';\nimport { RgbaColor } from '../../types/rgba-color';\nimport { QrCodeDirective } from '../../directives/qr-code/qr-code.directive';\n\n@Component({\n  selector: 'qr-code',\n  templateUrl: './qr-code.component.html',\n  styleUrls: ['./qr-code.component.scss'],\n  standalone: true,\n  imports: [QrCodeDirective]\n})\nexport class QrCodeComponent {\n  @Input() value?: string;\n  @Input() size?: number;\n  @Input() darkColor?: RgbaColor;\n  @Input() lightColor?: RgbaColor;\n  @Input() errorCorrectionLevel?: QRCodeErrorCorrectionLevel;\n  @Input() centerImageSrc?: string;\n  @Input() centerImageSize?: string | number;\n  @Input() margin?: number;\n}\n","@if (value) {\n    <canvas\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    </canvas>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mintplayer/ng-qr-code",
   "private": false,
-  "version": "21.0.0",
+  "version": "21.1.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/MintPlayer/mintplayer-ng-bootstrap",

package/types/mintplayer-ng-qr-code.d.ts

@@ -1,6 +1,6 @@
 import { QRCodeErrorCorrectionLevel } from '@mintplayer/qr-code';
 import * as i0 from '@angular/core';
-import { OnChanges, ViewContainerRef } from '@angular/core';
+import { OnChanges } from '@angular/core';
 
 type RgbaColor = `#${string}`;
 
@@ -19,7 +19,6 @@ declare class QrCodeComponent {
 
 declare class QrCodeDirective implements OnChanges {
     private viewContainerRef;
-    constructor(viewContainerRef: ViewContainerRef);
     static readonly VALID_COLOR_REGEX: RegExp;
     static readonly DEFAULT_ERROR_CORRECTION_LEVEL: QRCodeErrorCorrectionLevel;
     static readonly DEFAULT_CENTER_IMAGE_SIZE = 40;