igniteui-angular 18.0.2 → 18.0.3

package/fesm2022/igniteui-angular.mjs

@@ -5,7 +5,7 @@ import { NgModel, NgControl, FormControlName, NG_VALUE_ACCESSOR, Validators, NG_
 import { Observable, Subject, fromEvent, interval, animationFrameScheduler, noop, merge, Subscription, timer, pipe, takeUntil as takeUntil$1 } from 'rxjs';
 import { takeUntil, filter, first as first$2, throttle, throttleTime, startWith, take, debounce, tap, switchMap, skipLast, debounceTime, map, shareReplay, takeWhile, pluck } from 'rxjs/operators';
 import { isPlatformBrowser, formatDate as formatDate$1, CurrencyPipe, formatPercent, formatNumber, getLocaleCurrencyCode, DatePipe, getLocaleDateFormat, FormatWidth, getLocaleDateTimeFormat, DOCUMENT, NgTemplateOutlet, NgIf, NgClass, NgSwitch, NgSwitchCase, NgSwitchDefault, NgFor, TitleCasePipe, getLocaleFirstDayOfWeek, NgStyle, getLocaleCurrencySymbol, formatCurrency as formatCurrency$1, getLocaleNumberFormat, NumberFormatStyle, DecimalPipe, PercentPipe, getCurrencySymbol, AsyncPipe } from '@angular/common';
-import { mergeWith } from 'lodash-es';
+import { mergeWith, isEqual as isEqual$1 } from 'lodash-es';
 import { strToU8, zip } from 'fflate';
 import * as i1 from '@angular/animations';
 import { style, animate, useAnimation } from '@angular/animations';
@@ -375,14 +375,6 @@ const isEqual = (obj1, obj2) => {
     }
     return obj1 === obj2;
 };
-/**
- * Checks if provided variable is the value NaN
- *
- * @param value Value to check
- * @returns true if provided variable is NaN
- * @hidden
- */
-const isNaNvalue = (value) => isNaN(value) && value !== undefined && typeof value !== 'string';
 /**
  * Utility service taking care of various utility functions such as
  * detecting browser features, general cross browser DOM manipulation, etc.
@@ -36471,9 +36463,7 @@ class IgxComboBaseDirective {
             return keys;
         }
         return keys.map(key => {
-            const item = isNaNvalue(key)
-                ? this.data.find(entry => isNaNvalue(entry[this.valueKey]))
-                : this.data.find(entry => entry[this.valueKey] === key);
+            const item = this.data.find(entry => isEqual$1(entry[this.valueKey], key));
             return item !== undefined ? item : { [this.valueKey]: key };
         });
     }
@@ -37593,7 +37583,6 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
                 this.filterValue = this.searchValue = this.comboInput.value;
                 return;
             }
-            this.filterValue = this.searchValue = '';
         });
         this.dropdown.opened.pipe(takeUntil(this.destroy$)).subscribe(() => {
             if (this.composing) {
@@ -37630,12 +37619,12 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
     }
     /** @hidden @internal */
     handleInputChange(event) {
-        if (event !== undefined) {
-            this.filterValue = this.searchValue = typeof event === 'string' ? event : event.target.value;
-        }
         if (this.collapsed && this.comboInput.focused) {
             this.open();
         }
+        if (event !== undefined) {
+            this.filterValue = this.searchValue = typeof event === 'string' ? event : event.target.value;
+        }
         if (!this.comboInput.value.trim() && super.selection.length) {
             // handle clearing of input by space
             this.clearSelection();
@@ -37643,7 +37632,19 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
             this.filterValue = '';
         }
         if (super.selection.length) {
-            this.selectionService.clear(this.id);
+            const args = {
+                newValue: undefined,
+                oldValue: this.selectedItem,
+                newSelection: undefined,
+                oldSelection: this.selection,
+                displayText: typeof event === 'string' ? event : event?.target?.value,
+                owner: this,
+                cancel: false
+            };
+            this.selectionChanging.emit(args);
+            if (!args.cancel) {
+                this.selectionService.select_items(this.id, [], true);
+            }
         }
         // 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) {
@@ -37731,12 +37732,15 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
         if (this.disabled) {
             return;
         }
+        const oldSelection = this.selection;
         this.clearSelection(true);
         if (!this.collapsed) {
             this.focusSearchInput(true);
         }
         event.stopPropagation();
-        this.comboInput.value = this.filterValue = this.searchValue = '';
+        if (this.selection !== oldSelection) {
+            this.comboInput.value = this.filterValue = this.searchValue = '';
+        }
         this.dropdown.focusedItem = null;
         this.composing = false;
         this.comboInput.focus();
@@ -37815,6 +37819,14 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
         else if (this.isRemote) {
             this.registerRemoteEntries(newValueAsArray, false);
         }
+        else {
+            args.displayText = this.createDisplayText(oldItems, []);
+            const oldSelectionArray = args.oldSelection ? [args.oldSelection] : [];
+            this.comboInput.value = this._displayValue = this.searchValue = this.createDisplayText(oldSelectionArray, []);
+            if (this.isRemote) {
+                this.registerRemoteEntries(newValueAsArray, false);
+            }
+        }
     }
     createDisplayText(newSelection, oldSelection) {
         if (this.isRemote) {
@@ -37875,7 +37887,10 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
     }
     clear() {
         this.clearSelection(true);
-        this.comboInput.value = this._displayValue = this.searchValue = '';
+        const oldSelection = this.selection;
+        if (this.selection !== oldSelection) {
+            this.comboInput.value = this._displayValue = this.searchValue = '';
+        }
     }
     isValid(value) {
         return this.required