@fundamental-ngx/platform 0.43.15 → 0.43.17

package/fesm2020/fundamental-ngx-platform-list.mjs

@@ -25,7 +25,7 @@ import { TranslationResolver, FD_LANGUAGE, I18nModule } from '@fundamental-ngx/i
 import * as i11$1 from '@fundamental-ngx/core/button';
 import { ButtonModule } from '@fundamental-ngx/core/button';
 import { PlatformLinkModule } from '@fundamental-ngx/platform/link';
-import { ENTER, SPACE, DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';
+import { ENTER, SPACE, TAB, DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';
 import * as i7$1 from '@fundamental-ngx/core/checkbox';
 import { CheckboxComponent, CheckboxModule } from '@fundamental-ngx/core/checkbox';
 import * as i8$2 from '@fundamental-ngx/core/radio';
@@ -707,6 +707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
+/* eslint-disable @typescript-eslint/member-ordering */
 class SelectionChangeEvent {
 }
 let nextListId = 0;
@@ -816,6 +817,8 @@ class ListComponent extends CollectionBaseInput {
         this.selectionMode = 'none';
         /** Whether to display unread notification indicator. */
         this.unreadIndicator = false;
+        /** Whether to intercept tab key navigation. */
+        this.interceptTabKey = true;
         /** Event thrown, when selected item is changed */
         this.selectedItemChange = new EventEmitter();
         /**
@@ -938,6 +941,9 @@ class ListComponent extends CollectionBaseInput {
         if (!this._keyManager) {
             return;
         }
+        if (KeyUtil.isKeyCode(event, TAB) && !this.interceptTabKey) {
+            return;
+        }
         event.stopImmediatePropagation();
         const activeItemIndex = this._keyManager.activeItemIndex;
         if (activeItemIndex) {
@@ -1272,7 +1278,7 @@ class ListComponent extends CollectionBaseInput {
     }
 }
 ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.LiveAnnouncer }, { token: FD_LANGUAGE }, { token: i2.NgControl, optional: true, self: true }, { token: i2.ControlContainer, optional: true, self: true }, { token: i2.NgForm, optional: true, self: true }, { token: FD_FORM_FIELD, host: true, optional: true, skipSelf: true }, { token: FD_FORM_FIELD_CONTROL, host: true, optional: true, skipSelf: true }, { token: ListConfig }], target: i0.ɵɵFactoryTarget.Component });
-ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ListComponent, selector: "fdp-list", inputs: { selectedItems: "selectedItems", ariaSetsize: "ariaSetsize", ariaMultiselectable: "ariaMultiselectable", loadTitle: "loadTitle", loadingLabel: "loadingLabel", delayTime: "delayTime", itemSize: "itemSize", loadMore: "loadMore", loadOnScroll: "loadOnScroll", role: "role", listType: "listType", maxHeight: "maxHeight", noBorder: "noBorder", scrollOffsetPercentage: "scrollOffsetPercentage", selection: "selection", selectionMode: "selectionMode", value: "value", rowSelection: "rowSelection", dataSource: "dataSource", navigated: "navigated", navigationIndicator: "navigationIndicator", hasByLine: "hasByLine", hasObject: "hasObject", unreadIndicator: "unreadIndicator" }, outputs: { selectedItemChange: "selectedItemChange" }, host: { listeners: { "click": "_updateNavigation($event)" }, properties: { "attr.tabindex": "-1" } }, providers: [
+ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ListComponent, selector: "fdp-list", inputs: { selectedItems: "selectedItems", ariaSetsize: "ariaSetsize", ariaMultiselectable: "ariaMultiselectable", loadTitle: "loadTitle", loadingLabel: "loadingLabel", delayTime: "delayTime", itemSize: "itemSize", loadMore: "loadMore", loadOnScroll: "loadOnScroll", role: "role", listType: "listType", maxHeight: "maxHeight", noBorder: "noBorder", scrollOffsetPercentage: "scrollOffsetPercentage", selection: "selection", selectionMode: "selectionMode", value: "value", rowSelection: "rowSelection", dataSource: "dataSource", navigated: "navigated", navigationIndicator: "navigationIndicator", hasByLine: "hasByLine", hasObject: "hasObject", unreadIndicator: "unreadIndicator", interceptTabKey: "interceptTabKey" }, outputs: { selectedItemChange: "selectedItemChange" }, host: { listeners: { "click": "_updateNavigation($event)" }, properties: { "attr.tabindex": "-1" } }, providers: [
         { provide: FD_FORM_FIELD_CONTROL, useExisting: ListComponent, multi: true },
         { provide: FdpListComponent, useExisting: ListComponent },
         {
@@ -1373,6 +1379,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], unreadIndicator: [{
                 type: Input
+            }], interceptTabKey: [{
+                type: Input
             }], selectedItemChange: [{
                 type: Output
             }], anchor: [{