igniteui-angular 18.0.0 → 18.0.2

package/fesm2022/igniteui-angular.mjs

@@ -1067,7 +1067,7 @@ class NoopSortingStrategy {
 }
 /**
  * Represents a class extending the IgxSorting class
- * Provids custom data record sorting.
+ * Provides custom data record sorting.
  */
 class IgxDataRecordSorting extends IgxSorting {
     /**
@@ -12650,6 +12650,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);
         }
@@ -13408,6 +13413,17 @@ class IgxForOfDirective extends IgxForOfToken {
             this.chunkLoad.emit(this.state);
         }
     }
+    /**
+     * @hidden
+     * @internal
+     */
+    updateScroll() {
+        if (this.igxForScrollOrientation === "horizontal") {
+            const scrollAmount = this.scrollComponent.nativeElement["scrollLeft"];
+            this.scrollComponent.scrollAmount = scrollAmount;
+            this._updateScrollOffset();
+        }
+    }
     updateSizes() {
         if (!this.scrollComponent.nativeElement.isConnected)
             return;
@@ -14064,7 +14080,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';
@@ -17987,7 +18003,7 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
      * @hidden
      */
     set target(target) {
-        if (target !== null && target !== '') {
+        if (target instanceof IgxTooltipDirective) {
             this._target = target;
         }
     }
@@ -25081,20 +25097,17 @@ class IgxGridSelectionService {
                 return keys.some(k => this.isPivotRowSelected(k));
             });
         }
-        if (this.rowSelection.size && this.grid.totalItemCount || this.grid.pagingMode === GridPagingMode.Remote) {
-            if (!this.grid.primaryKey) {
-                return Array.from(this.rowSelection);
-            }
-            const selection = [];
-            this.rowSelection.forEach(rID => {
-                const rData = this.grid.gridAPI.get_all_data(true).find(row => this.getRecordKey(row) === rID);
-                const partialRowData = {};
-                partialRowData[this.grid.primaryKey] = rID;
-                selection.push(rData ? rData : partialRowData);
-            });
-            return selection;
-        }
-        return this.rowSelection.size ? this.grid.gridAPI.get_all_data(true).filter(row => this.rowSelection.has(this.getRecordKey(row))) : [];
+        if (!this.grid.primaryKey) {
+            return Array.from(this.rowSelection);
+        }
+        const selection = [];
+        this.rowSelection.forEach(rID => {
+            const rData = this.grid.gridAPI.get_all_data(true).find(row => this.getRecordKey(row) === rID);
+            const partialRowData = {};
+            partialRowData[this.grid.primaryKey] = rID;
+            selection.push(rData ? rData : partialRowData);
+        });
+        return selection;
     }
     /** Returns array of the selected row id's. */
     getSelectedRows() {
@@ -31609,6 +31622,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
@@ -31622,6 +31639,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
@@ -37645,10 +37666,12 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
             if (filtered === null || filtered === undefined) {
                 return;
             }
-            this.select(this.dropdown.focusedItem.itemID);
-            event.preventDefault();
-            event.stopPropagation();
-            this.close();
+            if (!this.dropdown.collapsed) {
+                this.select(this.dropdown.focusedItem.itemID);
+                event.preventDefault();
+                event.stopPropagation();
+                this.close();
+            }
             // manually trigger text selection as it will not be triggered during editing
             this.textSelection.trigger();
             return;
@@ -61128,6 +61151,12 @@ class IgxGridBaseDirective {
     get pagingState() {
         return this._pagingState;
     }
+    /**
+     * Represents the last search information.
+     */
+    get lastSearchInfo() {
+        return this._lastSearchInfo;
+    }
     /** @hidden @internal */
     get paginator() {
         return this.paginationComponents?.first;
@@ -61990,18 +62019,6 @@ class IgxGridBaseDirective {
          * @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
          */
@@ -62115,6 +62132,15 @@ class IgxGridBaseDirective {
         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;
@@ -62459,6 +62485,7 @@ class IgxGridBaseDirective {
             // the vert. scrollbar showing/hiding
             this.notifyChanges(true);
             this.cdr.detectChanges();
+            Promise.resolve().then(() => this.headerContainer.updateScroll());
         });
         this.headerContainer?.scrollbarVisibilityChanged.pipe(filter(() => !this._init), destructor).subscribe(() => {
             // the horizontal scrollbar showing/hiding
@@ -63786,20 +63813,20 @@ class IgxGridBaseDirective {
      * @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;
@@ -63814,7 +63841,7 @@ class IgxGridBaseDirective {
      * ```
      */
     clearSearch() {
-        this.lastSearchInfo = {
+        this._lastSearchInfo = {
             searchText: '',
             caseSensitive: false,
             exactMatch: false,
@@ -64883,12 +64910,8 @@ class IgxGridBaseDirective {
         // in case state is no longer valid - update it.
         const rowForOf = row.virtDirRow;
         const gridScrLeft = rowForOf.getScroll().scrollLeft;
-        const left = -parseInt(rowForOf.dc.instance._viewContainer.element.nativeElement.style.left, 10);
-        const actualScrollLeft = left + rowForOf.getColumnScrollLeft(rowForOf.state.startIndex);
-        if (gridScrLeft !== actualScrollLeft) {
-            rowForOf.onHScroll(gridScrLeft);
-            rowForOf.cdr.detectChanges();
-        }
+        rowForOf.onHScroll(gridScrLeft);
+        rowForOf.cdr.detectChanges();
     }
     changeRowEditingOverlayStateOnScroll(row) {
         if (!this.rowEditable || !this.rowEditingOverlay || this.rowEditingOverlay.collapsed) {
@@ -65387,7 +65410,7 @@ class IgxGridBaseDirective {
         let res = !parentElement ||
             parentElement.clientHeight === 0 ||
             parentElement.clientHeight === renderedHeight;
-        if ((!this.platform.isChromium && !this.platform.isFirefox) || this._autoSize) {
+        if (parentElement && (res || this._autoSize)) {
             // If grid causes the parent container to extend (for example when container is flex)
             // we should always auto-size since the actual size of the container will continuously change as the grid renders elements.
             this._autoSize = false;
@@ -66001,10 +66024,10 @@ class IgxGridBaseDirective {
         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,
@@ -66016,7 +66039,7 @@ class IgxGridBaseDirective {
             rebuildCache = true;
         }
         else {
-            this.lastSearchInfo.activeMatchIndex += increment;
+            this._lastSearchInfo.activeMatchIndex += increment;
         }
         if (rebuildCache) {
             this.rowList.forEach((row) => {
@@ -66028,15 +66051,15 @@ class IgxGridBaseDirective {
             });
             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);
             }
@@ -66050,13 +66073,13 @@ class IgxGridBaseDirective {
         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) => {
@@ -66077,7 +66100,7 @@ class IgxGridBaseDirective {
                                 index: 0,
                                 metadata: new Map([['pinned', this.isRecordPinnedByIndex(rowIndex)]])
                             };
-                            this.lastSearchInfo.matchInfoCache.push(mic);
+                            this._lastSearchInfo.matchInfoCache.push(mic);
                         }
                     }
                     else {
@@ -66090,7 +66113,7 @@ class IgxGridBaseDirective {
                                 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);
                         }
@@ -66098,7 +66121,7 @@ class IgxGridBaseDirective {
                 }
             });
         });
-        this.lastSearchInfo.matchCount = this.lastSearchInfo.matchInfoCache.length;
+        this._lastSearchInfo.matchCount = this._lastSearchInfo.matchInfoCache.length;
     }
     updateDefaultRowHeight() {
         if (this.dataRowList.length > 0 && this.dataRowList.first.cells && this.dataRowList.first.cells.length > 0) {
@@ -81884,7 +81907,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);
             }