igniteui-angular 12.3.11 → 12.3.12

package/bundles/igniteui-angular.umd.js

@@ -26881,9 +26881,8 @@
          * ```
          */
         IgxTextSelectionDirective.prototype.trigger = function () {
-            var _this = this;
             if (this.selected && this.nativeElement.value.length) {
-                requestAnimationFrame(function () { return _this.nativeElement.setSelectionRange(0, _this.nativeElement.value.length); });
+                this.nativeElement.select();
             }
         };
         return IgxTextSelectionDirective;
@@ -39503,6 +39502,7 @@
             _this._data = [];
             _this._value = '';
             _this._groupKey = '';
+            _this._searchValue = '';
             _this._filteredData = [];
             _this._remoteSelection = {};
             _this._valid = IgxComboState.INITIAL;
@@ -39512,7 +39512,6 @@
             _this._onChangeCallback = rxjs.noop;
             _this._type = null;
             _this._dataType = '';
-            _this._searchValue = '';
             _this._itemHeight = null;
             _this._itemsMaxHeight = null;
             _this.onStatusChanged = function () {
@@ -41051,9 +41050,12 @@
             /** @hidden @internal */
             _this.composing = false;
             _this._updateInput = true;
+            // stores the last filtered value - move to common?
+            _this._internalFilter = '';
             _this.findMatch = function (element) {
                 var value = _this.displayKey ? element[_this.displayKey] : element;
-                return value.toString().toLowerCase().includes(_this.searchValue.trim().toLowerCase());
+                var searchValue = _this.searchValue || _this.comboInput.value;
+                return !!searchValue && value.toString().toLowerCase().includes(searchValue.trim().toLowerCase());
             };
             _this.comboAPI.register(_this);
             return _this;
@@ -41071,6 +41073,24 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IgxSimpleComboComponent.prototype, "searchValue", {
+            /** @hidden @internal */
+            get: function () {
+                return this._searchValue;
+            },
+            set: function (val) {
+                this._searchValue = val;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgxSimpleComboComponent.prototype, "selectedItem", {
+            get: function () {
+                return this.selectionService.get(this.id).values().next().value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         /** @hidden @internal */
         IgxSimpleComboComponent.prototype.onArrowDown = function (event) {
             if (this.collapsed) {
@@ -41135,6 +41155,15 @@
                     _this.dropdown.navigateItem(index);
                 }
             });
+            this.dropdown.opening.pipe(operators.takeUntil(this.destroy$)).subscribe(function () {
+                var filtered = _this.filteredData.find(_this.findMatch);
+                if (filtered === undefined || filtered === null) {
+                    _this.filterValue = _this.searchValue = _this.comboInput.value;
+                    return;
+                }
+                _this._internalFilter = _this.filterValue;
+                _this.filterValue = _this.searchValue = '';
+            });
             this.dropdown.opened.pipe(operators.takeUntil(this.destroy$)).subscribe(function () {
                 if (_this.composing) {
                     _this.comboInput.focus();
@@ -41149,23 +41178,29 @@
                     _this._onTouchedCallback();
                 }
             });
+            this.dropdown.closed.pipe(operators.takeUntil(this.destroy$)).subscribe(function () {
+                _this.filterValue = _this._internalFilter = _this.comboInput.value;
+            });
             _super.prototype.ngAfterViewInit.call(this);
         };
         /** @hidden @internal */
         IgxSimpleComboComponent.prototype.handleInputChange = function (event) {
             if (event !== undefined) {
-                this.searchValue = typeof event === 'string' ? event : event.target.value;
+                this.filterValue = this._internalFilter = this.searchValue = typeof event === 'string' ? event : event.target.value;
             }
             this._onChangeCallback(this.searchValue);
             if (this.collapsed && this.comboInput.focused) {
                 this.open();
-                this.dropdown.navigateFirst();
             }
             if (!this.comboInput.value.trim()) {
                 // handle clearing of input by space
                 this.clearSelection();
                 this._onChangeCallback(null);
             }
+            // when filtering the focused item should be the first item or the currently selected item
+            if (!this.dropdown.focusedItem || this.dropdown.focusedItem.id !== this.dropdown.items[0].id) {
+                this.dropdown.navigateFirst();
+            }
             _super.prototype.handleInputChange.call(this, event);
             this.composing = true;
         };
@@ -41182,15 +41217,15 @@
                 this.close();
                 // manually trigger text selection as it will not be triggered during editing
                 this.textSelection.trigger();
+                this.filterValue = this.getElementVal(filtered);
                 return;
             }
             if (event.key === this.platformUtil.KEYMAP.BACKSPACE
                 || event.key === this.platformUtil.KEYMAP.DELETE) {
                 this._updateInput = false;
-                this.clearSelection();
+                this.clearSelection(true);
             }
             if (!this.collapsed && event.key === this.platformUtil.KEYMAP.TAB) {
-                this.close();
                 this.clearOnBlur();
             }
             this.composing = false;
@@ -41336,10 +41371,26 @@
         };
         IgxSimpleComboComponent.prototype.clearOnBlur = function () {
             var filtered = this.filteredData.find(this.findMatch);
-            if ((filtered === undefined || filtered === null)) {
+            if (filtered === undefined || filtered === null || !this.selectedItem) {
+                this.clearAndClose();
+                return;
+            }
+            if (this.isPartialMatch(filtered) || this.selectedItem !== this._internalFilter) {
+                this.clearAndClose();
+            }
+        };
+        IgxSimpleComboComponent.prototype.isPartialMatch = function (filtered) {
+            return !!this._internalFilter && this._internalFilter.length !== this.getElementVal(filtered).length;
+        };
+        IgxSimpleComboComponent.prototype.getElementVal = function (element) {
+            return this.displayKey ? element[this.displayKey] : element;
+        };
+        IgxSimpleComboComponent.prototype.clearAndClose = function () {
+            this.clearSelection(true);
+            this._internalFilter = '';
+            this.searchValue = '';
+            if (!this.collapsed) {
                 this.close();
-                this.clearSelection();
-                this.searchValue = '';
             }
         };
         return IgxSimpleComboComponent;