igniteui-angular 12.3.24 → 12.3.25

package/bundles/igniteui-angular.umd.js

@@ -6091,10 +6091,16 @@
             }
         };
         IgxForOfDirective.prototype.updateSizes = function () {
+            var scrollable = this.isScrollable();
             this.recalcUpdateSizes();
             this._applyChanges();
             this._updateScrollOffset();
-            this.contentSizeChange.emit();
+            if (scrollable !== this.isScrollable()) {
+                this.scrollbarVisibilityChanged.emit();
+            }
+            else {
+                this.contentSizeChange.emit();
+            }
         };
         /**
          * @hidden
@@ -28414,10 +28420,12 @@
         Object.defineProperty(IgxDateTimeEditorDirective.prototype, "targetDatePart", {
             get: function () {
                 var _this = this;
-                var _a;
-                if (this.document.activeElement === this.nativeElement) {
-                    return (_a = this._inputDateParts
-                        .find(function (p) { return p.start <= _this.selectionStart && _this.selectionStart <= p.end && p.type !== exports.DatePart.Literal; })) === null || _a === void 0 ? void 0 : _a.type;
+                var _a, _b, _c;
+                // V.K. May 16th, 2022 #11557 Get correct date part in shadow DOM
+                if (this.document.activeElement === this.nativeElement ||
+                    ((_b = (_a = this.document.activeElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.activeElement) === this.nativeElement) {
+                    return (_c = this._inputDateParts
+                        .find(function (p) { return p.start <= _this.selectionStart && _this.selectionStart <= p.end && p.type !== exports.DatePart.Literal; })) === null || _c === void 0 ? void 0 : _c.type;
                 }
                 else {
                     if (this._inputDateParts.some(function (p) { return p.type === exports.DatePart.Date; })) {
@@ -28689,12 +28697,12 @@
             return DateTimeUtil.parseValueFromMask(val, this._inputDateParts, this.promptChar);
         };
         IgxDateTimeEditorDirective.prototype.getMaskedValue = function () {
-            var e_1, _b;
+            var e_1, _d;
             var mask = this.emptyMask;
             if (DateTimeUtil.isValidDate(this.value)) {
                 try {
-                    for (var _c = __values(this._inputDateParts), _d = _c.next(); !_d.done; _d = _c.next()) {
-                        var part = _d.value;
+                    for (var _e = __values(this._inputDateParts), _f = _e.next(); !_f.done; _f = _e.next()) {
+                        var part = _f.value;
                         if (part.type === exports.DatePart.Literal) {
                             continue;
                         }
@@ -28705,7 +28713,7 @@
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                        if (_f && !_f.done && (_d = _e.return)) _d.call(_e);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
@@ -40290,10 +40298,16 @@
             this.customValueFlag = this.allowCustomValues && !itemMatch;
         };
         IgxComboBaseDirective.prototype.manageRequiredAsterisk = function () {
-            if (this.ngControl && this.ngControl.control.validator) {
-                // Run the validation with empty object to check if required is enabled.
-                var error = this.ngControl.control.validator({});
-                this.inputGroup.isRequired = error && error.required;
+            if (this.ngControl) {
+                if (this.ngControl.control.validator) {
+                    // Run the validation with empty object to check if required is enabled.
+                    var error = this.ngControl.control.validator({});
+                    this.inputGroup.isRequired = error && error.required;
+                }
+                else {
+                    // P.M. 18 May 2022: IgxCombo's asterisk not removed when removing required validator dynamically in reactive form #11543
+                    this.inputGroup.isRequired = false;
+                }
             }
         };
         /** Contains key-value pairs of the selected valueKeys and their resp. displayKeys */
@@ -57485,6 +57499,22 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IgxGridBaseDirective.prototype, "summariesHeight", {
+            /**
+             * @hidden @internal
+             */
+            get: function () {
+                if (this.hasSummarizedColumns && this.rootSummariesEnabled) {
+                    return this._summariesHeight;
+                }
+                return 0;
+            },
+            set: function (val) {
+                this._summariesHeight = val;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgxGridBaseDirective.prototype, "filteredSortedData", {
             /**
              * Returns an array containing the filtered sorted data.
@@ -57850,7 +57880,10 @@
             this.resizeNotify.pipe(destructor, operators.filter(function () { return !_this._init; }), operators.throttleTime(0, rxjs.animationFrameScheduler, { leading: true, trailing: true }))
                 .subscribe(function () {
                 _this.zone.run(function () {
-                    _this.notifyChanges(true);
+                    // do not trigger reflow if element is detached.
+                    if (_this.document.contains(_this.nativeElement)) {
+                        _this.notifyChanges(true);
+                    }
                 });
             });
             this.pipeTriggerNotifier.pipe(operators.takeUntil(this.destroy$)).subscribe(function () { return _this.pipeTrigger++; });
@@ -57908,9 +57941,10 @@
                 // called to recalc all widths that may have changes as a result of
                 // the vert. scrollbar showing/hiding
                 _this.notifyChanges(true);
+                _this.cdr.detectChanges();
             });
-            this.verticalScrollContainer.contentSizeChange.pipe(destructor, operators.filter(function () { return !_this._init; })).subscribe(function () {
-                _this.calculateGridSizes(false);
+            this.verticalScrollContainer.contentSizeChange.pipe(operators.filter(function () { return !_this._init; }), destructor).subscribe(function () {
+                _this.notifyChanges();
             });
             this.onDensityChanged.pipe(destructor).subscribe(function () {
                 _this.crudService.endEdit(false);
@@ -69471,6 +69505,9 @@
                     this.setupColumns();
                 }
                 this.cdr.markForCheck();
+                if (this.isPercentHeight) {
+                    this.notifyChanges(true);
+                }
             },
             enumerable: false,
             configurable: true
@@ -77046,20 +77083,16 @@
             }
             _super.prototype.ngOnInit.call(this);
         };
-        IgxHierarchicalGridComponent.prototype.ngDoCheck = function () {
-            if (this._cdrRequestRepaint && !this._init) {
-                this.updateSizes();
-            }
-            _super.prototype.ngDoCheck.call(this);
-        };
         /**
          * @hidden
          */
         IgxHierarchicalGridComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
             _super.prototype.ngAfterViewInit.call(this);
-            this.verticalScrollContainer.getScroll().addEventListener('scroll', this.hg_verticalScrollHandler.bind(this));
-            this.headerContainer.getScroll().addEventListener('scroll', this.hg_horizontalScrollHandler.bind(this));
+            this.zone.runOutsideAngular(function () {
+                _this.verticalScrollContainer.getScroll().addEventListener('scroll', _this.hg_verticalScrollHandler.bind(_this));
+                _this.headerContainer.getScroll().addEventListener('scroll', _this.hg_horizontalScrollHandler.bind(_this));
+            });
             this.verticalScrollContainer.beforeViewDestroyed.pipe(operators.takeUntil(this.destroy$)).subscribe(function (view) {
                 var rowData = view.context.$implicit;
                 if (_this.isChildGridRecord(rowData)) {
@@ -77465,26 +77498,6 @@
                         relatedGrid.updateOnRender = false;
                     }
                 });
-                var childGrids = this.getChildGrids(true);
-                childGrids.forEach(function (grid) {
-                    if (grid.isPercentWidth) {
-                        grid.notifyChanges(true);
-                    }
-                    grid.updateScrollPosition();
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        IgxHierarchicalGridComponent.prototype.updateScrollPosition = function () {
-            var vScr = this.verticalScrollContainer.getScroll();
-            var hScr = this.headerContainer.getScroll();
-            if (vScr) {
-                vScr.scrollTop = this.scrollTop;
-            }
-            if (hScr) {
-                hScr.scrollLeft = this.scrollLeft;
             }
         };
         IgxHierarchicalGridComponent.prototype.onContainerScroll = function () {
@@ -77513,6 +77526,12 @@
                 return keys.indexOf(field) === -1;
             });
         };
+        IgxHierarchicalGridComponent.prototype.resizeNotifyHandler = function () {
+            // do not trigger reflow if element is detached or if it is child grid.
+            if (this.document.contains(this.nativeElement) && !this.parent) {
+                this.notifyChanges(true);
+            }
+        };
         /**
          * @hidden
          */
@@ -77549,14 +77568,6 @@
             }
             return _super.prototype._shouldAutoSize.call(this, renderedHeight);
         };
-        IgxHierarchicalGridComponent.prototype.updateSizes = function () {
-            if (document.body.contains(this.nativeElement) && this.isPercentWidth) {
-                this.reflow();
-                this.hgridAPI.getChildGrids(false).forEach(function (grid) {
-                    grid.updateSizes();
-                });
-            }
-        };
         IgxHierarchicalGridComponent.prototype.updateColumnList = function (recalcColSizes) {
             if (recalcColSizes === void 0) { recalcColSizes = true; }
             var childLayouts = this.parent ? this.childLayoutList : this.allLayoutList;
@@ -77581,10 +77592,10 @@
             });
         };
         IgxHierarchicalGridComponent.prototype.hg_verticalScrollHandler = function (event) {
-            this.scrollTop = event.target.scrollTop;
+            this.scrollTop = this.verticalScrollContainer.scrollPosition;
         };
         IgxHierarchicalGridComponent.prototype.hg_horizontalScrollHandler = function (event) {
-            this.scrollLeft = event.target.scrollLeft;
+            this.scrollLeft = this.headerContainer.scrollPosition;
         };
         return IgxHierarchicalGridComponent;
     }(IgxHierarchicalGridBaseDirective));