igniteui-angular 20.1.0-rc.1 → 20.1.0-rc.2

package/fesm2022/igniteui-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, HostListener, Input, Directive, EventEmitter, InjectionToken, isDevMode, inject, PLATFORM_ID, Inject, ElementRef, ViewContainerRef, createComponent, DOCUMENT, HostBinding, Output, Self, Optional, booleanAttribute, SecurityContext, DestroyRef, Component, ContentChild, ContentChildren, RendererStyleFlags2, Pipe, ViewChild, Renderer2, NgZone, signal, QueryList, effect, LOCALE_ID, forwardRef, Host, ViewChildren, TemplateRef, ChangeDetectionStrategy, SimpleChange, ChangeDetectorRef, SkipSelf, CUSTOM_ELEMENTS_SCHEMA, reflectComponentType, NgModule } from '@angular/core';
+import { Injectable, HostListener, Input, Directive, EventEmitter, InjectionToken, isDevMode, inject, PLATFORM_ID, Inject, ElementRef, ViewContainerRef, createComponent, DOCUMENT, HostBinding, Output, Self, Optional, booleanAttribute, afterRenderEffect, SecurityContext, DestroyRef, Component, ContentChild, ContentChildren, RendererStyleFlags2, Pipe, ViewChild, Renderer2, NgZone, signal, QueryList, effect, LOCALE_ID, forwardRef, Host, ViewChildren, TemplateRef, ChangeDetectionStrategy, SimpleChange, ChangeDetectorRef, SkipSelf, CUSTOM_ELEMENTS_SCHEMA, reflectComponentType, NgModule } from '@angular/core';
 import * as i4 from '@angular/forms';
 import { NgModel, NgControl, FormControlName, NG_VALUE_ACCESSOR, Validators, NG_VALIDATORS, FormGroup, FormsModule, RequiredValidator, MinValidator, MaxValidator, EmailValidator, MinLengthValidator, MaxLengthValidator, PatternValidator, FormControl, ReactiveFormsModule } from '@angular/forms';
 import { Observable, NEVER, Subject, fromEvent, BehaviorSubject, interval, animationFrameScheduler, noop, takeUntil as takeUntil$1, merge, Subscription, timer, sampleTime, filter as filter$1, pipe, take as take$1 } from 'rxjs';
@@ -10180,6 +10180,9 @@ class IgxInputDirective {
      */
     onBlur() {
         this.inputGroup.isFocused = false;
+        if (this.ngControl?.control) {
+            this.ngControl.control.markAsTouched();
+        }
         this.updateValidityState();
     }
     /** @hidden @internal */
@@ -10582,6 +10585,7 @@ class IgxButtonBaseDirective {
     }
     constructor(element) {
         this.element = element;
+        this._platformUtil = inject(PlatformUtil);
         /**
          * Emitted when the button is clicked.
          */
@@ -10616,6 +10620,21 @@ class IgxButtonBaseDirective {
           * ```
           */
         this.disabled = false;
+        // In browser, set via native API for immediate effect (no-op on server).
+        // In SSR there is no paint, so there’s no visual rendering or transitions to suppress.
+        // Fix style flickering https://github.com/IgniteUI/igniteui-angular/issues/14759
+        if (this._platformUtil.isBrowser) {
+            afterRenderEffect({
+                write: () => {
+                    this.element.nativeElement.style.setProperty('--_init-transition', '0s');
+                },
+                read: () => {
+                    requestAnimationFrame(() => {
+                        this.element.nativeElement.style.removeProperty('--_init-transition');
+                    });
+                }
+            });
+        }
     }
     /**
      * @hidden
@@ -17812,14 +17831,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
  * ```
  */
 class IgxIconButtonDirective extends IgxButtonBaseDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * @hidden
-         * @internal
-         */
-        this._cssClass = 'igx-icon-button';
-    }
     /**
      * Sets the type of the icon button.
      *
@@ -17855,7 +17866,16 @@ class IgxIconButtonDirective extends IgxButtonBaseDirective {
     get outlined() {
         return this._type === IgxBaseButtonType.Outlined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IgxIconButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    constructor(element) {
+        super(element);
+        this.element = element;
+        /**
+         * @hidden
+         * @internal
+         */
+        this._cssClass = 'igx-icon-button';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IgxIconButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: IgxIconButtonDirective, isStandalone: true, selector: "[igxIconButton]", inputs: { type: ["igxIconButton", "type"] }, host: { properties: { "class.igx-icon-button": "this._cssClass", "class.igx-icon-button--flat": "this.flat", "class.igx-icon-button--contained": "this.contained", "class.igx-icon-button--outlined": "this.outlined" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IgxIconButtonDirective, decorators: [{
@@ -17864,7 +17884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                     selector: '[igxIconButton]',
                     standalone: true
                 }]
-        }], propDecorators: { _cssClass: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _cssClass: [{
                 type: HostBinding,
                 args: ['class.igx-icon-button']
             }], type: [{