igniteui-angular 19.2.13 → 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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "19.2.13",
+  "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",