igniteui-angular 19.2.13 → 19.2.14

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, HostBinding, Output, Self, Optional, booleanAttribute, SecurityContext, DestroyRef, Component, ContentChild, ContentChildren, RendererStyleFlags2, Pipe, ViewChild, contentChildren, QueryList, signal, effect, LOCALE_ID, forwardRef, Host, ViewChildren, TemplateRef, ChangeDetectionStrategy, SimpleChange, ChangeDetectorRef, NgZone, SkipSelf, CUSTOM_ELEMENTS_SCHEMA, reflectComponentType, NgModule } from '@angular/core';
+import { Injectable, HostListener, Input, Directive, EventEmitter, InjectionToken, isDevMode, inject, PLATFORM_ID, Inject, ElementRef, ViewContainerRef, createComponent, HostBinding, Output, Self, Optional, booleanAttribute, SecurityContext, DestroyRef, Component, ContentChild, ContentChildren, RendererStyleFlags2, Pipe, ViewChild, Renderer2, NgZone, contentChildren, QueryList, signal, 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';
@@ -15586,6 +15586,9 @@ class VirtualHelperBaseDirective {
         this.destroy$ = new Subject();
         this._afterViewInit = false;
         this._detached = false;
+        this.renderer = inject(Renderer2);
+        this.platformId = inject(PLATFORM_ID);
+        this.ngZone = inject(NgZone);
         this._scrollNativeSize = this.calculateScrollNativeSize();
     }
     onScroll(event) {
@@ -15641,6 +15644,30 @@ class VirtualHelperBaseDirective {
     get isAttachedToDom() {
         return this.document.body.contains(this.nativeElement);
     }
+    toggleClass(element, className, shouldHaveClass) {
+        if (shouldHaveClass) {
+            this.renderer.addClass(element, className);
+        }
+        else {
+            this.renderer.removeClass(element, className);
+        }
+    }
+    updateScrollbarClass() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        this.ngZone.runOutsideAngular(() => {
+            requestAnimationFrame(() => {
+                const el = this.nativeElement;
+                const hasScrollbar = el.scrollHeight > el.clientHeight;
+                const prevSibling = el.previousElementSibling;
+                const scrollbarClass = 'igx-display-container--scrollbar';
+                if (prevSibling?.tagName.toLowerCase() === 'igx-display-container') {
+                    this.toggleClass(prevSibling, scrollbarClass, hasScrollbar);
+                }
+            });
+        });
+    }
     handleMutations(event) {
         const hasSize = !(event[0].contentRect.height === 0 && event[0].contentRect.width === 0);
         if (!hasSize && !this.isAttachedToDom) {
@@ -15651,6 +15678,7 @@ class VirtualHelperBaseDirective {
             // attached back now.
             this.restoreScroll();
         }
+        this.updateScrollbarClass();
     }
     restoreScroll() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: VirtualHelperBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: DOCUMENT }, { token: PlatformUtil }], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -47186,19 +47214,20 @@ class IgxSelectComponent extends IgxDropDownComponent {
     }
     manageRequiredAsterisk() {
         const hasRequiredHTMLAttribute = this.elementRef.nativeElement.hasAttribute('required');
+        let isRequired = false;
         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;
-            this.cdr.markForCheck();
-            // If validator is dynamically cleared and no required HTML attribute is set,
-            // reset label's required class(asterisk) and IgxInputState #6896
+            isRequired = !!(error && error.required);
         }
-        else if (this.inputGroup.isRequired && this.ngControl && !this.ngControl.control.validator && !hasRequiredHTMLAttribute) {
+        this.inputGroup.isRequired = isRequired;
+        if (this.input?.nativeElement) {
+            this.input.nativeElement.setAttribute('aria-required', isRequired.toString());
+        }
+        // Handle validator removal case
+        if (!isRequired && !hasRequiredHTMLAttribute) {
             this.input.valid = IgxInputState.INITIAL;
-            this.inputGroup.isRequired = false;
-            this.cdr.markForCheck();
         }
+        this.cdr.markForCheck();
     }
     setSelection(item) {
         if (item && item.value !== undefined && item.value !== null) {
@@ -68353,7 +68382,7 @@ class IgxGridBaseDirective {
         let sum = 0;
         for (const col of fc) {
             if (col.level === 0) {
-                sum += parseInt(col.calcWidth, 10);
+                sum += parseFloat(col.calcWidth);
             }
         }
         if (this.isPinningToStart) {
@@ -69023,7 +69052,7 @@ class IgxGridBaseDirective {
      * @hidden @internal
      */
     hasHorizontalScroll() {
-        return this.totalWidth - this.unpinnedWidth > 0 && this.width !== null;
+        return Math.round(this.totalWidth - this.unpinnedWidth) > 0 && this.width !== null;
     }
     /**
      * @hidden @internal
@@ -69059,6 +69088,9 @@ class IgxGridBaseDirective {
     // TODO: do not remove this, as it is used in rowEditTemplate, but mark is as internal and hidden
     /* blazorCSSuppress */
     endEdit(commit = true, event) {
+        if (!this.crudService.cellInEditMode && !this.crudService.rowInEditMode) {
+            return;
+        }
         const document = this.nativeElement?.getRootNode();
         const focusWithin = this.nativeElement?.contains(document.activeElement);
         const success = this.crudService.endEdit(commit, event);
@@ -73337,7 +73369,9 @@ class IgxGridCellComponent {
             modal: false,
             positionStrategy: new AutoPositionStrategy({
                 horizontalStartPoint: HorizontalAlignment.Center,
-                horizontalDirection: HorizontalAlignment.Center
+                horizontalDirection: HorizontalAlignment.Center,
+                openAnimation: useAnimation(scaleInCenter, { params: { duration: '150ms' } }),
+                closeAnimation: useAnimation(fadeOut, { params: { duration: '75ms' } })
             })
         });
     }
@@ -73377,6 +73411,10 @@ class IgxGridCellComponent {
                 this.highlight.lastSearchInfo.caseSensitive = this.grid.lastSearchInfo.caseSensitive;
                 this.highlight.lastSearchInfo.exactMatch = this.grid.lastSearchInfo.exactMatch;
             }
+            const isInEdit = this.grid.rowEditable ? this.row.inEditMode : this.editMode;
+            if (this.formControl && this.formControl.value !== changes.value.currentValue && !isInEdit) {
+                this.formControl.setValue(changes.value.currentValue);
+            }
         }
     }
     /**
@@ -77637,8 +77675,8 @@ class IgxPivotRowComponent extends IgxRowDirective {
             keyValueMap.set(dim.memberName, path.shift());
         }
         let pivotValue;
-        if (this.grid.hasMultipleValues) {
-            pivotValue = this.grid.values.find(x => x.member === path.shift());
+        if (this.grid.hasMultipleValues && path.length) {
+            pivotValue = this.grid.values.find(x => x.member === path[0]);
         }
         else {
             pivotValue = this.grid.values ? this.grid.values[0] : undefined;