igniteui-angular 20.0.15 → 20.0.17

package/fesm2022/igniteui-angular.mjs

@@ -9907,6 +9907,9 @@ class IgxInputDirective {
      */
     onBlur() {
         this.inputGroup.isFocused = false;
+        if (this.ngControl?.control) {
+            this.ngControl.control.markAsTouched();
+        }
         this.updateValidityState();
     }
     /** @hidden @internal */
@@ -41730,7 +41733,7 @@ class IgxDialogComponent {
     /**
      * Set the position and animation settings used by the dialog.
      * ```typescript
-     * import { slideInLeft, slideOutRight } from 'igniteui-angular';
+     * import { slideInLeft, slideOutRight } from 'igniteui-angular/animations';
      * ...
      * @ViewChild('alert', { static: true }) public alert: IgxDialogComponent;
      *  public newPositionSettings: PositionSettings = {
@@ -54749,11 +54752,12 @@ class IgxTreeComponent {
     get rootNodes() {
         return this.nodes?.filter(node => node.level === 0);
     }
-    constructor(navService, selectionService, treeService, element) {
+    constructor(navService, selectionService, treeService, element, platform) {
         this.navService = navService;
         this.selectionService = selectionService;
         this.treeService = treeService;
         this.element = element;
+        this.platform = platform;
         this.cssClass = 'igx-tree';
         /** Get/Set how the tree should handle branch expansion.
          * If set to `true`, only a single branch can be expanded at a time, collapsing all others
@@ -55068,9 +55072,11 @@ class IgxTreeComponent {
     subToChanges() {
         this.unsubChildren$.next();
         const toBeSelected = [...this.forceSelect];
-        requestAnimationFrame(() => {
-            this.selectionService.selectNodesWithNoEvent(toBeSelected);
-        });
+        if (this.platform.isBrowser) {
+            requestAnimationFrame(() => {
+                this.selectionService.selectNodesWithNoEvent(toBeSelected);
+            });
+        }
         this.forceSelect = [];
         this.nodes.forEach(node => {
             node.expandedChange.pipe(takeUntil(this.unsubChildren$)).subscribe(nodeState => {
@@ -55102,7 +55108,7 @@ class IgxTreeComponent {
                 this.nativeElement.scrollTop + bottomOffset + topOffset + (topOffset ? -1 : +1) * nodeRect.height;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IgxTreeComponent, deps: [{ token: IgxTreeNavigationService }, { token: IgxTreeSelectionService }, { token: IgxTreeService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IgxTreeComponent, deps: [{ token: IgxTreeNavigationService }, { token: IgxTreeSelectionService }, { token: IgxTreeService }, { token: i0.ElementRef }, { token: PlatformUtil }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.0", type: IgxTreeComponent, isStandalone: true, selector: "igx-tree", inputs: { selection: "selection", singleBranchExpand: ["singleBranchExpand", "singleBranchExpand", booleanAttribute], toggleNodeOnClick: ["toggleNodeOnClick", "toggleNodeOnClick", booleanAttribute], animationSettings: "animationSettings" }, outputs: { nodeSelection: "nodeSelection", nodeExpanding: "nodeExpanding", nodeExpanded: "nodeExpanded", nodeCollapsing: "nodeCollapsing", nodeCollapsed: "nodeCollapsed", activeNodeChanged: "activeNodeChanged" }, host: { properties: { "class.igx-tree": "this.cssClass" } }, providers: [
             IgxTreeService,
             IgxTreeSelectionService,
@@ -55118,7 +55124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                         IgxTreeNavigationService,
                         { provide: IGX_TREE_COMPONENT, useExisting: IgxTreeComponent },
                     ], standalone: true, template: "<div class=\"igx-tree__root\" role=\"tree\" (keydown)=\"handleKeydown($event)\">\n    <ng-content select=\"igx-tree-node\"></ng-content>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: IgxTreeNavigationService }, { type: IgxTreeSelectionService }, { type: IgxTreeService }, { type: i0.ElementRef }], propDecorators: { cssClass: [{
+        }], ctorParameters: () => [{ type: IgxTreeNavigationService }, { type: IgxTreeSelectionService }, { type: IgxTreeService }, { type: i0.ElementRef }, { type: PlatformUtil }], propDecorators: { cssClass: [{
                 type: HostBinding,
                 args: ['class.igx-tree']
             }], selection: [{