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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/cdk",
-  "version": "0.44.0",
+  "version": "0.44.1-rc.0",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - CDK",
   "license": "Apache-2.0",
@@ -23,7 +23,7 @@
     "rxjs": "^7.8.0"
   },
   "dependencies": {
-    "@fundamental-ngx/i18n": "0.44.0",
+    "@fundamental-ngx/i18n": "0.44.1-rc.0",
     "@fundamental-styles/cx": "0.28.3",
     "@sap-theming/theming-base-content": "^11.6.0",
     "compare-versions": "^6.0.0",

package/utils/directives/focusable-grid/focusable-grid.directive.d.ts

@@ -1,15 +1,14 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterViewInit, DestroyRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, EventEmitter } from '@angular/core';
 import { Nullable } from '../../models/nullable';
-import { FocusableItemPosition } from '../focusable-item';
-import { FocusableListDirective, FocusableListPosition } from '../focusable-list';
+import { FocusableItemPosition, FocusableListPosition } from '../focusable-item';
+import { FocusableListDirective } from '../focusable-list';
 import * as i0 from "@angular/core";
 export interface FocusableCellPosition {
     rowIndex: number;
     colIndex: number;
 }
 export declare class FocusableGridDirective implements AfterViewInit {
-    private readonly _destroyRef;
     /** Direction of the content. */
     contentDirection: 'ltr' | 'rtl' | null;
     /** 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. */
@@ -22,11 +21,11 @@ export declare class FocusableGridDirective implements AfterViewInit {
     /** Event emitted when whole row focused, contains row's position info. */
     readonly rowFocused: EventEmitter<FocusableListPosition>;
     /** @hidden */
-    private _wrapHorizontally;
-    /** @hidden */
     private readonly _focusableLists;
     /** @hidden */
-    constructor(_destroyRef: DestroyRef);
+    private _wrapHorizontally;
+    /** @hidden */
+    private readonly _destroyRef;
     /** @hidden */
     ngAfterViewInit(): void;
     /**

package/utils/directives/focusable-item/focusable-item.directive.d.ts

@@ -1,9 +1,9 @@
 import { DestroyRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { HasElementRef } from '../../interfaces';
 import { DeprecatedSelector } from '../../deprecated-selector.class';
 import { Subject } from 'rxjs';
 import { Nullable } from '../../models/nullable';
+import { FocusableItem } from './focusable.item';
 import * as i0 from "@angular/core";
 export type CellFocusedEventAnnouncer = Nullable<(position: FocusableItemPosition) => string>;
 export interface FocusableItemPosition {
@@ -16,7 +16,7 @@ export declare class DeprecatedFocusableItemDirective extends DeprecatedSelector
     static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedFocusableItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DeprecatedFocusableItemDirective, "[fnFocusableItem]", never, {}, {}, never, never, true, never, false>;
 }
-export declare class FocusableItemDirective implements HasElementRef {
+export declare class FocusableItemDirective implements FocusableItem {
     /** Whether the item is focusable. Default is true. */
     set fdkFocusableItem(val: BooleanInput);
     get fdkFocusableItem(): boolean;
@@ -24,13 +24,15 @@ export declare class FocusableItemDirective implements HasElementRef {
     cellFocusedEventAnnouncer: CellFocusedEventAnnouncer;
     /** Event emitted when the cell receives focus, not being emitted when focus moves between item's children. */
     readonly cellFocused: EventEmitter<FocusableItemPosition>;
-    /** Element reference. */
-    readonly elementRef: ElementRef<HTMLElement>;
     /** @hidden */
-    readonly _keydown$: Subject<KeyboardEvent>;
+    readonly keydown: Subject<KeyboardEvent>;
     /** @hidden */
     _position: FocusableItemPosition;
     /** @hidden */
+    get _tabindex(): number;
+    /** Element reference. */
+    readonly elementRef: ElementRef<HTMLElement>;
+    /** @hidden */
     protected readonly _destroyRef: DestroyRef;
     /** @hidden */
     protected readonly _zone: NgZone;
@@ -43,8 +45,6 @@ export declare class FocusableItemDirective implements HasElementRef {
     /** @hidden */
     private _timerId;
     /** @hidden */
-    get _tabindex(): number;
-    /** @hidden */
     private readonly _focusableObserver;
     /** @hidden */
     private readonly _tabbableElementService;
@@ -54,6 +54,12 @@ export declare class FocusableItemDirective implements HasElementRef {
     private readonly _document;
     /** @hidden */
     constructor();
+    /** @hidden */
+    element: () => HTMLElement;
+    /** @hidden */
+    isFocusable(): boolean;
+    /** @hidden */
+    focus(): void;
     /** Set tabbable state */
     setTabbable(state: boolean): void;
     /** @hidden */

package/utils/directives/focusable-item/focusable-list.position.d.ts

@@ -0,0 +1,4 @@
+export interface FocusableListPosition {
+    rowIndex: number;
+    totalRows: number;
+}

package/utils/directives/focusable-item/focusable.item.d.ts

@@ -0,0 +1,10 @@
+import { FocusableOption } from '@angular/cdk/a11y';
+import { Observable } from 'rxjs';
+import { FocusableItemPosition } from './focusable-item.directive';
+export interface FocusableItem extends FocusableOption {
+    _position?: FocusableItemPosition;
+    isFocusable: (() => boolean) | boolean;
+    keydown: Observable<KeyboardEvent>;
+    setTabbable: (tabbable: boolean) => void;
+    element: (() => HTMLElement) | HTMLElement;
+}

package/utils/directives/focusable-item/get-item-element.d.ts

@@ -0,0 +1,6 @@
+import { FocusableItem } from './focusable.item';
+/**
+ * Returns the element of the item.
+ * @param item
+ */
+export declare function getItemElement(item?: FocusableItem): HTMLElement | null;

package/utils/directives/focusable-item/index.d.ts

@@ -2,3 +2,6 @@ export * from './focusable-item.module';
 export * from './focusable-item.directive';
 export * from './focusable-item.tokens';
 export * from './focusable.observer';
+export * from './focusable.item';
+export * from './is-item-focusable';
+export * from './focusable-list.position';

package/utils/directives/focusable-item/is-item-focusable.d.ts

@@ -0,0 +1,6 @@
+import { FocusableItem } from './focusable.item';
+/**
+ * Returns true if the item configured to be focusable.
+ * @param item
+ */
+export declare function isItemFocusable(item: FocusableItem): boolean;

package/utils/directives/focusable-list/focusable-list.directive.d.ts

@@ -1,17 +1,12 @@
 import { AfterViewInit, DestroyRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
-import { FocusableItemDirective, FocusableItemPosition } from '../focusable-item/focusable-item.directive';
+import { FocusableItemPosition } from '../focusable-item/focusable-item.directive';
 import { DeprecatedSelector } from '../../deprecated-selector.class';
+import { FocusableItem, FocusableListPosition } from '../focusable-item';
 import { Subject } from 'rxjs';
 import { Nullable } from '../../models/nullable';
-import { FocusableOption } from '@angular/cdk/a11y';
-import { HasElementRef } from '../../interfaces';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ScrollPosition } from './scroll';
 import * as i0 from "@angular/core";
-export interface FocusableListPosition {
-    rowIndex: number;
-    totalRows: number;
-}
 export interface FocusableListItemFocusedEvent {
     index: number;
     total: number;
@@ -21,11 +16,6 @@ export interface FocusableListKeydownEvent {
     event: KeyboardEvent;
     activeItemIndex: Nullable<number>;
 }
-export type FocusableItem = FocusableOption & HasElementRef & {
-    index: number;
-    focusable: (() => boolean) | boolean;
-    keydown: Subject<KeyboardEvent>;
-};
 export declare class DeprecatedFocusableListDirective extends DeprecatedSelector {
     static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedFocusableListDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DeprecatedFocusableListDirective, "[fnFocusableList]", never, {}, {}, never, never, true, never, false>;
@@ -47,11 +37,11 @@ export declare class FocusableListDirective implements OnChanges, AfterViewInit,
     /** Event emitted when list's item focused, contains item's position info. */
     readonly itemFocused: EventEmitter<FocusableListItemFocusedEvent>;
     /** @hidden */
-    readonly _projectedFocusableItems: QueryList<FocusableItemDirective>;
+    readonly _projectedFocusableItems: QueryList<FocusableItem>;
     /** @hidden */
-    get _focusableItems(): QueryList<FocusableItemDirective>;
+    get _focusableItems(): QueryList<FocusableItem>;
     /** @hidden */
-    _items: QueryList<FocusableItemDirective> | undefined;
+    _items: QueryList<FocusableItem> | undefined;
     /** @hidden */
     readonly _gridItemFocused$: Subject<FocusableItemPosition>;
     /** @hidden */
@@ -61,10 +51,10 @@ export declare class FocusableListDirective implements OnChanges, AfterViewInit,
     /** @hidden */
     _isVisible: boolean;
     /** @hidden */
-    protected _focusable: boolean;
-    /** @hidden */
     protected readonly _destroyRef: DestroyRef;
     /** @hidden */
+    protected _focusable: boolean;
+    /** @hidden */
     private _gridPosition;
     /** @hidden */
     private _keyManager?;
@@ -97,7 +87,7 @@ export declare class FocusableListDirective implements OnChanges, AfterViewInit,
     /** @hidden */
     ngAfterViewInit(): void;
     /** Set items programmatically. */
-    setItems(items: QueryList<FocusableItemDirective>): void;
+    setItems(items: QueryList<FocusableItem>): void;
     /** @hidden */
     ngOnDestroy(): void;
     /** Set active item in list */
@@ -115,9 +105,9 @@ export declare class FocusableListDirective implements OnChanges, AfterViewInit,
     /** @hidden */
     private _initializeFocusManager;
     /** @hidden */
-    private _listenOnItems;
-    /** @hidden */
     private _defaultListFocusedEventAnnouncer;
+    /** @hidden */
+    private _listenOnItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<FocusableListDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableListDirective, "[fdkFocusableList]", ["fdkFocusableList"], { "focusable": { "alias": "focusable"; "required": false; }; "navigationDirection": { "alias": "navigationDirection"; "required": false; }; "contentDirection": { "alias": "contentDirection"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "listFocusedEventAnnouncer": { "alias": "listFocusedEventAnnouncer"; "required": false; }; }, { "itemFocused": "itemFocused"; }, ["_projectedFocusableItems"], never, true, never, false>;
 }