@colijnit/corecomponents_v12 260.1.6 → 260.1.8

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -12052,6 +12052,7 @@
             var _a, _b, _c;
             return __awaiter(this, void 0, void 0, function () {
                 var _d;
+                var _this = this;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
@@ -12076,8 +12077,13 @@
                                 this.isLoading = false;
                                 return [2 /*return*/, []];
                             }
-                            this.filteredCollection = (_a = this.collection) === null || _a === void 0 ? void 0 : _a.filter(function () {
-                                return true;
+                            this.filteredCollection = (_a = this.collection) === null || _a === void 0 ? void 0 : _a.filter(function (item) {
+                                if (_this.collectionLoadFnProp && _this.collectionLoadFnProp.length > 0) {
+                                    return item[_this.collectionLoadFnProp] && item[_this.collectionLoadFnProp].toLowerCase().includes(text.toLowerCase());
+                                }
+                                else {
+                                    return true;
+                                }
                             });
                             (((_b = this.filteredCollection) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = this.filterText) === null || _c === void 0 ? void 0 : _c.length) > 2) ? this.openPopup() : this.closePopup();
                             this.isLoading = false;
@@ -12255,6 +12261,7 @@
         optionIcon: [{ type: i0.Input }],
         collection: [{ type: i0.Input }],
         collectionLoadFn: [{ type: i0.Input }],
+        collectionLoadFnProp: [{ type: i0.Input }],
         leftIconData: [{ type: i0.Input }],
         searchPlaceholder: [{ type: i0.Input }],
         label: [{ type: i0.Input }],
@@ -12425,6 +12432,7 @@
             },
             set: function (value) {
                 this._collection = value || [];
+                this.activeItem = this.collection[0];
             },
             enumerable: false,
             configurable: true
@@ -12463,7 +12471,7 @@
     ListOfIconsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-list-of-icons',
-                    template: "\n    <div class=\"icon-item active\" [class.menu-opened]=\"showMenu\" (click)=\"toggleMenu()\">\n      <co-icon [iconData]=\"activeItem.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n      <co-icon *ngIf=\"!showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretDownSolid)\"></co-icon>\n      <co-icon *ngIf=\"showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretUpSolid)\"></co-icon>\n    </div>\n    <div class=\"dropdown-menu\" *ngIf=\"showMenu\" (clickOutside)=\"onClickOutside()\">\n      <div class=\"icon-item\" *ngFor=\"let item of collection\" (click)=\"selectItem(item)\"\n           [class.active]=\"item === activeItem\">\n        <co-icon [iconData]=\"item.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n        <div class=\"label\" [textContent]=\"item.label | coreLocalize\"></div>\n      </div>\n      <div class=\"picking-type-wrapper\" *ngIf=\"showSubCategories\">\n        <div class=\"button-wrapper\" *ngFor=\"let subCategory of subCategories\" (click)=\"handlePickingCategoryClicked(subCategory)\">\n          <co-icon \n                  class=\"co-transaction-button-bar-icon\" \n                  [iconData]=\"subCategory.icon\" \n                  [style.width.px]=\"iconSize\" \n                  [style.height.px]=\"iconSize\">\n          </co-icon>\n          <span class=\"button-title\" [textContent]=\"subCategory.label | coreLocalize\"></span>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"icon-item active\" [class.menu-opened]=\"showMenu\" (click)=\"toggleMenu()\">\n      <co-icon [iconData]=\"activeItem.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n      <co-icon *ngIf=\"!showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretDownSolid)\"></co-icon>\n      <co-icon *ngIf=\"showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretUpSolid)\"></co-icon>\n    </div>\n    <div class=\"dropdown-menu\" *ngIf=\"showMenu\" (clickOutside)=\"onClickOutside()\">\n      <div class=\"icon-item\" *ngFor=\"let item of collection\" (click)=\"selectItem(item)\"\n           [class.active]=\"item === activeItem\">\n        <co-icon [iconData]=\"item.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n        <div class=\"label\" [textContent]=\"item.label | coreLocalize\"></div>\n      </div>\n      <div class=\"picking-type-wrapper\" *ngIf=\"showSubCategories\">\n        <div class=\"button-wrapper\" *ngFor=\"let subCategory of subCategories\" (click)=\"handlePickingCategoryClicked(subCategory)\">\n          <co-icon\n                  class=\"co-transaction-button-bar-icon\"\n                  [iconData]=\"subCategory.icon\"\n                  [style.width.px]=\"iconSize\"\n                  [style.height.px]=\"iconSize\">\n          </co-icon>\n          <span class=\"button-title\" [textContent]=\"subCategory.label | coreLocalize\"></span>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -14020,17 +14028,14 @@
             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);
+            var enterKeys = ['Enter', 'NumpadEnter', 'Go'];
+            if (enterKeys.includes(event.key) && !this._blockEnterKeydown) {
+                event.preventDefault();
+                event.stopPropagation();
+                // Immediately emit before DOM resets or reflows
+                var currentValue = this.model;
+                this.search.next(currentValue);
+            }
         };
         InputScannerComponent.prototype.triggerCodeScanned = function (code) {
             this._clearTimeout();