igniteui-angular 12.3.28 → 12.3.29

package/bundles/igniteui-angular.umd.js

@@ -7464,8 +7464,8 @@
             if (isAddRow) {
                 this.endAddRow();
                 if (commit) {
-                    this.grid.rowAddedNotifier.next({ data: args.newValue });
-                    this.grid.rowAdded.emit({ data: args.newValue });
+                    this.grid.rowAddedNotifier.next({ data: args.newValue, owner: this.grid });
+                    this.grid.rowAdded.emit({ data: args.newValue, owner: this.grid });
                 }
             }
             return args;
@@ -7930,8 +7930,7 @@
                 return;
             }
             var record = data[index];
-            // //  TODO: should we emit this when cascadeOnDelete is true for each row?!?!
-            grid.rowDeletedNotifier.next({ data: data[index] });
+            grid.rowDeletedNotifier.next({ data: data[index], owner: grid });
             this.deleteRowFromData(rowId, index);
             if (grid.selectionService.isRowSelected(rowId)) {
                 grid.selectionService.deselectRow(rowId);
@@ -57978,8 +57977,8 @@
                 _this.notifyChanges(true);
                 _this.cdr.detectChanges();
             });
-            this.verticalScrollContainer.contentSizeChange.pipe(operators.filter(function () { return !_this._init; }), destructor).subscribe(function () {
-                _this.notifyChanges();
+            this.verticalScrollContainer.contentSizeChange.pipe(operators.filter(function () { return !_this._init; }), operators.throttleTime(30), destructor).subscribe(function () {
+                _this.notifyChanges(true);
             });
             this.onDensityChanged.pipe(destructor).subscribe(function () {
                 _this.crudService.endEdit(false);
@@ -58982,7 +58981,7 @@
             // commit pending states prior to adding a row
             this.crudService.endEdit(true);
             this.gridAPI.addRowToData(data);
-            this.rowAddedNotifier.next({ data: data });
+            this.rowAddedNotifier.next({ data: data, owner: this });
             this.pipeTrigger++;
             this.notifyChanges();
         };
@@ -59009,7 +59008,8 @@
                 rowID: rowId,
                 cancel: false,
                 rowData: this.getRowData(rowId),
-                oldValue: null
+                oldValue: null,
+                owner: this
             };
             this.rowDelete.emit(args);
             if (args.cancel) {
@@ -59017,8 +59017,7 @@
             }
             var record = this.gridAPI.deleteRowById(rowId);
             if (record !== null && record !== undefined) {
-                //  TODO: should we emit this when cascadeOnDelete is true for each row?!?!
-                this.rowDeleted.emit({ data: record });
+                this.rowDeleted.emit({ data: record, owner: this });
             }
             return record;
         };
@@ -61227,10 +61226,12 @@
             this.tbody.nativeElement.style.display = 'none';
             var res = !this.nativeElement.parentElement ||
                 this.nativeElement.parentElement.clientHeight === 0 ||
-                this.nativeElement.parentElement.clientHeight === renderedHeight ||
+                this.nativeElement.parentElement.clientHeight === renderedHeight;
+            if (!this.platform.isChromium && !this.platform.isFirefox) {
                 // 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.checkContainerSizeChange();
+                res = this.checkContainerSizeChange();
+            }
             this.tbody.nativeElement.style.display = '';
             return res;
         };
@@ -73946,7 +73947,7 @@
         IgxTreeGridComponent.prototype.addRow = function (data, parentRowID) {
             this.crudService.endEdit(true);
             this.gridAPI.addRowToData(data, parentRowID);
-            this.rowAddedNotifier.next({ data: data });
+            this.rowAddedNotifier.next({ data: data, owner: this });
             this.pipeTrigger++;
             this.notifyChanges();
         };
@@ -74056,7 +74057,22 @@
             //  if this is flat self-referencing data, and CascadeOnDelete is set to true
             //  and if we have transactions we should start pending transaction. This allows
             //  us in case of delete action to delete all child rows as single undo action
-            return this._gridAPI.deleteRowById(rowId);
+            var args = {
+                rowID: rowId,
+                cancel: false,
+                rowData: this.getRowData(rowId),
+                oldValue: null,
+                owner: this
+            };
+            this.rowDelete.emit(args);
+            if (args.cancel) {
+                return;
+            }
+            var record = this.gridAPI.deleteRowById(rowId);
+            if (record !== null && record !== undefined) {
+                this.rowDeleted.emit({ data: record, owner: this });
+            }
+            return record;
         };
         /**
          * Returns the `IgxTreeGridRow` by index.
@@ -74448,6 +74464,7 @@
                         { provide: GridBaseAPIService, useClass: IgxTreeGridAPIService },
                         { provide: IgxGridBaseDirective, useExisting: i0.forwardRef(function () { return IgxTreeGridComponent; }) },
                         IgxFilteringService,
+                        IgxColumnResizingService,
                         IgxForOfSyncService,
                         IgxForOfScrollSyncService
                     ]
@@ -77644,6 +77661,7 @@
                         { provide: GridBaseAPIService, useClass: IgxHierarchicalGridAPIService },
                         { provide: IgxGridBaseDirective, useExisting: i0.forwardRef(function () { return IgxHierarchicalGridComponent; }) },
                         IgxGridSummaryService,
+                        IgxColumnResizingService,
                         IgxFilteringService,
                         IgxHierarchicalGridNavigationService,
                         IgxForOfSyncService,
@@ -82887,17 +82905,75 @@
             this.overflow = 'auto';
             /**
              * @hidden @internal
-             * Gets/Sets the `minHeight` and `minWidth` properties of the current pane.
+             * Get/Sets the `minWidth` properties of the current pane.
              */
-            this.minHeight = 0;
+            this.minWidth = '0';
             /**
              * @hidden @internal
-             * Gets/Sets the `maxHeight` and `maxWidth` properties of the current `IgxSplitterPaneComponent`.
+             * Get/Sets the `maxWidth` properties of the current pane.
+             */
+            this.maxWidth = '100%';
+            /**
+             * @hidden @internal
+             * Gets/Sets the `minHeight` properties of the current pane.
+             */
+            this.minHeight = '0';
+            /**
+             * @hidden @internal
+             * Gets/Sets the `maxHeight` properties of the current `IgxSplitterPaneComponent`.
              */
             this.maxHeight = '100%';
             this._size = 'auto';
             this._collapsed = false;
         }
+        Object.defineProperty(IgxSplitterPaneComponent.prototype, "minSize", {
+            /**
+             * Gets/Sets the minimum allowed size of the current pane.
+             *
+             * @example
+             * ```html
+             * <igx-splitter>
+             *  <igx-splitter-pane [minSize]='minSize'>...</igx-splitter-pane>
+             * </igx-splitter>
+             * ```
+             */
+            get: function () {
+                return this._minSize;
+            },
+            set: function (value) {
+                this._minSize = value;
+                if (this.owner) {
+                    this.owner.panes.notifyOnChanges();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
+        Object.defineProperty(IgxSplitterPaneComponent.prototype, "maxSize", {
+            /**
+             * Gets/Set the maximum allowed size of the current pane.
+             *
+             * @example
+             * ```html
+             * <igx-splitter>
+             *  <igx-splitter-pane [maxSize]='maxSize'>...</igx-splitter-pane>
+             * </igx-splitter>
+             * ```
+             */
+            get: function () {
+                return this._maxSize;
+            },
+            set: function (value) {
+                this._maxSize = value;
+                if (this.owner) {
+                    this.owner.panes.notifyOnChanges();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
         Object.defineProperty(IgxSplitterPaneComponent.prototype, "size", {
             /**
              * Gets/Sets the size of the current pane.
@@ -83034,8 +83110,10 @@
         collapsedChange: [{ type: i0.Output }],
         order: [{ type: i0.HostBinding, args: ['style.order',] }],
         overflow: [{ type: i0.HostBinding, args: ['style.overflow',] }],
-        minHeight: [{ type: i0.HostBinding, args: ['style.min-height',] }, { type: i0.HostBinding, args: ['style.min-width',] }],
-        maxHeight: [{ type: i0.HostBinding, args: ['style.max-height',] }, { type: i0.HostBinding, args: ['style.max-width',] }],
+        minWidth: [{ type: i0.HostBinding, args: ['style.min-width',] }],
+        maxWidth: [{ type: i0.HostBinding, args: ['style.max-width',] }],
+        minHeight: [{ type: i0.HostBinding, args: ['style.min-height',] }],
+        maxHeight: [{ type: i0.HostBinding, args: ['style.max-height',] }],
         size: [{ type: i0.Input }],
         flex: [{ type: i0.HostBinding, args: ['style.flex',] }],
         collapsed: [{ type: i0.Input }]
@@ -83137,8 +83215,10 @@
                 return this._type;
             },
             set: function (value) {
+                var _a;
                 this._type = value;
                 this.resetPaneSizes();
+                (_a = this.panes) === null || _a === void 0 ? void 0 : _a.notifyOnChanges();
             },
             enumerable: false,
             configurable: true
@@ -83252,7 +83332,18 @@
          */
         IgxSplitterComponent.prototype.initPanes = function () {
             var _this = this;
-            this.panes.forEach(function (pane) { return pane.owner = _this; });
+            this.panes.forEach(function (pane) {
+                var _a, _b, _c, _d;
+                pane.owner = _this;
+                if (_this.type === exports.SplitterType.Horizontal) {
+                    pane.minWidth = (_a = pane.minSize) !== null && _a !== void 0 ? _a : '0';
+                    pane.maxWidth = (_b = pane.maxSize) !== null && _b !== void 0 ? _b : '100%';
+                }
+                else {
+                    pane.minHeight = (_c = pane.minSize) !== null && _c !== void 0 ? _c : '0';
+                    pane.maxHeight = (_d = pane.maxSize) !== null && _d !== void 0 ? _d : '100%';
+                }
+            });
             this.assignFlexOrder();
             if (this.panes.filter(function (x) { return x.collapsed; }).length > 0) {
                 // if any panes are collapsed, reset sizes.
@@ -83266,7 +83357,13 @@
         IgxSplitterComponent.prototype.resetPaneSizes = function () {
             if (this.panes) {
                 // if type is changed runtime, should reset sizes.
-                this.panes.forEach(function (x) { return x.size = 'auto'; });
+                this.panes.forEach(function (x) {
+                    x.size = 'auto';
+                    x.minWidth = '0';
+                    x.maxWidth = '100%';
+                    x.minHeight = '0';
+                    x.maxHeight = '100%';
+                });
             }
         };
         /**