igniteui-angular 13.1.15 → 13.1.16

package/fesm2020/igniteui-angular.mjs

@@ -10477,10 +10477,16 @@ class IgxForOfDirective {
         }
     }
     updateSizes() {
+        const scrollable = this.isScrollable();
         this.recalcUpdateSizes();
         this._applyChanges();
         this._updateScrollOffset();
-        this.contentSizeChange.emit();
+        if (scrollable !== this.isScrollable()) {
+            this.scrollbarVisibilityChanged.emit();
+        }
+        else {
+            this.contentSizeChange.emit();
+        }
     }
     /**
      * @hidden
@@ -20567,7 +20573,9 @@ class IgxDateTimeEditorDirective extends IgxMaskDirective {
         return this.maskParser.applyMask(null, this.maskOptions);
     }
     get targetDatePart() {
-        if (this.document.activeElement === this.nativeElement) {
+        // V.K. May 16th, 2022 #11556 Get correct date part in shadow DOM
+        if (this.document.activeElement === this.nativeElement ||
+            this.document.activeElement?.shadowRoot?.activeElement === this.nativeElement) {
             return this._inputDateParts
                 .find(p => p.start <= this.selectionStart && this.selectionStart <= p.end && p.type !== DatePart.Literal)?.type;
         }
@@ -36324,10 +36332,16 @@ class IgxComboBaseDirective extends DisplayDensityBase {
         this.customValueFlag = this.allowCustomValues && !itemMatch;
     }
     manageRequiredAsterisk() {
-        if (this.ngControl && this.ngControl.control.validator) {
-            // Run the validation with empty object to check if required is enabled.
-            const 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.
+                const 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 */
@@ -61481,7 +61495,10 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         this.resizeNotify.pipe(filter(() => !this._init), throttleTime(0, animationFrameScheduler, { leading: true, trailing: true }), destructor)
             .subscribe(() => {
             this.zone.run(() => {
-                this.notifyChanges(true);
+                // do not trigger reflow if element is detached.
+                if (this.document.contains(this.nativeElement)) {
+                    this.notifyChanges(true);
+                }
             });
         });
         this.pipeTriggerNotifier.pipe(takeUntil(this.destroy$)).subscribe(() => this.pipeTrigger++);
@@ -61538,10 +61555,10 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             // 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(filter(() => !this._init), destructor).subscribe(() => {
-            this.notifyChanges(true);
-            this.cdr.detectChanges();
+            this.notifyChanges();
         });
         this.onDensityChanged.pipe(destructor).subscribe(() => {
             this.crudService.endEdit(false);
@@ -68042,6 +68059,9 @@ class IgxGridComponent extends IgxGridBaseDirective {
             this.setupColumns();
         }
         this.cdr.markForCheck();
+        if (this.isPercentHeight) {
+            this.notifyChanges(true);
+        }
     }
     /**
      * Gets/Sets an array of objects containing the filtered data.
@@ -75976,19 +75996,15 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
         }
         super.ngOnInit();
     }
-    ngDoCheck() {
-        if (this._cdrRequestRepaint && !this._init) {
-            this.updateSizes();
-        }
-        super.ngDoCheck();
-    }
     /**
      * @hidden
      */
     ngAfterViewInit() {
         super.ngAfterViewInit();
-        this.verticalScrollContainer.getScroll().addEventListener('scroll', this.hg_verticalScrollHandler.bind(this));
-        this.headerContainer.getScroll().addEventListener('scroll', this.hg_horizontalScrollHandler.bind(this));
+        this.zone.runOutsideAngular(() => {
+            this.verticalScrollContainer.getScroll().addEventListener('scroll', this.hg_verticalScrollHandler.bind(this));
+            this.headerContainer.getScroll().addEventListener('scroll', this.hg_horizontalScrollHandler.bind(this));
+        });
         this.verticalScrollContainer.beforeViewDestroyed.pipe(takeUntil(this.destroy$)).subscribe((view) => {
             const rowData = view.context.$implicit;
             if (this.isChildGridRecord(rowData)) {
@@ -76376,26 +76392,6 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
                     relatedGrid.updateOnRender = false;
                 }
             });
-            const childGrids = this.getChildGrids(true);
-            childGrids.forEach((grid) => {
-                if (grid.isPercentWidth) {
-                    grid.notifyChanges(true);
-                }
-                grid.updateScrollPosition();
-            });
-        }
-    }
-    /**
-     * @hidden
-     */
-    updateScrollPosition() {
-        const vScr = this.verticalScrollContainer.getScroll();
-        const hScr = this.headerContainer.getScroll();
-        if (vScr) {
-            vScr.scrollTop = this.scrollTop;
-        }
-        if (hScr) {
-            hScr.scrollLeft = this.scrollLeft;
         }
     }
     onContainerScroll() {
@@ -76424,6 +76420,12 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
             return keys.indexOf(field) === -1;
         });
     }
+    resizeNotifyHandler() {
+        // 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
      */
@@ -76458,14 +76460,6 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
         }
         return super._shouldAutoSize(renderedHeight);
     }
-    updateSizes() {
-        if (document.body.contains(this.nativeElement) && this.isPercentWidth) {
-            this.reflow();
-            this.gridAPI.getChildGrids(false).forEach((grid) => {
-                grid.updateSizes();
-            });
-        }
-    }
     updateColumnList(recalcColSizes = true) {
         const childLayouts = this.parent ? this.childLayoutList : this.allLayoutList;
         const nestedColumns = childLayouts.map((layout) => layout.columnList.toArray());
@@ -76489,10 +76483,10 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
         });
     }
     hg_verticalScrollHandler(event) {
-        this.scrollTop = event.target.scrollTop;
+        this.scrollTop = this.verticalScrollContainer.scrollPosition;
     }
     hg_horizontalScrollHandler(event) {
-        this.scrollLeft = event.target.scrollLeft;
+        this.scrollLeft = this.headerContainer.scrollPosition;
     }
 }
 IgxHierarchicalGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: IgxHierarchicalGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });