igniteui-angular 19.2.11 → 19.2.13

package/lib/calendar/common/model.d.ts

@@ -36,8 +36,38 @@ export declare class CalendarDay {
     get date(): number;
     /** Returns the timestamp since epoch in milliseconds. */
     get timestamp(): number;
-    /** Returns the current week number. */
+    /** Returns the ISO 8601 week number. */
     get week(): number;
+    /**
+     * Gets the week number based on week start day.
+     * Uses ISO 8601 (first Thursday rule) only when weekStart is Monday (1).
+     * For other week starts, uses simple counting from January 1st.
+     */
+    getWeekNumber(weekStart?: number): number;
+    /**
+     * Calculates week number using ISO 8601 standard (Monday start, first Thursday rule).
+     */
+    private calculateISO8601WeekNumber;
+    /**
+     * Calculates week number using simple counting from January 1st.
+     */
+    private calculateSimpleWeekNumber;
+    /**
+     * Gets the Thursday of the current date's week (ISO 8601 helper).
+     */
+    private getThursdayOfWeek;
+    /**
+     * Gets the Thursday of the first week of the given year (ISO 8601 helper).
+     */
+    private getFirstWeekThursday;
+    /**
+     * Calculates the number of weeks between two Thursday dates (ISO 8601 helper).
+     */
+    private getWeeksDifference;
+    /**
+     * Gets the last week number of the previous year (ISO 8601 helper).
+     */
+    private getPreviousYearLastWeek;
     /** Returns the underlying native date instance. */
     get native(): Date;
     /**

package/lib/combo/combo.common.d.ts

@@ -557,6 +557,7 @@ export declare abstract class IgxComboBaseDirective implements IgxComboBase, Aft
     protected complexTemplate: TemplateRef<any>;
     protected prefixes: QueryList<IgxPrefixDirective>;
     protected suffixes: QueryList<IgxSuffixDirective>;
+    protected internalSuffixes: QueryList<IgxSuffixDirective>;
     /** @hidden @internal */
     get searchValue(): string;
     set searchValue(val: string);

package/lib/core/styles/components/column-actions/_column-actions-theme.scss

@@ -100,7 +100,7 @@
 
     %column-actions-input {
         font-size: rem(16px) !important;
-        margin: rem(-16px) 0 0 !important;
+        margin: 0 !important;
         padding: rem(8px) rem(16px);
     }
 

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

@@ -263,6 +263,13 @@
                 padding: 0;
             }
         }
+
+        &:not(.igx-input-group--disabled){
+          %igx-combo__clear-button {
+                color: var-get($theme, 'clear-button-foreground');
+                background: var-get($theme, 'clear-button-background');
+            }
+        }
     }
 
     %form-group-bundle:not(%form-group-bundle--disabled):focus-within {

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

@@ -737,8 +737,7 @@
         igx-time-picker {
             position: relative;
             height: calc(100% - #{$editing-outline-width * 2});
-            width: calc(100% - #{$editing-outline-width * 2}) !important;
-            inset-inline-start: $editing-outline-width;
+            width: 100% !important;
             overflow: hidden;
         }
 
@@ -1514,6 +1513,9 @@
     }
 
     %igx-grid__td--bool {
+        display: flex;
+        flex-grow: 1;
+
         igx-icon {
             --component-size: #{if($variant == 'indigo', 2, 1)};
         }
@@ -1783,7 +1785,6 @@
         padding-inline-end: rem(4px) !important;
 
         > igx-icon {
-            margin-inline-start: auto;
             color: color($color: 'error');
             width: var(--igx-icon-size, rem(18px));
             height: var(--igx-icon-size, rem(18px));
@@ -1889,11 +1890,10 @@
     %igx-grid__td--editing {
         background: var-get($theme, 'cell-editing-background') !important;
         box-shadow: inset 0 0 0 $editing-outline-width var-get($theme, 'edit-mode-color');
-        padding: 0 !important;
+        padding-inline: rem(4px);
 
         &.igx-grid__td--invalid {
             box-shadow: inset 0 0 0 rem(2px) color($color: 'error') !important;
-            padding-inline-end: rem(4px) !important;
         }
 
         &%grid-cell-number {
@@ -2084,7 +2084,7 @@
 
         .sort-icon {
             color: var-get($theme, 'header-selected-text-color');
-	        
+
             ::after {
                 background: var-get($theme, 'header-selected-background');
             }
@@ -2112,7 +2112,7 @@
         &%igx-grid-th--sorted {
             .sort-icon {
                 color: var-get($theme, 'header-selected-text-color');
-	            
+
 	            > igx-icon {
 		            color: inherit;
 	            }
@@ -2120,7 +2120,7 @@
                 &:focus,
                 &:hover {
                     color: var-get($theme, 'header-selected-text-color');
-	                
+
 	                > igx-icon {
 		                color: inherit;
 	                }
@@ -2177,14 +2177,14 @@
         .sort-icon {
             opacity: 1;
             color: var-get($theme, 'sorted-header-icon-color');
-	        
+
 	        > igx-icon {
 		        color: inherit;
 	        }
 
             &:hover {
                 color: var-get($theme, 'sortable-header-icon-hover-color');
-	            
+
 	            > igx-icon {
 		            color: inherit;
 	            }
@@ -2220,6 +2220,7 @@
     %grid-cell-number {
         text-align: $grid-cell-align-num;
         justify-content: flex-end;
+        flex-grow: 1;
 
         %grid-cell-header-icons {
             justify-content: flex-start;

package/lib/core/styles/components/input/_input-group-component.scss

@@ -1000,6 +1000,36 @@
             }
         }
 
+        @include mx(bootstrap, warning) {
+          @include e(input) {
+              @extend %bootstrap-input--warning !optional;
+
+              &:hover {
+                  @extend %bootstrap-input--warning !optional;
+              }
+          }
+
+          @include e(file-input) {
+              @extend %bootstrap-input--warning !optional;
+
+              &:hover {
+                  @extend %bootstrap-input--warning !optional;
+              }
+          }
+
+          @include e(label) {
+              @extend %bootstrap-label !optional;
+          }
+
+          @include e(textarea) {
+              @extend %bootstrap-input--warning !optional;
+
+              &:hover {
+                  @extend %bootstrap-input--warning !optional;
+              }
+          }
+      }
+
         @include mx(bootstrap, textarea-group) {
             @include e(bundle) {
                 @extend %form-group-bundle-bootstrap--textarea !optional;

package/lib/core/styles/components/input/_input-group-theme.scss

@@ -496,12 +496,23 @@
                     }
                 }
             }
+
+            &:not(%form-group-display--focused, %form-group-display--filled) {
+                &:has(input:not(:placeholder-shown, [type='file'])) {
+                    %form-group-label {
+                        @include type-style('subtitle-1');
+                        transform: translateY(0);
+                    }
+                }
+            }
         }
     }
 
     %form-group-placeholder {
-        %form-group-label {
-            transition: none !important;
+        &:has(input:placeholder-shown, textarea:placeholder-shown) { 
+            %form-group-label {
+                transition: none !important;
+            }
         }
     }
 
@@ -1004,13 +1015,20 @@
 
     %form-group-label--focused-border,
     %form-group-label--filled-border,
-    %form-group-label--placeholder-border,
     %form-group-label--file-border {
         %igx-input-group__notch {
             border-block-start-color: transparent !important;
         }
     }
 
+    %form-group-label--placeholder-border {
+        &:has(input:placeholder-shown, textarea:placeholder-shown) {
+            %igx-input-group__notch {
+                border-block-start-color: transparent !important;
+            }
+        }
+    }
+
     %form-group-label--focused-border {
         %form-group-bundle-start {
             border-inline-start-width: rem(2px);
@@ -1098,6 +1116,26 @@
                 width: calc(100% - #{rem(2px)});
             }
         }
+
+        %textarea-group:not(%form-group-display--focused, %form-group-display--filled) {
+            &:has(textarea:not(:placeholder-shown)) {
+                %form-group-textarea-label:not(%textarea-group-label--focused) {
+                    @include type-style('subtitle-1');
+
+                    top: calc($input-top-padding - #{rem(3px)});
+                    transform: translateY(0);
+                    margin-bottom: auto;
+                }
+            }
+        }
+
+        %textarea-group:not(%form-group-display--focused, %form-group-display--filled) {
+            &:has(%form-group-display--border, textarea:not(:placeholder-shown)) {
+                %igx-input-group__notch {
+                    border-block-start-width: rem(1px);
+                }
+            }
+        }
     }
 
     %form-group-textarea-group-bundle {
@@ -2172,12 +2210,38 @@
 
     %bootstrap-input--success {
         border: rem(1px) solid var-get($theme, 'success-secondary-color');
-        box-shadow: 0 0 0 rem(4px) var-get($theme, 'success-shadow-color');
+
+        &:focus {
+            box-shadow: 0 0 0 rem(4px) var-get($theme, 'success-shadow-color');
+
+            + %bootstrap-file-input {
+                box-shadow: 0 0 0 rem(4px) var-get($theme, 'success-shadow-color');
+            }
+        }
     }
 
     %bootstrap-input--error {
         border: rem(1px) solid var-get($theme, 'error-secondary-color');
-        box-shadow: 0 0 0 rem(4px) var-get($theme, 'error-shadow-color');
+
+        &:focus {
+            box-shadow: 0 0 0 rem(4px) var-get($theme, 'error-shadow-color');
+
+            + %bootstrap-file-input {
+                box-shadow: 0 0 0 rem(4px) var-get($theme, 'error-shadow-color');
+            }
+        }
+    }
+
+    %bootstrap-input--warning {
+        border: rem(1px) solid var-get($theme, 'warning-secondary-color');
+
+        &:focus {
+            box-shadow: 0 0 0 rem(4px) color($color: 'warn', $variant: 500, $opacity: 0.38);
+
+            + %bootstrap-file-input {
+                box-shadow: 0 0 0 rem(4px) color($color: 'warn', $variant: 500, $opacity: 0.38);
+            }
+        }
     }
 
     %bootstrap-input--disabled {

package/lib/directives/tooltip/tooltip.directive.d.ts

@@ -80,6 +80,7 @@ export declare class IgxTooltipDirective extends IgxToggleDirective implements O
      */
     tooltipTarget: IgxTooltipTargetDirective;
     private _destroy$;
+    private _document;
     /** @hidden */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, overlayService: IgxOverlayService, navigationService: IgxNavigationService);
     /** @hidden */

package/lib/grids/common/strategy.d.ts

@@ -49,7 +49,7 @@ export declare class IgxSorting implements IGridSortingStrategy {
    * Returns an array containing the grouped result.
    * @internal
    */
-    protected groupDataRecursive(data: any[], state: IGroupingState, level: number, parent: IGroupByRecord, metadata: IGroupByRecord[], grid?: GridType, groupsRecords?: any[], fullResult?: IGroupByResult): any[];
+    protected groupDataRecursive(data: any[], state: IGroupingState, level: number, parent: IGroupByRecord, metadata: IGroupByRecord[], grid?: GridType, groupsRecords?: any[], fullResult?: IGroupByResult): IGroupByResult;
     /**
    * Retrieves the value of the specified field from the given object, considering date and time data types.
    * `key`: The key of the field to retrieve.

package/lib/grids/grid-public-row.d.ts

@@ -2,6 +2,7 @@ import { IGroupByRecord } from '../data-operations/groupby-record.interface';
 import { IgxSummaryResult } from './summaries/grid-summary';
 import { ITreeGridRecord } from './tree-grid/tree-grid.interfaces';
 import { CellType, GridType, IGridValidationState, RowType } from './common/grid.interface';
+import { IgxPivotGridComponent } from './pivot-grid/public_api';
 declare abstract class BaseRow implements RowType {
     index: number;
     /**
@@ -356,4 +357,42 @@ export declare class IgxSummaryRow implements RowType {
     constructor(grid: GridType, index: number, _summaries?: Map<string, IgxSummaryResult[]>);
     private getRootParent;
 }
+export declare class IgxPivotGridRow implements RowType {
+    /** The index of the row within the grid */
+    index: number;
+    /**
+     * The grid that contains the row.
+     */
+    grid: IgxPivotGridComponent;
+    private _data?;
+    constructor(grid: IgxPivotGridComponent, index: number, data?: any);
+    /**
+     *  The data passed to the row component.
+     */
+    get data(): any;
+    /**
+     * Returns the view index calculated per the grid page.
+     */
+    get viewIndex(): number;
+    /**
+     * Gets the row key.
+     * A row in the grid is identified either by:
+     * - primaryKey data value,
+     * - the whole rowData, if the primaryKey is omitted.
+     *
+     * ```typescript
+     * let rowKey = row.key;
+     * ```
+     */
+    get key(): any;
+    /**
+     * Gets whether the row is selected.
+     * Default value is `false`.
+     * ```typescript
+     * row.selected = true;
+     * ```
+     */
+    get selected(): boolean;
+    set selected(val: boolean);
+}
 export {};

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

@@ -2,7 +2,7 @@ import { AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter, Eleme
 import { IgxGridBaseDirective } from '../grid-base.directive';
 import { IgxFilteringService } from '../filtering/grid-filtering.service';
 import { IgxGridSelectionService } from '../selection/selection.service';
-import { ColumnType, GridType, IgxColumnTemplateContext, RowType } from '../common/grid.interface';
+import { ColumnType, GridType, IgxColumnTemplateContext, PivotGridType, RowType } from '../common/grid.interface';
 import { IgxGridSummaryService } from '../summaries/grid-summary.service';
 import { IDimensionsChange, IgxPivotGridValueTemplateContext, IPivotConfiguration, IPivotConfigurationChangedEventArgs, IPivotDimension, IPivotValue, IValuesChange, PivotDimensionType, IPivotUISettings } from './pivot-grid.interface';
 import { IgxPivotHeaderRowComponent } from './pivot-header-row.component';
@@ -49,7 +49,7 @@ import * as i0 from "@angular/core";
  * </igx-pivot-grid>
  * ```
  */
-export declare class IgxPivotGridComponent extends IgxGridBaseDirective implements OnInit, AfterContentInit, GridType, AfterViewInit, OnChanges {
+export declare class IgxPivotGridComponent extends IgxGridBaseDirective implements OnInit, AfterContentInit, PivotGridType, AfterViewInit, OnChanges {
     navigation: IgxPivotGridNavigationService;
     /**
      * Emitted when the dimension collection is changed via the grid chip area.
@@ -984,6 +984,10 @@ export declare class IgxPivotGridComponent extends IgxGridBaseDirective implemen
     protected rowDimensionByName(memberName: string): IPivotDimension;
     protected calculateResizerTop(): any;
     protected updateDefaultRowHeight(): void;
+    /**
+     * @hidden @internal
+     */
+    createRow(index: number, data?: any): RowType;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxPivotGridComponent, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxPivotGridComponent, "igx-pivot-grid", never, { "valueChipTemplate": { "alias": "valueChipTemplate"; "required": false; }; "rowDimensionHeaderTemplate": { "alias": "rowDimensionHeaderTemplate"; "required": false; }; "pivotConfiguration": { "alias": "pivotConfiguration"; "required": false; }; "autoGenerateConfig": { "alias": "autoGenerateConfig"; "required": false; }; "pivotUI": { "alias": "pivotUI"; "required": false; }; "superCompactMode": { "alias": "superCompactMode"; "required": false; }; "pivotValueCloneStrategy": { "alias": "pivotValueCloneStrategy"; "required": false; }; "addRowEmptyTemplate": { "alias": "addRowEmptyTemplate"; "required": false; }; "autoGenerateExclude": { "alias": "autoGenerateExclude"; "required": false; }; "snackbarDisplayTime": { "alias": "snackbarDisplayTime"; "required": false; }; "defaultExpandState": { "alias": "defaultExpandState"; "required": false; }; "pagingMode": { "alias": "pagingMode"; "required": false; }; "hideRowSelectors": { "alias": "hideRowSelectors"; "required": false; }; "rowDraggable": { "alias": "rowDraggable"; "required": false; }; "allowAdvancedFiltering": { "alias": "allowAdvancedFiltering"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "allowFiltering": { "alias": "allowFiltering"; "required": false; }; "page": { "alias": "page"; "required": false; }; "perPage": { "alias": "perPage"; "required": false; }; "summaryRowHeight": { "alias": "summaryRowHeight"; "required": false; }; "rowEditable": { "alias": "rowEditable"; "required": false; }; "pinning": { "alias": "pinning"; "required": false; }; "summaryPosition": { "alias": "summaryPosition"; "required": false; }; "summaryCalculationMode": { "alias": "summaryCalculationMode"; "required": false; }; "showSummaryOnCollapse": { "alias": "showSummaryOnCollapse"; "required": false; }; "batchEditing": { "alias": "batchEditing"; "required": false; }; "id": { "alias": "id"; "required": false; }; "data": { "alias": "data"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "emptyPivotGridTemplate": { "alias": "emptyPivotGridTemplate"; "required": false; }; }, { "dimensionsChange": "dimensionsChange"; "pivotConfigurationChange": "pivotConfigurationChange"; "dimensionInit": "dimensionInit"; "valueInit": "valueInit"; "dimensionsSortingExpressionsChange": "dimensionsSortingExpressionsChange"; "valuesChange": "valuesChange"; "cellEdit": "cellEdit"; "cellEditDone": "cellEditDone"; "cellEditEnter": "cellEditEnter"; "cellEditExit": "cellEditExit"; "columnMovingStart": "columnMovingStart"; "columnMoving": "columnMoving"; "columnMovingEnd": "columnMovingEnd"; "columnPin": "columnPin"; "columnPinned": "columnPinned"; "rowAdd": "rowAdd"; "rowAdded": "rowAdded"; "rowDeleted": "rowDeleted"; "rowDelete": "rowDelete"; "rowDragStart": "rowDragStart"; "rowDragEnd": "rowDragEnd"; "rowEditEnter": "rowEditEnter"; "rowEdit": "rowEdit"; "rowEditDone": "rowEditDone"; "rowEditExit": "rowEditExit"; "rowPinning": "rowPinning"; "rowPinned": "rowPinned"; }, ["valueChipTemplateDirective", "rowDimensionHeaderDirective"], ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-grid-state,igc-grid-state"], true, never>;
     static ngAcceptInputType_autoGenerateConfig: unknown;

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

@@ -29,4 +29,6 @@ export declare class PivotUtil {
     private static applyHierarchyChildren;
     static getAggregateList(val: IPivotValue, grid: PivotGridType): IPivotAggregator[];
     static getAggregatorsForValue(value: IPivotValue, grid: PivotGridType): IPivotAggregator[];
+    static updateColumnTypeByAggregator(columns: any[], value: IPivotValue, isSingleValue: boolean): void;
+    private static getColumnDataTypeForValue;
 }

package/lib/input-group/input-group.component.d.ts

@@ -151,7 +151,7 @@ export declare class IgxInputGroupComponent implements IgxInputGroupBase {
     /** @hidden @internal */
     get hasSuffixes(): any;
     /** @hidden @internal */
-    set suffixes(items: QueryList<IgxPrefixDirective>);
+    set suffixes(items: QueryList<IgxSuffixDirective>);
     /**
      * Returns whether the `IgxInputGroupComponent` has border.
      * ```typescript

package/lib/select/select.component.d.ts

@@ -60,6 +60,7 @@ export declare class IgxSelectComponent extends IgxDropDownComponent implements
     children: QueryList<IgxSelectItemComponent>;
     protected prefixes: QueryList<IgxPrefixDirective>;
     protected suffixes: QueryList<IgxSuffixDirective>;
+    protected internalSuffixes: QueryList<IgxSuffixDirective>;
     /** @hidden @internal */
     label: IgxLabelDirective;
     /**

package/lib/splitter/splitter-pane/splitter-pane.component.d.ts

@@ -18,6 +18,7 @@ export declare class IgxSplitterPaneComponent {
     private el;
     private _minSize;
     private _maxSize;
+    private _order;
     /**
      * @hidden @internal
      * Gets/Sets the 'display' property of the current pane.
@@ -72,7 +73,8 @@ export declare class IgxSplitterPaneComponent {
      */
     collapsedChange: EventEmitter<boolean>;
     /** @hidden @internal */
-    order: number;
+    get order(): number;
+    set order(val: number);
     /**
      * @hidden @internal
      * Gets/Sets the `overflow`.

package/lib/splitter/splitter.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, NgZone, QueryList } from '@angular/core';
 import { DragDirection, IDragMoveEventArgs, IDragStartEventArgs } from '../directives/drag-drop/drag-drop.directive';
 import { IgxSplitterPaneComponent } from './splitter-pane/splitter-pane.component';
 import * as i0 from "@angular/core";
@@ -42,6 +42,7 @@ export declare interface ISplitterBarResizeEventArgs {
 export declare class IgxSplitterComponent implements AfterContentInit {
     document: any;
     private elementRef;
+    private zone;
     /**
      * Gets the list of splitter panes.
      *
@@ -125,7 +126,7 @@ export declare class IgxSplitterComponent implements AfterContentInit {
      * The sibling pane in each pair of panes divided by a splitter bar.
      */
     private sibling;
-    constructor(document: any, elementRef: ElementRef);
+    constructor(document: any, elementRef: ElementRef, zone: NgZone);
     /**
      * Gets/Sets the splitter orientation.
      *

package/package.json

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