@fundamental-ngx/core 0.43.16 → 0.43.18

package/multi-input/multi-input.component.d.ts

@@ -1,15 +1,15 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
+import { FormStates } from '@fundamental-ngx/cdk/forms';
 import { CssClassBuilder, DynamicComponentService, FocusEscapeDirection, FocusTrapService, NestedKeyOf, Nullable, ObjectPathType, RtlService } from '@fundamental-ngx/cdk/utils';
+import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { FormItemControl } from '@fundamental-ngx/core/form';
 import { ListComponent } from '@fundamental-ngx/core/list';
 import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import { PopoverComponent } from '@fundamental-ngx/core/popover';
 import { PopoverFillMode } from '@fundamental-ngx/core/shared';
 import { TokenizerComponent } from '@fundamental-ngx/core/token';
-import { FormStates } from '@fundamental-ngx/cdk/forms';
-import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { MultiInputInterface } from './multi-input.interface';
 import { PairSelectionModel } from './pair-selection.model';
 import * as i0 from "@angular/core";
@@ -237,7 +237,7 @@ export declare class MultiInputComponent<ItemType = any, ValueType = any> implem
     /** Method that selects all possible options. */
     selectAllItems(selectAll: boolean): void;
     /** @hidden */
-    _onCheckboxKeyup(option: _OptionItem<ItemType, ValueType>, event: KeyboardEvent, index: number): void;
+    _onCheckboxKeyup(option: _OptionItem<ItemType, ValueType>, event: KeyboardEvent, index: number, isListItem?: boolean): void;
     /** @hidden */
     _onCheckboxClick(option: _OptionItem<ItemType, ValueType>, event: MouseEvent | KeyboardEvent, index: number, isListItem?: boolean): Promise<void>;
     /** @hidden */
@@ -273,6 +273,8 @@ export declare class MultiInputComponent<ItemType = any, ValueType = any> implem
     /** @hidden */
     enableParentFocusTrap(): void;
     /** @hidden */
+    _close(): void;
+    /** @hidden */
     private _addNewTokenToDropDownValues;
     /** @hidden */
     private _selectFirstFiltered;

package/multi-input/multi-input.module.d.ts

@@ -13,8 +13,9 @@ import * as i11 from "@fundamental-ngx/core/checkbox";
 import * as i12 from "@fundamental-ngx/core/link";
 import * as i13 from "@fundamental-ngx/core/content-density";
 import * as i14 from "@fundamental-ngx/i18n";
+import * as i15 from "@fundamental-ngx/core/multi-combobox";
 export declare class MultiInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiInputModule, [typeof i1.MultiInputComponent, typeof i2.DeprecatedMultiInputCompactDirective], [typeof i3.CommonModule, typeof i4.TokenModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ListModule, typeof i7.PopoverModule, typeof i8.PipeModule, typeof i9.InputGroupModule, typeof i10.FormModule, typeof i11.CheckboxModule, typeof i12.LinkModule, typeof i8.AutoCompleteModule, typeof i13.ContentDensityModule, typeof i14.I18nModule, typeof i8.MultiAnnouncerModule], [typeof i1.MultiInputComponent, typeof i2.DeprecatedMultiInputCompactDirective, typeof i13.ContentDensityModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiInputModule, [typeof i1.MultiInputComponent, typeof i2.DeprecatedMultiInputCompactDirective], [typeof i3.CommonModule, typeof i4.TokenModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ListModule, typeof i7.PopoverModule, typeof i8.PipeModule, typeof i9.InputGroupModule, typeof i10.FormModule, typeof i11.CheckboxModule, typeof i12.LinkModule, typeof i8.AutoCompleteModule, typeof i13.ContentDensityModule, typeof i14.I18nModule, typeof i15.MultiAnnouncerModule], [typeof i1.MultiInputComponent, typeof i2.DeprecatedMultiInputCompactDirective, typeof i13.ContentDensityModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MultiInputModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core",
-  "version": "0.43.16",
+  "version": "0.43.18",
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migrations.json"
@@ -28,8 +28,8 @@
     "rxjs": "^7.8.0"
   },
   "dependencies": {
-    "@fundamental-ngx/cdk": "0.43.16",
-    "@fundamental-ngx/i18n": "0.43.16",
+    "@fundamental-ngx/cdk": "0.43.18",
+    "@fundamental-ngx/i18n": "0.43.18",
     "compare-versions": "^5.0.0",
     "fast-deep-equal": "3.1.3",
     "focus-trap": "^7.1.0",

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.16', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.43.18', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.43.16`,
+                version: `0.43.18`,
                 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.16', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.43.18', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.43.16`,
+                version: `0.43.18`,
                 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/token/token.component.d.ts

@@ -49,7 +49,9 @@ export declare class TokenComponent implements AfterViewInit, OnDestroy {
      */
     elementFocused: EventEmitter<boolean>;
     /** @hidden */
-    totalCount: number;
+    _totalCount: number;
+    /** @hidden */
+    _itemPosition: number;
     /** @hidden */
     private readonly _destroy$;
     /** @hidden */
@@ -65,7 +67,7 @@ export declare class TokenComponent implements AfterViewInit, OnDestroy {
     /** @hidden */
     tokenKeydownHandler(event: any): void;
     /** @hidden */
-    _setTotalCount(count: number): void;
+    _setTotalCount(count: number, itemPosition: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TokenComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TokenComponent, "fd-token", never, { "disabled": "disabled"; "selected": "selected"; "readOnly": "readOnly"; "deleteButtonLabel": "deleteButtonLabel"; "ariaRoleDescription": "ariaRoleDescription"; }, { "onCloseClick": "onCloseClick"; "onRemove": "onRemove"; "onTokenClick": "onTokenClick"; "onTokenKeydown": "onTokenKeydown"; "elementFocused": "elementFocused"; }, never, ["*"], false, never>;
 }