@fundamental-ngx/cdk 0.44.0 → 0.44.1-rc.1

package/fesm2022/fundamental-ngx-cdk-utils.mjs

@@ -3206,11 +3206,11 @@ class FocusableItemDirective {
         this.cellFocusedEventAnnouncer = this._defaultItemFocusedEventAnnouncer;
         /** Event emitted when the cell receives focus, not being emitted when focus moves between item's children. */
         this.cellFocused = new EventEmitter();
+        /** @hidden */
+        this.keydown = new Subject();
         /** Element reference. */
         this.elementRef = inject(ElementRef);
         /** @hidden */
-        this._keydown$ = new Subject();
-        /** @hidden */
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
         this._zone = inject(NgZone);
@@ -3228,6 +3228,8 @@ class FocusableItemDirective {
         this._liveAnnouncer = inject(LiveAnnouncer);
         /** @hidden */
         this._document = inject(DOCUMENT);
+        /** @hidden */
+        this.element = () => this.elementRef.nativeElement;
         this._focusableObserver
             .observe(this.elementRef, false)
             .pipe(takeUntilDestroyed())
@@ -3254,6 +3256,14 @@ class FocusableItemDirective {
             });
         });
     }
+    /** @hidden */
+    isFocusable() {
+        return this._focusable;
+    }
+    /** @hidden */
+    focus() {
+        this.elementRef.nativeElement.focus();
+    }
     /** Set tabbable state */
     setTabbable(state) {
         this._tabbable = state;
@@ -3310,7 +3320,7 @@ class FocusableItemDirective {
             return;
         }
         if (isFocused) {
-            this._keydown$.next(event);
+            this.keydown.next(event);
         }
     }
     /** @hidden */
@@ -3380,6 +3390,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                 }]
         }] });
 
+/**
+ * Returns true if the item configured to be focusable.
+ * @param item
+ */
+function isItemFocusable(item) {
+    return Boolean(typeof item.isFocusable === 'function' ? item.isFocusable() : item.isFocusable);
+}
+
 const FDK_FOCUSABLE_LIST_DIRECTIVE = new InjectionToken('Focusable list token');
 
 /** Helper function to scroll to focusable list or its item relatively to the container. */
@@ -3412,6 +3430,20 @@ function getScrollParent(node) {
     }
 }
 
+/**
+ * Returns the element of the item.
+ * @param item
+ */
+function getItemElement(item) {
+    if (!item) {
+        return null;
+    }
+    if (typeof item.element === 'function') {
+        return item.element();
+    }
+    return item.element;
+}
+
 class DeprecatedFocusableListDirective extends DeprecatedSelector {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: DeprecatedFocusableListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: DeprecatedFocusableListDirective, isStandalone: true, selector: "[fnFocusableList]", providers: [
@@ -3475,10 +3507,10 @@ class FocusableListDirective {
         /** @hidden */
         this._isVisible = false;
         /** @hidden */
-        this._focusable = false;
-        /** @hidden */
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
+        this._focusable = false;
+        /** @hidden */
         this._tabbable = false;
         /** @hidden */
         this._refreshItems$ = new Subject();
@@ -3565,14 +3597,14 @@ class FocusableListDirective {
     setActiveItem(index, scrollPosition) {
         let availableIndex;
         this._focusableItems.find((item, itemIndex) => {
-            if (itemIndex >= index && item.fdkFocusableItem) {
+            if (itemIndex >= index && isItemFocusable(item)) {
                 availableIndex = itemIndex;
                 return true;
             }
             return false;
         });
         if (availableIndex != null) {
-            scrollIntoView(this._focusableItems.get(availableIndex)?.elementRef.nativeElement, scrollPosition);
+            scrollIntoView(getItemElement(this._focusableItems.get(availableIndex)), scrollPosition);
             this._keyManager?.setActiveItem(availableIndex);
         }
     }
@@ -3628,19 +3660,20 @@ class FocusableListDirective {
             // Vertical is enabled by default, so let's disable it here in consistency purposes
             keyManager = keyManager.withVerticalOrientation(false);
         }
-        keyManager.skipPredicate((item) => !(typeof item.focusable === 'boolean' ? item.focusable : item.focusable()));
+        keyManager.skipPredicate((i) => !isItemFocusable(i));
         this._keyManager = keyManager;
-        const focusListenerDestroyers = items.map((item, index) => this._renderer.listen(getNativeElement(item), 'focus', () => {
+        const focusListenerDestroyers = items.map((item, index) => this._renderer.listen(getItemElement(item), 'focus', () => {
             const directiveItem = this._focusableItems.get(index);
             if (!directiveItem) {
                 return;
             }
             if (this._gridPosition) {
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                 this._gridItemFocused$.next(directiveItem._position);
             }
-            this.itemFocused.next({ index: item.index, total: items.length });
+            this.itemFocused.next({ index, total: items.length });
             this._focusableItems.forEach((i) => i.setTabbable(i === directiveItem));
-            this._keyManager?.setActiveItem(item.index);
+            this._keyManager?.setActiveItem(index);
         }));
         merge(...items.map((item) => item.keydown))
             .pipe(tap((event) => {
@@ -3653,20 +3686,17 @@ class FocusableListDirective {
             .subscribe();
     }
     /** @hidden */
+    _defaultListFocusedEventAnnouncer(position) {
+        return `Row: ${position.rowIndex + 1} of ${position.totalRows}, use F2 button to dive in and focus list's item`;
+    }
+    /** @hidden */
     _listenOnItems() {
         const refresh$ = merge(this._refresh$, destroyObservable(this._destroyRef));
         this._refresh$.next();
         this._focusableItems.changes
             .pipe(startWith(null), map$1(() => this._focusableItems.toArray()), tap((items) => {
-            const focusableItems = items.map((item, index) => ({
-                index,
-                focusable: () => item.fdkFocusableItem,
-                elementRef: item.elementRef,
-                focus: () => item.elementRef.nativeElement.focus(),
-                keydown: item._keydown$
-            }));
             const direction = this.navigationDirection === 'grid' ? 'horizontal' : this.navigationDirection;
-            this._initializeFocusManager(focusableItems, {
+            this._initializeFocusManager(items, {
                 direction,
                 contentDirection: this.contentDirection,
                 wrap: this.wrap
@@ -3674,10 +3704,6 @@ class FocusableListDirective {
         }), takeUntil(refresh$))
             .subscribe();
     }
-    /** @hidden */
-    _defaultListFocusedEventAnnouncer(position) {
-        return `Row: ${position.rowIndex + 1} of ${position.totalRows}, use F2 button to dive in and focus list's item`;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FocusableListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: FocusableListDirective, isStandalone: true, selector: "[fdkFocusableList]", inputs: { focusable: "focusable", navigationDirection: "navigationDirection", contentDirection: "contentDirection", wrap: "wrap", listFocusedEventAnnouncer: "listFocusedEventAnnouncer" }, outputs: { itemFocused: "itemFocused" }, host: { listeners: { "keydown": "_onKeydown($event)", "focus": "_onFocus()" }, properties: { "attr.tabindex": "this._tabindex" } }, providers: [
             {
@@ -3741,16 +3767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
 const FDK_FOCUSABLE_GRID_DIRECTIVE = new InjectionToken('Focusable grid directive token');
 
 class FocusableGridDirective {
-    /** Whether the item in the previous/next row should be selected when going out of the first/last cell in the row. Default is false. */
-    set wrapHorizontally(value) {
-        this._wrapHorizontally = coerceBooleanProperty(value);
-    }
-    get wrapHorizontally() {
-        return this._wrapHorizontally;
-    }
-    /** @hidden */
-    constructor(_destroyRef) {
-        this._destroyRef = _destroyRef;
+    constructor() {
         /** Direction of the content. */
         this.contentDirection = 'ltr';
         /** Specify which item to select in prev/next row if its length smaller than current index. Nullish value means do not select. Default is null. */
@@ -3761,6 +3778,15 @@ class FocusableGridDirective {
         this.rowFocused = new EventEmitter();
         /** @hidden */
         this._wrapHorizontally = false;
+        /** @hidden */
+        this._destroyRef = inject(DestroyRef);
+    }
+    /** Whether the item in the previous/next row should be selected when going out of the first/last cell in the row. Default is false. */
+    set wrapHorizontally(value) {
+        this._wrapHorizontally = coerceBooleanProperty(value);
+    }
+    get wrapHorizontally() {
+        return this._wrapHorizontally;
     }
     /** @hidden */
     ngAfterViewInit() {
@@ -3865,7 +3891,7 @@ class FocusableGridDirective {
         }
         return this.shortRowFocus === 'first' ? 0 : list._focusableItems.length - 1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FocusableGridDirective, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FocusableGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: FocusableGridDirective, isStandalone: true, selector: "[fdkFocusableGrid]", inputs: { contentDirection: "contentDirection", wrapHorizontally: "wrapHorizontally", shortRowFocus: "shortRowFocus" }, outputs: { itemFocused: "itemFocused", rowFocused: "rowFocused" }, providers: [
             {
                 provide: FDK_FOCUSABLE_GRID_DIRECTIVE,
@@ -3886,7 +3912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                         }
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.DestroyRef }]; }, propDecorators: { contentDirection: [{
+        }], propDecorators: { contentDirection: [{
                 type: Input
             }], wrapHorizontally: [{
                 type: Input
@@ -7592,5 +7618,5 @@ class BaseToastDurationDismissibleConfig extends BaseToastConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ANY_LANGUAGE_LETTERS_GROUP_REGEX, ANY_LANGUAGE_LETTERS_REGEX, AbstractFdNgxClass, AsyncOrSyncPipe, AttributeObserver, AutoCompleteDirective, AutoCompleteModule, BaseAnimatedToastConfig, BaseDismissibleToastService, BaseToastActionDismissibleRef, BaseToastConfig, BaseToastContainerComponent, BaseToastDurationDismissibleConfig, BaseToastDurationDismissibleContainerComponent, BaseToastDurationDismissibleRef, BaseToastOverlayContainer, BaseToastPosition, BaseToastRef, BaseToastService, BreakpointDirective, BreakpointModule, ClickedBehaviorModule, ClickedDirective, ContentDensityService, DECIMAL_NUMBER_UNICODE_GROUP_REGEX, DECIMAL_NUMBER_UNICODE_RANGE, DECIMAL_NUMBER_UNICODE_REGEX, DEFAULT_CONTENT_DENSITY, DND_ITEM, DND_LIST, DefaultReadonlyViewModifier, DeprecatedAutoCompleteDirective, DeprecatedClickedDirective, DeprecatedDisabledBehaviorDirective, DeprecatedFocusKeyManagerItemDirective, DeprecatedFocusKeyManagerListDirective, DeprecatedFocusableItemDirective, DeprecatedFocusableListDirective, DeprecatedIgnoreClickOnSelectionDirective, DeprecatedInitialFocusDirective, DeprecatedLineClampDirective, DeprecatedLineClampTargetDirective, DeprecatedOnlyDigitsDirective, DeprecatedOverflowListDirective, DeprecatedOverflowListItemDirective, DeprecatedReadonlyBehaviorDirective, DeprecatedRepeatDirective, DeprecatedResizeDirective, DeprecatedResizeHandleDirective, DeprecatedSelector, DeprecatedTemplateSelectorDirective, DeprecatedTruncateSelectorDirective, DestroyedService, DisabledBehaviorDirective, DisabledBehaviorModule, DisabledObserver, DisplayFnPipe, DndItemDirective, DndKeyboardGroupDirective, DndKeyboardItemDirective, DndListDirective, DragAndDropModule, DynamicComponentContainer, DynamicComponentInjector, DynamicComponentService, DynamicPortalComponent, ELEMENT_REF_EXCEPTION, FDK_DISABLED_DIRECTIVE, FDK_FOCUSABLE_GRID_DIRECTIVE, FDK_FOCUSABLE_ITEM_DIRECTIVE, FDK_FOCUSABLE_LIST_DIRECTIVE, FDK_READONLY_DIRECTIVE, FDK_SELECTABLE_ITEM_PROVIDER, FD_DEPRECATED_DIRECTIVE_SELECTOR, FOCUSABLE_ITEM, FdkClickedProvider, FdkDisabledProvider, FdkReadonlyProvider, FilterStringsPipe, FocusKeyManagerHelpersModule, FocusKeyManagerItemDirective, FocusKeyManagerListDirective, FocusTrapService, FocusableGridDirective, FocusableGridModule, FocusableItemDirective, FocusableItemModule, FocusableListDirective, FocusableListModule, FocusableObserver, FunctionStrategy, INVALID_DATE_ERROR, IgnoreClickOnSelectionDirective, IgnoreClickOnSelectionDirectiveToken, IgnoreClickOnSelectionModule, InitialFocusDirective, InitialFocusModule, IntersectionSpyDirective, IsCompactDensityPipe, KeyUtil, KeyboardSupportService, LETTERS_UNICODE_RANGE, LIST_ITEM_COMPONENT, LineClampDirective, LineClampModule, LineClampTargetDirective, LocalStorageService, MOBILE_CONFIG_ERROR, MakeAsyncPipe, ModuleDeprecations, OVERFLOW_PRIORITY_SCORE, ObservableStrategy, OnlyDigitsDirective, OnlyDigitsModule, OverflowListDirective, OverflowListItemDirective, OverflowListModule, PipeModule, PromiseStrategy, RTL_LANGUAGE, RangeSelector, ReadonlyBehaviorDirective, ReadonlyBehaviorModule, ReadonlyObserver, RepeatDirective, RepeatModule, ResizeDirective, ResizeHandleDirective, ResizeModule, ResizeObserverFactory, ResizeObserverService, ResponsiveBreakpoints, RtlService, SafePipe, SearchHighlightPipe, SelectComponentRootToken, SelectableItemDirective, SelectableItemToken, SelectableListDirective, SelectableListModule, SelectionService, THEME_SWITCHER_ROUTER_MISSING_ERROR, TabbableElementService, TemplateDirective, TemplateModule, ThemesService, ToastBottomCenterPosition, ToastBottomLeftPosition, ToastBottomRightPosition, ToastTopCenterPosition, ToastTopLeftPosition, ToastTopRightPosition, TruncateDirective, TruncateModule, TruncatePipe, TwoDigitsPipe, UtilsModule, ValueByPathPipe, ValueStrategy, ViewportSizeObservable, alternateSetter, applyCssClass, applyCssStyle, baseToastAnimations, coerceArraySafe, coerceBoolean, coerceCssPixel, consumerProviderFactory, deprecatedModelProvider, destroyObservable, getBreakpointName, getDeprecatedModel, getDocumentFontSize, getElementCapacity, getElementWidth, getNativeElement, getRandomColorAccent, hasElementRef, intersectionObservable, isBlank, isBoolean, isCompactDensity, isFunction, isJsObject, isNumber, isObject, isOdd, isPresent, isPromise, isString, isStringMap, isSubscribable, isType, isValidContentDensity, moduleDeprecationsFactory, moduleDeprecationsProvider, parserFileSize, pxToNum, resizeObservable, scrollIntoView, scrollTop, selectStrategy, setDisabledState, setReadonlyState, toNativeElement, toastConnectedBottomLeftPosition, toastConnectedBottomPosition, toastConnectedBottomRightPosition, toastConnectedTopLeftPosition, toastConnectedTopPosition, toastConnectedTopRightPosition, uuidv4, warnOnce };
+export { ANY_LANGUAGE_LETTERS_GROUP_REGEX, ANY_LANGUAGE_LETTERS_REGEX, AbstractFdNgxClass, AsyncOrSyncPipe, AttributeObserver, AutoCompleteDirective, AutoCompleteModule, BaseAnimatedToastConfig, BaseDismissibleToastService, BaseToastActionDismissibleRef, BaseToastConfig, BaseToastContainerComponent, BaseToastDurationDismissibleConfig, BaseToastDurationDismissibleContainerComponent, BaseToastDurationDismissibleRef, BaseToastOverlayContainer, BaseToastPosition, BaseToastRef, BaseToastService, BreakpointDirective, BreakpointModule, ClickedBehaviorModule, ClickedDirective, ContentDensityService, DECIMAL_NUMBER_UNICODE_GROUP_REGEX, DECIMAL_NUMBER_UNICODE_RANGE, DECIMAL_NUMBER_UNICODE_REGEX, DEFAULT_CONTENT_DENSITY, DND_ITEM, DND_LIST, DefaultReadonlyViewModifier, DeprecatedAutoCompleteDirective, DeprecatedClickedDirective, DeprecatedDisabledBehaviorDirective, DeprecatedFocusKeyManagerItemDirective, DeprecatedFocusKeyManagerListDirective, DeprecatedFocusableItemDirective, DeprecatedFocusableListDirective, DeprecatedIgnoreClickOnSelectionDirective, DeprecatedInitialFocusDirective, DeprecatedLineClampDirective, DeprecatedLineClampTargetDirective, DeprecatedOnlyDigitsDirective, DeprecatedOverflowListDirective, DeprecatedOverflowListItemDirective, DeprecatedReadonlyBehaviorDirective, DeprecatedRepeatDirective, DeprecatedResizeDirective, DeprecatedResizeHandleDirective, DeprecatedSelector, DeprecatedTemplateSelectorDirective, DeprecatedTruncateSelectorDirective, DestroyedService, DisabledBehaviorDirective, DisabledBehaviorModule, DisabledObserver, DisplayFnPipe, DndItemDirective, DndKeyboardGroupDirective, DndKeyboardItemDirective, DndListDirective, DragAndDropModule, DynamicComponentContainer, DynamicComponentInjector, DynamicComponentService, DynamicPortalComponent, ELEMENT_REF_EXCEPTION, FDK_DISABLED_DIRECTIVE, FDK_FOCUSABLE_GRID_DIRECTIVE, FDK_FOCUSABLE_ITEM_DIRECTIVE, FDK_FOCUSABLE_LIST_DIRECTIVE, FDK_READONLY_DIRECTIVE, FDK_SELECTABLE_ITEM_PROVIDER, FD_DEPRECATED_DIRECTIVE_SELECTOR, FOCUSABLE_ITEM, FdkClickedProvider, FdkDisabledProvider, FdkReadonlyProvider, FilterStringsPipe, FocusKeyManagerHelpersModule, FocusKeyManagerItemDirective, FocusKeyManagerListDirective, FocusTrapService, FocusableGridDirective, FocusableGridModule, FocusableItemDirective, FocusableItemModule, FocusableListDirective, FocusableListModule, FocusableObserver, FunctionStrategy, INVALID_DATE_ERROR, IgnoreClickOnSelectionDirective, IgnoreClickOnSelectionDirectiveToken, IgnoreClickOnSelectionModule, InitialFocusDirective, InitialFocusModule, IntersectionSpyDirective, IsCompactDensityPipe, KeyUtil, KeyboardSupportService, LETTERS_UNICODE_RANGE, LIST_ITEM_COMPONENT, LineClampDirective, LineClampModule, LineClampTargetDirective, LocalStorageService, MOBILE_CONFIG_ERROR, MakeAsyncPipe, ModuleDeprecations, OVERFLOW_PRIORITY_SCORE, ObservableStrategy, OnlyDigitsDirective, OnlyDigitsModule, OverflowListDirective, OverflowListItemDirective, OverflowListModule, PipeModule, PromiseStrategy, RTL_LANGUAGE, RangeSelector, ReadonlyBehaviorDirective, ReadonlyBehaviorModule, ReadonlyObserver, RepeatDirective, RepeatModule, ResizeDirective, ResizeHandleDirective, ResizeModule, ResizeObserverFactory, ResizeObserverService, ResponsiveBreakpoints, RtlService, SafePipe, SearchHighlightPipe, SelectComponentRootToken, SelectableItemDirective, SelectableItemToken, SelectableListDirective, SelectableListModule, SelectionService, THEME_SWITCHER_ROUTER_MISSING_ERROR, TabbableElementService, TemplateDirective, TemplateModule, ThemesService, ToastBottomCenterPosition, ToastBottomLeftPosition, ToastBottomRightPosition, ToastTopCenterPosition, ToastTopLeftPosition, ToastTopRightPosition, TruncateDirective, TruncateModule, TruncatePipe, TwoDigitsPipe, UtilsModule, ValueByPathPipe, ValueStrategy, ViewportSizeObservable, alternateSetter, applyCssClass, applyCssStyle, baseToastAnimations, coerceArraySafe, coerceBoolean, coerceCssPixel, consumerProviderFactory, deprecatedModelProvider, destroyObservable, getBreakpointName, getDeprecatedModel, getDocumentFontSize, getElementCapacity, getElementWidth, getNativeElement, getRandomColorAccent, hasElementRef, intersectionObservable, isBlank, isBoolean, isCompactDensity, isFunction, isItemFocusable, isJsObject, isNumber, isObject, isOdd, isPresent, isPromise, isString, isStringMap, isSubscribable, isType, isValidContentDensity, moduleDeprecationsFactory, moduleDeprecationsProvider, parserFileSize, pxToNum, resizeObservable, scrollIntoView, scrollTop, selectStrategy, setDisabledState, setReadonlyState, toNativeElement, toastConnectedBottomLeftPosition, toastConnectedBottomPosition, toastConnectedBottomRightPosition, toastConnectedTopLeftPosition, toastConnectedTopPosition, toastConnectedTopRightPosition, uuidv4, warnOnce };
 //# sourceMappingURL=fundamental-ngx-cdk-utils.mjs.map