igniteui-angular 22.0.0-beta.4 → 22.0.0-rc.2

package/types/igniteui-angular-grids-hierarchical-grid.d.ts

@@ -1,8 +1,9 @@
-import { IPathSegment, IGridResourceStrings, IgxActionStripToken, IFilteringExpressionsTree, EntityType, IBaseEventArgs } from 'igniteui-angular/core';
+import * as igniteui_angular_core from 'igniteui-angular/core';
+import { IPathSegment, IGridResourceStrings, IFilteringExpressionsTree, EntityType, IBaseEventArgs } from 'igniteui-angular/core';
 import * as i3 from 'igniteui-angular/grids/core';
 import { IgxGridNavigationService, RowType, GridType, IgxColumnGroupComponent, IgxColumnComponent, IgxGridToolbarTemplateContext, IgxGridPaginatorTemplateContext, ISearchInfo, GridBaseAPIService, IgxGridExcelStyleFilteringComponent, CellType, IgxRowAddTextDirective, IgxRowEditActionsDirective, IgxRowEditTextDirective, IgxRowEditTabStopDirective, IgxRowDirective, IgxGridFooterComponent, IgxAdvancedFilteringDialogComponent, IgxRowExpandedIndicatorDirective, IgxRowCollapsedIndicatorDirective, IgxHeaderExpandedIndicatorDirective, IgxHeaderCollapsedIndicatorDirective, IgxExcelStyleHeaderIconDirective, IgxSortAscendingHeaderIconDirective, IgxSortDescendingHeaderIconDirective, IgxSortHeaderIconDirective, IgxDragIndicatorIconDirective, IgxRowDragGhostDirective, IgxGridStateDirective, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent, IgxGridActionsBaseDirective, IgxGridActionButtonComponent, IgxGridHeaderComponent, IgxGridHeaderGroupComponent, IgxGridHeaderRowComponent, IgxFilterCellTemplateDirective, IgxSummaryTemplateDirective, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxCellHeaderTemplateDirective, IgxCellFooterTemplateDirective, IgxCellEditorTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxColumnLayoutComponent, IgxColumnActionsComponent, IgxColumnHidingDirective, IgxColumnPinningDirective, IgxRowSelectorDirective, IgxGroupByRowSelectorDirective, IgxHeadSelectorDirective, IgxCSVTextDirective, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxGridToolbarDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStylePinningComponent, IgxExcelStyleHidingComponent, IgxExcelStyleSelectingComponent, IgxExcelStyleClearFiltersComponent, IgxExcelStyleConditionalFilterComponent, IgxExcelStyleMovingComponent, IgxExcelStyleSearchComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleLoadingValuesTemplateDirective, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective, IgxColumnEmailValidatorDirective, IgxColumnMinLengthValidatorDirective, IgxColumnMaxLengthValidatorDirective, IgxColumnPatternValidatorDirective } from 'igniteui-angular/grids/core';
 import * as i0 from '@angular/core';
-import { EventEmitter, AfterContentInit, AfterViewInit, OnChanges, OnInit, OnDestroy, QueryList, TemplateRef, DoCheck, ViewContainerRef, ElementRef, ChangeDetectorRef, PipeTransform } from '@angular/core';
+import { EventEmitter, AfterContentInit, AfterViewInit, OnChanges, OnInit, OnDestroy, QueryList, TemplateRef, DoCheck, ViewContainerRef, ElementRef, ChangeDetectorRef, SimpleChanges, PipeTransform } from '@angular/core';
 import { IForOfState } from 'igniteui-angular/directives';
 import { IgxGridBaseDirective } from 'igniteui-angular/grids/grid';
 import { Subject } from 'rxjs';
@@ -225,12 +226,6 @@ declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective imp
      * @memberof IgxRowIslandComponent
      */
     key: string;
-    /**
-     * Sets the key of the row island by which child data would be taken from the row data if such is provided.
-     * @hidden @internal
-     */
-    get childDataKey(): string;
-    set childDataKey(value: string);
     /**
      * Gets/Sets the resource strings.
      *
@@ -263,8 +258,6 @@ declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective imp
     */
     get paginatorTemplate(): TemplateRef<IgxGridPaginatorTemplateContext>;
     set paginatorTemplate(template: TemplateRef<IgxGridPaginatorTemplateContext>);
-    /** @hidden @internal */
-    protected actionStripComponents: QueryList<IgxActionStripToken>;
     /**
      * @hidden
      */
@@ -345,7 +338,7 @@ declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective imp
     private _toolbarTemplate;
     private _paginatorTemplate;
     /**
-     * Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.
+     * Sets if all immediate children of the grids for this row island should be expanded/collapsed.
      * ```html
      * <igx-hierarchical-grid [data]="Data" [autoGenerate]="true">
      *      <igx-row-island [key]="'childData'" [expandChildren]="true" #rowIsland>
@@ -358,7 +351,7 @@ declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective imp
      */
     set expandChildren(value: boolean);
     /**
-     * Gets if all immediate children of the grids for this `IgxRowIslandComponent` have been set to be expanded/collapsed.
+     * Gets if all immediate children of the grids for this row island have been set to be expanded/collapsed.
      * ```typescript
      * const expanded = this.rowIsland.expandChildren;
      * ```
@@ -416,7 +409,7 @@ declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective imp
     private cleanGridState;
     private updateGridsResources;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxRowIslandComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxRowIslandComponent, "igx-row-island", never, { "key": { "alias": "key"; "required": false; }; "childDataKey": { "alias": "childDataKey"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "paginatorTemplate": { "alias": "paginatorTemplate"; "required": false; }; "expandChildren": { "alias": "expandChildren"; "required": false; }; }, { "layoutChange": "layoutChange"; "gridCreated": "gridCreated"; "gridInitialized": "gridInitialized"; }, ["toolbarDirectiveTemplate", "paginatorDirectiveTemplate", "children", "childLayoutList", "childColumns", "actionStripComponents"], ["igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip", "igx-row-island,igc-row-island"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxRowIslandComponent, "igx-row-island", never, { "key": { "alias": "key"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "paginatorTemplate": { "alias": "paginatorTemplate"; "required": false; }; "expandChildren": { "alias": "expandChildren"; "required": false; }; }, { "layoutChange": "layoutChange"; "gridCreated": "gridCreated"; "gridInitialized": "gridInitialized"; }, ["toolbarDirectiveTemplate", "paginatorDirectiveTemplate", "children", "childLayoutList", "childColumns"], never, true, never>;
     static ngAcceptInputType_expandChildren: unknown;
 }
 
@@ -523,8 +516,8 @@ declare class IgxChildGridRowComponent implements AfterViewInit, OnInit {
      * @hidden
      */
     ngAfterViewInit(): void;
-    private setupEventEmitters;
-    private _handleLayoutChanges;
+    protected setupEventEmitters(): void;
+    protected _handleLayoutChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxChildGridRowComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxChildGridRowComponent, "igx-child-grid-row", never, { "layout": { "alias": "layout"; "required": false; }; "parentGridID": { "alias": "parentGridID"; "required": false; }; "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -586,9 +579,8 @@ declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirect
      * @hidden @internal
      */
     childRow: IgxChildGridRowComponent;
-    protected actionStripComponents: QueryList<IgxActionStripToken>;
     /** @hidden @internal */
-    get actionStrip(): IgxActionStripToken;
+    get actionStrip(): igniteui_angular_core.IgxActionStripToken;
     /** @hidden @internal */
     get advancedFilteringExpressionsTree(): IFilteringExpressionsTree;
     /** @hidden @internal */
@@ -618,7 +610,7 @@ declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirect
      */
     set data(value: any[] | null);
     /**
-     * Returns an array of data set to the `IgxHierarchicalGridComponent`.
+     * Returns an array of data set to the hierarchical grid.
      * ```typescript
      * let filteredData = this.grid.filteredData;
      * ```
@@ -644,7 +636,7 @@ declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirect
     set totalItemCount(count: number);
     get totalItemCount(): number;
     /**
-     * Sets if all immediate children of the `IgxHierarchicalGridComponent` should be expanded/collapsed.
+     * Sets if all immediate children of the hierarchical grid should be expanded/collapsed.
      * Default value is false.
      * ```html
      * <igx-hierarchical-grid [id]="'igx-grid-1'" [data]="Data" [autoGenerate]="true" [expandChildren]="true"></igx-hierarchical-grid>
@@ -654,7 +646,7 @@ declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirect
      */
     set expandChildren(value: boolean);
     /**
-     * Gets if all immediate children of the `IgxHierarchicalGridComponent` previously have been set to be expanded/collapsed.
+     * Gets if all immediate children of the hierarchical grid previously have been set to be expanded/collapsed.
      * If previously set and some rows have been manually expanded/collapsed it will still return the last set value.
      * ```typescript
      * const expanded = this.grid.expandChildren;
@@ -751,13 +743,13 @@ declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirect
      */
     allRows(): RowType[];
     /**
-     * Returns the collection of `IgxHierarchicalGridRow`s for current page.
+     * Returns the collection of hierarchical grid rows for current page.
      *
      * @hidden @internal
      */
     dataRows(): RowType[];
     /**
-     * Returns an array of the selected `IgxGridCell`s.
+     * Returns an array of the selected grid cells.
      *
      * @example
      * ```typescript
@@ -898,7 +890,7 @@ declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirect
     private generateSchema;
     private generateChildEntity;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxHierarchicalGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxHierarchicalGridComponent, "igx-hierarchical-grid", never, { "id": { "alias": "id"; "required": false; }; "data": { "alias": "data"; "required": false; }; "totalItemCount": { "alias": "totalItemCount"; "required": false; }; "expandChildren": { "alias": "expandChildren"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; }, {}, ["childLayoutList", "allLayoutList", "paginatorList", "actionStripComponents"], ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-grid-state,igc-grid-state", "igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip", "igx-row-island,igc-row-island"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxHierarchicalGridComponent, "igx-hierarchical-grid", never, { "id": { "alias": "id"; "required": false; }; "data": { "alias": "data"; "required": false; }; "totalItemCount": { "alias": "totalItemCount"; "required": false; }; "expandChildren": { "alias": "expandChildren"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; }, {}, ["childLayoutList", "allLayoutList", "paginatorList"], ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-grid-state,igc-grid-state", "igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip", "igx-row-island,igc-row-island"], true, never>;
     static ngAcceptInputType_expandChildren: unknown;
 }
 

package/types/igniteui-angular-grids-tree-grid.d.ts

@@ -63,7 +63,7 @@ declare class IgxTreeGridComponent extends IgxGridBaseDirective implements GridT
     protected _diTransactions: HierarchicalTransactionService<HierarchicalTransaction, HierarchicalState>;
     protected transactionFactory: IgxHierarchicalTransactionFactory;
     /**
-     * Sets the child data key of the `IgxTreeGridComponent`.
+     * Sets the child data key of the tree grid.
      * ```html
      * <igx-tree-grid #grid [data]="employeeData" [childDataKey]="'employees'" [autoGenerate]="true"></igx-tree-grid>
      * ```
@@ -72,7 +72,7 @@ declare class IgxTreeGridComponent extends IgxGridBaseDirective implements GridT
      */
     childDataKey: string;
     /**
-     * Sets the foreign key of the `IgxTreeGridComponent`.
+     * Sets the foreign key of the tree grid.
      * ```html
      * <igx-tree-grid #grid [data]="employeeData" [primaryKey]="'employeeID'" [foreignKey]="'parentID'" [autoGenerate]="true">
      * </igx-tree-grid>
@@ -227,7 +227,7 @@ declare class IgxTreeGridComponent extends IgxGridBaseDirective implements GridT
      */
     get transactions(): HierarchicalTransactionService<HierarchicalTransaction, HierarchicalState>;
     /**
-     * Sets the count of levels to be expanded in the `IgxTreeGridComponent`. By default it is
+     * Sets the count of levels to be expanded in the tree grid. By default it is
      * set to `Infinity` which means all levels would be expanded.
      * ```html
      * <igx-tree-grid #grid [data]="employeeData" [childDataKey]="'employees'" expansionDepth="1" [autoGenerate]="true"></igx-tree-grid>
@@ -291,7 +291,7 @@ declare class IgxTreeGridComponent extends IgxGridBaseDirective implements GridT
      */
     refreshGridState(args?: IRowDataEventArgs): void;
     /**
-     * Creates a new `IgxTreeGridRowComponent` with the given data. If a parentRowID is not specified, the newly created
+     * Creates a new tree grid row with the given data. If a parentRowID is not specified, the newly created
      * row would be added at the root level. Otherwise, it would be added as a child of the row whose primaryKey matches
      * the specified parentRowID. If the parentRowID does not exist, an error would be thrown.
      * ```typescript
@@ -369,7 +369,7 @@ declare class IgxTreeGridComponent extends IgxGridBaseDirective implements GridT
     /** @hidden */
     deleteRowById(rowId: any): any;
     /**
-     * Returns the `IgxTreeGridRow` by index.
+     * Returns the tree grid row by index.
      *
      * @example
      * ```typescript
@@ -395,13 +395,13 @@ declare class IgxTreeGridComponent extends IgxGridBaseDirective implements GridT
      */
     allRows(): RowType[];
     /**
-     * Returns the collection of `IgxTreeGridRow`s for current page.
+     * Returns the collection of tree grid rows for current page.
      *
      * @hidden @internal
      */
     dataRows(): RowType[];
     /**
-     * Returns an array of the selected `IgxGridCell`s.
+     * Returns an array of the selected grid cells.
      *
      * @example
      * ```typescript

package/types/igniteui-angular-icon.d.ts

@@ -197,8 +197,8 @@ interface IgxIconLoadedEvent {
 /**
  * **Ignite UI for Angular Icon Service** -
  *
- * The Ignite UI Icon Service makes it easy for developers to include custom SVG images and use them with IgxIconComponent.
- * In addition it could be used to associate a custom class to be applied on IgxIconComponent according to given font-family.
+ * The Ignite UI Icon Service makes it easy for developers to include custom SVG images and use them with icon.
+ * In addition it could be used to associate a custom class to be applied on icon according to given font-family.
  *
  * Example:
  * ```typescript
@@ -245,7 +245,7 @@ declare class IgxIconService {
      */
     set defaultFamily(family: IconFamily);
     /**
-     *  Registers a custom class to be applied to IgxIconComponent for a given font-family.
+     *  Registers a custom class to be applied to icon for a given font-family.
      * ```typescript
      *   this.iconService.registerFamilyAlias('material', 'material-icons');
      * ```
@@ -264,7 +264,7 @@ declare class IgxIconService {
     /** @hidden @internal */
     setRefsByTheme(theme: IgxTheme): void;
     /**
-     *  Creates a family to className relationship that is applied to the IgxIconComponent
+     *  Creates a family to className relationship that is applied to the icon
      *   whenever that family name is used.
      * ```typescript
      *   this.iconService.setFamily('material', { className: 'material-icons', type: 'liga' });

package/types/igniteui-angular-input-group.d.ts

@@ -402,7 +402,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
      */
     get resourceStrings(): IInputResourceStrings;
     /**
-     * Property that enables/disables the auto-generated class of the `IgxInputGroupComponent`.
+     * Property that enables/disables the auto-generated class of the input group.
      * By default applied the class is applied.
      * ```typescript
      *  @ViewChild("MyInputGroup")
@@ -421,8 +421,8 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
     isFocused: boolean;
     /**
      * @hidden @internal
-     * When truthy, disables the `IgxInputGroupComponent`.
-     * Controlled by the underlying `IgxInputDirective`.
+     * When truthy, disables the input group.
+     * Controlled by the underlying input.
      * ```html
      * <igx-input-group [disabled]="true"></igx-input-group>
      * ```
@@ -468,15 +468,15 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
     get textAreaClass(): boolean;
     /**
      * Sets how the input will be styled.
-     * Allowed values of type IgxInputGroupType.
+     * Allowed values of type input group type.
      * ```html
      * <igx-input-group [type]="'search'">
      * ```
      */
     set type(value: IgxInputGroupType);
     /**
-     * Returns the type of the `IgxInputGroupComponent`. How the input is styled.
-     * The default is `line`.
+     * Returns the type of the input group. How the input is styled.
+     * The default is `box`.
      * ```typescript
      * @ViewChild("MyInputGroup")
      * public inputGroup: IgxInputGroupComponent;
@@ -488,7 +488,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
     get type(): IgxInputGroupType;
     /**
      * Sets the theme of the input.
-     * Allowed values of type IgxInputGroupTheme.
+     * Allowed values of type input group theme.
      * ```typescript
      * @ViewChild("MyInputGroup")
      * public inputGroup: IgxInputGroupComponent;
@@ -499,7 +499,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
     set theme(value: IgxTheme);
     /**
      * Returns the theme of the input.
-     * The returned value is of type IgxInputGroupType.
+     * The returned value is of type input group type.
      * ```typescript
      * @ViewChild("MyInputGroup")
      * public inputGroup: IgxInputGroupComponent;
@@ -516,7 +516,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
     /** @hidden @internal */
     hintClickHandler(event: MouseEvent): void;
     /**
-     * Returns whether the `IgxInputGroupComponent` has hints.
+     * Returns whether the input group has hints.
      * ```typescript
      * @ViewChild("MyInputGroup")
      * public inputGroup: IgxInputGroupComponent;
@@ -535,7 +535,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
     /** @hidden @internal */
     set suffixes(items: QueryList<IgxSuffixDirective>);
     /**
-     * Returns whether the `IgxInputGroupComponent` has border.
+     * Returns whether the input group has border.
      * ```typescript
      * @ViewChild("MyInputGroup")
      * public inputGroup: IgxInputGroupComponent;
@@ -546,7 +546,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
      */
     get hasBorder(): boolean;
     /**
-     * Returns whether the `IgxInputGroupComponent` type is line.
+     * Returns whether the input group type is line.
      * ```typescript
      * @ViewChild("MyInputGroup1")
      * public inputGroup: IgxInputGroupComponent;
@@ -557,7 +557,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
      */
     get isTypeLine(): boolean;
     /**
-     * Returns whether the `IgxInputGroupComponent` type is box.
+     * Returns whether the input group type is box.
      * ```typescript
      * @ViewChild("MyInputGroup1")
      * public inputGroup: IgxInputGroupComponent;
@@ -582,7 +582,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
     /** @hidden @internal */
     get fileNames(): string;
     /**
-     * Returns whether the `IgxInputGroupComponent` type is border.
+     * Returns whether the input group type is border.
      * ```typescript
      * @ViewChild("MyInputGroup1")
      * public inputGroup: IgxInputGroupComponent;
@@ -593,7 +593,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
      */
     get isTypeBorder(): boolean;
     /**
-     * Returns true if the `IgxInputGroupComponent` theme is Fluent.
+     * Returns true if the input group theme is Fluent.
      * ```typescript
      * @ViewChild("MyInputGroup1")
      * public inputGroup: IgxInputGroupComponent;
@@ -604,7 +604,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
      */
     get isTypeFluent(): boolean;
     /**
-     * Returns true if the `IgxInputGroupComponent` theme is Bootstrap.
+     * Returns true if the input group theme is Bootstrap.
      * ```typescript
      * @ViewChild("MyInputGroup1")
      * public inputGroup: IgxInputGroupComponent;
@@ -615,7 +615,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
      */
     get isTypeBootstrap(): boolean;
     /**
-     * Returns true if the `IgxInputGroupComponent` theme is Indigo.
+     * Returns true if the input group theme is Indigo.
      * ```typescript
      * @ViewChild("MyInputGroup1")
      * public inputGroup: IgxInputGroupComponent;
@@ -626,7 +626,7 @@ declare class IgxInputGroupComponent implements IgxInputGroupBase, AfterContentC
      */
     get isTypeIndigo(): boolean;
     /**
-     * Returns whether the `IgxInputGroupComponent` type is search.
+     * Returns whether the input group type is search.
      * ```typescript
      * @ViewChild("MyInputGroup1")
      * public inputGroup: IgxInputGroupComponent;

package/types/igniteui-angular-list.d.ts

@@ -191,7 +191,7 @@ declare class IgxListItemComponent implements IListChild {
     get contentElement(): any;
     /**
      * Returns the `context` object which represents the `template context` binding into the `list item container`
-     * by providing the `$implicit` declaration which is the `IgxListItemComponent` itself.
+     * by providing the `$implicit` declaration which is the list item itself.
      * ```typescript
      * let listItemComponent = this.listItem.context;
      * ```
@@ -444,7 +444,7 @@ declare class IgxListComponent extends IgxListBaseDirective {
      * Sets/gets the empty list template.
      *
      * @remarks
-     * This template is used by IgxList in case there are no list items
+     * This template is used by list in case there are no list items
      * defined and `isLoading` is set to `false`.
      *
      * @example
@@ -464,7 +464,7 @@ declare class IgxListComponent extends IgxListBaseDirective {
      * Sets/gets the list loading template.
      *
      * @remarks
-     * This template is used by IgxList in case there are no list items defined and `isLoading` is set to `true`.
+     * This template is used by list in case there are no list items defined and `isLoading` is set to `true`.
      *
      * @example
      * ```html
@@ -642,7 +642,7 @@ declare class IgxListComponent extends IgxListBaseDirective {
      * Event emitted when a pan item is returned to its original position.
      *
      * @remarks
-     * Provides a reference to an object of type `IgxListComponent` as an event argument.
+     * Provides a reference to an object of type list as an event argument.
      *
      * @example
      * ```html
@@ -655,7 +655,7 @@ declare class IgxListComponent extends IgxListBaseDirective {
      * Event emitted when a pan gesture is executed on a list item.
      *
      * @remarks
-     * Provides references to the `IgxListItemComponent` and `IgxListPanState` as event arguments.
+     * Provides references to the list item and list pan state as event arguments.
      *
      * @example
      * ```html
@@ -667,7 +667,7 @@ declare class IgxListComponent extends IgxListBaseDirective {
      * Event emitted when a list item is clicked.
      *
      * @remarks
-     * Provides references to the `IgxListItemComponent` and `Event` as event arguments.
+     * Provides references to the list item and `Event` as event arguments.
      *
      * @example
      * ```html
@@ -750,7 +750,7 @@ declare class IgxListComponent extends IgxListBaseDirective {
      *
      * @remarks
      * Gets the `context` object which represents the `template context` binding into the `list container`
-     * by providing the `$implicit` declaration which is the `IgxListComponent` itself.
+     * by providing the `$implicit` declaration which is the list itself.
      *
      * @example
      * ```typescript

package/types/igniteui-angular-navbar.d.ts

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
 
 /**
- * IgxActionIcon is a container for the action nav icon of the IgxNavbar.
+ * Action icon is a container for the action nav icon of the navbar.
  */
 declare class IgxNavbarActionDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxNavbarActionDirective, never>;
@@ -37,14 +37,14 @@ declare class IgxNavbarComponent {
      */
     id: string;
     /**
-     * Sets the icon of the `IgxNavbarComponent`.
+     * Sets the icon of the navbar.
      * ```html
      * <igx-navbar [title]="currentView" actionButtonIcon="arrow_back"></igx-navbar>
      * ```
      */
     actionButtonIcon: string;
     /**
-     * Sets the title of the `IgxNavbarComponent`.
+     * Sets the title of the navbar.
      * ```html
      * <igx-navbar title="Sample App" actionButtonIcon="menu">
      * ```
@@ -52,7 +52,7 @@ declare class IgxNavbarComponent {
     title: string;
     /**
      * The event that will be thrown when the action is executed,
-     * provides reference to the `IgxNavbar` component as argument
+     * provides reference to the navbar component as argument
      * ```typescript
      * public actionExc(event){
      *     alert("Action Execute!");
@@ -65,7 +65,7 @@ declare class IgxNavbarComponent {
      */
     action: EventEmitter<IgxNavbarComponent>;
     /**
-     * Sets the titleId of the `IgxNavbarComponent`. If not set it will be automatically generated.
+     * Sets the titleId of the navbar. If not set it will be automatically generated.
      * ```html
      * <igx-navbar [titleId]="'igx-navbar-7'" title="Sample App" actionButtonIcon="menu">
      * ```
@@ -81,14 +81,14 @@ declare class IgxNavbarComponent {
     protected titleContent: IgxNavbarTitleDirective;
     private isVisible;
     /**
-     * Sets whether the action button of the `IgxNavbarComponent` is visible.
+     * Sets whether the action button of the navbar is visible.
      * ```html
      * <igx-navbar [title]="currentView" [isActionButtonVisible]="'false'"></igx-navbar>
      * ```
      */
     set isActionButtonVisible(value: boolean);
     /**
-     * Returns whether the `IgxNavbarComponent` action button is visible, true/false.
+     * Returns whether the navbar action button is visible, true/false.
      * ```typescript
      *  @ViewChild("MyChild")
      * public navBar: IgxNavbarComponent;

package/types/igniteui-angular-paginator.d.ts

@@ -199,7 +199,7 @@ declare class IgxPaginatorComponent implements IgxPaginatorToken {
     get isLastPageDisabled(): boolean;
     get nativeElement(): any;
     /**
-     * Goes to the next page of the `IgxPaginatorComponent`, if the paginator is not already at the last page.
+     * Goes to the next page of the paginator, if the paginator is not already at the last page.
      * ```typescript
      * this.paginator.nextPage();
      * ```
@@ -208,7 +208,7 @@ declare class IgxPaginatorComponent implements IgxPaginatorToken {
      */
     nextPage(): void;
     /**
-     * Goes to the previous page of the `IgxPaginatorComponent`, if the paginator is not already at the first page.
+     * Goes to the previous page of the paginator, if the paginator is not already at the first page.
      * ```typescript
      * this.paginator.previousPage();
      * ```

package/types/igniteui-angular-progressbar.d.ts

@@ -168,7 +168,7 @@ declare abstract class BaseProgressDirective {
      */
     protected get hasFraction(): boolean;
     /**
-     * Returns the `IgxLinearProgressBarComponent`/`IgxCircularProgressBarComponent` value in percentage.
+     * Returns the linear progress bar/circular progress bar value in percentage.
      * ```typescript
      * @ViewChild("MyProgressBar")
      * public progressBar: IgxLinearProgressBarComponent / IgxCircularProgressBarComponent
@@ -180,7 +180,7 @@ declare abstract class BaseProgressDirective {
      */
     get valueInPercent(): number;
     /**
-     * Returns value that indicates the current `IgxLinearProgressBarComponent`/`IgxCircularProgressBarComponent` position.
+     * Returns value that indicates the current linear progress bar/circular progress bar position.
      * ```typescript
      * @ViewChild("MyProgressBar")
      * public progressBar: IgxLinearProgressBarComponent / IgxCircularProgressBarComponent;
@@ -197,7 +197,7 @@ declare abstract class BaseProgressDirective {
     protected _updateProgressValues(): void;
     private _resetCounterValues;
     /**
-     * Set value that indicates the current `IgxLinearProgressBarComponent / IgxCircularProgressBarComponent` position.
+     * Set value that indicates the current linear progress bar / circular progress bar position.
      * ```html
      * <igx-linear-bar [value]="50"></igx-linear-bar>
      * <igx-circular-bar [value]="50"></igx-circular-bar>
@@ -213,7 +213,7 @@ declare class IgxLinearProgressBarComponent extends BaseProgressDirective implem
     valueMin: number;
     cssClass: string;
     /**
-     * Set `IgxLinearProgressBarComponent` to have striped style. By default it is set to false.
+     * Set linear progress bar to have striped style. By default it is set to false.
      * ```html
      * <igx-linear-bar [striped]="true" [max]="200" [value]="50"></igx-linear-bar>
      * ```
@@ -248,7 +248,7 @@ declare class IgxLinearProgressBarComponent extends BaseProgressDirective implem
     get hasText(): boolean;
     /**
      * Set the position that defines where the text is aligned.
-     * Possible options - `IgxTextAlign.START` (default), `IgxTextAlign.CENTER`, `IgxTextAlign.END`.
+     * Possible options - `START` (default), `CENTER`, `END`.
      * ```typescript
      * public positionCenter: IgxTextAlign;
      * public ngOnInit() {
@@ -276,7 +276,7 @@ declare class IgxLinearProgressBarComponent extends BaseProgressDirective implem
      */
     textTop: boolean;
     /**
-     * Set type of the `IgxLinearProgressBarComponent`. Possible options - `default`, `success`, `info`, `warning`, and `error`.
+     * Set type of the linear progress bar. Possible options - `default`, `success`, `info`, `warning`, and `error`.
      * ```html
      * <igx-linear-bar [type]="'error'"></igx-linear-bar>
      * ```
@@ -353,7 +353,7 @@ declare class IgxCircularProgressBarComponent extends BaseProgressDirective impl
      */
     get textContent(): string;
     /**
-     * Set type of the `IgxCircularProgressBarComponent`. Possible options - `default`, `success`, `info`, `warning`, and `error`.
+     * Set type of the circular progress bar. Possible options - `default`, `success`, `info`, `warning`, and `error`.
      * ```html
      * <igx-circular-bar [type]="'error'"></igx-circular-bar>
      * ```

package/types/igniteui-angular-query-builder.d.ts

@@ -20,7 +20,7 @@ declare class IgxQueryBuilderHeaderComponent {
      */
     get getClass(): string;
     /**
-     * Sets the title of the `IgxQueryBuilderHeaderComponent`.
+     * Sets the title of the query builder header.
      *
      * @example
      * ```html
@@ -720,7 +720,7 @@ declare class IgxQueryBuilderComponent implements OnDestroy {
      */
     showEntityChangeDialog: boolean;
     /**
-     * Gets the list of entities available for the IgxQueryBuilderComponent.
+     * Gets the list of entities available for the query builder.
      *
      * Each entity describes a logical group of fields that can be used in queries.
      * An entity can optionally have child entities, allowing nested sub-queries.
@@ -729,7 +729,7 @@ declare class IgxQueryBuilderComponent implements OnDestroy {
      */
     get entities(): EntityType[];
     /**
-     * Sets the list of entities for the IgxQueryBuilderComponent.
+     * Sets the list of entities for the query builder.
      * If the `expressionTree` is defined, it will be recreated with the new entities.
      *
      * Each entity should be an {@link EntityType} object describing the fields and optionally child entities.

package/types/igniteui-angular-radio.d.ts

@@ -186,11 +186,11 @@ declare class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
      */
     get radioButtons(): QueryList<IgxRadioComponent>;
     /**
-     * Sets/gets the `value` attribute.
+     * Sets/gets the value attribute.
      *
      * @example
      * ```html
-     * <igx-radio-group [value] = "'radioButtonValue'"></igx-radio-group>
+     * <igx-radio-group [value]="'radioButtonValue'"></igx-radio-group>
      * ```
      */
     get value(): any;
@@ -243,10 +243,10 @@ declare class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
     get invalid(): boolean;
     set invalid(value: boolean);
     /**
-     * An event that is emitted after the radio group `value` is changed.
+     * An event that is emitted after the radio group value is changed.
      *
      * @remarks
-     * Provides references to the selected `IgxRadioComponent` and the `value` property as event arguments.
+     * Provides references to the selected radio and the value property as event arguments.
      *
      * @example
      * ```html
@@ -376,7 +376,7 @@ declare class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
      *
      * @remarks
      * Checks whether the provided value is consistent to the current radio button.
-     * If it is, the checked attribute will have value `true` and selected property will contain the selected `IgxRadioComponent`.
+     * If it is, the checked attribute will have value `true` and selected property will contain the selected radio.
      *
      * @example
      * ```typescript