igniteui-angular 17.2.6 → 17.2.8

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 } 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.
@@ -1052,7 +1044,7 @@ class NoopSortingStrategy {
 }
 /**
  * Represents a class extending the IgxSorting class
- * Provids custom data record sorting.
+ * Provides custom data record sorting.
  */
 class IgxDataRecordSorting extends IgxSorting {
     /**
@@ -7260,6 +7252,7 @@ class DisplayDensityBase {
     }
     /**
      * Sets the `--component-size` CSS variable based on the value of Display Density
+     * @hidden @internal
      */
     getComponentSizeStyles() {
         switch (this._displayDensity || this.oldDisplayDensityOptions.displayDensity) {
@@ -12780,6 +12773,11 @@ class IgxForOfSyncService {
      */
     setMaster(directive, forced = false) {
         const orientation = directive.igxForScrollOrientation;
+        // in case master is not in dom, set a new master
+        const isMasterInDom = this._master.get(orientation)?.dc?.instance?._viewContainer.element.nativeElement.isConnected;
+        if (!isMasterInDom) {
+            forced = true;
+        }
         if (orientation && (forced || !this._master.has(orientation))) {
             this._master.set(orientation, directive);
         }
@@ -14201,7 +14199,7 @@ class IgxGridForOfDirective extends IgxForOfDirective {
             }
             if (this.igxForScrollOrientation === 'horizontal') {
                 // in case collection has changes, reset sync service
-                this.syncService.setMaster(this, true);
+                this.syncService.setMaster(this, this.igxGridForOfUniqueSizeCache);
             }
         }
         const defaultItemSize = 'igxForItemSize';
@@ -31699,6 +31697,10 @@ class IgxMonthPickerComponent extends IgxCalendarBaseDirective {
         if (this.isDecadeView) {
             this.viewDate = CalendarDay.from(this.viewDate).add('year', -15).native;
         }
+        this.viewDateChanged.emit({
+            previousValue: this.previousViewDate,
+            currentValue: this.viewDate,
+        });
     }
     /**
      * @hidden
@@ -31712,6 +31714,10 @@ class IgxMonthPickerComponent extends IgxCalendarBaseDirective {
         if (this.isDecadeView) {
             this.viewDate = CalendarDay.from(this.viewDate).add('year', 15).native;
         }
+        this.viewDateChanged.emit({
+            previousValue: this.previousViewDate,
+            currentValue: this.viewDate,
+        });
     }
     /**
      * @hidden
@@ -36555,9 +36561,7 @@ class IgxComboBaseDirective extends DisplayDensityBase {
             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 };
         });
     }
@@ -37684,7 +37688,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) {
@@ -37722,12 +37725,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();
@@ -37735,7 +37738,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) {
@@ -37823,12 +37838,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();
@@ -37907,6 +37925,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) {
@@ -37967,7 +37993,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
@@ -61457,6 +61486,12 @@ class IgxGridBaseDirective extends DisplayDensityBase {
     get pagingState() {
         return this._pagingState;
     }
+    /**
+     * Represents the last search information.
+     */
+    get lastSearchInfo() {
+        return this._lastSearchInfo;
+    }
     /** @hidden @internal */
     get paginator() {
         return this.paginationComponents?.first;
@@ -62321,18 +62356,6 @@ class IgxGridBaseDirective extends DisplayDensityBase {
          * @hidden @internal
          */
         this.disableTransitions = false;
-        /**
-         * Represents the last search information.
-         */
-        this.lastSearchInfo = {
-            searchText: '',
-            caseSensitive: false,
-            exactMatch: false,
-            activeMatchIndex: 0,
-            matchInfoCache: [],
-            matchCount: 0,
-            content: ''
-        };
         /**
          * @hidden @internal
          */
@@ -62446,6 +62469,15 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         this._filterStrategy = new FilteringStrategy();
         this._autoGeneratedCols = [];
         this._dataView = [];
+        this._lastSearchInfo = {
+            searchText: '',
+            caseSensitive: false,
+            exactMatch: false,
+            activeMatchIndex: 0,
+            matchInfoCache: [],
+            matchCount: 0,
+            content: ''
+        };
         this._rowEditable = false;
         this._filteredSortedData = null;
         this._filteredData = null;
@@ -64112,20 +64144,20 @@ class IgxGridBaseDirective extends DisplayDensityBase {
      * @param updateActiveInfo
      */
     refreshSearch(updateActiveInfo, endEdit = true) {
-        if (this.lastSearchInfo.searchText) {
+        if (this._lastSearchInfo.searchText) {
             this.rebuildMatchCache();
             if (updateActiveInfo) {
                 const activeInfo = this.textHighlightService.highlightGroupsMap.get(this.id);
-                this.lastSearchInfo.matchInfoCache.forEach((match, i) => {
+                this._lastSearchInfo.matchInfoCache.forEach((match, i) => {
                     if (match.column === activeInfo.column &&
                         match.row === activeInfo.row &&
                         match.index === activeInfo.index &&
                         compareMaps(match.metadata, activeInfo.metadata)) {
-                        this.lastSearchInfo.activeMatchIndex = i;
+                        this._lastSearchInfo.activeMatchIndex = i;
                     }
                 });
             }
-            return this.find(this.lastSearchInfo.searchText, 0, this.lastSearchInfo.caseSensitive, this.lastSearchInfo.exactMatch, false, endEdit);
+            return this.find(this._lastSearchInfo.searchText, 0, this._lastSearchInfo.caseSensitive, this._lastSearchInfo.exactMatch, false, endEdit);
         }
         else {
             return 0;
@@ -64140,7 +64172,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
      * ```
      */
     clearSearch() {
-        this.lastSearchInfo = {
+        this._lastSearchInfo = {
             searchText: '',
             caseSensitive: false,
             exactMatch: false,
@@ -66316,10 +66348,10 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         const caseSensitiveResolved = caseSensitive ? true : false;
         const exactMatchResolved = exactMatch ? true : false;
         let rebuildCache = false;
-        if (this.lastSearchInfo.searchText !== text ||
-            this.lastSearchInfo.caseSensitive !== caseSensitiveResolved ||
-            this.lastSearchInfo.exactMatch !== exactMatchResolved) {
-            this.lastSearchInfo = {
+        if (this._lastSearchInfo.searchText !== text ||
+            this._lastSearchInfo.caseSensitive !== caseSensitiveResolved ||
+            this._lastSearchInfo.exactMatch !== exactMatchResolved) {
+            this._lastSearchInfo = {
                 searchText: text,
                 activeMatchIndex: 0,
                 caseSensitive: caseSensitiveResolved,
@@ -66331,7 +66363,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             rebuildCache = true;
         }
         else {
-            this.lastSearchInfo.activeMatchIndex += increment;
+            this._lastSearchInfo.activeMatchIndex += increment;
         }
         if (rebuildCache) {
             this.rowList.forEach((row) => {
@@ -66343,15 +66375,15 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             });
             this.rebuildMatchCache();
         }
-        if (this.lastSearchInfo.activeMatchIndex >= this.lastSearchInfo.matchCount) {
-            this.lastSearchInfo.activeMatchIndex = 0;
+        if (this._lastSearchInfo.activeMatchIndex >= this._lastSearchInfo.matchCount) {
+            this._lastSearchInfo.activeMatchIndex = 0;
         }
-        else if (this.lastSearchInfo.activeMatchIndex < 0) {
-            this.lastSearchInfo.activeMatchIndex = this.lastSearchInfo.matchCount - 1;
+        else if (this._lastSearchInfo.activeMatchIndex < 0) {
+            this._lastSearchInfo.activeMatchIndex = this._lastSearchInfo.matchCount - 1;
         }
-        if (this.lastSearchInfo.matchCount > 0) {
-            const matchInfo = this.lastSearchInfo.matchInfoCache[this.lastSearchInfo.activeMatchIndex];
-            this.lastSearchInfo = { ...this.lastSearchInfo };
+        if (this._lastSearchInfo.matchCount > 0) {
+            const matchInfo = this._lastSearchInfo.matchInfoCache[this._lastSearchInfo.activeMatchIndex];
+            this._lastSearchInfo = { ...this._lastSearchInfo };
             if (scroll !== false) {
                 this.scrollTo(matchInfo.row, matchInfo.column);
             }
@@ -66365,13 +66397,13 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         else {
             this.textHighlightService.clearActiveHighlight(this.id);
         }
-        return this.lastSearchInfo.matchCount;
+        return this._lastSearchInfo.matchCount;
     }
     rebuildMatchCache() {
-        this.lastSearchInfo.matchInfoCache = [];
-        const caseSensitive = this.lastSearchInfo.caseSensitive;
-        const exactMatch = this.lastSearchInfo.exactMatch;
-        const searchText = caseSensitive ? this.lastSearchInfo.searchText : this.lastSearchInfo.searchText.toLowerCase();
+        this._lastSearchInfo.matchInfoCache = [];
+        const caseSensitive = this._lastSearchInfo.caseSensitive;
+        const exactMatch = this._lastSearchInfo.exactMatch;
+        const searchText = caseSensitive ? this._lastSearchInfo.searchText : this._lastSearchInfo.searchText.toLowerCase();
         const data = this.filteredSortedData;
         const columnItems = this.visibleColumns.filter((c) => !c.columnGroup).sort((c1, c2) => c1.visibleIndex - c2.visibleIndex);
         data.forEach((dataRow, rowIndex) => {
@@ -66392,7 +66424,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
                                 index: 0,
                                 metadata: new Map([['pinned', this.isRecordPinnedByIndex(rowIndex)]])
                             };
-                            this.lastSearchInfo.matchInfoCache.push(mic);
+                            this._lastSearchInfo.matchInfoCache.push(mic);
                         }
                     }
                     else {
@@ -66405,7 +66437,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
                                 index: occurrenceIndex++,
                                 metadata: new Map([['pinned', this.isRecordPinnedByIndex(rowIndex)]])
                             };
-                            this.lastSearchInfo.matchInfoCache.push(mic);
+                            this._lastSearchInfo.matchInfoCache.push(mic);
                             searchValue = searchValue.substring(searchIndex + searchText.length);
                             searchIndex = searchValue.indexOf(searchText);
                         }
@@ -66413,7 +66445,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
                 }
             });
         });
-        this.lastSearchInfo.matchCount = this.lastSearchInfo.matchInfoCache.length;
+        this._lastSearchInfo.matchCount = this._lastSearchInfo.matchInfoCache.length;
     }
     // TODO: About to Move to CRUD
     configureRowEditingOverlay(rowID, useOuter = false) {
@@ -81980,7 +82012,7 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
         const colLength = this.columns.length;
         const topCols = this.columnList.filter((item) => colsArray.indexOf(item) === -1);
         if (topCols.length > 0) {
-            this.updateColumns(topCols);
+            this.initColumns(topCols, (col) => this.columnInit.emit(col));
             if (recalcColSizes && this.columns.length !== colLength) {
                 this.calculateGridSizes(false);
             }