igniteui-angular 19.0.4 → 19.0.6

package/lib/carousel/carousel-base.d.ts

@@ -1,7 +1,7 @@
 import { AnimationReferenceMetadata } from '@angular/animations';
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, InjectionToken } from '@angular/core';
 import { AnimationPlayer, AnimationService } from '../services/animation/animation';
-import { CarouselAnimationType } from './enums';
+import { CarouselAnimationType, CarouselIndicatorsOrientation } from './enums';
 export declare enum Direction {
     NONE = 0,
     NEXT = 1,
@@ -11,6 +11,35 @@ export interface CarouselAnimationSettings {
     enterAnimation: AnimationReferenceMetadata;
     leaveAnimation: AnimationReferenceMetadata;
 }
+export interface ICarouselComponentBase {
+    id: string;
+    role: string;
+    cssClass: string;
+    loop: boolean;
+    pause: boolean;
+    navigation: boolean;
+    indicators: boolean;
+    vertical: boolean;
+    keyboardSupport: boolean;
+    gesturesSupport: boolean;
+    maximumIndicatorsCount: number;
+    indicatorsOrientation: CarouselIndicatorsOrientation;
+    animationType: CarouselAnimationType;
+    total: number;
+    current: number;
+    interval: number;
+    slideChanged: EventEmitter<any>;
+    slideAdded: EventEmitter<any>;
+    slideRemoved: EventEmitter<any>;
+    carouselPaused: EventEmitter<any>;
+    carouselPlaying: EventEmitter<any>;
+    next(): void;
+    prev(): void;
+    play(): void;
+    stop(): void;
+}
+/** @hidden */
+export declare const IGX_CAROUSEL_COMPONENT: InjectionToken<ICarouselComponentBase>;
 /** @hidden */
 export interface IgxSlideComponentBase {
     direction: Direction;

package/lib/carousel/carousel.component.d.ts

@@ -3,7 +3,7 @@ import { HammerGestureConfig } from '@angular/platform-browser';
 import { ICarouselResourceStrings } from '../core/i18n/carousel-resources';
 import { IBaseEventArgs, PlatformUtil } from '../core/utils';
 import { AnimationService } from '../services/animation/animation';
-import { Direction, IgxCarouselComponentBase } from './carousel-base';
+import { Direction, ICarouselComponentBase, IgxCarouselComponentBase } from './carousel-base';
 import { IgxSlideComponent } from './slide.component';
 import { CarouselAnimationType, CarouselIndicatorsOrientation } from './enums';
 import { IgxDirectionality } from '../services/direction/directionality';
@@ -38,7 +38,7 @@ export declare class CarouselHammerConfig extends HammerGestureConfig {
  * </igx-carousel>
  * ```
  */
-export declare class IgxCarouselComponent extends IgxCarouselComponentBase implements OnDestroy, AfterContentInit {
+export declare class IgxCarouselComponent extends IgxCarouselComponentBase implements ICarouselComponentBase, OnDestroy, AfterContentInit {
     private element;
     private iterableDiffers;
     private platformUtil;

package/lib/carousel/slide.component.d.ts

@@ -1,7 +1,6 @@
 import { OnDestroy, EventEmitter, ElementRef, AfterContentChecked } from '@angular/core';
 import { Subject } from 'rxjs';
-import { Direction, IgxSlideComponentBase } from './carousel-base';
-import { IgxCarouselComponent } from './carousel.component';
+import { Direction, ICarouselComponentBase, IgxSlideComponentBase } from './carousel-base';
 import * as i0 from "@angular/core";
 /**
  * A slide component that usually holds an image and/or a caption text.
@@ -98,7 +97,7 @@ export declare class IgxSlideComponent implements AfterContentChecked, OnDestroy
     activeChange: EventEmitter<boolean>;
     private _active;
     private _destroy$;
-    constructor(elementRef: ElementRef, carousel: IgxCarouselComponent);
+    constructor(elementRef: ElementRef, carousel: ICarouselComponentBase);
     /**
      * Returns a reference to the carousel element in the DOM.
      * ```typescript

package/lib/core/styles/components/checkbox/_checkbox-component.scss

@@ -232,10 +232,6 @@
             @extend %igx-checkbox--indeterminate-fluent !optional;
         }
 
-        @include mx(material, indeterminate) {
-            @extend %igx-checkbox--indeterminate-material !optional;
-        }
-
         @include mx(invalid, indeterminate) {
             @extend %igx-checkbox--indeterminate--invalid !optional;
 
@@ -246,6 +242,14 @@
             }
         }
 
+        @include mx(material, disabled, indeterminate) {
+            @extend %igx-checkbox--disabled-indeterminate-material !optional;
+        }
+
+        @include mx(fluent, disabled, indeterminate) {
+            @extend %igx-checkbox--disabled-indeterminate-fluent !optional;
+        }
+
         @include mx(indigo, focused, indeterminate) {
             @extend %igx-checkbox--focused-checked-indigo !optional;
         }

package/lib/core/styles/components/checkbox/_checkbox-theme.scss

@@ -172,6 +172,7 @@
         flex-flow: row nowrap;
         align-items: center;
         outline-style: none;
+        cursor: pointer;
     }
 
     %cbx-display--disabled {
@@ -208,7 +209,6 @@
     %cbx-composite {
         position: relative;
         display: inline-block;
-        cursor: pointer;
         width: $size;
         height: $size;
         min-width: $size;
@@ -377,6 +377,12 @@
                 z-index: 1;
             }
         }
+    }
+
+    %igx-checkbox--disabled-indeterminate-fluent {
+        %cbx-composite-mark {
+            stroke: transparent;
+        }
 
         %cbx-composite--x--disabled {
             background: transparent;
@@ -387,7 +393,7 @@
         }
     }
 
-    %igx-checkbox--indeterminate-material {
+    %igx-checkbox--disabled-indeterminate-material {
         %cbx-composite--x--disabled {
             border-color: var-get($theme, 'disabled-indeterminate-color');
             background: var-get($theme, 'disabled-indeterminate-color');
@@ -476,7 +482,6 @@
     %cbx-label {
         display: inline-block;
         color: var-get($theme, 'label-color');
-        cursor: pointer;
         user-select: none;
         word-wrap: break-all;
         transition: color .2s $ease-out-quad;

package/lib/core/styles/components/chip/_chip-theme.scss

@@ -386,7 +386,7 @@
         }
 
         @if $variant == 'indigo' {
-            %igx-icon-display {
+            igx-icon {
                 --size: #{sizable(rem(14px), rem(14px), rem(16px))}
             }
         }

package/lib/core/styles/components/combo/_combo-theme.scss

@@ -174,14 +174,14 @@
     // The wrapping element here is needed
     // in order to override the !important rule of .igx-icon--inactive.
     %igx-combo__case-icon {
-        .igx-icon {
+        igx-icon {
             // Important is needed since the .igx-icon--inactive has !important
             color: color($color: 'gray', $variant: 600) !important;
         }
     }
 
     %igx-combo__case-icon--active {
-        .igx-icon {
+        igx-icon {
             color: color($color: 'primary')
         }
     }

package/lib/core/styles/components/grid/_excel-filtering-theme.scss

@@ -99,13 +99,9 @@
             }
         }
 
-        igx-icon {
-            @if $variant == 'indigo' {
-                --component-size: 2;
-            } @else {
-                width: var(--igx-icon-size, #{rem(15px)});
-                height: var(--igx-icon-size, #{rem(15px)});
-                font-size: var(--igx-icon-size, #{rem(15px)});
+        @if $variant != 'indigo' {
+            igx-icon {
+                --size: var(--igx-icon-size, #{rem(15px)});
             }
         }
     }

package/lib/core/styles/components/grid/_grid-theme.scss

@@ -1206,7 +1206,7 @@
         } @else {
             padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
 
-            %igx-icon-display {
+            igx-icon {
                 opacity: if($theme-variant == 'light', .75, .85);
 
                 &:hover {
@@ -1460,12 +1460,12 @@
         } @else {
             padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
 
-            %igx-icon-display {
+            igx-icon {
                 opacity: if($theme-variant == 'light', .75, .85);
             }
 
             &:hover {
-                %igx-icon-display {
+                igx-icon {
                     opacity: 1;
                 }
             }
@@ -2037,13 +2037,10 @@
             position: relative;
             display: flex;
 
-            igx-icon {
-                @if $variant == 'indigo' {
-                    --component-size: 2;
-                } @else {
-                    width: var(--igx-icon-size, #{rem(15px)});
-                    height: var(--igx-icon-size, #{rem(15px)});
-                    font-size: var(--igx-icon-size, #{rem(15px)});
+
+            @if $variant != 'indigo' {
+                igx-icon {
+                    --size: var(--igx-icon-size, #{rem(15px)});
                 }
             }
 
@@ -2149,7 +2146,7 @@
             %grid-excel-icon {
                 color: var-get($theme, 'header-selected-text-color');
 
-                %igx-icon-display {
+                igx-icon {
                     color: var-get($theme, 'header-selected-text-color');
                 }
 
@@ -2157,7 +2154,7 @@
                 &:hover {
                     color: var-get($theme, 'header-selected-text-color');
 
-                    %igx-icon-display {
+                    igx-icon {
                         color: var-get($theme, 'header-selected-text-color');
                     }
                 }
@@ -2501,7 +2498,7 @@
     }
 
     %igx-group-label__icon {
-        &.igx-icon {
+        @at-root igx-icon#{&} {
             --component-size: #{if($variant == 'indigo', 2, 1)};
 
             color: var-get($theme, 'group-label-icon');
@@ -3248,6 +3245,14 @@
         }
     }
 
+    igx-child-grid-row {
+        igx-child-grid-row {
+            %igx-grid__tr-action {
+                border-inline-end: var-get($theme, 'header-border-width') var-get($theme, 'header-border-style') var-get($theme, 'header-border-color');
+            }
+        }
+    }
+
     // Pivot grid
     %igx-grid__pivot--super-compact {
         --ig-size: 1 !important;
@@ -3441,10 +3446,9 @@
             }
 
             @if $variant == 'indigo' {
-                %igx-icon-display {
+                igx-icon {
                     opacity: if($theme-variant == 'light', .75, .85);
 
-
                     &:hover {
                         opacity: 1;
                         cursor: pointer;

package/lib/core/styles/components/radio/_radio-theme.scss

@@ -212,7 +212,6 @@
         height: $size;
         min-width: $size;
         line-height: $size;
-        cursor: pointer;
         color: var-get($theme, 'label-color');
         user-select: none;
 
@@ -400,7 +399,6 @@
 
     %radio-label {
         color: var-get($theme, 'label-color');
-        cursor: pointer;
         user-select: none;
         word-wrap: break-all;
 

package/lib/core/styles/components/switch/_switch-theme.scss

@@ -290,7 +290,6 @@
         border: rem(1px) solid var-get($theme, 'border-color');
         border-radius: var-get($theme, 'border-radius-track');
         background: var-get($theme, 'track-off-color');
-        cursor: pointer;
         user-select: none;
         transition: $input-transition;
 
@@ -557,7 +556,6 @@
     %switch-label {
         display: inline-block;
         color: var-get($theme, 'label-color');
-        cursor: pointer;
         user-select: none;
         word-wrap: break-all;
 

package/lib/grids/common/grid.interface.d.ts

@@ -660,6 +660,10 @@ export interface GridType extends IGridDataBindable {
     isLoading: boolean;
     /** @hidden @internal */
     gridSize: Size;
+    /** @hidden @internal */
+    isColumnWidthSum: boolean;
+    /** @hidden @internal */
+    minColumnWidth: number;
     /** Strategy, used for cloning the provided data. The type has one method, that takes any type of data */
     dataCloneStrategy: IDataCloneStrategy;
     /** Represents the grid service type providing API methods for the grid */

package/lib/grids/filtering/excel-style/excel-style-custom-dialog.component.d.ts

@@ -6,6 +6,7 @@ import { PlatformUtil } from '../../../core/utils';
 import { ExpressionUI } from './common';
 import { ColumnType } from '../../common/grid.interface';
 import { IgxOverlayService } from '../../../services/overlay/overlay';
+import { BaseFilteringComponent } from './base-filtering.component';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -14,6 +15,7 @@ export declare class IgxExcelStyleCustomDialogComponent implements AfterViewInit
     protected overlayService: IgxOverlayService;
     private cdr;
     protected platform: PlatformUtil;
+    esf: BaseFilteringComponent;
     expressionsList: ExpressionUI[];
     column: ColumnType;
     selectedOperator: string;
@@ -27,7 +29,7 @@ export declare class IgxExcelStyleCustomDialogComponent implements AfterViewInit
     private expressionDateComponents;
     private _customDialogPositionSettings;
     private _customDialogOverlaySettings;
-    constructor(overlayService: IgxOverlayService, cdr: ChangeDetectorRef, platform: PlatformUtil);
+    constructor(overlayService: IgxOverlayService, cdr: ChangeDetectorRef, platform: PlatformUtil, esf: BaseFilteringComponent);
     ngAfterViewInit(): void;
     get template(): TemplateRef<any>;
     get grid(): any;
@@ -36,6 +38,7 @@ export declare class IgxExcelStyleCustomDialogComponent implements AfterViewInit
     open(esf: any): void;
     onClearButtonClick(): void;
     closeDialog(): void;
+    cancelDialog(): void;
     onApplyButtonClick(): void;
     onAddButtonClick(): void;
     onExpressionRemoved(event: ExpressionUI): void;

package/lib/grids/grid-base.directive.d.ts

@@ -1831,6 +1831,10 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * @hidden @internal
      */
     filteringPipeTrigger: number;
+    /**
+     * @hidden @internal
+     */
+    isColumnWidthSum: boolean;
     /**
      * @hidden @internal
      */
@@ -1989,7 +1993,6 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     private _selectRowOnClick;
     private _columnSelectionMode;
     private lastAddedRowIndex;
-    protected isColumnWidthSum: boolean;
     private _currencyPositionLeft;
     private rowEditPositioningStrategy;
     private rowEditSettings;
@@ -2006,7 +2009,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     /**
      * @hidden @internal
      */
-    protected get minColumnWidth(): number;
+    get minColumnWidth(): number;
     protected get isCustomSetRowHeight(): boolean;
     /**
      * @hidden @internal

package/lib/grids/pivot-grid/pivot-grid.component.d.ts

@@ -223,7 +223,7 @@ export declare class IgxPivotGridComponent extends IgxGridBaseDirective implemen
     /**
      * @hidden @internal
      */
-    protected get minColumnWidth(): 200 | 104;
+    get minColumnWidth(): 200 | 104;
     /**
      * @hidden @internal
      */

package/lib/grids/resizing/resizer.directive.d.ts

@@ -16,7 +16,9 @@ export declare class IgxColumnResizerDirective implements OnInit, OnDestroy {
     resizeStart: Subject<MouseEvent>;
     resize: Subject<any>;
     private _left;
+    private _ratio;
     private _destroy;
+    get ratio(): number;
     constructor(element: ElementRef<HTMLElement>, document: any, zone: NgZone);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/grids/resizing/resizing.service.d.ts

@@ -31,7 +31,7 @@ export declare class IgxColumnResizingService {
     /**
      * @hidden
      */
-    getColumnHeaderRenderedWidth(): any;
+    getColumnHeaderRenderedWidth(): number;
     /**
      * @hidden
      */
@@ -53,7 +53,7 @@ export declare class IgxColumnResizingService {
     /**
      * Resizes the column regaridng to the column minWidth and maxWidth.
      */
-    resizeColumn(event: MouseEvent): void;
+    resizeColumn(event: MouseEvent, ratio?: number): void;
     protected _handlePixelResize(diff: number, column: ColumnType): void;
     protected _handlePercentageResize(diff: number, column: ColumnType): void;
     protected getColMinWidth(column: ColumnType): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "19.0.4",
+  "version": "19.0.6",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",