angular-qrious
Version:
95 lines • 7.63 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input, ViewChild } from '@angular/core';
import QRious from 'qrious';
var QrCodeComponent = /** @class */ (function () {
function QrCodeComponent() {
this.background = 'white';
this.backgroundAlpha = 1.0;
this.foreground = 'black';
this.foregroundAlpha = 1.0;
this.level = 'L';
this.mime = 'image/png';
this.padding = null;
this.size = 100;
this.value = '';
}
QrCodeComponent.prototype.ngOnChanges = function (changes) {
var inputs = [
'background',
'backgroundAlpha',
'foreground',
'foregroundAlpha',
'level',
'mime',
'padding',
'size',
'value',
];
if (inputs.some(function (key) { return key in changes; })) {
this.update();
}
};
QrCodeComponent.prototype.ngOnDestroy = function () {
delete this.qrious;
};
QrCodeComponent.prototype.update = function () {
try {
var config = {
background: this.background,
backgroundAlpha: this.backgroundAlpha,
foreground: this.foreground,
foregroundAlpha: this.foregroundAlpha,
level: this.level,
mime: this.mime,
padding: this.padding,
size: this.size,
value: this.value,
element: this.element.nativeElement,
};
this.qrious = new QRious(config);
}
catch (e) {
alert(e.message);
console.error("update error: " + e.message);
}
};
__decorate([
Input()
], QrCodeComponent.prototype, "background", void 0);
__decorate([
Input()
], QrCodeComponent.prototype, "backgroundAlpha", void 0);
__decorate([
Input()
], QrCodeComponent.prototype, "foreground", void 0);
__decorate([
Input()
], QrCodeComponent.prototype, "foregroundAlpha", void 0);
__decorate([
Input()
], QrCodeComponent.prototype, "level", void 0);
__decorate([
Input()
], QrCodeComponent.prototype, "mime", void 0);
__decorate([
Input()
], QrCodeComponent.prototype, "padding", void 0);
__decorate([
Input()
], QrCodeComponent.prototype, "size", void 0);
__decorate([
Input()
], QrCodeComponent.prototype, "value", void 0);
__decorate([
ViewChild('qrcode', { static: true })
], QrCodeComponent.prototype, "element", void 0);
QrCodeComponent = __decorate([
Component({
selector: 'qr-code',
template: '<canvas #qrcode></canvas>'
})
], QrCodeComponent);
return QrCodeComponent;
}());
export { QrCodeComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyLXFyaW91cy8iLCJzb3VyY2VzIjpbImxpYi9xci1jb2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQXVDLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLE1BQU0sTUFBTSxRQUFRLENBQUM7QUFNNUI7SUFBQTtRQUNXLGVBQVUsR0FBRyxPQUFPLENBQUM7UUFDckIsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFDdEIsZUFBVSxHQUFHLE9BQU8sQ0FBQztRQUNyQixvQkFBZSxHQUFHLEdBQUcsQ0FBQztRQUN0QixVQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ1osU0FBSSxHQUFHLFdBQVcsQ0FBQztRQUNuQixZQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ2YsU0FBSSxHQUFHLEdBQUcsQ0FBQztRQUNYLFVBQUssR0FBRyxFQUFFLENBQUM7SUE4Q3RCLENBQUM7SUF6Q0MscUNBQVcsR0FBWCxVQUFZLE9BQXNCO1FBQ2hDLElBQU0sTUFBTSxHQUFHO1lBQ2IsWUFBWTtZQUNaLGlCQUFpQjtZQUNqQixZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLE9BQU87WUFDUCxNQUFNO1lBQ04sU0FBUztZQUNULE1BQU07WUFDTixPQUFPO1NBQ1IsQ0FBQztRQUNGLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFBLEdBQUcsSUFBSSxPQUFBLEdBQUcsSUFBSSxPQUFPLEVBQWQsQ0FBYyxDQUFDLEVBQUU7WUFDdEMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2Y7SUFDSCxDQUFDO0lBRUQscUNBQVcsR0FBWDtRQUNFLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsZ0NBQU0sR0FBTjtRQUNFLElBQUk7WUFDRixJQUFNLE1BQU0sR0FBRztnQkFDYixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7Z0JBQzNCLGVBQWUsRUFBRSxJQUFJLENBQUMsZUFBZTtnQkFDckMsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO2dCQUMzQixlQUFlLEVBQUUsSUFBSSxDQUFDLGVBQWU7Z0JBQ3JDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztnQkFDakIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO2dCQUNmLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTztnQkFDckIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO2dCQUNmLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztnQkFDakIsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYTthQUNwQyxDQUFDO1lBQ0YsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUNsQztRQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ1YsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNqQixPQUFPLENBQUMsS0FBSyxDQUFDLG1CQUFpQixDQUFDLENBQUMsT0FBUyxDQUFDLENBQUM7U0FDN0M7SUFDSCxDQUFDO0lBckRRO1FBQVIsS0FBSyxFQUFFO3VEQUFzQjtJQUNyQjtRQUFSLEtBQUssRUFBRTs0REFBdUI7SUFDdEI7UUFBUixLQUFLLEVBQUU7dURBQXNCO0lBQ3JCO1FBQVIsS0FBSyxFQUFFOzREQUF1QjtJQUN0QjtRQUFSLEtBQUssRUFBRTtrREFBYTtJQUNaO1FBQVIsS0FBSyxFQUFFO2lEQUFvQjtJQUNuQjtRQUFSLEtBQUssRUFBRTtvREFBZ0I7SUFDZjtRQUFSLEtBQUssRUFBRTtpREFBWTtJQUNYO1FBQVIsS0FBSyxFQUFFO2tEQUFZO0lBRWlCO1FBQXBDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDLENBQUM7b0RBQWdEO0lBWHpFLGVBQWU7UUFKM0IsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFNBQVM7WUFDbkIsUUFBUSxFQUFFLDJCQUEyQjtTQUN0QyxDQUFDO09BQ1csZUFBZSxDQXVEM0I7SUFBRCxzQkFBQztDQUFBLEFBdkRELElBdURDO1NBdkRZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgUVJpb3VzIGZyb20gJ3FyaW91cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3FyLWNvZGUnLFxuICB0ZW1wbGF0ZTogJzxjYW52YXMgI3FyY29kZT48L2NhbnZhcz4nXG59KVxuZXhwb3J0IGNsYXNzIFFyQ29kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgQElucHV0KCkgYmFja2dyb3VuZCA9ICd3aGl0ZSc7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRBbHBoYSA9IDEuMDtcbiAgQElucHV0KCkgZm9yZWdyb3VuZCA9ICdibGFjayc7XG4gIEBJbnB1dCgpIGZvcmVncm91bmRBbHBoYSA9IDEuMDtcbiAgQElucHV0KCkgbGV2ZWwgPSAnTCc7XG4gIEBJbnB1dCgpIG1pbWUgPSAnaW1hZ2UvcG5nJztcbiAgQElucHV0KCkgcGFkZGluZyA9IG51bGw7XG4gIEBJbnB1dCgpIHNpemUgPSAxMDA7XG4gIEBJbnB1dCgpIHZhbHVlID0gJyc7XG5cbiAgQFZpZXdDaGlsZCgncXJjb2RlJywge3N0YXRpYzogdHJ1ZX0pIHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZjxIVE1MQ2FudmFzRWxlbWVudD47XG4gIHB1YmxpYyBxcmlvdXM6IFFSaW91cztcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXRzID0gW1xuICAgICAgJ2JhY2tncm91bmQnLFxuICAgICAgJ2JhY2tncm91bmRBbHBoYScsXG4gICAgICAnZm9yZWdyb3VuZCcsXG4gICAgICAnZm9yZWdyb3VuZEFscGhhJyxcbiAgICAgICdsZXZlbCcsXG4gICAgICAnbWltZScsXG4gICAgICAncGFkZGluZycsXG4gICAgICAnc2l6ZScsXG4gICAgICAndmFsdWUnLFxuICAgIF07XG4gICAgaWYgKGlucHV0cy5zb21lKGtleSA9PiBrZXkgaW4gY2hhbmdlcykpIHtcbiAgICAgIHRoaXMudXBkYXRlKCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgZGVsZXRlIHRoaXMucXJpb3VzO1xuICB9XG5cbiAgdXBkYXRlKCkge1xuICAgIHRyeSB7XG4gICAgICBjb25zdCBjb25maWcgPSB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoaXMuYmFja2dyb3VuZCxcbiAgICAgICAgYmFja2dyb3VuZEFscGhhOiB0aGlzLmJhY2tncm91bmRBbHBoYSxcbiAgICAgICAgZm9yZWdyb3VuZDogdGhpcy5mb3JlZ3JvdW5kLFxuICAgICAgICBmb3JlZ3JvdW5kQWxwaGE6IHRoaXMuZm9yZWdyb3VuZEFscGhhLFxuICAgICAgICBsZXZlbDogdGhpcy5sZXZlbCxcbiAgICAgICAgbWltZTogdGhpcy5taW1lLFxuICAgICAgICBwYWRkaW5nOiB0aGlzLnBhZGRpbmcsXG4gICAgICAgIHNpemU6IHRoaXMuc2l6ZSxcbiAgICAgICAgdmFsdWU6IHRoaXMudmFsdWUsXG4gICAgICAgIGVsZW1lbnQ6IHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgfTtcbiAgICAgIHRoaXMucXJpb3VzID0gbmV3IFFSaW91cyhjb25maWcpO1xuICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgIGFsZXJ0KGUubWVzc2FnZSk7XG4gICAgICBjb25zb2xlLmVycm9yKGB1cGRhdGUgZXJyb3I6ICR7ZS5tZXNzYWdlfWApO1xuICAgIH1cbiAgfVxufVxuIl19