igniteui-angular 17.2.8 → 17.2.10

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

@@ -114,7 +114,8 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
      * <igx-combo [id]='combo1'></igx-combo>
      * ```
      */
-    id: string;
+    get id(): string;
+    set id(value: string);
     /**
      * Sets the style width of the element
      *
@@ -681,6 +682,7 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     protected _onTouchedCallback: () => void;
     protected _onChangeCallback: (_: any) => void;
     protected compareCollator: Intl.Collator;
+    private _id;
     private _type;
     private _dataType;
     private _itemHeight;

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

@@ -106,6 +106,11 @@
             @extend %grid-excel-actions__action !optional;
         }
 
+        @include e(actions-filter, $m: active) {
+            @extend %grid-excel-actions__action !optional;
+            @extend %grid-excel-actions__action--active !optional;
+        }
+
         @include e(actions-clear) {
             @extend %grid-excel-actions__action !optional;
         }

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

@@ -294,6 +294,11 @@
         }
     }
 
+    %grid-excel-actions__action--active {
+        background: color($color: 'gray', $variant: 100);
+        color: var-get($theme, 'excel-filtering-actions-hover-foreground');
+    }
+
     %grid-excel-actions__action--disabled {
         color: var-get($theme, 'excel-filtering-actions-disabled-foreground');
         pointer-events: none;

package/lib/core/styles/components/grid-toolbar/_grid-toolbar-component.scss

@@ -38,10 +38,6 @@
             @extend %igx-grid-toolbar__progress-bar !optional;
         }
 
-        @include e(adv-filter, $m: 'filtered') {
-            @extend %igx-grid-toolbar__adv-filter--filtered !optional;
-        }
-
         @include e(dropdown){
             @extend %igx-grid-toolbar__dropdown !optional;
         }

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

@@ -248,21 +248,6 @@
         }
     }
 
-    %igx-grid-toolbar__adv-filter--filtered {
-        border-color: color($color: 'secondary') !important;
-
-        @if $bootstrap-theme {
-            border-width: rem(2px);
-            border-color: color($color: 'primary', $variant: 800) !important;
-            color: color($color: 'primary', $variant: 800);
-
-            &:hover,
-            &:focus {
-                background: color($color: 'primary', $variant: 800);
-            }
-        }
-    }
-
     %igx-grid-toolbar__dropdown {
         position: relative;
     }

package/lib/core/styles/components/navbar/_navbar-theme.scss

@@ -110,21 +110,38 @@
         overflow: hidden;
         border-bottom: rem(1px) solid var-get($theme, 'border-color');
 
-        igx-avatar,
-        igx-input-group,
-        [igxIconButton],
-        igc-avatar,
-        igc-input,
-        igc-icon-button {
+        igx-avatar {
             --ig-size: 1;
         }
 
-        [igxButton],
-        igc-button {
-            --ig-size: 2;
+        @if $variant == 'material' {
+            igx-input-group {
+                --ig-size: 1;
+            }
+        }
+
+        @if $variant == 'bootstrap' {
+            igc-input,
+            igc-icon-button {
+                --ig-size: 1;
+            }
+
+            [igxButton],
+            igc-button,
+            [igxIconButton],
+            igx-input-group {
+                --ig-size: 2;
+            }
+        }
+
+        @if $variant == 'fluent' {
+            igx-input-group {
+                --ig-size: 2;
+            }
         }
 
         @if $variant == 'indigo-design' {
+            igx-avatar,
             igc-icon-button,
             [igxIconButton] {
                 --ig-size: 2;

package/lib/drop-down/drop-down-item.base.d.ts

@@ -1,5 +1,5 @@
 import { IDropDownBase } from './drop-down.common';
-import { ElementRef, DoCheck, EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, DoCheck } from '@angular/core';
 import { IgxSelectionAPIService } from '../core/selection';
 import { IgxDropDownGroupComponent } from './drop-down-group.component';
 import * as i0 from "@angular/core";

package/lib/drop-down/drop-down.base.d.ts

@@ -133,7 +133,7 @@ export declare abstract class IgxDropDownBaseDirective extends DisplayDensityBas
      * @param newSelection the item selected
      * @param event the event that triggered the call
      */
-    selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event): void;
+    selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
     /**
      * @hidden @internal
      */

package/lib/drop-down/drop-down.common.d.ts

@@ -69,5 +69,5 @@ export interface IDropDownBase extends IDropDownList, IToggleView {
     closed: EventEmitter<IBaseEventArgs>;
     allowItemsFocus?: boolean;
     setSelectedItem(index: number): void;
-    selectItem(item: IgxDropDownItemBaseDirective, event?: Event): void;
+    selectItem(item: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
 }

package/lib/drop-down/drop-down.component.d.ts

@@ -134,6 +134,10 @@ export declare class IgxDropDownComponent extends IgxDropDownBaseDirective imple
      * ```
      */
     open(overlaySettings?: OverlaySettings): void;
+    /**
+    * @hidden @internal
+    */
+    getDefaultOverlaySettings(): OverlaySettings;
     /**
      * Closes the dropdown
      *
@@ -219,14 +223,15 @@ export declare class IgxDropDownComponent extends IgxDropDownBaseDirective imple
      */
     navigatePrev(): void;
     /**
-     * Handles the `selectionChanging` emit and the drop down toggle when selection changes
-     *
-     * @hidden
-     * @internal
-     * @param newSelection
-     * @param event
-     */
-    selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event): void;
+ * Handles the `selectionChanging` emit and the drop down toggle when selection changes
+ *
+ * @hidden
+ * @internal
+ * @param newSelection
+ * @param event
+ * @param emit
+ */
+    selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
     /**
      * Clears the selection of the dropdown
      * ```typescript

package/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.d.ts

@@ -20,6 +20,7 @@ export declare class IgxExcelStyleConditionalFilterComponent implements OnDestro
      * @hidden @internal
      */
     subMenu: IgxDropDownComponent;
+    protected get filterNumber(): number;
     private shouldOpenSubMenu;
     private destroy$;
     private _subMenuPositionSettings;
@@ -38,6 +39,10 @@ export declare class IgxExcelStyleConditionalFilterComponent implements OnDestro
      * @hidden @internal
      */
     getCondition(value: string): IFilteringOperation;
+    /**
+     * @hidden @internal
+     */
+    protected getSelectedCondition(condition: string): boolean;
     /**
      * @hidden @internal
      */

package/lib/grids/headers/grid-header.component.d.ts

@@ -97,6 +97,7 @@ export declare class IgxGridHeaderComponent implements DoCheck, OnDestroy {
      */
     onSortingIconClick(event: any): void;
     protected getSortDirection(): void;
+    protected isAdvancedFilterApplied(): boolean;
     private triggerSort;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridHeaderComponent, "igx-grid-header", never, { "column": { "alias": "column"; "required": false; }; "density": { "alias": "density"; "required": false; }; }, {}, never, never, true, never>;

package/lib/grids/toolbar/grid-toolbar-advanced-filtering.component.d.ts

@@ -1,5 +1,7 @@
+import { AfterViewInit } from '@angular/core';
 import { IgxToolbarToken } from './token';
 import { OverlaySettings } from '../../services/overlay/utilities';
+import { IFilteringExpressionsTree } from '../../data-operations/filtering-expressions-tree';
 import * as i0 from "@angular/core";
 /**
  * Provides a pre-configured button to open the advanced filtering dialog of the grid.
@@ -14,14 +16,23 @@ import * as i0 from "@angular/core";
  * <igx-grid-toolbar-advanced-filtering>Custom text</igx-grid-toolbar-advanced-filtering>
  * ```
  */
-export declare class IgxGridToolbarAdvancedFilteringComponent {
+export declare class IgxGridToolbarAdvancedFilteringComponent implements AfterViewInit {
     private toolbar;
+    /**
+     * @hidden @internal
+     */
+    protected numberOfColumns: number;
     /**
      * Returns the grid containing this component.
      */
     get grid(): import("igniteui-angular").GridType;
     overlaySettings: OverlaySettings;
     constructor(toolbar: IgxToolbarToken);
+    /**
+     * @hidden
+     */
+    ngAfterViewInit(): void;
+    protected extractUniqueFieldNamesFromFilterTree(filteringTree?: IFilteringExpressionsTree): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridToolbarAdvancedFilteringComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridToolbarAdvancedFilteringComponent, "igx-grid-toolbar-advanced-filtering", never, { "overlaySettings": { "alias": "overlaySettings"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.2.8",
+  "version": "17.2.10",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -74,7 +74,7 @@
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "uuid": "^9.0.0",
-    "igniteui-theming": "^6.3.1",
+    "igniteui-theming": "^6.3.2",
     "@igniteui/material-icons-extended": "^3.0.0"
   },
   "peerDependencies": {