@colijnit/corecomponents_v12 257.1.20 → 257.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-corecomponents_v12.umd.js +47 -4
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/input-scanner/bar-code-scanner.js +16 -3
- package/esm2015/lib/components/input-scanner/input-scanner.component.js +28 -4
- package/esm2015/lib/components/input-search/input-search.component.js +6 -1
- package/fesm2015/colijnit-corecomponents_v12.js +46 -4
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/input-scanner/bar-code-scanner.d.ts +3 -0
- package/lib/components/input-scanner/input-scanner.component.d.ts +7 -2
- package/lib/components/input-search/input-search.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -2,11 +2,17 @@ export class BarCodeScanner {
|
|
|
2
2
|
constructor() {
|
|
3
3
|
this._buffer = [];
|
|
4
4
|
this._keyPress = (event) => {
|
|
5
|
+
this._clearScanTimeout();
|
|
5
6
|
if (event.key === "Enter") {
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
if (this._buffer.length > 0) {
|
|
8
|
+
document.dispatchEvent(this._createScanEvent());
|
|
9
|
+
this._clearBuffer();
|
|
10
|
+
}
|
|
8
11
|
}
|
|
9
12
|
else {
|
|
13
|
+
this._scanTimeout = setTimeout(() => {
|
|
14
|
+
this._clearBuffer();
|
|
15
|
+
}, 200);
|
|
10
16
|
const str = event.key;
|
|
11
17
|
this._buffer.push(str);
|
|
12
18
|
}
|
|
@@ -16,8 +22,15 @@ export class BarCodeScanner {
|
|
|
16
22
|
close() {
|
|
17
23
|
document.removeEventListener('keypress', this._keyPress);
|
|
18
24
|
}
|
|
25
|
+
_clearScanTimeout() {
|
|
26
|
+
clearTimeout(this._scanTimeout);
|
|
27
|
+
this._scanTimeout = undefined;
|
|
28
|
+
}
|
|
29
|
+
_clearBuffer() {
|
|
30
|
+
this._buffer.length = 0;
|
|
31
|
+
}
|
|
19
32
|
_createScanEvent() {
|
|
20
33
|
return new CustomEvent("barcodescanned", { detail: this._buffer.join("") });
|
|
21
34
|
}
|
|
22
35
|
}
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWNvZGUtc2Nhbm5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1zY2FubmVyL2Jhci1jb2RlLXNjYW5uZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGNBQWM7SUFJekI7UUFIUSxZQUFPLEdBQWEsRUFBRSxDQUFDO1FBV3ZCLGNBQVMsR0FBRyxDQUFDLEtBQW9CLEVBQUUsRUFBRTtZQUMzQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUN6QixJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxFQUFFO2dCQUN6QixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtvQkFDM0IsUUFBUSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO29CQUNoRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7aUJBQ3JCO2FBQ0Y7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFlBQVksR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNsQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3RCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDUixNQUFNLEdBQUcsR0FBVyxLQUFLLENBQUMsR0FBRyxDQUFDO2dCQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUN4QjtRQUNILENBQUMsQ0FBQTtRQXJCQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRU0sS0FBSztRQUNWLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFrQk8saUJBQWlCO1FBQ3ZCLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVPLFlBQVk7UUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFTyxnQkFBZ0I7UUFDdEIsT0FBTyxJQUFJLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7SUFDNUUsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIEJhckNvZGVTY2FubmVyIHtcclxuICBwcml2YXRlIF9idWZmZXI6IHN0cmluZ1tdID0gW107XHJcbiAgcHJpdmF0ZSBfc2NhblRpbWVvdXQ6IGFueTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdrZXlwcmVzcycsIHRoaXMuX2tleVByZXNzKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcclxuICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXByZXNzJywgdGhpcy5fa2V5UHJlc3MpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfa2V5UHJlc3MgPSAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcclxuICAgIHRoaXMuX2NsZWFyU2NhblRpbWVvdXQoKTtcclxuICAgIGlmIChldmVudC5rZXkgPT09IFwiRW50ZXJcIikge1xyXG4gICAgICBpZiAodGhpcy5fYnVmZmVyLmxlbmd0aCA+IDApIHtcclxuICAgICAgICBkb2N1bWVudC5kaXNwYXRjaEV2ZW50KHRoaXMuX2NyZWF0ZVNjYW5FdmVudCgpKTtcclxuICAgICAgICB0aGlzLl9jbGVhckJ1ZmZlcigpO1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLl9zY2FuVGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuX2NsZWFyQnVmZmVyKCk7XHJcbiAgICAgIH0sIDIwMCk7XHJcbiAgICAgIGNvbnN0IHN0cjogc3RyaW5nID0gZXZlbnQua2V5O1xyXG4gICAgICB0aGlzLl9idWZmZXIucHVzaChzdHIpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfY2xlYXJTY2FuVGltZW91dCgpOiB2b2lkIHtcclxuICAgIGNsZWFyVGltZW91dCh0aGlzLl9zY2FuVGltZW91dCk7XHJcbiAgICB0aGlzLl9zY2FuVGltZW91dCA9IHVuZGVmaW5lZDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX2NsZWFyQnVmZmVyKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fYnVmZmVyLmxlbmd0aCA9IDA7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9jcmVhdGVTY2FuRXZlbnQoKTogRXZlbnQge1xyXG4gICAgcmV0dXJuIG5ldyBDdXN0b21FdmVudChcImJhcmNvZGVzY2FubmVkXCIsIHtkZXRhaWw6IHRoaXMuX2J1ZmZlci5qb2luKFwiXCIpfSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { ScannerService } from './scanner.service';
|
|
3
3
|
import { OverlayService } from '../../service/overlay.service';
|
|
4
4
|
export class InputScannerComponent {
|
|
@@ -13,14 +13,37 @@ export class InputScannerComponent {
|
|
|
13
13
|
this.search = new EventEmitter();
|
|
14
14
|
this.isFocused = new EventEmitter();
|
|
15
15
|
this.barCodeScanned = new EventEmitter();
|
|
16
|
+
this._blockEnterKeydown = false;
|
|
16
17
|
this._scannerService.registerInput(this);
|
|
17
18
|
}
|
|
18
19
|
showClass() {
|
|
19
20
|
return true;
|
|
20
21
|
}
|
|
22
|
+
ngOnDestroy() {
|
|
23
|
+
this._clearTimeout();
|
|
24
|
+
}
|
|
25
|
+
handleKeyDown(event) {
|
|
26
|
+
this._clearTimeout();
|
|
27
|
+
this._keyDownTimeout = setTimeout(() => {
|
|
28
|
+
if (this._blockEnterKeydown) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
const enterKeys = ['Enter', 'NumpadEnter', 'Go'];
|
|
32
|
+
if (enterKeys.includes(event.key)) {
|
|
33
|
+
this.search.next(this.model);
|
|
34
|
+
}
|
|
35
|
+
}, 200);
|
|
36
|
+
}
|
|
21
37
|
triggerCodeScanned(code) {
|
|
38
|
+
this._clearTimeout();
|
|
39
|
+
this._blockEnterKeydown = true;
|
|
22
40
|
this.model = code;
|
|
23
41
|
this.barCodeScanned.next(this.model);
|
|
42
|
+
this._blockEnterKeydown = false;
|
|
43
|
+
}
|
|
44
|
+
_clearTimeout() {
|
|
45
|
+
clearTimeout(this._keyDownTimeout);
|
|
46
|
+
this._keyDownTimeout = undefined;
|
|
24
47
|
}
|
|
25
48
|
}
|
|
26
49
|
InputScannerComponent.decorators = [
|
|
@@ -29,6 +52,7 @@ InputScannerComponent.decorators = [
|
|
|
29
52
|
template: `
|
|
30
53
|
<co-input-search
|
|
31
54
|
[(model)]="model"
|
|
55
|
+
[handleKeydown]="false"
|
|
32
56
|
[customCssClass]="customCssClass"
|
|
33
57
|
[placeholder]="placeholder"
|
|
34
58
|
[centerLabel]="centerLabel"
|
|
@@ -38,7 +62,6 @@ InputScannerComponent.decorators = [
|
|
|
38
62
|
[rightIconData]="rightIconData"
|
|
39
63
|
(leftIconClick)="leftIconClick.emit($event)"
|
|
40
64
|
(rightIconClick)="rightIconClick.emit($event)"
|
|
41
|
-
(search)="search.emit($event)"
|
|
42
65
|
(isFocused)="isFocused.emit($event)"
|
|
43
66
|
></co-input-search>
|
|
44
67
|
`,
|
|
@@ -67,6 +90,7 @@ InputScannerComponent.propDecorators = {
|
|
|
67
90
|
search: [{ type: Output }],
|
|
68
91
|
isFocused: [{ type: Output }],
|
|
69
92
|
barCodeScanned: [{ type: Output }],
|
|
70
|
-
showClass: [{ type: HostBinding, args: ['class.co-input-scanner',] }]
|
|
93
|
+
showClass: [{ type: HostBinding, args: ['class.co-input-scanner',] }],
|
|
94
|
+
handleKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
|
|
71
95
|
};
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc2Nhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQtc2Nhbm5lci9pbnB1dC1zY2FubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUE0QjdELE1BQU0sT0FBTyxxQkFBcUI7SUFtRGhDLFlBQ1UsZUFBK0I7UUFBL0Isb0JBQWUsR0FBZixlQUFlLENBQWdCO1FBNUNsQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc3QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc3QixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQVk5QixnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBRy9ELGtCQUFhLEdBQTZCLElBQUksWUFBWSxFQUFjLENBQUM7UUFHekUsbUJBQWMsR0FBNkIsSUFBSSxZQUFZLEVBQWMsQ0FBQztRQUcxRSxXQUFNLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFHMUQsY0FBUyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRy9ELG1CQUFjLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFPakUsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBTTFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFYTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBV0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBR00sYUFBYSxDQUFDLEtBQW9CO1FBQ3ZDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsZUFBZSxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDckMsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUU7Z0JBQzNCLE9BQU87YUFDUjtZQUNELE1BQU0sU0FBUyxHQUFHLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUNqRCxJQUFJLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFO2dCQUNqQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDOUI7UUFDSCxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUE7SUFDVCxDQUFDO0lBRU0sa0JBQWtCLENBQUMsSUFBYTtRQUNyQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQztRQUMvQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBRU8sYUFBYTtRQUNuQixZQUFZLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyxlQUFlLEdBQUcsU0FBUyxDQUFDO0lBQ25DLENBQUM7OztZQTlHRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7S0FlUDtnQkFDSCxTQUFTLEVBQUU7b0JBQ1QsY0FBYztvQkFDZCxjQUFjO2lCQUNmO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7WUE1Qk8sY0FBYzs7O29CQThCbkIsS0FBSzswQkFHTCxLQUFLOzBCQUdMLEtBQUs7MEJBR0wsS0FBSzsyQkFHTCxLQUFLOzJCQUdMLEtBQUs7NEJBR0wsS0FBSzs2QkFHTCxLQUFLOzBCQUdMLE1BQU07NEJBR04sTUFBTTs2QkFHTixNQUFNO3FCQUdOLE1BQU07d0JBR04sTUFBTTs2QkFHTixNQUFNO3dCQUdOLFdBQVcsU0FBQyx3QkFBd0I7NEJBa0JwQyxZQUFZLFNBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT3V0cHV0LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2Nhbm5lclNlcnZpY2V9IGZyb20gJy4vc2Nhbm5lci5zZXJ2aWNlJztcclxuaW1wb3J0IHtPdmVybGF5U2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZS9vdmVybGF5LnNlcnZpY2UnO1xyXG5pbXBvcnQge1NjYW5uZXJJbnB1dH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zY2FubmVyLWlucHV0LmludGVyZmFjZSc7XHJcbmltcG9ydCB7U2FmZUh0bWx9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjby1pbnB1dC1zY2FubmVyJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgICA8Y28taW5wdXQtc2VhcmNoXHJcbiAgICAgICAgICAgICAgWyhtb2RlbCldPVwibW9kZWxcIlxyXG4gICAgICAgICAgICAgIFtoYW5kbGVLZXlkb3duXT1cImZhbHNlXCJcclxuICAgICAgICAgICAgICBbY3VzdG9tQ3NzQ2xhc3NdPVwiY3VzdG9tQ3NzQ2xhc3NcIlxyXG4gICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICAgICAgICAgICAgW2NlbnRlckxhYmVsXT1cImNlbnRlckxhYmVsXCJcclxuICAgICAgICAgICAgICBbdXNlTGVmdEljb25dPVwidXNlTGVmdEljb25cIlxyXG4gICAgICAgICAgICAgIFtsZWZ0SWNvbkRhdGFdPVwibGVmdEljb25EYXRhXCJcclxuICAgICAgICAgICAgICBbdXNlUmlnaHRJY29uXT1cInVzZVJpZ2h0SWNvblwiXHJcbiAgICAgICAgICAgICAgW3JpZ2h0SWNvbkRhdGFdPVwicmlnaHRJY29uRGF0YVwiXHJcbiAgICAgICAgICAgICAgKGxlZnRJY29uQ2xpY2spPVwibGVmdEljb25DbGljay5lbWl0KCRldmVudClcIlxyXG4gICAgICAgICAgICAgIChyaWdodEljb25DbGljayk9XCJyaWdodEljb25DbGljay5lbWl0KCRldmVudClcIlxyXG4gICAgICAgICAgICAgIChpc0ZvY3VzZWQpPVwiaXNGb2N1c2VkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgID48L2NvLWlucHV0LXNlYXJjaD5cclxuICAgIGAsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBTY2FubmVyU2VydmljZSxcclxuICAgIE92ZXJsYXlTZXJ2aWNlXHJcbiAgXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbnB1dFNjYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBTY2FubmVySW5wdXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbW9kZWw6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcGxhY2Vob2xkZXI6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY2VudGVyTGFiZWw6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdXNlTGVmdEljb246IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdXNlUmlnaHRJY29uOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGxlZnRJY29uRGF0YTogU2FmZUh0bWwgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHJpZ2h0SWNvbkRhdGE6IFNhZmVIdG1sIHwgdW5kZWZpbmVkO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjdXN0b21Dc3NDbGFzczogc3RyaW5nO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgbW9kZWxDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBsZWZ0SWNvbkNsaWNrOiBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyByaWdodEljb25DbGljazogRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgc2VhcmNoOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgaXNGb2N1c2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBiYXJDb2RlU2Nhbm5lZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jby1pbnB1dC1zY2FubmVyJylcclxuICBwdWJsaWMgc2hvd0NsYXNzKCkge1xyXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9ibG9ja0VudGVyS2V5ZG93bjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2tleURvd25UaW1lb3V0OiBhbnk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfc2Nhbm5lclNlcnZpY2U6IFNjYW5uZXJTZXJ2aWNlLFxyXG4gICkge1xyXG4gICAgdGhpcy5fc2Nhbm5lclNlcnZpY2UucmVnaXN0ZXJJbnB1dCh0aGlzKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5fY2xlYXJUaW1lb3V0KCk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcclxuICBwdWJsaWMgaGFuZGxlS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xyXG4gICAgdGhpcy5fY2xlYXJUaW1lb3V0KCk7XHJcbiAgICB0aGlzLl9rZXlEb3duVGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBpZiAodGhpcy5fYmxvY2tFbnRlcktleWRvd24pIHtcclxuICAgICAgICByZXR1cm47XHJcbiAgICAgIH1cclxuICAgICAgY29uc3QgZW50ZXJLZXlzID0gWydFbnRlcicsICdOdW1wYWRFbnRlcicsICdHbyddO1xyXG4gICAgICBpZiAoZW50ZXJLZXlzLmluY2x1ZGVzKGV2ZW50LmtleSkpIHtcclxuICAgICAgICB0aGlzLnNlYXJjaC5uZXh0KHRoaXMubW9kZWwpO1xyXG4gICAgICB9XHJcbiAgICB9LCAyMDApXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdHJpZ2dlckNvZGVTY2FubmVkKGNvZGU/OiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIHRoaXMuX2NsZWFyVGltZW91dCgpO1xyXG4gICAgdGhpcy5fYmxvY2tFbnRlcktleWRvd24gPSB0cnVlO1xyXG4gICAgdGhpcy5tb2RlbCA9IGNvZGU7XHJcbiAgICB0aGlzLmJhckNvZGVTY2FubmVkLm5leHQodGhpcy5tb2RlbCk7XHJcbiAgICB0aGlzLl9ibG9ja0VudGVyS2V5ZG93biA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfY2xlYXJUaW1lb3V0KCk6IHZvaWQge1xyXG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuX2tleURvd25UaW1lb3V0KTtcclxuICAgIHRoaXMuX2tleURvd25UaW1lb3V0ID0gdW5kZWZpbmVkO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -8,6 +8,7 @@ export class InputSearchComponent extends BaseInputComponent {
|
|
|
8
8
|
constructor() {
|
|
9
9
|
super(...arguments);
|
|
10
10
|
this.searchIcon = CoreComponentsIcon.Magnifier;
|
|
11
|
+
this.handleKeydown = true;
|
|
11
12
|
this.search = new EventEmitter();
|
|
12
13
|
this.isFocused = new EventEmitter();
|
|
13
14
|
this.leftIconClick = new EventEmitter();
|
|
@@ -20,6 +21,9 @@ export class InputSearchComponent extends BaseInputComponent {
|
|
|
20
21
|
return true;
|
|
21
22
|
}
|
|
22
23
|
handleKeyDown(event) {
|
|
24
|
+
if (!this.handleKeydown) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
23
27
|
const enterKeys = ['Enter', 'NumpadEnter', 'Go'];
|
|
24
28
|
if (enterKeys.includes(event.key)) {
|
|
25
29
|
event.preventDefault();
|
|
@@ -67,6 +71,7 @@ InputSearchComponent.decorators = [
|
|
|
67
71
|
];
|
|
68
72
|
InputSearchComponent.propDecorators = {
|
|
69
73
|
placeholder: [{ type: Input }],
|
|
74
|
+
handleKeydown: [{ type: Input }],
|
|
70
75
|
search: [{ type: Output }],
|
|
71
76
|
isFocused: [{ type: Output }],
|
|
72
77
|
leftIconClick: [{ type: Output }],
|
|
@@ -84,4 +89,4 @@ __decorate([
|
|
|
84
89
|
__decorate([
|
|
85
90
|
InputBoolean()
|
|
86
91
|
], InputSearchComponent.prototype, "useRightIcon", void 0);
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1zZWFyY2gvaW5wdXQtc2VhcmNoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekksT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDN0UsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLDhDQUE4QyxDQUFDO0FBRTFFLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQTRCN0QsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGtCQUEwQjtJQTFCcEU7O1FBNEJrQixlQUFVLEdBQXVCLGtCQUFrQixDQUFDLFNBQVMsQ0FBQztRQU12RSxrQkFBYSxHQUFZLElBQUksQ0FBQztRQUc5QixXQUFNLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFHMUQsY0FBUyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRy9ELGtCQUFhLEdBQTZCLElBQUksWUFBWSxFQUFjLENBQUM7UUFHekUsbUJBQWMsR0FBNkIsSUFBSSxZQUFZLEVBQWMsQ0FBQztRQUkxRSxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUk3QixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQVU5QixnQkFBVyxHQUFZLEtBQUssQ0FBQztJQTRCdEMsQ0FBQztJQXpCUSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRU0sYUFBYSxDQUFDLEtBQW9CO1FBQ3ZDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLE9BQU87U0FDUjtRQUNELE1BQU0sU0FBUyxHQUFHLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUNqRCxJQUFJLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2pDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRTtnQkFDeEIsS0FBSyxDQUFDLE1BQXNCLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDdEM7WUFDRCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDOUI7SUFDSCxDQUFDO0lBRU0saUJBQWlCLENBQUMsS0FBYTtRQUNwQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUNPLGNBQWM7UUFDcEIsT0FBTywyQkFBMkIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQy9ELENBQUM7OztZQTNGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDtnQkFDRCxTQUFTLEVBQUU7b0JBQ1AsY0FBYztpQkFDakI7Z0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7MEJBS0UsS0FBSzs0QkFHTCxLQUFLO3FCQUdMLE1BQU07d0JBR04sTUFBTTs0QkFHTixNQUFNOzZCQUdOLE1BQU07MEJBR04sS0FBSzsyQkFJTCxLQUFLOzJCQUlMLEtBQUs7NEJBR0wsS0FBSzswQkFHTCxXQUFXLFNBQUMsb0JBQW9CLGNBQ2hDLEtBQUs7d0JBR0wsV0FBVyxTQUFDLHVCQUF1Qjs7QUFoQnBDO0lBREMsWUFBWSxFQUFFO3lEQUNxQjtBQUlwQztJQURDLFlBQVksRUFBRTswREFDc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkRlc3Ryb3ksIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvcmVDb21wb25lbnRzSWNvbn0gZnJvbSAnLi4vLi4vY29yZS9lbnVtL2NvcmUtY29tcG9uZW50cy1pY29uLmVudW0nO1xyXG5pbXBvcnQge0Jhc2VJbnB1dENvbXBvbmVudH0gZnJvbSAnLi4vYmFzZS9iYXNlLWlucHV0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7SW5wdXRCb29sZWFufSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvci9pbnB1dC1ib29sZWFuLmRlY29yYXRvcic7XHJcbmltcG9ydCB7U2FmZUh0bWx9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQge092ZXJsYXlTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlL292ZXJsYXkuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvLWlucHV0LXNlYXJjaCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxjby1pbnB1dC10ZXh0XHJcbiAgICAgIFtuZ0NsYXNzXT1cImN1c3RvbUNzc0NsYXNzXCJcclxuICAgICAgW21vZGVsXT1cIm1vZGVsXCJcclxuICAgICAgW2xlZnRJY29uXT1cInVzZUxlZnRJY29uID8gc2VhcmNoSWNvbiA6IG51bGxcIlxyXG4gICAgICBbcmlnaHRJY29uXT1cInVzZVJpZ2h0SWNvbiA/IHNlYXJjaEljb24gOiBudWxsXCJcclxuICAgICAgW2xlZnRJY29uRGF0YV09XCJ1c2VMZWZ0SWNvbiAmJiBsZWZ0SWNvbkRhdGEgPyBsZWZ0SWNvbkRhdGEgOiB1bmRlZmluZWRcIlxyXG4gICAgICBbcmlnaHRJY29uRGF0YV09XCJ1c2VSaWdodEljb24gJiYgcmlnaHRJY29uRGF0YSA/IHJpZ2h0SWNvbkRhdGEgOiB1bmRlZmluZWRcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICBbY3VzdG9tSGVpZ2h0XT1cInRydWVcIlxyXG4gICAgICBbc2hvd1BsYWNlaG9sZGVyT25Gb2N1c109XCJmYWxzZVwiXHJcbiAgICAgIChtb2RlbENoYW5nZSk9XCJoYW5kbGVNb2RlbENoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgKGxlZnRJY29uQ2xpY2spPVwibGVmdEljb25DbGljay5lbWl0KCRldmVudClcIlxyXG4gICAgICAocmlnaHRJY29uQ2xpY2spPVwicmlnaHRJY29uQ2xpY2suZW1pdCgkZXZlbnQpXCJcclxuICAgICAgKGtleXVwKT1cImtleVVwLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgIChpc0ZvY3VzZWQpPVwiaXNGb2N1c2VkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICA+PC9jby1pbnB1dC10ZXh0PlxyXG4gIGAsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICAgIE92ZXJsYXlTZXJ2aWNlXHJcbiAgXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbnB1dFNlYXJjaENvbXBvbmVudCBleHRlbmRzIEJhc2VJbnB1dENvbXBvbmVudDxzdHJpbmc+IGltcGxlbWVudHMgT25EZXN0cm95IHtcclxuXHJcbiAgcHVibGljIHJlYWRvbmx5IHNlYXJjaEljb246IENvcmVDb21wb25lbnRzSWNvbiA9IENvcmVDb21wb25lbnRzSWNvbi5NYWduaWZpZXI7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHBsYWNlaG9sZGVyOiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGhhbmRsZUtleWRvd246IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgc2VhcmNoOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgaXNGb2N1c2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBsZWZ0SWNvbkNsaWNrOiBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyByaWdodEljb25DbGljazogRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBJbnB1dEJvb2xlYW4oKVxyXG4gIHB1YmxpYyB1c2VMZWZ0SWNvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBJbnB1dEJvb2xlYW4oKVxyXG4gIHB1YmxpYyB1c2VSaWdodEljb246IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbGVmdEljb25EYXRhOiBTYWZlSHRtbCB8IHVuZGVmaW5lZDtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcmlnaHRJY29uRGF0YTogU2FmZUh0bWwgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY2VudGVyLWxhYmVsJylcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjZW50ZXJMYWJlbDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvLWlucHV0LXNlYXJjaCcpXHJcbiAgcHVibGljIHNob3dDbGFzcygpIHtcclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGhhbmRsZUtleURvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5oYW5kbGVLZXlkb3duKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIGNvbnN0IGVudGVyS2V5cyA9IFsnRW50ZXInLCAnTnVtcGFkRW50ZXInLCAnR28nXTtcclxuICAgIGlmIChlbnRlcktleXMuaW5jbHVkZXMoZXZlbnQua2V5KSkge1xyXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICBpZiAodGhpcy5pc01vYmlsZURldmljZSgpKSB7XHJcbiAgICAgICAgKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCkuYmx1cigpO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuc2VhcmNoLm5leHQodGhpcy5tb2RlbCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaGFuZGxlTW9kZWxDaGFuZ2UobW9kZWw6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhpcy5tb2RlbCA9IG1vZGVsO1xyXG4gICAgdGhpcy5tb2RlbENoYW5nZS5uZXh0KHRoaXMubW9kZWwpO1xyXG4gIH1cclxuICBwcml2YXRlIGlzTW9iaWxlRGV2aWNlKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIC9BbmRyb2lkfGlQaG9uZXxpUGFkfGlQb2QvaS50ZXN0KG5hdmlnYXRvci51c2VyQWdlbnQpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -7839,6 +7839,7 @@ class InputSearchComponent extends BaseInputComponent {
|
|
|
7839
7839
|
constructor() {
|
|
7840
7840
|
super(...arguments);
|
|
7841
7841
|
this.searchIcon = CoreComponentsIcon.Magnifier;
|
|
7842
|
+
this.handleKeydown = true;
|
|
7842
7843
|
this.search = new EventEmitter();
|
|
7843
7844
|
this.isFocused = new EventEmitter();
|
|
7844
7845
|
this.leftIconClick = new EventEmitter();
|
|
@@ -7851,6 +7852,9 @@ class InputSearchComponent extends BaseInputComponent {
|
|
|
7851
7852
|
return true;
|
|
7852
7853
|
}
|
|
7853
7854
|
handleKeyDown(event) {
|
|
7855
|
+
if (!this.handleKeydown) {
|
|
7856
|
+
return;
|
|
7857
|
+
}
|
|
7854
7858
|
const enterKeys = ['Enter', 'NumpadEnter', 'Go'];
|
|
7855
7859
|
if (enterKeys.includes(event.key)) {
|
|
7856
7860
|
event.preventDefault();
|
|
@@ -7898,6 +7902,7 @@ InputSearchComponent.decorators = [
|
|
|
7898
7902
|
];
|
|
7899
7903
|
InputSearchComponent.propDecorators = {
|
|
7900
7904
|
placeholder: [{ type: Input }],
|
|
7905
|
+
handleKeydown: [{ type: Input }],
|
|
7901
7906
|
search: [{ type: Output }],
|
|
7902
7907
|
isFocused: [{ type: Output }],
|
|
7903
7908
|
leftIconClick: [{ type: Output }],
|
|
@@ -12877,11 +12882,17 @@ class BarCodeScanner {
|
|
|
12877
12882
|
constructor() {
|
|
12878
12883
|
this._buffer = [];
|
|
12879
12884
|
this._keyPress = (event) => {
|
|
12885
|
+
this._clearScanTimeout();
|
|
12880
12886
|
if (event.key === "Enter") {
|
|
12881
|
-
|
|
12882
|
-
|
|
12887
|
+
if (this._buffer.length > 0) {
|
|
12888
|
+
document.dispatchEvent(this._createScanEvent());
|
|
12889
|
+
this._clearBuffer();
|
|
12890
|
+
}
|
|
12883
12891
|
}
|
|
12884
12892
|
else {
|
|
12893
|
+
this._scanTimeout = setTimeout(() => {
|
|
12894
|
+
this._clearBuffer();
|
|
12895
|
+
}, 200);
|
|
12885
12896
|
const str = event.key;
|
|
12886
12897
|
this._buffer.push(str);
|
|
12887
12898
|
}
|
|
@@ -12891,6 +12902,13 @@ class BarCodeScanner {
|
|
|
12891
12902
|
close() {
|
|
12892
12903
|
document.removeEventListener('keypress', this._keyPress);
|
|
12893
12904
|
}
|
|
12905
|
+
_clearScanTimeout() {
|
|
12906
|
+
clearTimeout(this._scanTimeout);
|
|
12907
|
+
this._scanTimeout = undefined;
|
|
12908
|
+
}
|
|
12909
|
+
_clearBuffer() {
|
|
12910
|
+
this._buffer.length = 0;
|
|
12911
|
+
}
|
|
12894
12912
|
_createScanEvent() {
|
|
12895
12913
|
return new CustomEvent("barcodescanned", { detail: this._buffer.join("") });
|
|
12896
12914
|
}
|
|
@@ -12934,14 +12952,37 @@ class InputScannerComponent {
|
|
|
12934
12952
|
this.search = new EventEmitter();
|
|
12935
12953
|
this.isFocused = new EventEmitter();
|
|
12936
12954
|
this.barCodeScanned = new EventEmitter();
|
|
12955
|
+
this._blockEnterKeydown = false;
|
|
12937
12956
|
this._scannerService.registerInput(this);
|
|
12938
12957
|
}
|
|
12939
12958
|
showClass() {
|
|
12940
12959
|
return true;
|
|
12941
12960
|
}
|
|
12961
|
+
ngOnDestroy() {
|
|
12962
|
+
this._clearTimeout();
|
|
12963
|
+
}
|
|
12964
|
+
handleKeyDown(event) {
|
|
12965
|
+
this._clearTimeout();
|
|
12966
|
+
this._keyDownTimeout = setTimeout(() => {
|
|
12967
|
+
if (this._blockEnterKeydown) {
|
|
12968
|
+
return;
|
|
12969
|
+
}
|
|
12970
|
+
const enterKeys = ['Enter', 'NumpadEnter', 'Go'];
|
|
12971
|
+
if (enterKeys.includes(event.key)) {
|
|
12972
|
+
this.search.next(this.model);
|
|
12973
|
+
}
|
|
12974
|
+
}, 200);
|
|
12975
|
+
}
|
|
12942
12976
|
triggerCodeScanned(code) {
|
|
12977
|
+
this._clearTimeout();
|
|
12978
|
+
this._blockEnterKeydown = true;
|
|
12943
12979
|
this.model = code;
|
|
12944
12980
|
this.barCodeScanned.next(this.model);
|
|
12981
|
+
this._blockEnterKeydown = false;
|
|
12982
|
+
}
|
|
12983
|
+
_clearTimeout() {
|
|
12984
|
+
clearTimeout(this._keyDownTimeout);
|
|
12985
|
+
this._keyDownTimeout = undefined;
|
|
12945
12986
|
}
|
|
12946
12987
|
}
|
|
12947
12988
|
InputScannerComponent.decorators = [
|
|
@@ -12950,6 +12991,7 @@ InputScannerComponent.decorators = [
|
|
|
12950
12991
|
template: `
|
|
12951
12992
|
<co-input-search
|
|
12952
12993
|
[(model)]="model"
|
|
12994
|
+
[handleKeydown]="false"
|
|
12953
12995
|
[customCssClass]="customCssClass"
|
|
12954
12996
|
[placeholder]="placeholder"
|
|
12955
12997
|
[centerLabel]="centerLabel"
|
|
@@ -12959,7 +13001,6 @@ InputScannerComponent.decorators = [
|
|
|
12959
13001
|
[rightIconData]="rightIconData"
|
|
12960
13002
|
(leftIconClick)="leftIconClick.emit($event)"
|
|
12961
13003
|
(rightIconClick)="rightIconClick.emit($event)"
|
|
12962
|
-
(search)="search.emit($event)"
|
|
12963
13004
|
(isFocused)="isFocused.emit($event)"
|
|
12964
13005
|
></co-input-search>
|
|
12965
13006
|
`,
|
|
@@ -12988,7 +13029,8 @@ InputScannerComponent.propDecorators = {
|
|
|
12988
13029
|
search: [{ type: Output }],
|
|
12989
13030
|
isFocused: [{ type: Output }],
|
|
12990
13031
|
barCodeScanned: [{ type: Output }],
|
|
12991
|
-
showClass: [{ type: HostBinding, args: ['class.co-input-scanner',] }]
|
|
13032
|
+
showClass: [{ type: HostBinding, args: ['class.co-input-scanner',] }],
|
|
13033
|
+
handleKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
|
|
12992
13034
|
};
|
|
12993
13035
|
|
|
12994
13036
|
class InputScannerModule {
|