igniteui-angular 22.0.0-rc.1 → 22.0.0-rc.2

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

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

@@ -4,7 +4,7 @@ import { IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownBaseDir
 import * as i0 from '@angular/core';
 import { AfterContentInit, OnInit, AfterViewInit, OnDestroy, AfterContentChecked, QueryList, EventEmitter, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { OverlaySettings, EditorProvider, IgxOverlayService, IBaseCancelableBrowserEventArgs, IBaseEventArgs } from 'igniteui-angular/core';
+import { OverlaySettings, EditorProvider, IgxOverlayService, IBaseCancelableBrowserEventArgs, IBaseEventArgs, BaseFitPositionStrategy, IPositionStrategy, PositionSettings, Size, Point, ConnectedFit } from 'igniteui-angular/core';
 import { ToggleViewCancelableEventArgs, ToggleViewEventArgs } from 'igniteui-angular/directives';
 
 /**
@@ -123,9 +123,9 @@ declare class IgxSelectComponent extends IgxDropDownComponent implements IgxSele
      */
     disabled: boolean;
     /**
-     * Sets custom OverlaySettings `IgxSelectComponent`.
+     * Sets custom overlay settings for the select component.
      * ```html
-     * <igx-select [overlaySettings] = "customOverlaySettings"></igx-select>
+     * <igx-select [overlaySettings]="customOverlaySettings"></igx-select>
      * ```
      */
     overlaySettings: OverlaySettings;
@@ -257,9 +257,9 @@ declare class IgxSelectComponent extends IgxDropDownComponent implements IgxSele
     set value(v: any);
     /**
      * Sets how the select will be styled.
-     * The allowed values are `line`, `box` and `border`. The input-group default is `line`.
+     * The allowed values are `line`, `box` and `border`. Defaults to `box` if no input-group type is set.
      * ```html
-     * <igx-select [type]="'box'"></igx-select>
+     * <igx-select [type]="'border'"></igx-select>
      * ```
      */
     get type(): IgxInputGroupType;
@@ -292,7 +292,7 @@ declare class IgxSelectComponent extends IgxDropDownComponent implements IgxSele
      * ```
      */
     open(overlaySettings?: OverlaySettings): void;
-    inputGroupClick(event: MouseEvent, overlaySettings?: OverlaySettings): void;
+    protected inputGroupClick(event: MouseEvent, overlaySettings?: OverlaySettings): void;
     /** @hidden @internal */
     ngAfterContentInit(): void;
     /**
@@ -335,12 +335,96 @@ declare class IgxSelectComponent extends IgxDropDownComponent implements IgxSele
     private get hasValidators();
     protected navigate(direction: Navigate, currentIndex?: number): void;
     protected manageRequiredAsterisk(): void;
+    private getMergedOverlaySettings;
     private setSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxSelectComponent, "igx-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "overlaySettings": { "alias": "overlaySettings"; "required": false; }; "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "opening": "opening"; "opened": "opened"; "closing": "closing"; "closed": "closed"; }, ["label", "toggleIconTemplate", "headerTemplate", "footerTemplate", "hintElement", "children", "prefixes", "suffixes"], ["[igxLabel]", "igx-prefix,[igxPrefix]", "igx-suffix,[igxSuffix]", "igx-hint, [igxHint]", "*", "igx-select-item, igx-select-item-group"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 
+/**
+ * Positions the select dropdown so that the active item's text overlaps
+ * the value displayed in the select input box.
+ */
+declare class IgxSelectOverlapPositionStrategy extends BaseFitPositionStrategy implements IPositionStrategy {
+    private select;
+    private _selectDefaultSettings;
+    private global_yOffset;
+    private global_xOffset;
+    private global_styles;
+    /** @hidden @internal */
+    isItemOverlapPositioning: boolean;
+    constructor(select: IgxSelectComponent, settings?: PositionSettings);
+    /**
+     * Position the element based on the PositionStrategy implementing this interface.
+     *
+     * @param contentElement The HTML element to be positioned
+     * @param size Size of the element
+     * @param document reference to the Document object
+     * @param initialCall should be true if this is the initial call to the method
+     * @param target attaching target for the component to show
+     * ```typescript
+     * settings.positionStrategy.position(content, size, document, true);
+     * ```
+     */
+    position(contentElement: HTMLElement, _size: Size, document?: Document, initialCall?: boolean, target?: Point | HTMLElement): void;
+    /**
+     * Obtain the selected item if there is such one or otherwise use the first one
+     */
+    private getInteractionItemElement;
+    /**
+     * Position the items outer container so selected item text is positioned over input text and if header
+     * And/OR footer - both header/footer are visible
+     *
+     * @param selectFit selectFit to use for computation.
+     */
+    protected fitInViewport(_contentElement: HTMLElement, selectFit: SelectFit): void;
+    /**
+     * Sets element's style which effectively positions the provided element
+     *
+     * @param element Element to position
+     * @param selectFit selectFit to use for computation.
+     * @param initialCall should be true if this is the initial call to the position method calling setStyles
+     */
+    protected setStyles(contentElement: HTMLElement, selectFit: SelectFit): void;
+    /**
+     * Calculate selected item scroll position.
+     */
+    private calculateScrollAmount;
+    /**
+     * Calculate the necessary input and selected item styles to be used for positioning item text over input text.
+     * Calculate & Set default items container width.
+     *
+     * @param selectFit selectFit to use for computation.
+     */
+    private calculateStyles;
+    /**
+     * Calculate how much to offset the overlay container for Y-axis.
+     */
+    private calculateYoffset;
+    /**
+     * Calculate how much to offset the overlay container for X-axis.
+     */
+    private calculateXoffset;
+}
+/** @hidden */
+interface SelectFit extends ConnectedFit {
+    itemElement?: HTMLElement;
+    scrollContainer: HTMLElement;
+    scrollContainerRect: ClientRect;
+    itemRect?: ClientRect;
+    styles?: SelectStyles;
+    scrollAmount?: number;
+}
+/** @hidden */
+interface SelectStyles {
+    itemTextPadding?: number;
+    itemTextIndent?: number;
+    itemTextToInputTextDiff?: number;
+    contentElementNewWidth?: number;
+    numericLeftPadding?: number;
+}
+
 declare const IGX_SELECT_DIRECTIVES: readonly [typeof IgxSelectComponent, typeof IgxSelectItemComponent, typeof IgxSelectGroupComponent, typeof IgxSelectHeaderDirective, typeof IgxSelectFooterDirective, typeof IgxSelectToggleIconDirective, typeof IgxLabelDirective, typeof IgxPrefixDirective, typeof IgxSuffixDirective, typeof IgxHintDirective];
 
 /**
@@ -354,4 +438,4 @@ declare class IgxSelectModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<IgxSelectModule>;
 }
 
-export { IGX_SELECT_DIRECTIVES, IgxSelectComponent, IgxSelectFooterDirective, IgxSelectGroupComponent, IgxSelectHeaderDirective, IgxSelectItemComponent, IgxSelectModule, IgxSelectToggleIconDirective };
+export { IGX_SELECT_DIRECTIVES, IgxSelectComponent, IgxSelectFooterDirective, IgxSelectGroupComponent, IgxSelectHeaderDirective, IgxSelectItemComponent, IgxSelectModule, IgxSelectOverlapPositionStrategy, IgxSelectToggleIconDirective };