igniteui-angular 17.2.6 → 17.2.7

package/fesm2022/igniteui-angular.mjs

@@ -1052,7 +1052,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 +7260,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 +12781,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 +14207,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 +31705,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 +31722,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
@@ -61457,6 +61471,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 +62341,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 +62454,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 +64129,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 +64157,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
      * ```
      */
     clearSearch() {
-        this.lastSearchInfo = {
+        this._lastSearchInfo = {
             searchText: '',
             caseSensitive: false,
             exactMatch: false,
@@ -66316,10 +66333,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 +66348,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             rebuildCache = true;
         }
         else {
-            this.lastSearchInfo.activeMatchIndex += increment;
+            this._lastSearchInfo.activeMatchIndex += increment;
         }
         if (rebuildCache) {
             this.rowList.forEach((row) => {
@@ -66343,15 +66360,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 +66382,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 +66409,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 +66422,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 +66430,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 +81997,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);
             }