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

package/form/combobox/commons/base-combobox.d.ts

@@ -7,12 +7,13 @@ import { ListComponent } from '@fundamental-ngx/core/list';
 import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import { PopoverFillMode } from '@fundamental-ngx/core/shared';
 import { CollectionBaseInput, ComboBoxDataSource, OptionItem, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
+import { SingleDropdownValueControl } from '@fundamental-ngx/cdk/forms';
 import { AutoCompleteEvent } from '../../auto-complete/auto-complete.directive';
 import { ComboboxConfig } from '../combobox.config';
 import * as i0 from "@angular/core";
 export type TextAlignment = 'left' | 'right';
 export type FdpComboBoxDataSource<T> = ComboBoxDataSource<T> | Observable<T[]> | T[];
-export declare abstract class BaseCombobox extends CollectionBaseInput implements AfterViewInit, OnDestroy {
+export declare abstract class BaseCombobox extends CollectionBaseInput implements SingleDropdownValueControl, AfterViewInit, OnDestroy {
     readonly cd: ChangeDetectorRef;
     readonly ngControl: NgControl;
     readonly controlContainer: ControlContainer;
@@ -80,6 +81,12 @@ export declare abstract class BaseCombobox extends CollectionBaseInput implement
     /** Value of the combobox */
     set value(value: any);
     get value(): any;
+    /**
+     * 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 data loading is started. */
     onDataRequested: EventEmitter<void>;
     /** Event emitted when data loading is finished. */
@@ -240,5 +247,5 @@ export declare abstract class BaseCombobox extends CollectionBaseInput implement
     /** @hidden Assign custom templates */
     private _assignCustomTemplates;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseCombobox, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }, { optional: true; }, null, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseCombobox, never, never, { "maxHeight": { "alias": "maxHeight"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "entityClass": { "alias": "entityClass"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "group": { "alias": "group"; "required": false; }; "groupKey": { "alias": "groupKey"; "required": false; }; "secondaryKey": { "alias": "secondaryKey"; "required": false; }; "showSecondaryText": { "alias": "showSecondaryText"; "required": false; }; "secondaryTextAlignment": { "alias": "secondaryTextAlignment"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; }, ["_customTemplates", "_customItemDef"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseCombobox, never, never, { "maxHeight": { "alias": "maxHeight"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "entityClass": { "alias": "entityClass"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "group": { "alias": "group"; "required": false; }; "groupKey": { "alias": "groupKey"; "required": false; }; "secondaryKey": { "alias": "secondaryKey"; "required": false; }; "showSecondaryText": { "alias": "showSecondaryText"; "required": false; }; "secondaryTextAlignment": { "alias": "secondaryTextAlignment"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; }, { "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; }, ["_customTemplates", "_customItemDef"], never, false, never>;
 }

package/form/index.d.ts

@@ -92,7 +92,6 @@ export * from './radio-group/radio-group.module';
 export * from './radio-group/radio/radio.component';
 export * from './select/commons/base-select';
 export * from './select/models/select.models';
-export * from './select/option/option.component';
 export * from './select/select.config';
 export * from './select/select.module';
 export * from './select/select/select.component';

package/form/select/commons/base-select.d.ts

@@ -1,6 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { ControlContainer, NgControl, NgForm } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
+import { SingleDropdownValueControl } from '@fundamental-ngx/cdk/forms';
 import { ContentDensityService, FocusEscapeDirection, TemplateDirective } from '@fundamental-ngx/cdk/utils';
 import { ListComponent } from '@fundamental-ngx/core/list';
 import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
@@ -23,7 +24,7 @@ export declare class FdpSelectionChangeEvent {
      */
     constructor(payload: any);
 }
-export declare abstract class BaseSelect extends CollectionBaseInput implements AfterViewInit, OnDestroy {
+export declare abstract class BaseSelect extends CollectionBaseInput implements SingleDropdownValueControl, AfterViewInit, OnDestroy {
     readonly cd: ChangeDetectorRef;
     readonly ngControl: NgControl;
     readonly controlContainer: ControlContainer;
@@ -100,6 +101,12 @@ export declare abstract class BaseSelect extends CollectionBaseInput implements
      * Max width of list container
      * */
     maxWidth?: number;
+    /**
+     * 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';
     /** Data for suggestion list */
     set list(value: any);
     get list(): any;
@@ -205,5 +212,5 @@ export declare abstract class BaseSelect extends CollectionBaseInput implements
      * */
     private _assignCustomTemplates;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelect, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }, null, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelect, never, never, { "maxHeight": { "alias": "maxHeight"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "group": { "alias": "group"; "required": false; }; "groupKey": { "alias": "groupKey"; "required": false; }; "secondaryKey": { "alias": "secondaryKey"; "required": false; }; "showSecondaryText": { "alias": "showSecondaryText"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "triggerValue": { "alias": "triggerValue"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "secondaryTextAlignment": { "alias": "secondaryTextAlignment"; "required": false; }; "width": { "alias": "width"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "controlTemplate": { "alias": "controlTemplate"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "noValueLabel": { "alias": "noValueLabel"; "required": false; }; "noWrapText": { "alias": "noWrapText"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "firstColumnRatio": { "alias": "firstColumnRatio"; "required": false; }; "secondColumnRatio": { "alias": "secondColumnRatio"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "list": { "alias": "list"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["customTemplates"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelect, never, never, { "maxHeight": { "alias": "maxHeight"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "group": { "alias": "group"; "required": false; }; "groupKey": { "alias": "groupKey"; "required": false; }; "secondaryKey": { "alias": "secondaryKey"; "required": false; }; "showSecondaryText": { "alias": "showSecondaryText"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "triggerValue": { "alias": "triggerValue"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "secondaryTextAlignment": { "alias": "secondaryTextAlignment"; "required": false; }; "width": { "alias": "width"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "controlTemplate": { "alias": "controlTemplate"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "noValueLabel": { "alias": "noValueLabel"; "required": false; }; "noWrapText": { "alias": "noWrapText"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "firstColumnRatio": { "alias": "firstColumnRatio"; "required": false; }; "secondColumnRatio": { "alias": "secondColumnRatio"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; "list": { "alias": "list"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["customTemplates"], never, false, never>;
 }

package/form/select/select.module.d.ts

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./select/select.component";
-import * as i2 from "./option/option.component";
 export declare class PlatformSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformSelectModule, never, [typeof i1.SelectComponent, typeof i2.OptionComponent], [typeof i1.SelectComponent, typeof i2.OptionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformSelectModule, never, [typeof i1.SelectComponent], [typeof i1.SelectComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PlatformSelectModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/platform",
-  "version": "0.47.3",
+  "version": "0.47.4-rc.1",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - platform",
   "license": "Apache-2.0",
@@ -13,9 +13,9 @@
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@fundamental-ngx/cdk": "0.47.3",
-    "@fundamental-ngx/core": "0.47.3",
-    "@fundamental-ngx/i18n": "0.47.3"
+    "@fundamental-ngx/cdk": "0.47.4-rc.1",
+    "@fundamental-ngx/core": "0.47.4-rc.1",
+    "@fundamental-ngx/i18n": "0.47.4-rc.1"
   },
   "dependencies": {
     "fast-deep-equal": "3.1.3",

package/schematics/ng-add/index.js

@@ -32,7 +32,7 @@ function callCoreSchematic(options) {
         (0, dependencies_1.addPackageJsonDependency)(tree, {
             type: dependencies_1.NodeDependencyType.Default,
             // Will be replaced with the real version during sync-version script run
-            version: `0.47.3`,
+            version: `0.47.4-rc.1`,
             name: '@fundamental-ngx/core'
         });
         const installTaskId = context.addTask(new tasks_1.NodePackageInstallTask({

package/esm2022/form/select/option/option.component.mjs

@@ -1,37 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
-import { SelectModule } from '@fundamental-ngx/core/select';
-import * as i0 from "@angular/core";
-import * as i1 from "@fundamental-ngx/core/select";
-// Increasing integer for generating unique ids for radio components.
-let nextUniqueId = 0;
-/**
- * Used to represent an option of the select component.
- */
-export class OptionComponent {
-    constructor() {
-        /** Option id attribute */
-        this.id = `fdp-option-${nextUniqueId++}`;
-        /** Whether to disable this option specifically. */
-        this.disabled = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: OptionComponent, isStandalone: true, selector: "fdp-option", inputs: { id: "id", value: "value", disabled: "disabled" }, ngImport: i0, template: `<li fd-option [id]="id" [value]="value" [disabled]="disabled"><ng-content></ng-content></li>`, isInline: true, dependencies: [{ kind: "ngmodule", type: SelectModule }, { kind: "component", type: i1.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: OptionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fdp-option',
-                    template: `<li fd-option [id]="id" [value]="value" [disabled]="disabled"><ng-content></ng-content></li>`,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    imports: [SelectModule]
-                }]
-        }], propDecorators: { id: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vc3JjL2xpYi9mb3JtL3NlbGVjdC9vcHRpb24vb3B0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQUU1RCxxRUFBcUU7QUFDckUsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBRXJCOztHQUVHO0FBU0gsTUFBTSxPQUFPLGVBQWU7SUFSNUI7UUFTSSwwQkFBMEI7UUFFMUIsT0FBRSxHQUFHLGNBQWMsWUFBWSxFQUFFLEVBQUUsQ0FBQztRQU1wQyxtREFBbUQ7UUFFbkQsYUFBUSxHQUFHLEtBQUssQ0FBQztLQUNwQjs4R0FaWSxlQUFlO2tHQUFmLGVBQWUsa0lBTmQsOEZBQThGLDJEQUk5RixZQUFZOzsyRkFFYixlQUFlO2tCQVIzQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxZQUFZO29CQUN0QixRQUFRLEVBQUUsOEZBQThGO29CQUN4RyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQzFCOzhCQUlHLEVBQUU7c0JBREQsS0FBSztnQkFLTixLQUFLO3NCQURKLEtBQUs7Z0JBS04sUUFBUTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTZWxlY3RNb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvc2VsZWN0JztcblxuLy8gSW5jcmVhc2luZyBpbnRlZ2VyIGZvciBnZW5lcmF0aW5nIHVuaXF1ZSBpZHMgZm9yIHJhZGlvIGNvbXBvbmVudHMuXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcblxuLyoqXG4gKiBVc2VkIHRvIHJlcHJlc2VudCBhbiBvcHRpb24gb2YgdGhlIHNlbGVjdCBjb21wb25lbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmRwLW9wdGlvbicsXG4gICAgdGVtcGxhdGU6IGA8bGkgZmQtb3B0aW9uIFtpZF09XCJpZFwiIFt2YWx1ZV09XCJ2YWx1ZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2xpPmAsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtTZWxlY3RNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIE9wdGlvbkNvbXBvbmVudCB7XG4gICAgLyoqIE9wdGlvbiBpZCBhdHRyaWJ1dGUgKi9cbiAgICBASW5wdXQoKVxuICAgIGlkID0gYGZkcC1vcHRpb24tJHtuZXh0VW5pcXVlSWQrK31gO1xuXG4gICAgLyoqIFZhbHVlIG9mIHRoZSBvcHRpb24uIFNpbWlsYXIgdG8gaG93IGEgbmF0aXZlIHNlbGVjdCBvcGVyYXRlcy4gKi9cbiAgICBASW5wdXQoKVxuICAgIHZhbHVlOiBhbnk7XG5cbiAgICAvKiogV2hldGhlciB0byBkaXNhYmxlIHRoaXMgb3B0aW9uIHNwZWNpZmljYWxseS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGRpc2FibGVkID0gZmFsc2U7XG59XG4iXX0=

package/form/select/option/option.component.d.ts

@@ -1,14 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Used to represent an option of the select component.
- */
-export declare class OptionComponent {
-    /** Option id attribute */
-    id: string;
-    /** Value of the option. Similar to how a native select operates. */
-    value: any;
-    /** Whether to disable this option specifically. */
-    disabled: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "fdp-option", never, { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-}