igniteui-angular 12.3.21 → 12.3.22

package/bundles/igniteui-angular.umd.js

@@ -46028,6 +46028,7 @@
                     this.grid.rootGrid ? this.grid.rootGrid.nativeElement : this.grid.nativeElement :
                     esf;
             this.toggle.open(this._customDialogOverlaySettings);
+            this.overlayComponentId = this.toggle.overlayId;
         };
         IgxExcelStyleCustomDialogComponent.prototype.onClearButtonClick = function () {
             this.filteringService.clearFilter(this.column.field);
@@ -46037,6 +46038,7 @@
         IgxExcelStyleCustomDialogComponent.prototype.closeDialog = function () {
             if (this.overlayComponentId) {
                 this.overlayService.hide(this.overlayComponentId);
+                this.overlayComponentId = null;
             }
             else {
                 this.toggle.close();
@@ -48826,7 +48828,8 @@
             if (rowIndex < 0 || rowIndex > this.grid.dataView.length - 1) {
                 curRow = this.grid.dataView[rowIndex - this.grid.virtualizationState.startIndex];
                 if (!curRow) {
-                    return false;
+                    // if data is remote, record might not be in the view yet.
+                    return this.grid.verticalScrollContainer.isRemote && rowIndex >= 0 && rowIndex <= this.grid.totalItemCount - 1;
                 }
             }
             else {
@@ -49139,8 +49142,11 @@
             event.preventDefault();
             if ((this.grid.crudService.rowInEditMode && this.grid.rowEditTabs.length) &&
                 (this.activeNode.row !== next.rowIndex || this.isActiveNode(next.rowIndex, next.visibleColumnIndex))) {
-                this.grid.crudService.updateCell(true, event);
-                if (shift) {
+                var args = this.grid.crudService.updateCell(true, event);
+                if (args.cancel) {
+                    return;
+                }
+                else if (shift) {
                     this.grid.rowEditTabs.last.element.nativeElement.focus();
                 }
                 else {
@@ -60265,22 +60271,24 @@
         IgxGridBaseDirective.prototype.getNextCell = function (currRowIndex, curVisibleColIndex, callback) {
             if (callback === void 0) { callback = null; }
             var columns = this.columnList.filter(function (col) { return !col.columnGroup && col.visibleIndex >= 0; });
-            if (!this.isValidPosition(currRowIndex, curVisibleColIndex)) {
+            var dataViewIndex = this._getDataViewIndex(currRowIndex);
+            if (!this.isValidPosition(dataViewIndex, curVisibleColIndex)) {
                 return { rowIndex: currRowIndex, visibleColumnIndex: curVisibleColIndex };
             }
             var colIndexes = callback ? columns.filter(function (col) { return callback(col); }).map(function (editCol) { return editCol.visibleIndex; }).sort(function (a, b) { return a - b; }) :
                 columns.map(function (editCol) { return editCol.visibleIndex; }).sort(function (a, b) { return a - b; });
             var nextCellIndex = colIndexes.find(function (index) { return index > curVisibleColIndex; });
-            if (this.dataView.slice(currRowIndex, currRowIndex + 1)
+            if (this.dataView.slice(dataViewIndex, dataViewIndex + 1)
                 .find(function (rec) { return !rec.expression && !rec.summaries && !rec.childGridsData && !rec.detailsData; }) && nextCellIndex !== undefined) {
                 return { rowIndex: currRowIndex, visibleColumnIndex: nextCellIndex };
             }
             else {
-                if (colIndexes.length === 0 || this.getNextDataRowIndex(currRowIndex) === currRowIndex) {
+                var nextIndex = this.getNextDataRowIndex(currRowIndex);
+                if (colIndexes.length === 0 || nextIndex === currRowIndex) {
                     return { rowIndex: currRowIndex, visibleColumnIndex: curVisibleColIndex };
                 }
                 else {
-                    return { rowIndex: this.getNextDataRowIndex(currRowIndex), visibleColumnIndex: colIndexes[0] };
+                    return { rowIndex: nextIndex, visibleColumnIndex: colIndexes[0] };
                 }
             }
         };
@@ -60299,22 +60307,24 @@
         IgxGridBaseDirective.prototype.getPreviousCell = function (currRowIndex, curVisibleColIndex, callback) {
             if (callback === void 0) { callback = null; }
             var columns = this.columnList.filter(function (col) { return !col.columnGroup && col.visibleIndex >= 0; });
-            if (!this.isValidPosition(currRowIndex, curVisibleColIndex)) {
+            var dataViewIndex = this._getDataViewIndex(currRowIndex);
+            if (!this.isValidPosition(dataViewIndex, curVisibleColIndex)) {
                 return { rowIndex: currRowIndex, visibleColumnIndex: curVisibleColIndex };
             }
             var colIndexes = callback ? columns.filter(function (col) { return callback(col); }).map(function (editCol) { return editCol.visibleIndex; }).sort(function (a, b) { return b - a; }) :
                 columns.map(function (editCol) { return editCol.visibleIndex; }).sort(function (a, b) { return b - a; });
             var prevCellIndex = colIndexes.find(function (index) { return index < curVisibleColIndex; });
-            if (this.dataView.slice(currRowIndex, currRowIndex + 1)
+            if (this.dataView.slice(dataViewIndex, dataViewIndex + 1)
                 .find(function (rec) { return !rec.expression && !rec.summaries && !rec.childGridsData && !rec.detailsData; }) && prevCellIndex !== undefined) {
                 return { rowIndex: currRowIndex, visibleColumnIndex: prevCellIndex };
             }
             else {
-                if (colIndexes.length === 0 || this.getNextDataRowIndex(currRowIndex, true) === currRowIndex) {
+                var prevIndex = this.getNextDataRowIndex(currRowIndex, true);
+                if (colIndexes.length === 0 || prevIndex === currRowIndex) {
                     return { rowIndex: currRowIndex, visibleColumnIndex: curVisibleColIndex };
                 }
                 else {
-                    return { rowIndex: this.getNextDataRowIndex(currRowIndex, true), visibleColumnIndex: colIndexes[0] };
+                    return { rowIndex: prevIndex, visibleColumnIndex: colIndexes[0] };
                 }
             }
         };
@@ -60920,7 +60930,6 @@
                 var added_1 = false;
                 var removed_1 = false;
                 diff.forEachAddedItem(function (record) {
-                    _this.columnInit.emit(record.item);
                     added_1 = true;
                     if (record.item.pinned) {
                         _this._pinnedColumns.push(record.item);
@@ -60929,7 +60938,7 @@
                         _this._unpinnedColumns.push(record.item);
                     }
                 });
-                this.initColumns(this.columnList);
+                this.initColumns(this.columnList, function (col) { return _this.columnInit.emit(col); });
                 diff.forEachRemovedItem(function (record) {
                     var isColumnGroup = record.item instanceof IgxColumnGroupComponent;
                     if (!isColumnGroup) {
@@ -61649,6 +61658,31 @@
             }
             directive.scrollTo(goal);
         };
+        /**
+         * @hidden
+         * @internal
+         */
+        IgxGridBaseDirective.prototype._getDataViewIndex = function (index) {
+            var newIndex = index;
+            if ((index < 0 || index >= this.dataView.length) && this.pagingMode === 1 && this.paginator.page !== 0) {
+                newIndex = index - this.paginator.perPage * this.paginator.page;
+            }
+            else if (this.gridAPI.grid.verticalScrollContainer.isRemote) {
+                newIndex = index - this.gridAPI.grid.virtualizationState.startIndex;
+            }
+            return newIndex;
+        };
+        /**
+         * @hidden
+         * @internal
+         */
+        IgxGridBaseDirective.prototype.getDataIndex = function (dataViewIndex) {
+            var newIndex = dataViewIndex;
+            if (this.gridAPI.grid.verticalScrollContainer.isRemote) {
+                newIndex = dataViewIndex + this.gridAPI.grid.virtualizationState.startIndex;
+            }
+            return newIndex;
+        };
         IgxGridBaseDirective.prototype.getColumnWidthSum = function () {
             var colSum = 0;
             var cols = this.hasColumnLayouts ?
@@ -61751,7 +61785,8 @@
                         cb(cbArgs);
                     });
                 }
-                if (this.dataView[rowIndex].detailsData) {
+                var dataViewIndex = this._getDataViewIndex(rowIndex);
+                if (this.dataView[dataViewIndex].detailsData) {
                     this.navigation.setActiveNode({ row: rowIndex });
                     this.cdr.detectChanges();
                 }
@@ -61787,13 +61822,15 @@
         IgxGridBaseDirective.prototype.getNextDataRowIndex = function (currentRowIndex, previous) {
             var _this = this;
             if (previous === void 0) { previous = false; }
-            if (currentRowIndex < 0 || (currentRowIndex === 0 && previous) || (currentRowIndex >= this.dataView.length - 1 && !previous)) {
+            var resolvedIndex = this._getDataViewIndex(currentRowIndex);
+            if (currentRowIndex < 0 || (currentRowIndex === 0 && previous) || (resolvedIndex >= this.dataView.length - 1 && !previous)) {
                 return currentRowIndex;
             }
             // find next/prev record that is editable.
             var nextRowIndex = previous ? this.findPrevEditableDataRowIndex(currentRowIndex) :
-                this.dataView.findIndex(function (rec, index) { return index > currentRowIndex && _this.isEditableDataRecordAtIndex(index); });
-            return nextRowIndex !== -1 ? nextRowIndex : currentRowIndex;
+                this.dataView.findIndex(function (rec, index) { return index > resolvedIndex && _this.isEditableDataRecordAtIndex(index); });
+            var nextDataIndex = this.getDataIndex(nextRowIndex);
+            return nextDataIndex !== -1 ? nextDataIndex : currentRowIndex;
         };
         /**
          * Returns the previous editable row index or -1 if no such row is found.
@@ -61802,8 +61839,9 @@
          */
         IgxGridBaseDirective.prototype.findPrevEditableDataRowIndex = function (currentIndex) {
             var i = this.dataView.length;
+            var resolvedIndex = this._getDataViewIndex(currentIndex);
             while (i--) {
-                if (i < currentIndex && this.isEditableDataRecordAtIndex(i)) {
+                if (i < resolvedIndex && this.isEditableDataRecordAtIndex(i)) {
                     return i;
                 }
             }
@@ -63887,7 +63925,10 @@
             var node = this.selectionNode;
             var shouldEmitSelection = !this.selectionService.isActiveNode(node);
             if (this.selectionService.primaryButton) {
-                this._updateCRUDStatus(event);
+                var cancel = this._updateCRUDStatus(event);
+                if (cancel) {
+                    return;
+                }
                 var activeElement = this.selectionService.activeElement;
                 var row = activeElement ? this.gridAPI.get_row_by_index(activeElement.row) : null;
                 if ((this.grid.crudService.rowEditingBlocked && row && this.intRow.rowID !== row.rowID) ||
@@ -70314,7 +70355,7 @@
          */
         IgxGridComponent.prototype.createRow = function (index, data) {
             var row;
-            var dataIndex = this._getResolvedDataIndex(index);
+            var dataIndex = this._getDataViewIndex(index);
             var rec = data !== null && data !== void 0 ? data : this.dataView[dataIndex];
             if (rec && this.isGroupByRecord(rec)) {
                 row = new IgxGroupByRow(this, index, rec);
@@ -74060,7 +74101,7 @@
          */
         IgxTreeGridComponent.prototype.createRow = function (index, data) {
             var row;
-            var dataIndex = this._getResolvedDataIndex(index);
+            var dataIndex = this._getDataViewIndex(index);
             var rec = data !== null && data !== void 0 ? data : this.dataView[dataIndex];
             if (this.isSummaryRow(rec)) {
                 row = new IgxSummaryRow(this, index, rec.summaries, exports.GridInstanceType.TreeGrid);
@@ -77225,7 +77266,7 @@
          */
         IgxHierarchicalGridComponent.prototype.isChildGridRecord = function (record) {
             // Can be null when there is defined layout but no child data was found
-            return record.childGridsData !== undefined;
+            return (record === null || record === void 0 ? void 0 : record.childGridsData) !== undefined;
         };
         /**
          * @hidden
@@ -77428,7 +77469,7 @@
          */
         IgxHierarchicalGridComponent.prototype.createRow = function (index, data) {
             var row;
-            var dataIndex = this._getResolvedDataIndex(index);
+            var dataIndex = this._getDataViewIndex(index);
             var rec = data !== null && data !== void 0 ? data : this.dataView[dataIndex];
             if (!row && rec && !rec.childGridsData) {
                 row = new IgxHierarchicalGridRow(this, index, rec);