@fundamental-ngx/core 0.47.3 → 0.47.4-rc.1

package/select/select.component.d.ts

@@ -8,7 +8,7 @@ import { DynamicComponentService, ModuleDeprecation, Nullable, RtlService } from
 import { FormItemControl } from '@fundamental-ngx/core/form';
 import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import { PopoverFillMode } from '@fundamental-ngx/core/shared';
-import { FormFieldAdvancedStateMessage, FormStates } from '@fundamental-ngx/cdk/forms';
+import { FormFieldAdvancedStateMessage, FormStates, SingleDropdownValueControl } from '@fundamental-ngx/cdk/forms';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { FdOptionSelectionChange, OptionComponent } from './option/option.component';
 import { SelectKeyManagerService } from './select-key-manager.service';
@@ -21,7 +21,7 @@ export declare const SELECT_ITEM_HEIGHT_EM = 4;
  * Select component intended to mimic
  * the behaviour of the native select element.
  */
-export declare class SelectComponent<T = any> implements ControlValueAccessor, SelectInterface, OnInit, AfterViewInit, AfterContentInit, OnChanges, OnDestroy, FormItemControl {
+export declare class SelectComponent<T = any> implements SingleDropdownValueControl, ControlValueAccessor, SelectInterface, OnInit, AfterViewInit, AfterContentInit, OnChanges, OnDestroy, FormItemControl {
     private readonly _rtlService;
     private readonly _keyManagerService;
     private readonly _changeDetectorRef;
@@ -96,6 +96,12 @@ export declare class SelectComponent<T = any> implements ControlValueAccessor, S
     selectDropdownButtonClass: Nullable<string>;
     /** Holds advanced message renderer with respect to state. */
     advancedStateMessage: Nullable<FormFieldAdvancedStateMessage>;
+    /**
+     * Action to perform when user shifts focus from the dropdown.
+     * - `close` will close the dropdown preserving previously selected value.
+     * - `closeAndSelect` will close the dropdown and select last focused dropdown item.
+     */
+    tabOutStrategy: 'close' | 'closeAndSelect';
     /** Event emitted when the popover open state changes. */
     readonly isOpenChange: EventEmitter<boolean>;
     /** Event emitted when the selected value of the select changes. */
@@ -213,7 +219,7 @@ export declare class SelectComponent<T = any> implements ControlValueAccessor, S
     /** Opens the select popover body. */
     open(): void;
     /** @hidden */
-    close(forceClose?: boolean): void;
+    close(forceClose?: boolean, tabOut?: boolean): void;
     /** Focuses select control. */
     focus(): void;
     /** Blurs select control. */
@@ -282,7 +288,7 @@ export declare class SelectComponent<T = any> implements ControlValueAccessor, S
     /** @hidden */
     private _setupMobileMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, [{ attribute: "tabindex"; }, { optional: true; }, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "fd-select", never, { "extendedBodyTemplate": { "alias": "extendedBodyTemplate"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "controlId": { "alias": "controlId"; "required": false; }; "state": { "alias": "state"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "stateMessage": { "alias": "stateMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "controlTemplate": { "alias": "controlTemplate"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "unselectMissingOption": { "alias": "unselectMissingOption"; "required": false; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "selectControlClass": { "alias": "selectControlClass"; "required": false; }; "selectDropdownButtonClass": { "alias": "selectDropdownButtonClass"; "required": false; }; "advancedStateMessage": { "alias": "advancedStateMessage"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "valueChange": "valueChange"; }, ["_options"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "fd-select", never, { "extendedBodyTemplate": { "alias": "extendedBodyTemplate"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "controlId": { "alias": "controlId"; "required": false; }; "state": { "alias": "state"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "stateMessage": { "alias": "stateMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "controlTemplate": { "alias": "controlTemplate"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "unselectMissingOption": { "alias": "unselectMissingOption"; "required": false; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "selectControlClass": { "alias": "selectControlClass"; "required": false; }; "selectDropdownButtonClass": { "alias": "selectDropdownButtonClass"; "required": false; }; "advancedStateMessage": { "alias": "advancedStateMessage"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "valueChange": "valueChange"; }, ["_options"], ["*"], true, never>;
 }
 export declare class DeprecatedSelectCSSClasses implements ModuleDeprecation {
     /** @hidden */

package/select/select.interface.d.ts

@@ -20,7 +20,7 @@ export interface SelectInterface<TOption = any> extends MobileMode {
     _liveAnnouncer: LiveAnnouncer;
     isOpenChange: EventEmitter<boolean>;
     valueChange: EventEmitter<any>;
-    close(forceClose?: boolean): void;
+    close(forceClose?: boolean, tabOut?: boolean): void;
     open(): void;
     focus(): void;
     blur(): void;