igniteui-angular 12.3.0-alpha.0 → 12.3.0-alpha.1

package/lib/action-strip/action-strip.component.d.ts

@@ -1,5 +1,6 @@
 import { Renderer2, ViewContainerRef, QueryList, TemplateRef, AfterContentInit, ChangeDetectorRef, AfterViewInit } from '@angular/core';
 import { DisplayDensityBase, IDisplayDensityOptions } from '../core/density';
+import { IActionStripResourceStrings } from '../core/i18n/action-strip-resources';
 import { IgxDropDownComponent } from '../drop-down/public_api';
 import { OverlaySettings } from '../services/public_api';
 import { IgxGridActionsBaseDirective } from './grid-actions/grid-actions-base.directive';
@@ -76,6 +77,14 @@ export declare class IgxActionStripComponent extends DisplayDensityBase implemen
      * @internal
      */
     hostClass: string;
+    /**
+     * Gets/Sets the resource strings.
+     *
+     * @remarks
+     * By default it uses EN resources.
+     */
+    set resourceStrings(value: IActionStripResourceStrings);
+    get resourceStrings(): IActionStripResourceStrings;
     /**
      * Reference to the menu
      *
@@ -91,6 +100,7 @@ export declare class IgxActionStripComponent extends DisplayDensityBase implemen
      */
     menuOverlaySettings: OverlaySettings;
     private _hidden;
+    private _resourceStrings;
     constructor(_viewContainer: ViewContainerRef, renderer: Renderer2, _displayDensityOptions: IDisplayDensityOptions, cdr: ChangeDetectorRef);
     /**
      * Getter for the 'display' property of the current `IgxActionStrip`

package/lib/banner/banner.component.d.ts

@@ -5,8 +5,7 @@ import { CancelableEventArgs, IBaseEventArgs } from '../core/utils';
 import { ToggleAnimationSettings } from '../expansion-panel/toggle-animation-component';
 export interface BannerEventArgs extends IBaseEventArgs {
     /**
-     * @deprecated
-     * To get a reference to the banner, use `owner` instead.
+     * @deprecated in 12.1.0. To get a reference to the banner, use `owner` instead
      */
     banner: IgxBannerComponent;
     event?: Event;

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

@@ -5,14 +5,13 @@ import { DisplayDensityBase, IDisplayDensityOptions } from '../core/displayDensi
 import { IgxSelectionAPIService } from '../core/selection';
 import { CancelableBrowserEventArgs, IBaseCancelableBrowserEventArgs, IBaseEventArgs } from '../core/utils';
 import { IForOfState, IgxForOfDirective } from '../directives/for-of/for_of.directive';
-import { ISelectionEventArgs } from '../drop-down/public_api';
 import { IgxIconService } from '../icon/public_api';
 import { IgxInputGroupType } from '../input-group/inputGroupType';
 import { IgxInputDirective, IgxInputGroupComponent } from '../input-group/public_api';
 import { OverlaySettings } from '../services/public_api';
 import { IgxComboDropDownComponent } from './combo-dropdown.component';
 import { IgxComboAPIService } from './combo.api';
-import { IComboFilteringOptions, IComboItemAdditionEvent, IComboSearchInputEventArgs, IComboSelectionChangingEventArgs } from './public_api';
+import { IComboFilteringOptions, IComboItemAdditionEvent, IComboSearchInputEventArgs } from './public_api';
 export declare const IGX_COMBO_COMPONENT: InjectionToken<IgxComboBase>;
 /** @hidden @internal TODO: Evaluate */
 export interface IgxComboBase {
@@ -40,8 +39,7 @@ export interface IgxComboBase {
     isItemSelected(itemID: any): boolean;
     select(item: any): void;
     select(itemIDs: any[], clearSelection?: boolean, event?: Event): void;
-    deselect(item: any): void;
-    deselect(itemIDs: any[], event?: Event): void;
+    deselect(...args: [] | [itemIDs: any[], event?: Event]): void;
 }
 /** @hidden @internal */
 export declare enum DataTypes {
@@ -73,6 +71,20 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     protected _displayDensityOptions: IDisplayDensityOptions;
     protected _inputGroupType: IgxInputGroupType;
     protected _injector: Injector;
+    /**
+     * Defines whether the caseSensitive icon should be shown in the search input
+     *
+     * ```typescript
+     * // get
+     * let myComboShowSearchCaseIcon = this.combo.showSearchCaseIcon;
+     * ```
+     *
+     * ```html
+     * <!--set-->
+     * <igx-combo [showSearchCaseIcon]='true'></igx-combo>
+     * ```
+     */
+    showSearchCaseIcon: boolean;
     /**
      * Set custom overlay settings that control how the combo's list of items is displayed.
      * Set:
@@ -251,6 +263,13 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
      * ```
      */
     get groupKey(): string;
+    /**
+     * An @Input property that enabled/disables filtering in the list. The default is `true`.
+     * ```html
+     * <igx-combo [filterable]="false">
+     * ```
+     */
+    filterable: boolean;
     /**
      * An @Input property that set aria-labelledby attribute
      * ```html
@@ -284,14 +303,6 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
      */
     get type(): IgxInputGroupType;
     set type(val: IgxInputGroupType);
-    /**
-     * Emitted when item selection is changing, before the selection completes
-     *
-     * ```html
-     * <igx-combo (selectionChanging)='handleSelection()'></igx-combo>
-     * ```
-     */
-    selectionChanging: EventEmitter<ISelectionEventArgs | IComboSelectionChangingEventArgs>;
     /**
      * Emitted before the dropdown is opened
      *
@@ -629,6 +640,7 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     private _itemsMaxHeight;
     private _overlaySettings;
     abstract dropdown: IgxComboDropDownComponent;
+    abstract selectionChanging: EventEmitter<any>;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, selectionService: IgxSelectionAPIService, comboAPI: IgxComboAPIService, _iconService: IgxIconService, _displayDensityOptions: IDisplayDensityOptions, _inputGroupType: IgxInputGroupType, _injector: Injector);
     /** @hidden @internal */
     onArrowDown(event: Event): void;
@@ -714,6 +726,8 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     onClick(event: Event): void;
     /** @hidden @internal */
     onBlur(): void;
+    /** @hidden @internal */
+    toggleCaseSensitive(): void;
     protected onStatusChanged: () => void;
     /** if there is a valueKey - map the keys to data items, else - just return the keys */
     protected convertKeysToItems(keys: any[]): any[];
@@ -735,8 +749,7 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     abstract focusSearchInput(opening?: boolean): any;
     abstract select(newItem: any): void;
     abstract select(newItems: Array<any> | any, clearCurrentSelection?: boolean, event?: Event): void;
-    abstract deselect(item: any): void;
-    abstract deselect(items: Array<any>, event?: Event): void;
+    abstract deselect(...args: [] | [items: Array<any>, event?: Event]): void;
     abstract writeValue(value: any): void;
     protected abstract setSelection(newSelection: Set<any>, event?: Event): void;
     protected abstract createDisplayText(newSelection: any[], oldSelection: any[]): any;

package/lib/combo/combo.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnInit, OnDestroy, Injector } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnInit, OnDestroy, Injector, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { IgxSelectionAPIService } from '../core/selection';
 import { IBaseEventArgs, IBaseCancelableEventArgs, CancelableEventArgs } from '../core/utils';
@@ -69,20 +69,6 @@ export declare class IgxComboComponent extends IgxComboBaseDirective implements
     protected _displayDensityOptions: IDisplayDensityOptions;
     protected _inputGroupType: IgxInputGroupType;
     protected _injector: Injector;
-    /**
-     * Defines whether the caseSensitive icon should be shown in the search input
-     *
-     * ```typescript
-     * // get
-     * let myComboShowSearchCaseIcon = this.combo.showSearchCaseIcon;
-     * ```
-     *
-     * ```html
-     * <!--set-->
-     * <igx-combo [showSearchCaseIcon]='true'></igx-combo>
-     * ```
-     */
-    showSearchCaseIcon: boolean;
     /**
      * An @Input property that controls whether the combo's search box
      * should be focused after the `opened` event is called
@@ -110,6 +96,14 @@ export declare class IgxComboComponent extends IgxComboBaseDirective implements
      * ```
      */
     searchPlaceholder: string;
+    /**
+     * Emitted when item selection is changing, before the selection completes
+     *
+     * ```html
+     * <igx-combo (selectionChanging)='handleSelection()'></igx-combo>
+     * ```
+     */
+    selectionChanging: EventEmitter<IComboSelectionChangingEventArgs>;
     /** @hidden @internal */
     dropdown: IgxComboDropDownComponent;
     /**
@@ -211,10 +205,6 @@ export declare class IgxComboComponent extends IgxComboBaseDirective implements
      * ```
      */
     setSelectedItem(itemID: any, select?: boolean, event?: Event): void;
-    /**
-     * @hidden @internal
-     */
-    toggleCaseSensitive(): void;
     /** @hidden @internal */
     handleOpened(): void;
     /** @hidden @internal */

package/lib/core/i18n/action-strip-resources.d.ts

@@ -0,0 +1,4 @@
+export interface IActionStripResourceStrings {
+    igx_action_strip_button_more_title?: string;
+}
+export declare const ActionStripResourceStringsEN: IActionStripResourceStrings;

package/lib/core/i18n/resources.d.ts

@@ -9,7 +9,8 @@ import { IListResourceStrings } from './list-resources';
 import { ICalendarResourceStrings } from './calendar-resources';
 import { IInputResourceStrings } from './input-resources';
 import { ITreeResourceStrings } from './tree-resources';
-export interface IResourceStrings extends IGridResourceStrings, ITimePickerResourceStrings, ICalendarResourceStrings, ICarouselResourceStrings, IChipResourceStrings, IInputResourceStrings, IDatePickerResourceStrings, IDateRangePickerResourceStrings, IListResourceStrings, IPaginatorResourceStrings, ITreeResourceStrings {
+import { IActionStripResourceStrings } from './action-strip-resources';
+export interface IResourceStrings extends IGridResourceStrings, ITimePickerResourceStrings, ICalendarResourceStrings, ICarouselResourceStrings, IChipResourceStrings, IInputResourceStrings, IDatePickerResourceStrings, IDateRangePickerResourceStrings, IListResourceStrings, IPaginatorResourceStrings, ITreeResourceStrings, IActionStripResourceStrings {
 }
 /**
  * @hidden
@@ -35,6 +36,7 @@ export declare const CurrentResourceStrings: {
     ListResStrings: any;
     InputResStrings: any;
     TreeResStrings: any;
+    ActionStripResourceStrings: any;
 };
 /**
  * Changes the resource strings for all components in the application

package/lib/core/utils.d.ts

@@ -1,5 +1,9 @@
 import { AnimationReferenceMetadata } from '@angular/animations';
 import { Observable } from 'rxjs';
+/**
+ * @hidden
+ */
+export declare const showMessage: (message: string, isMessageShown: boolean) => boolean;
 export declare const mkenum: <T extends {
     [index: string]: U;
 }, U extends string>(x: T) => T;

package/lib/directives/radio/radio-group.directive.d.ts

@@ -78,10 +78,10 @@ export declare class IgxRadioGroupDirective implements AfterContentInit, Control
     get required(): boolean;
     set required(value: boolean);
     /**
-     * An @Input property that allows you to disable the radio group. By default it's false.
-     *
      * @deprecated in version 12.2.0
      *
+     * An input property that allows you to disable the radio group. By default it's false.
+     *
      * @example
      *  ```html
      * <igx-radio-group disabled></igx-radio-group>
@@ -90,10 +90,10 @@ export declare class IgxRadioGroupDirective implements AfterContentInit, Control
     get disabled(): boolean;
     set disabled(value: boolean);
     /**
-     * Sets/gets the position of the `label` in the child radio buttons.
-     *
      * @deprecated in version 12.2.0
      *
+     * Sets/gets the position of the `label` in the child radio buttons.
+     *
      * @remarks
      * If not set, `labelPosition` will have value `"after"`.
      *

package/lib/grids/cell.component.d.ts

@@ -382,15 +382,6 @@ export declare class IgxGridCellComponent implements OnInit, OnChanges, OnDestro
     private _cellSelection;
     private _vIndex;
     constructor(selectionService: IgxGridSelectionService, gridAPI: GridBaseAPIService<IgxGridBaseDirective & GridType>, cdr: ChangeDetectorRef, element: ElementRef, zone: NgZone, touchManager: HammerGesturesManager, platformUtil: PlatformUtil);
-    /**
-     * @deprecated
-     * Gets whether the cell is selected.
-     * ```typescript
-     * let isCellSelected = thid.cell.isCellSelected();
-     * ```
-     * @memberof IgxGridCellComponent
-     */
-    isCellSelected(): boolean;
     /**
      * @hidden
      * @internal

package/lib/grids/column-actions/column-actions.component.d.ts

@@ -131,9 +131,10 @@ export declare class IgxColumnActionsComponent implements DoCheck {
     private _id;
     constructor(differs: IterableDiffers);
     /**
+     * @deprecated Use grid input instead.
+     *
      * Gets the grid columns to provide an action for.
      *
-     * @deprecated
      * @example
      * ```typescript
      * let gridColumns = this.columnActions.columns;

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

@@ -301,7 +301,8 @@ export declare class IgxGridComponent extends IgxGridBaseDirective implements Gr
     set dropAreaMessage(value: string);
     get dropAreaMessage(): string;
     /**
-     * @deprecated
+     * @deprecated in version 12.1.0. Use `getCellByColumn` or `getCellByKey` instead
+     *
      * Returns a `CellType` object that matches the conditions.
      *
      * @example

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

@@ -171,9 +171,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     gridScroll: EventEmitter<IGridScrollEventArgs>;
     /**
+     * @deprecated in version 12.1.0. Use the corresponding output exposed by the `igx-paginator` component instead
+     *
      * Emitted after the current page is changed.
      *
-     * @deprecated in version 12.1.0
      * @example
      * ```html
      * <igx-grid (pageChange)="onPageChange($event)"></igx-grid>
@@ -186,10 +187,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     pageChange: EventEmitter<number>;
     /**
+     * @deprecated in version 12.1.0. Use the corresponding output exposed by the `igx-paginator` component instead
+     *
      * Emitted when `perPage` property value of the grid is changed.
      *
-     * @deprecated in version 12.1.0
-     * @example
      * ```html
      * <igx-grid #grid (perPageChange)="onPerPageChange($event)" [autoGenerate]="true"></igx-grid>
      * ```
@@ -206,6 +207,8 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     class: string;
     /**
+     * @deprecated in version 12.2.0. We suggest using `rowClasses` property instead
+     *
      * Gets/Sets the styling classes applied to all even `IgxGridRowComponent`s in the grid.
      *
      * @example
@@ -215,6 +218,8 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     evenRowCSS: string;
     /**
+     * @deprecated in version 12.2.0. We suggest using `rowClasses` property instead
+     *
      * Gets/Sets the styling classes applied to all odd `IgxGridRowComponent`s in the grid.
      *
      * @example
@@ -511,9 +516,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     filteringDone: EventEmitter<IFilteringExpressionsTree>;
     /**
+     * @deprecated in version 12.1.0. Use the corresponding output exposed by the `igx-paginator` component instead
+     *
      * Emitted after paging is performed.
      *
-     * @deprecated in version 12.1.x
      * @remarks
      * Returns an object consisting of the previous and next pages.
      * @example
@@ -1024,9 +1030,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get pagingMode(): GridPagingMode;
     set pagingMode(val: GridPagingMode);
     /**
+     * @deprecated in version 12.1.0. Use the corresponding method exposed by the `igx-paginator`
+     *
      * Gets/Sets whether the paging feature is enabled.
      *
-     * @deprecated in version 12.1.x
      * @remarks
      * The default state is disabled (false).
      * @example
@@ -1039,9 +1046,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get paging(): boolean;
     set paging(value: boolean);
     /**
+     * @deprecated in version 12.1.0. Use `page` property form `paginator` component instead
+     *
      * Gets/Sets the current page index.
      *
-     * @deprecated in version 12.1.x
      * @example
      * ```html
      * <igx-grid #grid [data]="Data" [autoGenerate]="true">
@@ -1054,9 +1062,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get page(): number;
     set page(val: number);
     /**
+     * @deprecated in version 12.1.0. Use `perPage` property from `paginator` component instead
+     *
      * Gets/Sets the number of visible items per page.
      *
-     * @deprecated in version 12.1.x
      * @remarks
      * The default is 15.
      * @example
@@ -1069,9 +1078,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get perPage(): number;
     set perPage(val: number);
     /**
+     * @deprecated in version 10.1.0
+     *
      * Gets/Sets whether the column hiding UI is enabled.
      *
-     * @deprecated
      * @remarks
      * By default it is disabled (false). In order for the UI to work, you need to enable the toolbar as shown in the example below.
      * @example
@@ -1220,9 +1230,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     set emptyFilteredGridMessage(value: string);
     get emptyFilteredGridMessage(): string;
     /**
-     * Gets/Sets the title to be displayed in the built-in column hiding UI.
+     * @deprecated in version 10.1.0
      *
-     * @deprecated
+     * Gets/Sets the title to be displayed in the built-in column hiding UI.
      *
      * @example
      * ```html
@@ -1247,9 +1257,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get pinning(): IPinningConfig;
     set pinning(value: IPinningConfig);
     /**
-     * Gets/Sets if the built-in column pinning UI should be shown in the toolbar.
+     * @deprecated in version 10.1.0
      *
-     * @deprecated
+     * Gets/Sets if the built-in column pinning UI should be shown in the toolbar.
      *
      * @example
      * ```html
@@ -1259,9 +1269,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get columnPinning(): boolean;
     set columnPinning(value: boolean);
     /**
-     * Gets/Sets the title to be displayed in the UI of the column pinning.
+     * @deprecated in version 10.1.0
      *
-     * @deprecated
+     * Gets/Sets the title to be displayed in the UI of the column pinning.
      *
      * @example
      * ```html
@@ -1524,9 +1534,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     get pinnedColumnsCount(): number;
     /**
-     * Gets/Sets the text to be displayed inside the toggle button.
+     * @deprecated in version 10.1.0
      *
-     * @deprecated
+     * Gets/Sets the text to be displayed inside the toggle button.
      *
      * @remarks
      * Used for the built-in column hiding UI of the`IgxColumnComponent`.
@@ -1538,9 +1548,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get hiddenColumnsText(): string;
     set hiddenColumnsText(value: string);
     /**
-     * Gets/Sets the text to be displayed inside the toggle button.
+     * @deprecated in version 10.1.0
      *
-     * @deprecated
+     * Gets/Sets the text to be displayed inside the toggle button.
      *
      * @remarks
      * Used for the built-in column pinning UI of the`IgxColumnComponent`.
@@ -1579,9 +1589,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     get currencyPositionLeft(): boolean;
     /**
-     * Gets/Sets whether the toolbar is shown.
+     * @deprecated in version 11.0.0
      *
-     * @deprecated
+     * Gets/Sets whether the toolbar is shown.
      *
      * @example
      * ```html
@@ -1591,9 +1601,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get showToolbar(): boolean;
     set showToolbar(newValue: boolean);
     /**
-     * Gets/Sets the toolbar's title.
+     * @deprecated in version 11.0.0
      *
-     * @deprecated
+     * Gets/Sets the toolbar's title.
      *
      * @example
      * ```html
@@ -1603,9 +1613,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get toolbarTitle(): string;
     set toolbarTitle(newValue: string);
     /**
-     * Gets/Sets whether exporting to MS Excel is enabled or disabled.
+     * @deprecated `exportExcel` is deprecated
      *
-     * @deprecated
+     * Gets/Sets whether exporting to MS Excel is enabled or disabled.
      *
      * @example
      * ```html
@@ -1615,9 +1625,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get exportExcel(): boolean;
     set exportExcel(newValue: boolean);
     /**
-     * Gets/Sets whether the option for exporting to CSV is enabled or disabled.
+     * @deprecated `exportCsv` is deprecated
      *
-     * @deprecated
+     * Gets/Sets whether the option for exporting to CSV is enabled or disabled.
      *
      * ```html
      * <igx-grid [data]="localData" [showToolbar]="true" [autoGenerate]="true" [exportCsv]="true"></igx-grid>
@@ -1626,9 +1636,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get exportCsv(): boolean;
     set exportCsv(newValue: boolean);
     /**
-     * Gets/Sets the textual content for the main export button.
+     * @deprecated `exportText` is deprecated
      *
-     * @deprecated
+     * Gets/Sets the textual content for the main export button.
      *
      * @example
      * ```html
@@ -1638,9 +1648,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get exportText(): string;
     set exportText(newValue: string);
     /**
-     * Gets/Sets the textual content for the MS Excel export button.
+     * @deprecated `exportExcelText` is deprecated
      *
-     * @deprecated
+     * Gets/Sets the textual content for the MS Excel export button.
      *
      * ```html
      * <igx-grid [exportExcelText]="'My Excel Exporter" [showToolbar]="true" [exportText]="'My Exporter'" [exportCsv]="true"></igx-grid>
@@ -1649,9 +1659,9 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get exportExcelText(): string;
     set exportExcelText(newValue: string);
     /**
-     * Gets/Sets the textual content for the CSV export button.
+     * @deprecated `exportCsvText` is deprecated
      *
-     * @deprecated
+     * Gets/Sets the textual content for the CSV export button.
      *
      * @example
      * ```html
@@ -2400,9 +2410,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     get visibleColumns(): IgxColumnComponent[];
     /**
+     * @deprecated in version 12.1.0. Use the corresponding property exposed by the `igx-paginator`
+     *
      * Gets the total number of pages.
      *
-     * @deprecated in version 12.1.0
      * @example
      * ```typescript
      * const totalPages = this.grid.totalPages;
@@ -2410,9 +2421,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     get totalPages(): number;
     /**
+     * @deprecated in version 12.1.0. Use the corresponding property exposed by the `igx-paginator`
+     *
      * Gets if the current page is the first page.
      *
-     * @deprecated in version 12.1.0
      * @example
      * ```typescript
      * const firstPage = this.grid.isFirstPage;
@@ -2420,9 +2432,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     get isFirstPage(): boolean;
     /**
+     * @deprecated in version 12.1.0. Use the corresponding method exposed by the `igx-paginator`
+     *
      * Goes to the next page, if the grid is not already at the last page.
      *
-     * @deprecated in version 12.1.0
      * @example
      * ```typescript
      * this.grid1.nextPage();
@@ -2430,9 +2443,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     nextPage(): void;
     /**
+     * @deprecated in version 12.1.0. Use the corresponding method exposed by the `igx-paginator`
+     *
      * Goes to the previous page, if the grid is not already at the first page.
      *
-     * @deprecated in version 12.1.0
      * @example
      * ```typescript
      * this.grid1.previousPage();
@@ -2452,9 +2466,10 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     get totalRecords(): number;
     set totalRecords(total: number);
     /**
+     * @deprecated in version 12.1.0. Use the corresponding property exposed by the `igx-paginator`
+     *
      * Returns if the current page is the last page.
      *
-     * @deprecated in version 12.1.0
      * @example
      * ```typescript
      * const lastPage = this.grid.isLastPage;
@@ -2495,6 +2510,8 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      */
     moveColumn(column: IgxColumnComponent, target: IgxColumnComponent, pos?: DropPosition): void;
     /**
+     * @deprecated in version 12.1.0. Use the corresponding method exposed by the `igx-paginator`
+     *
      * Goes to the desired page index.
      *
      * @example

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

@@ -38,14 +38,13 @@ declare abstract class BaseRow implements RowType {
      */
     get data(): any;
     /**
-     * @deprecated Use 'data' instead.
+     * @deprecated Use 'data' instead
      *
      * The data record that populates the row
      */
     get rowData(): any;
     /**
-     * @deprecated Use 'key' instead.
-     *
+     * @deprecated Use 'key' instead
      */
     get rowID(): any;
     /**

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

@@ -149,7 +149,8 @@ export declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBas
      */
     get expandChildren(): boolean;
     /**
-     * @deprecated
+     * @deprecated in version 12.1.0. Use `getCellByColumn` or `getCellByKey` instead
+     *
      * Returns a `CellType` object that matches the conditions.
      *
      * @example

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

@@ -271,7 +271,8 @@ export declare class IgxTreeGridComponent extends IgxGridBaseDirective implement
     private get _gridAPI();
     constructor(selectionService: IgxGridSelectionService, colResizingService: IgxColumnResizingService, gridAPI: GridBaseAPIService<IgxGridBaseDirective & GridType>, transactionFactory: IgxHierarchicalTransactionFactory, _elementRef: ElementRef<HTMLElement>, _zone: NgZone, document: any, cdr: ChangeDetectorRef, resolver: ComponentFactoryResolver, differs: IterableDiffers, viewRef: ViewContainerRef, navigation: IgxGridNavigationService, filteringService: IgxFilteringService, overlayService: IgxOverlayService, summaryService: IgxGridSummaryService, _displayDensityOptions: IDisplayDensityOptions, localeId: string, platform: PlatformUtil, _diTransactions?: HierarchicalTransactionService<HierarchicalTransaction, HierarchicalState>);
     /**
-     * @deprecated
+     * @deprecated in version 12.1.0. Use `getCellByColumn` or `getCellByKey` instead
+     *
      * Returns a `CellType` object that matches the conditions.
      *
      * @example

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

@@ -67,9 +67,9 @@ export declare class IgxIconComponent implements OnInit, OnDestroy {
      */
     active: boolean;
     /**
-     * An @Input property that allows you to change the `color` of the icon.
+     * @deprecated in version 11.1.0. `color` is deprecated
      *
-     * * @deprecated
+     * An @Input property that allows you to change the `color` of the icon.
      *
      * @example
      * ```html

package/lib/services/overlay/utilities.d.ts

@@ -54,7 +54,8 @@ export interface OutOfViewPort {
 }
 export interface PositionSettings {
     /**
-     * @deprecated Set the target point/element in the overlay settings instead.
+     * @deprecated in version 10.2.0. Set the target point/element in the overlay settings instead
+     *
      * Attaching target for the component to show
      */
     target?: Point | HTMLElement;