@fundamental-ngx/core 0.43.17 → 0.43.19

package/schematics/add-dependencies/index.js

@@ -54,21 +54,21 @@ function addExternalLibraries(options) {
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/i18n') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.43.17', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.43.19', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.43.17`,
+                version: `0.43.19`,
                 name: '@fundamental-ngx/i18n',
                 overwrite: true
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/cdk') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.43.17', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.43.19', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.43.17`,
+                version: `0.43.19`,
                 name: '@fundamental-ngx/cdk',
                 overwrite: true
             });

package/select/select-key-manager.service.d.ts

@@ -1,6 +1,6 @@
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
-import { SelectInterface } from './select.interface';
 import { OptionsInterface } from './options.interface';
+import { SelectInterface } from './select.interface';
 import * as i0 from "@angular/core";
 export declare class SelectKeyManagerService {
     /** @hidden */

package/select/select.component.d.ts

@@ -1,18 +1,18 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
-import { CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { SelectionModel } from '@angular/cdk/collections';
+import { CdkConnectedOverlay } from '@angular/cdk/overlay';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { Observable, Subject } from 'rxjs';
-import { PopoverFillMode } from '@fundamental-ngx/core/shared';
 import { DynamicComponentService, ModuleDeprecation, Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
-import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import { FormItemControl } from '@fundamental-ngx/core/form';
-import { SelectInterface } from './select.interface';
-import { SelectKeyManagerService } from './select-key-manager.service';
-import { FdOptionSelectionChange, OptionComponent } from './option/option.component';
+import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
+import { PopoverFillMode } from '@fundamental-ngx/core/shared';
+import { FormStates, SingleDropdownValueControl } from '@fundamental-ngx/cdk/forms';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
-import { FormStates } from '@fundamental-ngx/cdk/forms';
+import { FdOptionSelectionChange, OptionComponent } from './option/option.component';
+import { SelectKeyManagerService } from './select-key-manager.service';
+import { SelectInterface } from './select.interface';
 import * as i0 from "@angular/core";
 /** @deprecated use `import { FormStates } from "@fundamental-ngx/cdk/forms"` instead */
 export type SelectControlState = FormStates;
@@ -23,7 +23,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;
@@ -93,6 +93,12 @@ export declare class SelectComponent<T = any> implements ControlValueAccessor, S
     selectControlClass: Nullable<string>;
     /** Additional classname for the select dropdown button element. */
     selectDropdownButtonClass: Nullable<string>;
+    /**
+     * 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. */
@@ -208,7 +214,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. */
@@ -277,7 +283,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, { "controlId": "controlId"; "state": "state"; "mobile": "mobile"; "stateMessage": "stateMessage"; "disabled": "disabled"; "required": "required"; "readonly": "readonly"; "placeholder": "placeholder"; "value": "value"; "extendedBodyTemplate": "extendedBodyTemplate"; "maxHeight": "maxHeight"; "glyph": "glyph"; "closeOnOutsideClick": "closeOnOutsideClick"; "fillControlMode": "fillControlMode"; "controlTemplate": "controlTemplate"; "appendTo": "appendTo"; "unselectMissingOption": "unselectMissingOption"; "typeaheadDebounceInterval": "typeaheadDebounceInterval"; "ariaLabelledBy": "ariaLabelledBy"; "ariaLabel": "ariaLabel"; "mobileConfig": "mobileConfig"; "inline": "inline"; "selectControlClass": "selectControlClass"; "selectDropdownButtonClass": "selectDropdownButtonClass"; "compareWith": "compareWith"; }, { "isOpenChange": "isOpenChange"; "valueChange": "valueChange"; }, ["_options"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "fd-select", never, { "controlId": "controlId"; "state": "state"; "mobile": "mobile"; "stateMessage": "stateMessage"; "disabled": "disabled"; "required": "required"; "readonly": "readonly"; "placeholder": "placeholder"; "value": "value"; "extendedBodyTemplate": "extendedBodyTemplate"; "maxHeight": "maxHeight"; "glyph": "glyph"; "closeOnOutsideClick": "closeOnOutsideClick"; "fillControlMode": "fillControlMode"; "controlTemplate": "controlTemplate"; "appendTo": "appendTo"; "unselectMissingOption": "unselectMissingOption"; "typeaheadDebounceInterval": "typeaheadDebounceInterval"; "ariaLabelledBy": "ariaLabelledBy"; "ariaLabel": "ariaLabel"; "mobileConfig": "mobileConfig"; "inline": "inline"; "selectControlClass": "selectControlClass"; "selectDropdownButtonClass": "selectDropdownButtonClass"; "tabOutStrategy": "tabOutStrategy"; "compareWith": "compareWith"; }, { "isOpenChange": "isOpenChange"; "valueChange": "valueChange"; }, ["_options"], ["*"], false, never>;
 }
 export declare class DeprecatedSelectCSSClasses implements ModuleDeprecation {
     /** @hidden */

package/select/select.interface.d.ts

@@ -1,8 +1,7 @@
-import { EventEmitter, InjectionToken, QueryList, ElementRef } from '@angular/core';
-import { OptionComponent } from './option/option.component';
-import { MobileMode } from '@fundamental-ngx/core/mobile-mode';
+import { ElementRef, EventEmitter, InjectionToken, QueryList } from '@angular/core';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
-import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
+import { MobileMode, MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
+import { OptionComponent } from './option/option.component';
 export declare const SELECT_COMPONENT: InjectionToken<SelectInterface>;
 /**
  * Select Interface to have typing and avoid circular dependency between
@@ -20,7 +19,7 @@ export interface SelectInterface 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;

package/shellbar/shellbar-action/shellbar-action.component.d.ts

@@ -1,3 +1,4 @@
+import { Nullable } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 /**
  * The component that represents a shellbar action.
@@ -22,6 +23,10 @@ export declare class ShellbarActionComponent {
     notificationLabel: string;
     /** Represents the number of notifications. */
     notificationCount: number;
+    /** title of the action button. */
+    title: Nullable<string>;
+    /** aria-label of the action button */
+    ariaLabel: Nullable<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarActionComponent, "fd-shellbar-action", never, { "glyph": "glyph"; "callback": "callback"; "label": "label"; "notificationLabel": "notificationLabel"; "notificationCount": "notificationCount"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarActionComponent, "fd-shellbar-action", never, { "glyph": "glyph"; "callback": "callback"; "label": "label"; "notificationLabel": "notificationLabel"; "notificationCount": "notificationCount"; "title": "title"; "ariaLabel": "ariaLabel"; }, {}, never, never, false, never>;
 }