igniteui-angular 19.0.6 → 19.1.0-beta.0

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

@@ -212,6 +212,7 @@
         height: $size;
         min-width: $size;
         line-height: $size;
+        cursor: pointer;
         color: var-get($theme, 'label-color');
         user-select: none;
 
@@ -399,6 +400,7 @@
 
     %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,6 +290,7 @@
         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;
 
@@ -556,6 +557,7 @@
     %switch-label {
         display: inline-block;
         color: var-get($theme, 'label-color');
+        cursor: pointer;
         user-select: none;
         word-wrap: break-all;
 

package/lib/core/styles/components/tree/_tree-theme.scss

@@ -148,7 +148,7 @@
     ), $variant);
 
     $icon-space: map.get((
-        'material': $icon-space-indigo,
+        'material': $icon-space-default,
         'fluent': $icon-space-default,
         'bootstrap': $icon-space-default,
         'indigo': $icon-space-indigo
@@ -209,12 +209,6 @@
         margin-inline-end: $icon-space;
     }
 
-    @if $variant == 'material' {
-        %node-select {
-            margin-inline: rem(10px) rem(14px);
-        }
-    }
-
     @if $variant == 'indigo' {
         %node-select {
             margin-inline-end: rem(8px);

package/lib/core/styles/themes/generators/_base.scss

@@ -663,7 +663,6 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
-/// @deprecated - Use the theme mixin instead.
 @mixin light-theme(
     $palette,
     $exclude: (),
@@ -673,7 +672,7 @@
     $gray: color($palette, 'gray');
     $surface: color($palette, 'surface');
 
-    $_light-palette: palette(
+    $light-palette: palette(
         $primary: color($palette, 'primary'),
         $secondary: color($palette, 'secondary'),
         $info: color($palette, 'info'),
@@ -685,7 +684,7 @@
     );
 
     @include theme(
-        $palette: $_light-palette,
+        $palette: $light-material-palette,
         $schema: $light-material-schema,
         $exclude: $exclude,
         $roundness: $roundness,
@@ -697,7 +696,6 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
 /// @see {mixin} theme
-/// @deprecated - Use the theme mixin instead.
 @mixin dark-theme(
     $palette,
     $exclude: (),
@@ -707,7 +705,7 @@
     $gray: color($palette, 'gray');
     $surface: color($palette, 'surface');
 
-    $_dark-palette: palette(
+    $dark-palette: palette(
         $primary: color($palette, 'primary'),
         $secondary: color($palette, 'secondary'),
         $info: color($palette, 'info'),
@@ -719,7 +717,7 @@
     );
 
     @include theme(
-        $palette: $_dark-palette,
+        $palette: $dark-material-palette,
         $schema: $dark-material-schema,
         $exclude: $exclude,
         $roundness: $roundness,

package/lib/core/styles/themes/generators/_bootstrap.scss

@@ -13,7 +13,6 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
-/// @deprecated - Use the theme mixin instead.
 @mixin bootstrap-light-theme(
     $palette,
     $exclude: (),
@@ -51,7 +50,6 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
-/// @deprecated - Use the theme mixin instead.
 @mixin bootstrap-dark-theme(
     $palette,
     $exclude: (),

package/lib/core/styles/themes/generators/_fluent.scss

@@ -13,7 +13,6 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
-/// @deprecated - Use the theme mixin instead.
 @mixin fluent-light-theme(
     $palette,
     $exclude: (),
@@ -51,7 +50,6 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
-/// @deprecated - Use the theme mixin instead.
 @mixin fluent-dark-theme(
     $palette,
     $exclude: (),

package/lib/core/styles/themes/generators/_indigo.scss

@@ -14,7 +14,6 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
-/// @deprecated - Use the theme mixin instead.
 @mixin indigo-light-theme(
     $palette,
     $exclude: (),
@@ -53,7 +52,6 @@
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
 /// @see {mixin} theme
-/// @deprecated - Use the theme mixin instead.
 @mixin indigo-dark-theme(
     $palette,
     $exclude: (),

package/lib/core/utils.d.ts

@@ -1,6 +1,5 @@
 import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
-import { IgxTheme } from '../services/theme/theme.token';
 import * as i0 from "@angular/core";
 /** @hidden @internal */
 export declare const ELEMENTS_TOKEN: InjectionToken<boolean>;
@@ -315,4 +314,3 @@ export declare function getComponentCssSizeVar(size: string): "var(--ig-size, va
  * @returns string encoded using the encodeURI function.
  */
 export declare function normalizeURI(path: string): string;
-export declare function getComponentTheme(el: Element): IgxTheme;

package/lib/data-operations/filtering-condition.d.ts

@@ -10,9 +10,13 @@ export declare class IgxFilteringOperand {
     constructor();
     static instance(): IgxFilteringOperand;
     /**
-     * Returns an array of names of the conditions which are visible in the UI
+     * Returns an array of names of the conditions which are visible in the filtering UI
      */
     conditionList(): string[];
+    /**
+     * Returns an array of names of the conditions which are visible in the UI, including "In" and "Not In", allowing the creation of sub-queries.
+     */
+    extendedConditionList(): string[];
     /**
      * Returns an instance of the condition with the specified name.
      *
@@ -28,7 +32,7 @@ export declare class IgxFilteringOperand {
     /**
      * @hidden
      */
-    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
+    findValueInSet(target: any, searchVal: Set<any>): boolean;
 }
 /**
  * Provides filtering operations for booleans
@@ -50,7 +54,10 @@ declare class IgxBaseDateTimeFilteringOperand extends IgxFilteringOperand {
      * @memberof IgxDateFilteringOperand
      */
     static getDateParts(date: Date, dateFormat?: string): IDateParts;
-    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
+    /**
+     * @hidden
+     */
+    findValueInSet(target: any, searchVal: Set<any>): boolean;
     protected validateInputData(target: Date): void;
 }
 /**
@@ -60,14 +67,17 @@ declare class IgxBaseDateTimeFilteringOperand extends IgxFilteringOperand {
  */
 export declare class IgxDateFilteringOperand extends IgxBaseDateTimeFilteringOperand {
     protected constructor();
-    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
+    findValueInSet(target: any, searchVal: Set<any>): boolean;
 }
 export declare class IgxDateTimeFilteringOperand extends IgxBaseDateTimeFilteringOperand {
     protected constructor();
 }
 export declare class IgxTimeFilteringOperand extends IgxBaseDateTimeFilteringOperand {
     protected constructor();
-    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
+    /**
+     * @hidden
+     */
+    findValueInSet(target: any, searchVal: Set<any>): boolean;
 }
 /**
  * Provides filtering operations for numbers
@@ -99,6 +109,7 @@ export declare class IgxStringFilteringOperand extends IgxFilteringOperand {
 export interface IFilteringOperation {
     name: string;
     isUnary: boolean;
+    isNestedQuery?: boolean;
     iconName: string;
     hidden?: boolean;
     logic: (value: any, searchVal?: any, ignoreCase?: boolean) => boolean;

package/lib/data-operations/filtering-expression.interface.d.ts

@@ -1,4 +1,5 @@
 import { IFilteringOperation } from './filtering-condition';
+import { IExpressionTree } from './filtering-expressions-tree';
 export declare enum FilteringLogic {
     And = 0,
     Or = 1
@@ -8,7 +9,9 @@ export declare enum FilteringLogic {
  */
 export declare interface IFilteringExpression {
     fieldName: string;
-    condition: IFilteringOperation;
+    condition?: IFilteringOperation;
+    conditionName?: string;
     searchVal?: any;
+    searchTree?: IExpressionTree;
     ignoreCase?: boolean;
 }

package/lib/data-operations/filtering-expressions-tree.d.ts

@@ -8,6 +8,8 @@ export declare interface IExpressionTree {
     filteringOperands: (IExpressionTree | IFilteringExpression)[];
     operator: FilteringLogic;
     fieldName?: string;
+    entity?: string;
+    returnFields?: string[];
 }
 export declare interface IFilteringExpressionsTree extends IBaseEventArgs, IExpressionTree {
     filteringOperands: (IFilteringExpressionsTree | IFilteringExpression)[];
@@ -58,7 +60,7 @@ export declare class FilteringExpressionsTree implements IFilteringExpressionsTr
     /**
      * Sets/gets the field name of the column where the filtering expression is placed.
      * ```typescript
-     *  gridExpressionTree.fieldName = 'Column Field';
+     * gridExpressionTree.fieldName = 'Column Field';
      * ```
      * ```typescript
      * let columnField = expressionTree.fieldName;
@@ -70,7 +72,7 @@ export declare class FilteringExpressionsTree implements IFilteringExpressionsTr
     /**
      * Sets/gets the type of the filtering expressions tree.
      * ```typescript
-     *  gridExpressionTree.type = FilteringExpressionsTree.Advanced;
+     * gridExpressionTree.type = FilteringExpressionsTree.Advanced;
      * ```
      * ```typescript
      * let type = expressionTree.type;
@@ -79,7 +81,31 @@ export declare class FilteringExpressionsTree implements IFilteringExpressionsTr
      * @memberof FilteringExpressionsTree
      */
     type?: FilteringExpressionsTreeType;
-    constructor(operator: FilteringLogic, fieldName?: string);
+    /**
+     * Sets/gets the entity.
+     * ```typescript
+     * gridExpressionsTree.entity = 'Entity A';
+     * ```
+     * ```typescript
+     * let entity = gridExpressionsTree.entity;
+     * ```
+     *
+     * @memberof FilteringExpressionsTree
+     */
+    entity?: string;
+    /**
+     * Sets/gets the return fields.
+     * ```typescript
+     * gridExpressionsTree.returnFields = ['Column Field 1', 'Column Field 2'];
+     * ```
+     * ```typescript
+     * let returnFields = gridExpressionsTree.returnFields;
+     * ```
+     *
+     * @memberof FilteringExpressionsTree
+     */
+    returnFields?: string[];
+    constructor(operator: FilteringLogic, fieldName?: string, entity?: string, returnFields?: string[]);
     /**
      * Checks if filtering expressions tree is empty.
      *

package/lib/directives/drag-drop/drag-drop.directive.d.ts

@@ -467,7 +467,6 @@ export declare class IgxDragDirective implements AfterContentInit, OnDestroy {
     protected _scrollContainerStepMs: number;
     protected _scrollContainerThreshold: number;
     protected _containerScrollIntervalId: any;
-    private document;
     /**
      * Sets the offset of the dragged element relative to the mouse in pixels.
      * By default it's taking the relative position to the mouse when the drag started and keeps it the same.

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

@@ -271,12 +271,12 @@ export interface FieldType {
     field: string;
     header?: string;
     dataType: DataType;
-    editorOptions: IFieldEditorOptions;
-    filters: IgxFilteringOperand;
-    pipeArgs: IFieldPipeArgs;
-    defaultTimeFormat: string;
-    defaultDateTimeFormat: string;
-    formatter(value: any, rowData?: any): any;
+    editorOptions?: IFieldEditorOptions;
+    filters?: IgxFilteringOperand;
+    pipeArgs?: IFieldPipeArgs;
+    defaultTimeFormat?: string;
+    defaultDateTimeFormat?: string;
+    formatter?(value: any, rowData?: any): any;
 }
 /**
  * Represents a column in the `GridType`. It is essentially the blueprint to a column object.
@@ -660,10 +660,6 @@ 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 */
@@ -1348,3 +1344,10 @@ export interface IClipboardOptions {
      */
     separator: string;
 }
+/**
+ * An interface describing entity
+ */
+export interface EntityType {
+    name: string;
+    fields: FieldType[];
+}

package/lib/grids/filtering/advanced-filtering/advanced-filtering-dialog.component.d.ts

@@ -97,6 +97,13 @@ export declare class IgxAdvancedFilteringDialogComponent implements AfterViewIni
      * @hidden @internal
      */
     onApplyButtonClick(event?: Event): void;
+    /**
+     * @hidden @internal
+     */
+    generateEntity(): {
+        name: any;
+        fields: FieldType[];
+    }[];
     private assignResourceStrings;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxAdvancedFilteringDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxAdvancedFilteringDialogComponent, "igx-advanced-filtering-dialog", never, { "grid": { "alias": "grid"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -6,7 +6,6 @@ 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
@@ -15,7 +14,6 @@ export declare class IgxExcelStyleCustomDialogComponent implements AfterViewInit
     protected overlayService: IgxOverlayService;
     private cdr;
     protected platform: PlatformUtil;
-    esf: BaseFilteringComponent;
     expressionsList: ExpressionUI[];
     column: ColumnType;
     selectedOperator: string;
@@ -29,7 +27,7 @@ export declare class IgxExcelStyleCustomDialogComponent implements AfterViewInit
     private expressionDateComponents;
     private _customDialogPositionSettings;
     private _customDialogOverlaySettings;
-    constructor(overlayService: IgxOverlayService, cdr: ChangeDetectorRef, platform: PlatformUtil, esf: BaseFilteringComponent);
+    constructor(overlayService: IgxOverlayService, cdr: ChangeDetectorRef, platform: PlatformUtil);
     ngAfterViewInit(): void;
     get template(): TemplateRef<any>;
     get grid(): any;
@@ -38,7 +36,6 @@ 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/filtering/excel-style/excel-style-date-expression.component.d.ts

@@ -6,10 +6,12 @@ import * as i0 from "@angular/core";
 export declare class IgxExcelStyleDateExpressionComponent extends IgxExcelStyleDefaultExpressionComponent {
     private input;
     private picker;
+    get searchVal(): any;
+    set searchVal(value: any);
     protected get inputValuesElement(): HTMLInputElement;
     get inputDatePlaceholder(): string;
     get inputTimePlaceholder(): string;
     get weekStart(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxExcelStyleDateExpressionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxExcelStyleDateExpressionComponent, "igx-excel-style-date-expression", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxExcelStyleDateExpressionComponent, "igx-excel-style-date-expression", never, { "searchVal": { "alias": "searchVal"; "required": false; }; }, {}, never, never, true, never>;
 }

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

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

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

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

package/lib/icon/icon.component.d.ts

@@ -2,6 +2,7 @@ import { ElementRef, OnInit, OnDestroy, OnChanges, ChangeDetectorRef } from "@an
 import { IgxIconService } from "./icon.service";
 import type { IconReference } from "./types";
 import { SafeHtml } from "@angular/platform-browser";
+import { ThemeService } from "../services/theme/theme.service";
 import * as i0 from "@angular/core";
 /**
  * Icon provides a way to include material icons to markup
@@ -28,6 +29,7 @@ import * as i0 from "@angular/core";
 export declare class IgxIconComponent implements OnInit, OnChanges, OnDestroy {
     el: ElementRef;
     private iconService;
+    private themeService;
     private ref;
     private _iconRef;
     private _destroy$;
@@ -36,6 +38,20 @@ export declare class IgxIconComponent implements OnInit, OnChanges, OnDestroy {
     protected get elementClasses(): string;
     private addIconClass;
     private clearIconClasses;
+    /**
+     *  This allows you to disable the `aria-hidden` attribute. By default it's applied.
+     *
+     * @example
+     * ```typescript
+     * @ViewChild("MyIcon") public icon: IgxIconComponent;
+     * constructor(private cdRef:ChangeDetectorRef) {}
+     * ngAfterViewInit() {
+     *     this.icon.ariaHidden = false;
+     *     this.cdRef.detectChanges();
+     * }
+     * ```
+     */
+    ariaHidden: boolean;
     /**
      *  An accessor that returns inactive property.
      *
@@ -76,7 +92,7 @@ export declare class IgxIconComponent implements OnInit, OnChanges, OnDestroy {
      * ```
      */
     active: boolean;
-    constructor(el: ElementRef, iconService: IgxIconService, ref: ChangeDetectorRef);
+    constructor(el: ElementRef, iconService: IgxIconService, themeService: ThemeService, ref: ChangeDetectorRef);
     /**
      * @hidden
      * @internal

package/lib/icon/icon.service.d.ts

@@ -1,11 +1,10 @@
-import { DestroyRef } from "@angular/core";
 import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
 import { PlatformUtil } from "../core/utils";
 import { IconFamily, IconMeta, FamilyMeta } from "./types";
 import type { IconType, IconReference } from './types';
-import { IgxTheme, ThemeToken } from "../services/theme/theme.token";
+import { IgxTheme } from "../services/theme/theme.service";
 import * as i0 from "@angular/core";
 /**
  * Event emitted when a SVG icon is loaded through
@@ -35,8 +34,6 @@ export declare class IgxIconService {
     private _sanitizer;
     private _httpClient;
     private _platformUtil;
-    private _themeToken;
-    private _destroyRef;
     protected document: Document;
     /**
      * Observable that emits when an icon is successfully loaded
@@ -54,7 +51,8 @@ export declare class IgxIconService {
     private _cachedIcons;
     private _iconLoaded;
     private _domParser;
-    constructor(_sanitizer: DomSanitizer, _httpClient: HttpClient, _platformUtil: PlatformUtil, _themeToken: ThemeToken, _destroyRef: DestroyRef, document: Document);
+    private theme;
+    constructor(_sanitizer: DomSanitizer, _httpClient: HttpClient, _platformUtil: PlatformUtil, document: Document);
     /**
      *  Returns the default font-family.
      * ```typescript
@@ -104,7 +102,6 @@ export declare class IgxIconService {
      * ```
      */
     addIconRef(name: string, family: string, icon: IconMeta): void;
-    private _setIconRef;
     /**
      *  Similar to addIconRef, but always sets the icon reference meta for an icon in a meta family.
      * ```typescript
@@ -157,6 +154,6 @@ export declare class IgxIconService {
      * @hidden
      */
     private cacheSvgIcon;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgxIconService, [{ optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgxIconService, [{ optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IgxIconService>;
 }

package/lib/icon/types.d.ts

@@ -1,4 +1,4 @@
-import { IgxTheme } from "../services/theme/theme.token";
+import { IgxTheme } from "../services/theme/theme.service";
 export type IconThemeKey = IgxTheme | 'default';
 export type IconReferencePair = {
     alias: IconMeta;
@@ -15,8 +15,6 @@ export interface IconMeta {
     name: string;
     family: string;
     type?: IconType;
-    /** @hidden @internal */
-    external?: boolean;
 }
 export interface FamilyMeta {
     className: string;

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, QueryList } from '@angular/core';
+import { AfterViewChecked, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
 import { IInputResourceStrings } from '../core/i18n/input-resources';
 import { PlatformUtil } from '../core/utils';
 import { IgxHintDirective } from '../directives/hint/hint.directive';
@@ -7,15 +7,15 @@ import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
 import { IgxSuffixDirective } from '../directives/suffix/suffix.directive';
 import { IgxInputGroupBase } from './input-group.common';
 import { IgxInputGroupType } from './inputGroupType';
-import { IgxTheme, ThemeToken } from '../services/theme/theme.token';
+import { IgxTheme, ThemeService } from '../services/theme/theme.service';
 import * as i0 from "@angular/core";
-export declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterViewInit {
+export declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterViewChecked, OnDestroy {
     element: ElementRef<HTMLElement>;
     private _inputGroupType;
     private document;
     private platform;
     private cdr;
-    private themeToken;
+    private themeService;
     /**
      * Sets the resource strings.
      * By default it uses EN resources.
@@ -71,10 +71,11 @@ export declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterV
     protected _suffixes: QueryList<IgxSuffixDirective>;
     /** @hidden */
     protected input: IgxInputDirective;
-    private _destroyRef;
     private _type;
     private _filled;
     private _theme;
+    private _theme$;
+    private _subscription;
     private _resourceStrings;
     /** @hidden */
     get validClass(): boolean;
@@ -126,7 +127,7 @@ export declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterV
      * }
      */
     get theme(): IgxTheme;
-    constructor(element: ElementRef<HTMLElement>, _inputGroupType: IgxInputGroupType, document: any, platform: PlatformUtil, cdr: ChangeDetectorRef, themeToken: ThemeToken);
+    constructor(element: ElementRef<HTMLElement>, _inputGroupType: IgxInputGroupType, document: any, platform: PlatformUtil, cdr: ChangeDetectorRef, themeService: ThemeService);
     /** @hidden */
     onClick(event: MouseEvent): void;
     /** @hidden */
@@ -252,9 +253,10 @@ export declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterV
     get filled(): boolean;
     /** @hidden */
     set filled(val: boolean);
-    private setComponentTheme;
     /** @hidden @internal */
-    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    /** @hidden @internal */
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxInputGroupComponent, [null, { optional: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxInputGroupComponent, "igx-input-group", never, { "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "suppressInputAutofocus": { "alias": "suppressInputAutofocus"; "required": false; }; "type": { "alias": "type"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, ["input", "hints", "_prefixes", "_suffixes"], ["igx-hint, [igxHint]", "[igxLabel]", "[igxInput]", "igx-prefix, [igxPrefix]", "igx-suffix, [igxSuffix]"], true, never>;
     static ngAcceptInputType_suppressInputAutofocus: unknown;