angular-qrious
Version:
94 lines • 7.29 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input, ViewChild } from '@angular/core';
import QRious from 'qrious';
let QrCodeComponent = class QrCodeComponent {
constructor() {
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 = '';
}
ngOnChanges(changes) {
const inputs = [
'background',
'backgroundAlpha',
'foreground',
'foregroundAlpha',
'level',
'mime',
'padding',
'size',
'value',
];
if (inputs.some(key => key in changes)) {
this.update();
}
}
ngOnDestroy() {
delete this.qrious;
}
update() {
try {
const 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);
export { QrCodeComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyLXFyaW91cy8iLCJzb3VyY2VzIjpbImxpYi9xci1jb2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQXVDLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLE1BQU0sTUFBTSxRQUFRLENBQUM7QUFNNUIsSUFBYSxlQUFlLEdBQTVCLE1BQWEsZUFBZTtJQUE1QjtRQUNXLGVBQVUsR0FBRyxPQUFPLENBQUM7UUFDckIsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFDdEIsZUFBVSxHQUFHLE9BQU8sQ0FBQztRQUNyQixvQkFBZSxHQUFHLEdBQUcsQ0FBQztRQUN0QixVQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ1osU0FBSSxHQUFHLFdBQVcsQ0FBQztRQUNuQixZQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ2YsU0FBSSxHQUFHLEdBQUcsQ0FBQztRQUNYLFVBQUssR0FBRyxFQUFFLENBQUM7SUE4Q3RCLENBQUM7SUF6Q0MsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sTUFBTSxHQUFHO1lBQ2IsWUFBWTtZQUNaLGlCQUFpQjtZQUNqQixZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLE9BQU87WUFDUCxNQUFNO1lBQ04sU0FBUztZQUNULE1BQU07WUFDTixPQUFPO1NBQ1IsQ0FBQztRQUNGLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxPQUFPLENBQUMsRUFBRTtZQUN0QyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDZjtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSTtZQUNGLE1BQU0sTUFBTSxHQUFHO2dCQUNiLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtnQkFDM0IsZUFBZSxFQUFFLElBQUksQ0FBQyxlQUFlO2dCQUNyQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7Z0JBQzNCLGVBQWUsRUFBRSxJQUFJLENBQUMsZUFBZTtnQkFDckMsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7Z0JBQ2YsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO2dCQUNyQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7Z0JBQ2YsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhO2FBQ3BDLENBQUM7WUFDRixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ2xDO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDVixLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2pCLE9BQU8sQ0FBQyxLQUFLLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1NBQzdDO0lBQ0gsQ0FBQztDQUNGLENBQUE7QUF0RFU7SUFBUixLQUFLLEVBQUU7bURBQXNCO0FBQ3JCO0lBQVIsS0FBSyxFQUFFO3dEQUF1QjtBQUN0QjtJQUFSLEtBQUssRUFBRTttREFBc0I7QUFDckI7SUFBUixLQUFLLEVBQUU7d0RBQXVCO0FBQ3RCO0lBQVIsS0FBSyxFQUFFOzhDQUFhO0FBQ1o7SUFBUixLQUFLLEVBQUU7NkNBQW9CO0FBQ25CO0lBQVIsS0FBSyxFQUFFO2dEQUFnQjtBQUNmO0lBQVIsS0FBSyxFQUFFOzZDQUFZO0FBQ1g7SUFBUixLQUFLLEVBQUU7OENBQVk7QUFFaUI7SUFBcEMsU0FBUyxDQUFDLFFBQVEsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMsQ0FBQztnREFBZ0Q7QUFYekUsZUFBZTtJQUozQixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsU0FBUztRQUNuQixRQUFRLEVBQUUsMkJBQTJCO0tBQ3RDLENBQUM7R0FDVyxlQUFlLENBdUQzQjtTQXZEWSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIFNpbXBsZUNoYW5nZXMsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IFFSaW91cyBmcm9tICdxcmlvdXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxci1jb2RlJyxcbiAgdGVtcGxhdGU6ICc8Y2FudmFzICNxcmNvZGU+PC9jYW52YXM+J1xufSlcbmV4cG9ydCBjbGFzcyBRckNvZGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIGJhY2tncm91bmQgPSAnd2hpdGUnO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQWxwaGEgPSAxLjA7XG4gIEBJbnB1dCgpIGZvcmVncm91bmQgPSAnYmxhY2snO1xuICBASW5wdXQoKSBmb3JlZ3JvdW5kQWxwaGEgPSAxLjA7XG4gIEBJbnB1dCgpIGxldmVsID0gJ0wnO1xuICBASW5wdXQoKSBtaW1lID0gJ2ltYWdlL3BuZyc7XG4gIEBJbnB1dCgpIHBhZGRpbmcgPSBudWxsO1xuICBASW5wdXQoKSBzaXplID0gMTAwO1xuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xuXG4gIEBWaWV3Q2hpbGQoJ3FyY29kZScsIHtzdGF0aWM6IHRydWV9KSBwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWY8SFRNTENhbnZhc0VsZW1lbnQ+O1xuICBwdWJsaWMgcXJpb3VzOiBRUmlvdXM7XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0cyA9IFtcbiAgICAgICdiYWNrZ3JvdW5kJyxcbiAgICAgICdiYWNrZ3JvdW5kQWxwaGEnLFxuICAgICAgJ2ZvcmVncm91bmQnLFxuICAgICAgJ2ZvcmVncm91bmRBbHBoYScsXG4gICAgICAnbGV2ZWwnLFxuICAgICAgJ21pbWUnLFxuICAgICAgJ3BhZGRpbmcnLFxuICAgICAgJ3NpemUnLFxuICAgICAgJ3ZhbHVlJyxcbiAgICBdO1xuICAgIGlmIChpbnB1dHMuc29tZShrZXkgPT4ga2V5IGluIGNoYW5nZXMpKSB7XG4gICAgICB0aGlzLnVwZGF0ZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIGRlbGV0ZSB0aGlzLnFyaW91cztcbiAgfVxuXG4gIHVwZGF0ZSgpIHtcbiAgICB0cnkge1xuICAgICAgY29uc3QgY29uZmlnID0ge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGlzLmJhY2tncm91bmQsXG4gICAgICAgIGJhY2tncm91bmRBbHBoYTogdGhpcy5iYWNrZ3JvdW5kQWxwaGEsXG4gICAgICAgIGZvcmVncm91bmQ6IHRoaXMuZm9yZWdyb3VuZCxcbiAgICAgICAgZm9yZWdyb3VuZEFscGhhOiB0aGlzLmZvcmVncm91bmRBbHBoYSxcbiAgICAgICAgbGV2ZWw6IHRoaXMubGV2ZWwsXG4gICAgICAgIG1pbWU6IHRoaXMubWltZSxcbiAgICAgICAgcGFkZGluZzogdGhpcy5wYWRkaW5nLFxuICAgICAgICBzaXplOiB0aGlzLnNpemUsXG4gICAgICAgIHZhbHVlOiB0aGlzLnZhbHVlLFxuICAgICAgICBlbGVtZW50OiB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgIH07XG4gICAgICB0aGlzLnFyaW91cyA9IG5ldyBRUmlvdXMoY29uZmlnKTtcbiAgICB9IGNhdGNoIChlKSB7XG4gICAgICBhbGVydChlLm1lc3NhZ2UpO1xuICAgICAgY29uc29sZS5lcnJvcihgdXBkYXRlIGVycm9yOiAke2UubWVzc2FnZX1gKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==