igniteui-angular 19.2.12 → 19.2.14

package/lib/core/styles/components/calendar/_calendar-theme.scss

@@ -660,7 +660,8 @@
         inner-size: $inner-size,
         theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
-            variant: map.get($schema, '_meta', 'theme')
+            variant: map.get($schema, '_meta', 'theme'),
+            theme-variant: map.get($schema, '_meta', 'variant')
         )),
     ));
 }

package/lib/core/styles/components/date-picker/_date-picker-theme.scss

@@ -14,6 +14,7 @@
 /// @param {Map} $theme - The calendar theme used to style the component.
 @mixin date-picker($theme) {
     $variant: map.get($theme, '_meta', 'variant');
+    $theme-variant: map.get($theme, '_meta', 'theme-variant');
     $bootstrap-theme: $variant == 'bootstrap';
     $border-shadow: 0 0 0 rem(1px) var-get($theme, 'border-color');
 
@@ -26,11 +27,17 @@
 
     %date-picker {
         // TODO move the shadow in the schemas
-        box-shadow: $border-shadow, elevation(24),;
+        box-shadow: $border-shadow, elevation(24);
         border-radius: var-get($theme, 'border-radius');
         background: var-get($theme, 'content-background');
         overflow: hidden;
 
+        @if $variant == 'indigo' and  $theme-variant == 'light' {
+            box-shadow: $border-shadow, elevation(5);
+        } @else if $variant == 'indigo' and $theme-variant == 'dark' {
+            box-shadow: $border-shadow, elevation(7);
+        }
+
         igx-calendar,
         %days-view,
         %months-view,

package/lib/core/styles/components/drop-down/_drop-down-theme.scss

@@ -243,7 +243,7 @@
         -webkit-overflow-scrolling: touch;
         position: relative;
 
-        igx-display-container {
+        .igx-display-container--scrollbar {
             padding-inline-end: var(--vhelper-scrollbar-size);
         }
     }

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/query-builder/_query-builder-theme.scss

@@ -114,6 +114,14 @@
     %advanced-filter {
         @include sizable();
 
+        --tree-scrollbar-gutter: #{rem(16px)};
+
+        @if $variant == 'bootstrap' {
+            --query-builder-outer-padding: #{rem(16px)};
+        } @else {
+            --query-builder-outer-padding: #{rem(24px)};
+        }
+
         width: auto;
         min-width: rem(660px);
         background-color: var-get($theme, 'background');
@@ -122,11 +130,19 @@
         overflow: hidden;
 
         &:has(:not(igx-query-builder-header)) {
-            padding-block-start: if($variant != 'bootstrap', rem(24px), rem(16px))
+            padding-block-start: var(--query-builder-outer-padding);
+
+            %query-level-0 {
+                padding-block: 0 var(--query-builder-outer-padding);
+            }
         }
 
         &:has(igx-query-builder-header) {
             padding-block-start: 0;
+
+            %query-level-0 {
+                padding-block: if($variant != 'bootstrap', 0, rem(16px)) var(--query-builder-outer-padding);
+            }
         }
 
 	    .igx-chip__ghost {
@@ -145,10 +161,8 @@
     %query-level-0 {
         display: block;
         width: 100%;
-        padding-inline: if($variant != 'bootstrap', rem(24px), rem(16px));
-        padding-block:
-            if($variant != 'bootstrap', 0, rem(16px))
-            if($variant != 'bootstrap', rem(24px), rem(16px));
+
+        padding-inline: var(--query-builder-outer-padding);
 
         > %advanced-filter__main {
             gap: rem(16px);
@@ -159,7 +173,7 @@
                 max-height: rem(570px);
                 overflow-y: auto;
                 overflow-x: hidden;
-                padding-inline-end: rem(16px);
+                padding-inline-end: var(--tree-scrollbar-gutter);
             }
         }
     }
@@ -230,8 +244,8 @@
         margin-bottom: 0;
         border-block-end: rem(1px) solid var-get($theme, 'header-border');
 
-        padding-inline: if($variant != 'bootstrap', rem(24px), rem(16px));
-        padding-block: if($variant != 'bootstrap', rem(24px), rem(16px)) rem(16px);
+        padding-inline: var(--query-builder-outer-padding);
+        padding-block: var(--query-builder-outer-padding) rem(16px);
     }
 
     %advanced-filter__title {

package/lib/directives/for-of/base.helper.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, ChangeDetectorRef, OnDestroy, AfterViewInit, NgZone } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, OnDestroy, AfterViewInit, NgZone, Renderer2 } from '@angular/core';
 import { Subject } from 'rxjs';
 import { PlatformUtil } from '../../core/utils';
 import * as i0 from "@angular/core";
@@ -15,6 +15,9 @@ export declare class VirtualHelperBaseDirective implements OnDestroy, AfterViewI
     private _afterViewInit;
     private _scrollNativeSize;
     private _detached;
+    protected renderer: Renderer2;
+    protected platformId: Object;
+    protected ngZone: NgZone;
     constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, _zone: NgZone, document: any, platformUtil: PlatformUtil);
     onScroll(event: any): void;
     ngAfterViewInit(): void;
@@ -25,6 +28,8 @@ export declare class VirtualHelperBaseDirective implements OnDestroy, AfterViewI
     get size(): number;
     get scrollNativeSize(): number;
     protected get isAttachedToDom(): boolean;
+    private toggleClass;
+    private updateScrollbarClass;
     protected handleMutations(event: any): void;
     protected restoreScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualHelperBaseDirective, never>;

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/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.

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/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.12",
+  "version": "19.2.14",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",