@jvereecken/ngx-qr-scanner
Version:
Angular wrapper for the qr-scanner library
97 lines • 10.7 kB
JavaScript
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
import QrScanner from 'qr-scanner';
import * as i0 from "@angular/core";
export class NgxQrScannerComponent {
constructor(zone) {
this.zone = zone;
this.decode = new EventEmitter();
this.decodeError = new EventEmitter();
this.ready = new EventEmitter();
this.preferredCamera = "environment";
this.maxScansPerSecond = 1;
this.highlightScanRegion = true;
this.highlightCodeOutline = true;
}
ngAfterViewInit() {
if (this.videoFeed) {
this._qrScanner = new QrScanner(this.videoFeed.nativeElement, result => {
this.zone.run(() => {
this.decode.emit(result);
});
}, {
onDecodeError: error => {
this.zone.run(() => {
this.decodeError.emit(error);
});
},
preferredCamera: this.deviceId ?? this.preferredCamera,
maxScansPerSecond: this.maxScansPerSecond,
returnDetailedScanResult: true,
highlightScanRegion: this.highlightScanRegion,
highlightCodeOutline: this.highlightCodeOutline,
calculateScanRegion: this.calculateScanRegion,
overlay: this.overlay,
});
this._qrScanner.start();
this.ready.emit();
}
else {
console.error('something went wrong');
}
}
ngOnChanges(changes) {
if (changes['deviceId']) {
const change = changes['deviceId'];
this._qrScanner?.setCamera(change.currentValue);
}
}
ngOnDestroy() {
this._qrScanner?.destroy();
this._qrScanner = undefined;
}
}
NgxQrScannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxQrScannerComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
NgxQrScannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxQrScannerComponent, selector: "ngx-qr-scanner", inputs: { preferredCamera: "preferredCamera", maxScansPerSecond: "maxScansPerSecond", deviceId: "deviceId", highlightScanRegion: "highlightScanRegion", highlightCodeOutline: "highlightCodeOutline", calculateScanRegion: "calculateScanRegion", overlay: "overlay" }, outputs: { decode: "decode", decodeError: "decodeError", ready: "ready" }, viewQueries: [{ propertyName: "videoFeed", first: true, predicate: ["videoFeed"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
<video #videoFeed></video>
`, isInline: true, styles: ["video{width:100%;height:100%}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxQrScannerComponent, decorators: [{
type: Component,
args: [{
selector: 'ngx-qr-scanner',
template: `
<video #videoFeed></video>
`,
styles: [
`
video {
width: 100%;
height: 100%;
}
`
]
}]
}], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { decode: [{
type: Output
}], decodeError: [{
type: Output
}], ready: [{
type: Output
}], preferredCamera: [{
type: Input
}], maxScansPerSecond: [{
type: Input
}], deviceId: [{
type: Input
}], highlightScanRegion: [{
type: Input
}], highlightCodeOutline: [{
type: Input
}], calculateScanRegion: [{
type: Input
}], overlay: [{
type: Input
}], videoFeed: [{
type: ViewChild,
args: ['videoFeed']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXFyLXNjYW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXFyLXNjYW5uZXIvc3JjL2xpYi9uZ3gtcXItc2Nhbm5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUlMLE1BQU0sRUFFTixTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxTQUFTLE1BQU0sWUFBWSxDQUFDOztBQWdCbkMsTUFBTSxPQUFPLHFCQUFxQjtJQWlCaEMsWUFBb0IsSUFBWTtRQUFaLFNBQUksR0FBSixJQUFJLENBQVE7UUFoQnRCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBd0IsQ0FBQztRQUNsRCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFrQixDQUFDO1FBQ2pELFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWxDLG9CQUFlLEdBQThDLGFBQWEsQ0FBQztRQUMzRSxzQkFBaUIsR0FBdUIsQ0FBQyxDQUFDO1FBRTFDLHdCQUFtQixHQUFZLElBQUksQ0FBQztRQUNwQyx5QkFBb0IsR0FBWSxJQUFJLENBQUM7SUFTOUMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLFNBQVMsQ0FDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQzVCLE1BQU0sQ0FBQyxFQUFFO2dCQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRTtvQkFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQzNCLENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxFQUNEO2dCQUNFLGFBQWEsRUFBRSxLQUFLLENBQUMsRUFBRTtvQkFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO3dCQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDL0IsQ0FBQyxDQUFDLENBQUM7Z0JBQ0wsQ0FBQztnQkFDRCxlQUFlLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsZUFBZTtnQkFDdEQsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLGlCQUFpQjtnQkFDekMsd0JBQXdCLEVBQUUsSUFBSTtnQkFDOUIsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLG1CQUFtQjtnQkFDN0Msb0JBQW9CLEVBQUUsSUFBSSxDQUFDLG9CQUFvQjtnQkFDL0MsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLG1CQUFtQjtnQkFDN0MsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO2FBQ3hCLENBQUMsQ0FBQztZQUVILElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNuQjthQUFNO1lBQ0wsT0FBTyxDQUFDLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1NBQ3ZDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUN2QixNQUFNLE1BQU0sR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDbkMsSUFBSSxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQ2pEO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDO0lBQzlCLENBQUM7O21IQTdEVSxxQkFBcUI7dUdBQXJCLHFCQUFxQixzZ0JBWnRCOztHQUVUOzRGQVVVLHFCQUFxQjtrQkFkakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7O0dBRVQ7b0JBQ0QsTUFBTSxFQUFFO3dCQUNOOzs7OztLQUtDO3FCQUNGO2lCQUNGOzZGQUVXLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLEtBQUs7c0JBQWQsTUFBTTtnQkFFRSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFJMEIsU0FBUztzQkFBeEMsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBOZ1pvbmUsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIE9uRGVzdHJveSxcclxuICBPdXRwdXQsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IFFyU2Nhbm5lciBmcm9tICdxci1zY2FubmVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmd4LXFyLXNjYW5uZXInLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8dmlkZW8gI3ZpZGVvRmVlZD48L3ZpZGVvPlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICBgXHJcbiAgICAgIHZpZGVvIHtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgIH1cclxuICAgIGBcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3hRclNjYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3ksIE9uQ2hhbmdlcyB7XHJcbiAgQE91dHB1dCgpIGRlY29kZSA9IG5ldyBFdmVudEVtaXR0ZXI8UXJTY2FubmVyLlNjYW5SZXN1bHQ+KCk7XHJcbiAgQE91dHB1dCgpIGRlY29kZUVycm9yID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBFcnJvcj4oKTtcclxuICBAT3V0cHV0KCkgcmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIEBJbnB1dCgpIHByZWZlcnJlZENhbWVyYTogUXJTY2FubmVyLkZhY2luZ01vZGUgfCBRclNjYW5uZXIuRGV2aWNlSWQgPSBcImVudmlyb25tZW50XCI7XHJcbiAgQElucHV0KCkgbWF4U2NhbnNQZXJTZWNvbmQ6IG51bWJlciB8IHVuZGVmaW5lZCA9IDE7XHJcbiAgQElucHV0KCkgZGV2aWNlSWQ/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaGlnaGxpZ2h0U2NhblJlZ2lvbjogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgaGlnaGxpZ2h0Q29kZU91dGxpbmU6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGNhbGN1bGF0ZVNjYW5SZWdpb246ICgodmlkZW86IEhUTUxWaWRlb0VsZW1lbnQpID0+IFFyU2Nhbm5lci5TY2FuUmVnaW9uKSB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBvdmVybGF5OiBIVE1MRGl2RWxlbWVudCB8IHVuZGVmaW5lZDtcclxuXHJcbiAgcHJpdmF0ZSBfcXJTY2FubmVyOiBRclNjYW5uZXIgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ3ZpZGVvRmVlZCcpIHByaXZhdGUgdmlkZW9GZWVkPzogRWxlbWVudFJlZjxIVE1MVmlkZW9FbGVtZW50PjtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB6b25lOiBOZ1pvbmUpIHtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIGlmICh0aGlzLnZpZGVvRmVlZCkge1xyXG4gICAgICB0aGlzLl9xclNjYW5uZXIgPSBuZXcgUXJTY2FubmVyKFxyXG4gICAgICAgIHRoaXMudmlkZW9GZWVkLm5hdGl2ZUVsZW1lbnQsXHJcbiAgICAgICAgcmVzdWx0ID0+IHtcclxuICAgICAgICAgIHRoaXMuem9uZS5ydW4oKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLmRlY29kZS5lbWl0KHJlc3VsdCk7XHJcbiAgICAgICAgICB9KTtcclxuICAgICAgICB9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgIG9uRGVjb2RlRXJyb3I6IGVycm9yID0+IHtcclxuICAgICAgICAgICAgdGhpcy56b25lLnJ1bigoKSA9PiB7XHJcbiAgICAgICAgICAgICAgdGhpcy5kZWNvZGVFcnJvci5lbWl0KGVycm9yKTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAgcHJlZmVycmVkQ2FtZXJhOiB0aGlzLmRldmljZUlkID8/IHRoaXMucHJlZmVycmVkQ2FtZXJhLFxyXG4gICAgICAgICAgbWF4U2NhbnNQZXJTZWNvbmQ6IHRoaXMubWF4U2NhbnNQZXJTZWNvbmQsXHJcbiAgICAgICAgICByZXR1cm5EZXRhaWxlZFNjYW5SZXN1bHQ6IHRydWUsXHJcbiAgICAgICAgICBoaWdobGlnaHRTY2FuUmVnaW9uOiB0aGlzLmhpZ2hsaWdodFNjYW5SZWdpb24sXHJcbiAgICAgICAgICBoaWdobGlnaHRDb2RlT3V0bGluZTogdGhpcy5oaWdobGlnaHRDb2RlT3V0bGluZSxcclxuICAgICAgICAgIGNhbGN1bGF0ZVNjYW5SZWdpb246IHRoaXMuY2FsY3VsYXRlU2NhblJlZ2lvbixcclxuICAgICAgICAgIG92ZXJsYXk6IHRoaXMub3ZlcmxheSxcclxuICAgICAgfSk7XHJcblxyXG4gICAgICB0aGlzLl9xclNjYW5uZXIuc3RhcnQoKTtcclxuICAgICAgdGhpcy5yZWFkeS5lbWl0KCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBjb25zb2xlLmVycm9yKCdzb21ldGhpbmcgd2VudCB3cm9uZycpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgaWYgKGNoYW5nZXNbJ2RldmljZUlkJ10pIHtcclxuICAgICAgY29uc3QgY2hhbmdlID0gY2hhbmdlc1snZGV2aWNlSWQnXTtcclxuICAgICAgdGhpcy5fcXJTY2FubmVyPy5zZXRDYW1lcmEoY2hhbmdlLmN1cnJlbnRWYWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMuX3FyU2Nhbm5lcj8uZGVzdHJveSgpO1xyXG4gICAgdGhpcy5fcXJTY2FubmVyID0gdW5kZWZpbmVkO1xyXG4gIH1cclxufVxyXG4iXX0=