igniteui-angular 13.0.0-alpha.6 → 13.0.0-alpha.7

package/lib/combo/combo.pipes.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export declare class IgxComboFilteringPipe implements PipeTransform {
-    transform(collection: any[], searchValue: any, displayKey: any, shouldFilter: boolean, filteringOptions: IComboFilteringOptions): any[];
+    transform(collection: any[], searchValue: any, displayKey: any, filteringOptions: IComboFilteringOptions, shouldFilter?: boolean): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxComboFilteringPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IgxComboFilteringPipe, "comboFiltering">;
 }

package/lib/combo/public_api.d.ts

@@ -1,2 +1,6 @@
 export * from './combo.component';
 export * from './combo.directives';
+export { IgxComboAddItemComponent } from './combo-add-item.component';
+export { IgxComboDropDownComponent } from './combo-dropdown.component';
+export { IgxComboItemComponent } from './combo-item.component';
+export * from './combo.pipes';

package/lib/core/utils.d.ts

@@ -1,6 +1,10 @@
 import { AnimationReferenceMetadata } from '@angular/animations';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+/**
+ * @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/dialog/dialog.component.d.ts

@@ -12,6 +12,7 @@ import * as i3 from "../directives/toggle/toggle.directive";
 import * as i4 from "../directives/button/button.directive";
 import * as i5 from "../directives/ripple/ripple.directive";
 import * as i6 from "../directives/focus/focus.directive";
+import * as i7 from "../directives/focus-trap/focus-trap.directive";
 /**
  * **Ignite UI for Angular Dialog Window** -
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/dialog.html)
@@ -70,6 +71,14 @@ export declare class IgxDialogComponent implements IToggleView, OnInit, OnDestro
      */
     get closeOnEscape(): boolean;
     set closeOnEscape(val: boolean);
+    /**
+     * An @Input property to set whether the Tab key focus is trapped within the dialog when opened.
+     * Defaults to `true`.
+     * ```html
+     * <igx-dialog focusTrap="false""></igx-dialog>
+     * ```
+     */
+    focusTrap: boolean;
     /**
      * An @Input property controlling the `title` of the dialog.
      * ```html
@@ -382,7 +391,7 @@ export declare class IgxDialogComponent implements IToggleView, OnInit, OnDestro
     private emitClosedFromDialog;
     private emitOpenedFromDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxDialogComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDialogComponent, "igx-dialog", never, { "id": "id"; "isModal": "isModal"; "closeOnEscape": "closeOnEscape"; "title": "title"; "message": "message"; "leftButtonLabel": "leftButtonLabel"; "leftButtonType": "leftButtonType"; "leftButtonColor": "leftButtonColor"; "leftButtonBackgroundColor": "leftButtonBackgroundColor"; "leftButtonRipple": "leftButtonRipple"; "rightButtonLabel": "rightButtonLabel"; "rightButtonType": "rightButtonType"; "rightButtonColor": "rightButtonColor"; "rightButtonBackgroundColor": "rightButtonBackgroundColor"; "rightButtonRipple": "rightButtonRipple"; "closeOnOutsideSelect": "closeOnOutsideSelect"; "positionSettings": "positionSettings"; "isOpen": "isOpen"; "role": "role"; "titleId": "titleId"; }, { "opening": "opening"; "opened": "opened"; "closing": "closing"; "closed": "closed"; "leftButtonSelect": "leftButtonSelect"; "rightButtonSelect": "rightButtonSelect"; "isOpenChange": "isOpenChange"; }, never, ["igx-dialog-title,[igxDialogTitle]", "*", "igx-dialog-actions,[igxDialogActions]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDialogComponent, "igx-dialog", never, { "id": "id"; "isModal": "isModal"; "closeOnEscape": "closeOnEscape"; "focusTrap": "focusTrap"; "title": "title"; "message": "message"; "leftButtonLabel": "leftButtonLabel"; "leftButtonType": "leftButtonType"; "leftButtonColor": "leftButtonColor"; "leftButtonBackgroundColor": "leftButtonBackgroundColor"; "leftButtonRipple": "leftButtonRipple"; "rightButtonLabel": "rightButtonLabel"; "rightButtonType": "rightButtonType"; "rightButtonColor": "rightButtonColor"; "rightButtonBackgroundColor": "rightButtonBackgroundColor"; "rightButtonRipple": "rightButtonRipple"; "closeOnOutsideSelect": "closeOnOutsideSelect"; "positionSettings": "positionSettings"; "isOpen": "isOpen"; "role": "role"; "titleId": "titleId"; }, { "opening": "opening"; "opened": "opened"; "closing": "closing"; "closed": "closed"; "leftButtonSelect": "leftButtonSelect"; "rightButtonSelect": "rightButtonSelect"; "isOpenChange": "isOpenChange"; }, never, ["igx-dialog-title,[igxDialogTitle]", "*", "igx-dialog-actions,[igxDialogActions]"]>;
 }
 export interface IDialogEventArgs extends IBaseEventArgs {
     dialog: IgxDialogComponent;
@@ -395,7 +404,7 @@ export interface IDialogCancellableEventArgs extends IDialogEventArgs, Cancelabl
  */
 export declare class IgxDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgxDialogModule, [typeof IgxDialogComponent, typeof i1.IgxDialogTitleDirective, typeof i1.IgxDialogActionsDirective], [typeof i2.CommonModule, typeof i3.IgxToggleModule, typeof i4.IgxButtonModule, typeof i5.IgxRippleModule, typeof i6.IgxFocusModule], [typeof IgxDialogComponent, typeof i1.IgxDialogTitleDirective, typeof i1.IgxDialogActionsDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgxDialogModule, [typeof IgxDialogComponent, typeof i1.IgxDialogTitleDirective, typeof i1.IgxDialogActionsDirective], [typeof i2.CommonModule, typeof i3.IgxToggleModule, typeof i4.IgxButtonModule, typeof i5.IgxRippleModule, typeof i6.IgxFocusModule, typeof i7.IgxFocusTrapModule], [typeof IgxDialogComponent, typeof i1.IgxDialogTitleDirective, typeof i1.IgxDialogActionsDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgxDialogModule>;
 }
 export * from './dialog.directives';

package/lib/directives/focus-trap/focus-trap.directive.d.ts

@@ -0,0 +1,41 @@
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { PlatformUtil } from '../../core/utils';
+import * as i0 from "@angular/core";
+export declare class IgxFocusTrapDirective implements AfterViewInit, OnDestroy {
+    private elementRef;
+    protected platformUtil: PlatformUtil;
+    /** @hidden */
+    get element(): HTMLElement | null;
+    private destroy$;
+    private _focusTrap;
+    /** @hidden */
+    constructor(elementRef: ElementRef, platformUtil: PlatformUtil);
+    /**
+     * Sets whether the Tab key focus is trapped within the element.
+     *
+     * @example
+     * ```html
+     * <div igxFocusTrap="true"></div>
+     * ```
+     */
+    set focusTrap(focusTrap: boolean);
+    /** @hidden */
+    get focusTrap(): boolean;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
+    ngOnDestroy(): void;
+    private handleTab;
+    private getFocusableElements;
+    private getFocusedElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgxFocusTrapDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxFocusTrapDirective, "[igxFocusTrap]", never, { "focusTrap": "igxFocusTrap"; }, {}, never>;
+}
+/**
+ * @hidden
+ */
+export declare class IgxFocusTrapModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgxFocusTrapModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgxFocusTrapModule, [typeof IgxFocusTrapDirective], never, [typeof IgxFocusTrapDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgxFocusTrapModule>;
+}

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

@@ -81,10 +81,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>
@@ -93,10 +93,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/columns/column.component.d.ts

@@ -864,7 +864,7 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
     /**
      * Gets the cells of the column.
      * ```typescript
-     * let columnCells = this.column._cells;
+     * let columnCells = this.column.cells;
      * ```
      *
      */

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

@@ -300,7 +300,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

@@ -173,9 +173,13 @@ 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
+     * Use the corresponding output exposed by the `igx-paginator` component instead.
+     *
      * @example
      * ```html
      * <igx-grid (pageChange)="onPageChange($event)"></igx-grid>
@@ -188,9 +192,13 @@ 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
+     * Use the corresponding output exposed by the `igx-paginator` component instead.
+     *
      * @example
      * ```html
      * <igx-grid #grid (perPageChange)="onPerPageChange($event)" [autoGenerate]="true"></igx-grid>
@@ -208,8 +216,13 @@ 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.
      *
+     * @deprecated
+     * `evenRowCSS` is deprecated. We suggest using `rowClasses` property instead.
+     *
      * @example
      * ```html
      * <igx-grid #grid [data]="Data" [evenRowCSS]="'igx-grid--my-even-class'" [autoGenerate]="true"></igx-grid>
@@ -217,8 +230,13 @@ 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.
      *
+     * @deprecated
+     * `oddRowCSS` is deprecated. We suggest using `rowClasses` property instead.
+     *
      * @example
      * ```html
      * <igx-grid #grid [data]="Data" [evenRowCSS]="'igx-grid--my-odd-class'" [autoGenerate]="true"></igx-grid>
@@ -513,9 +531,13 @@ 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
+     * `pagingDone` is deprecated. Use the corresponding output exposed by the `igx-paginator` component instead.
+     *
      * @remarks
      * Returns an object consisting of the previous and next pages.
      * @example
@@ -1026,9 +1048,13 @@ 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
+     * `paging` is deprecated
+     *
      * @remarks
      * The default state is disabled (false).
      * @example
@@ -1041,9 +1067,13 @@ 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
+     * `page` is deprecated. Use the `page` property from the `igx-paginator` component instead.
+     *
      * @example
      * ```html
      * <igx-grid #grid [data]="Data" [autoGenerate]="true">
@@ -1056,9 +1086,13 @@ 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
+     * `perPage` is deprecated. Use the `perPage` property from the `igx-paginator` component instead.
+     *
      * @remarks
      * The default is 15.
      * @example
@@ -2149,19 +2183,19 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      * @hidden @internal
      */
     get summariesMargin(): number;
-    /**
-     * @hidden
-     * @internal
-     */
-    get columns(): IgxColumnComponent[];
     /**
      * Gets an array of `IgxColumnComponent`s.
      *
      * @example
      * ```typescript
-     * const colums = this.grid.columnsCollection.
+     * const colums = this.grid.columns.
      * ```
      */
+    get columns(): IgxColumnComponent[];
+    /**
+     * @hidden
+     * @internal
+     */
     get columnsCollection(): IgxColumnComponent[];
     /**
      * Gets an array of the pinned `IgxColumnComponent`s.
@@ -2215,9 +2249,13 @@ 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
+     * `totalPages` is deprecated. Use the corresponding property exposed by the `igx-paginator`.
+     *
      * @example
      * ```typescript
      * const totalPages = this.grid.totalPages;
@@ -2225,9 +2263,13 @@ 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
+     * `isFirstPage` is deprecated. Use the corresponding property exposed by the `igx-paginator`.'
+     *
      * @example
      * ```typescript
      * const firstPage = this.grid.isFirstPage;
@@ -2235,9 +2277,13 @@ 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
+     * 'Use the corresponding method exposed by the `igx-paginator`.'
+     *
      * @example
      * ```typescript
      * this.grid1.nextPage();
@@ -2245,12 +2291,13 @@ 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
+     * 'Use the corresponding method exposed by the `igx-paginator`.'
      * @example
-     * ```typescript
-     * this.grid1.previousPage();
      * ```
      */
     previousPage(): void;
@@ -2267,9 +2314,13 @@ 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
+     * `isLastPage` is deprecated. Use the corresponding property exposed by the `igx-paginator`.'
+     *
      * @example
      * ```typescript
      * const lastPage = this.grid.isLastPage;
@@ -2310,8 +2361,13 @@ 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.
      *
+     * @deprecated in version 12.1.x
+     * 'Use the corresponding method exposed by the `igx-paginator`.'
+     *
      * @example
      * ```typescript
      * this.grid1.paginate(1);

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

@@ -34,14 +34,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

@@ -230,7 +230,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

@@ -269,7 +269,8 @@ export declare class IgxTreeGridComponent extends IgxGridBaseDirective implement
     set rowLoadingIndicatorTemplate(value: TemplateRef<any>);
     constructor(selectionService: IgxGridSelectionService, colResizingService: IgxColumnResizingService, gridAPI: GridServiceType, 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/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;

package/lib/simple-combo/public_api.d.ts

@@ -0,0 +1 @@
+export * from './simple-combo.component';

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

@@ -0,0 +1,134 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { IgxComboDropDownComponent } from '../combo/combo-dropdown.component';
+import { IgxComboAPIService } from '../combo/combo.api';
+import { IgxComboBaseDirective } from '../combo/combo.common';
+import { IDisplayDensityOptions } from '../core/displayDensity';
+import { IgxSelectionAPIService } from '../core/selection';
+import { CancelableEventArgs, IBaseCancelableBrowserEventArgs, IBaseEventArgs, PlatformUtil } from '../core/utils';
+import { IgxIconService } from '../icon/public_api';
+import { IgxInputGroupType } from '../input-group/public_api';
+import * as i0 from "@angular/core";
+import * as i1 from "../combo/combo.component";
+import * as i2 from "../directives/ripple/ripple.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "../input-group/input-group.component";
+import * as i5 from "@angular/forms";
+import * as i6 from "../directives/for-of/for_of.directive";
+import * as i7 from "../directives/toggle/toggle.directive";
+import * as i8 from "../checkbox/checkbox.component";
+import * as i9 from "../drop-down/public_api";
+import * as i10 from "../directives/button/button.directive";
+import * as i11 from "../icon/public_api";
+import * as i12 from "../directives/text-selection/text-selection.directive";
+/** Emitted when an igx-simple-combo's selection is changing.  */
+export interface ISimpleComboSelectionChangingEventArgs extends CancelableEventArgs, IBaseEventArgs {
+    /** An object which represents the value that is currently selected */
+    oldSelection: any;
+    /** An object which represents the value that will be selected after this event */
+    newSelection: any;
+    /** The text that will be displayed in the combo text box */
+    displayText: string;
+}
+/**
+ * Represents a drop-down list that provides filtering functionality, allowing users to choose a single option from a predefined list.
+ *
+ * @igxModule IgxSimpleComboModule
+ * @igxTheme igx-combo-theme
+ * @igxKeywords combobox, single combo selection
+ * @igxGroup Grids & Lists
+ *
+ * @remarks
+ * It provides the ability to filter items as well as perform single selection on the provided data.
+ * Additionally, it exposes keyboard navigation and custom styling capabilities.
+ * @example
+ * ```html
+ * <igx-simple-combo [itemsMaxHeight]="250" [data]="locationData"
+ *  [displayKey]="'field'" [valueKey]="'field'"
+ *  placeholder="Location" searchPlaceholder="Search...">
+ * </igx-simple-combo>
+ * ```
+ */
+export declare class IgxSimpleComboComponent extends IgxComboBaseDirective implements ControlValueAccessor, AfterViewInit {
+    protected elementRef: ElementRef;
+    protected cdr: ChangeDetectorRef;
+    protected selectionService: IgxSelectionAPIService;
+    protected comboAPI: IgxComboAPIService;
+    protected _iconService: IgxIconService;
+    private platformUtil;
+    protected _displayDensityOptions: IDisplayDensityOptions;
+    protected _inputGroupType: IgxInputGroupType;
+    protected _injector: Injector;
+    /** @hidden @internal */
+    dropdown: IgxComboDropDownComponent;
+    /**
+     * Emitted when item selection is changing, before the selection completes
+     *
+     * ```html
+     * <igx-simple-combo (selectionChanging)='handleSelection()'></igx-simple-combo>
+     * ```
+     */
+    selectionChanging: EventEmitter<ISimpleComboSelectionChangingEventArgs>;
+    private textSelection;
+    /** @hidden @internal */
+    composing: boolean;
+    private _updateInput;
+    /** @hidden @internal */
+    get filteredData(): any[] | null;
+    /** @hidden @internal */
+    set filteredData(val: any[] | null);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, selectionService: IgxSelectionAPIService, comboAPI: IgxComboAPIService, _iconService: IgxIconService, platformUtil: PlatformUtil, _displayDensityOptions: IDisplayDensityOptions, _inputGroupType: IgxInputGroupType, _injector: Injector);
+    /**
+     * Select a defined item
+     *
+     * @param item the item to be selected
+     * ```typescript
+     * this.combo.select("New York");
+     * ```
+     */
+    select(item: any): void;
+    /**
+     * Deselect the currently selected item
+     *
+     * @param item the items to be deselected
+     * ```typescript
+     * this.combo.deselect("New York");
+     * ```
+     */
+    deselect(): void;
+    /** @hidden @internal */
+    writeValue(value: any): void;
+    /** @hidden @internal */
+    ngAfterViewInit(): void;
+    /** @hidden @internal */
+    handleInputChange(event?: any): void;
+    /** @hidden @internal */
+    handleKeyDown(event: KeyboardEvent): void;
+    /** @hidden @internal */
+    handleKeyUp(event: KeyboardEvent): void;
+    /** @hidden @internal */
+    handleItemKeyDown(event: KeyboardEvent): void;
+    /** @hidden @internal */
+    getEditElement(): HTMLElement;
+    /** @hidden @internal */
+    handleClear(event: Event): void;
+    /** @hidden @internal */
+    handleOpened(): void;
+    /** @hidden @internal */
+    handleClosing(e: IBaseCancelableBrowserEventArgs): void;
+    /** @hidden @internal */
+    focusSearchInput(opening?: boolean): void;
+    /** @hidden @internal */
+    onClick(event: Event): void;
+    protected findMatch: (element: any) => boolean;
+    protected setSelection(newSelection: any): void;
+    protected createDisplayText(newSelection: any[], oldSelection: any[]): any;
+    private clearSelection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgxSimpleComboComponent, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxSimpleComboComponent, "igx-simple-combo", never, {}, { "selectionChanging": "selectionChanging"; }, never, ["[igxLabel]", "igx-prefix", "igx-hint, [igxHint]", "igx-suffix"]>;
+}
+export declare class IgxSimpleComboModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgxSimpleComboModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgxSimpleComboModule, [typeof IgxSimpleComboComponent], [typeof i1.IgxComboModule, typeof i2.IgxRippleModule, typeof i3.CommonModule, typeof i4.IgxInputGroupModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.IgxForOfModule, typeof i7.IgxToggleModule, typeof i8.IgxCheckboxModule, typeof i9.IgxDropDownModule, typeof i10.IgxButtonModule, typeof i11.IgxIconModule, typeof i12.IgxTextSelectionModule], [typeof IgxSimpleComboComponent, typeof i1.IgxComboModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IgxSimpleComboModule>;
+}

package/lib/toast/toast.component.d.ts

@@ -68,6 +68,8 @@ export declare class IgxToastComponent extends IgxNotificationsDirective impleme
      */
     isVisibleChange: EventEmitter<ToggleViewEventArgs>;
     /**
+     * @deprecated in version 12.2.3. We suggest using `positionSettings` property instead
+     *
      * Sets/gets the position of the toast.
      * If not set, the `position` attribute will have value `IgxToastPosition.Bottom`.
      * ```html

package/migrations/common/filterSourceDirs.d.ts

@@ -1,7 +1,7 @@
 import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';
 /**
- * Filter tree to project source dirs
- *
  * @deprecated Temporary
+ *
+ * Filter tree to project source dirs
  */
 export declare const filterSourceDirs: (host: Tree, context: SchematicContext) => Rule;

package/migrations/common/filterSourceDirs.js

@@ -4,9 +4,9 @@ exports.filterSourceDirs = void 0;
 const schematics_1 = require("@angular-devkit/schematics");
 const util_1 = require("./util");
 /**
- * Filter tree to project source dirs
- *
  * @deprecated Temporary
+ *
+ * Filter tree to project source dirs
  */
 const filterSourceDirs = (host, context) => {
     const configPath = (0, util_1.getWorkspacePath)(host);

package/migrations/update-13_0_0/changes/members.json

@@ -0,0 +1,26 @@
+{
+    "$schema": "../../common/schema/members-changes.schema.json",
+    "changes": [
+        {
+            "member": "selectItems",
+            "replaceWith": "select",
+            "definedIn": [
+                "IgxComboComponent"
+            ]
+        },
+        {
+            "member": "deselectItems",
+            "replaceWith": "deselect",
+            "definedIn": [
+                "IgxComboComponent"
+            ]
+        },
+        {
+            "member": "selectedItems()",
+            "replaceWith": "selection",
+            "definedIn": [
+                "IgxComboBaseDirective"
+            ]
+        }
+    ]
+}