@colijnit/corecomponents_v12 257.1.19 → 257.1.21

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -8352,6 +8352,7 @@
         function InputSearchComponent() {
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.searchIcon = exports.CoreComponentsIcon.Magnifier;
+            _this.handleKeydown = true;
             _this.search = new i0.EventEmitter();
             _this.isFocused = new i0.EventEmitter();
             _this.leftIconClick = new i0.EventEmitter();
@@ -8365,6 +8366,9 @@
             return true;
         };
         InputSearchComponent.prototype.handleKeyDown = function (event) {
+            if (!this.handleKeydown) {
+                return;
+            }
             var enterKeys = ['Enter', 'NumpadEnter', 'Go'];
             if (enterKeys.includes(event.key)) {
                 event.preventDefault();
@@ -8396,6 +8400,7 @@
     ];
     InputSearchComponent.propDecorators = {
         placeholder: [{ type: i0.Input }],
+        handleKeydown: [{ type: i0.Input }],
         search: [{ type: i0.Output }],
         isFocused: [{ type: i0.Output }],
         leftIconClick: [{ type: i0.Output }],
@@ -11999,7 +12004,6 @@
                         OverlayModule,
                         ClickoutsideModule,
                         IconModule,
-                        InputTextModule,
                         InputSearchModule
                     ],
                     declarations: [
@@ -13261,11 +13265,17 @@
             var _this = this;
             this._buffer = [];
             this._keyPress = function (event) {
+                _this._clearScanTimeout();
                 if (event.key === "Enter") {
-                    document.dispatchEvent(_this._createScanEvent());
-                    _this._buffer.length = 0;
+                    if (_this._buffer.length > 0) {
+                        document.dispatchEvent(_this._createScanEvent());
+                        _this._clearBuffer();
+                    }
                 }
                 else {
+                    _this._scanTimeout = setTimeout(function () {
+                        _this._clearBuffer();
+                    }, 200);
                     var str = event.key;
                     _this._buffer.push(str);
                 }
@@ -13275,6 +13285,13 @@
         BarCodeScanner.prototype.close = function () {
             document.removeEventListener('keypress', this._keyPress);
         };
+        BarCodeScanner.prototype._clearScanTimeout = function () {
+            clearTimeout(this._scanTimeout);
+            this._scanTimeout = undefined;
+        };
+        BarCodeScanner.prototype._clearBuffer = function () {
+            this._buffer.length = 0;
+        };
         BarCodeScanner.prototype._createScanEvent = function () {
             return new CustomEvent("barcodescanned", { detail: this._buffer.join("") });
         };
@@ -13321,21 +13338,45 @@
             this.search = new i0.EventEmitter();
             this.isFocused = new i0.EventEmitter();
             this.barCodeScanned = new i0.EventEmitter();
+            this._blockEnterKeydown = false;
             this._scannerService.registerInput(this);
         }
         InputScannerComponent.prototype.showClass = function () {
             return true;
         };
+        InputScannerComponent.prototype.ngOnDestroy = function () {
+            this._clearTimeout();
+        };
+        InputScannerComponent.prototype.handleKeyDown = function (event) {
+            var _this = this;
+            this._clearTimeout();
+            this._keyDownTimeout = setTimeout(function () {
+                if (_this._blockEnterKeydown) {
+                    return;
+                }
+                var enterKeys = ['Enter', 'NumpadEnter', 'Go'];
+                if (enterKeys.includes(event.key)) {
+                    _this.search.next(_this.model);
+                }
+            }, 200);
+        };
         InputScannerComponent.prototype.triggerCodeScanned = function (code) {
+            this._clearTimeout();
+            this._blockEnterKeydown = true;
             this.model = code;
             this.barCodeScanned.next(this.model);
+            this._blockEnterKeydown = false;
+        };
+        InputScannerComponent.prototype._clearTimeout = function () {
+            clearTimeout(this._keyDownTimeout);
+            this._keyDownTimeout = undefined;
         };
         return InputScannerComponent;
     }());
     InputScannerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-input-scanner',
-                    template: "\n      <co-input-search\n              [(model)]=\"model\"\n              [customCssClass]=\"customCssClass\"\n              [placeholder]=\"placeholder\"\n              [centerLabel]=\"centerLabel\"\n              [useLeftIcon]=\"useLeftIcon\"\n              [leftIconData]=\"leftIconData\"\n              [useRightIcon]=\"useRightIcon\"\n              [rightIconData]=\"rightIconData\"\n              (leftIconClick)=\"leftIconClick.emit($event)\"\n              (rightIconClick)=\"rightIconClick.emit($event)\"\n              (search)=\"search.emit($event)\"\n              (isFocused)=\"isFocused.emit($event)\"\n      ></co-input-search>\n    ",
+                    template: "\n      <co-input-search\n              [(model)]=\"model\"\n              [handleKeydown]=\"false\"\n              [customCssClass]=\"customCssClass\"\n              [placeholder]=\"placeholder\"\n              [centerLabel]=\"centerLabel\"\n              [useLeftIcon]=\"useLeftIcon\"\n              [leftIconData]=\"leftIconData\"\n              [useRightIcon]=\"useRightIcon\"\n              [rightIconData]=\"rightIconData\"\n              (leftIconClick)=\"leftIconClick.emit($event)\"\n              (rightIconClick)=\"rightIconClick.emit($event)\"\n              (isFocused)=\"isFocused.emit($event)\"\n      ></co-input-search>\n    ",
                     providers: [
                         ScannerService,
                         OverlayService
@@ -13361,7 +13402,8 @@
         search: [{ type: i0.Output }],
         isFocused: [{ type: i0.Output }],
         barCodeScanned: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ['class.co-input-scanner',] }]
+        showClass: [{ type: i0.HostBinding, args: ['class.co-input-scanner',] }],
+        handleKeyDown: [{ type: i0.HostListener, args: ['keydown', ['$event'],] }]
     };
 
     var InputScannerModule = /** @class */ (function () {