@fundamental-ngx/cdk 0.42.0-rc.2 → 0.42.0-rc.21

package/forms/cva/cva.directive.d.ts

@@ -35,8 +35,6 @@ export declare class CvaDirective<T = any> implements BaseCVA, FormFieldControl,
     private _disabled;
     /** @hidden */
     private _editable;
-    /** @hidden */
-    private _destroyed;
     /** ID for the Element */
     id: string;
     /** Input placeholder */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/cdk",
-  "version": "0.42.0-rc.2",
+  "version": "0.42.0-rc.21",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - CDK",
   "license": "Apache-2.0",
@@ -23,11 +23,11 @@
     "rxjs": "^7.8.0"
   },
   "dependencies": {
-    "@sap-theming/theming-base-content": "^11.3.0",
+    "@sap-theming/theming-base-content": "^11.4.0",
     "focus-trap": "^7.1.0",
     "fundamental-styles": "0.28.3",
     "@fundamental-styles/cx": "0.28.3",
-    "@fundamental-ngx/i18n": "0.42.0-rc.2",
+    "@fundamental-ngx/i18n": "0.42.0-rc.21",
     "fast-deep-equal": "3.1.3",
     "lodash-es": "^4.17.0",
     "tslib": "^2.0.0",

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

@@ -1,10 +1,8 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { DestroyedService, TabbableElementService } from '../../services';
+import { DestroyedService } from '../../services';
 import { HasElementRef } from '../../interfaces';
 import { DeprecatedSelector } from '../../deprecated-selector.class';
-import { LiveAnnouncer } from '@angular/cdk/a11y';
-import { FocusableObserver } from './focusable.observer';
 import { Subject } from 'rxjs';
 import { Nullable } from '../../models/nullable';
 import * as i0 from "@angular/core";
@@ -20,11 +18,6 @@ export declare class DeprecatedFocusableItemDirective extends DeprecatedSelector
     static ɵdir: i0.ɵɵDirectiveDeclaration<DeprecatedFocusableItemDirective, "[fnFocusableItem]", never, {}, {}, never, never, true, never>;
 }
 export declare class FocusableItemDirective implements HasElementRef {
-    private _elementRef;
-    private _focusableObserver;
-    private _destroy$;
-    private _tabbableElementService;
-    private _liveAnnouncer;
     /** Whether the item is focusable. Default is true. */
     set fdkFocusableItem(val: BooleanInput);
     get fdkFocusableItem(): boolean;
@@ -46,18 +39,30 @@ export declare class FocusableItemDirective implements HasElementRef {
     private _timerId;
     /** @hidden */
     get _tabindex(): number;
-    /** @hidden */
-    constructor(_elementRef: ElementRef<HTMLElement>, _focusableObserver: FocusableObserver, _destroy$: DestroyedService, _tabbableElementService: TabbableElementService, _liveAnnouncer: LiveAnnouncer);
     /** Element reference. */
-    elementRef(): ElementRef<HTMLElement>;
+    readonly elementRef: ElementRef<HTMLElement>;
+    /** @hidden */
+    private readonly _focusableObserver;
+    /** @hidden */
+    protected readonly _destroy$: DestroyedService;
+    /** @hidden */
+    private readonly _tabbableElementService;
+    /** @hidden */
+    private readonly _liveAnnouncer;
+    /** @hidden */
+    protected readonly _zone: NgZone;
+    /** @hidden */
+    private readonly _document;
+    /** @hidden */
+    constructor();
     /** Set tabbable state */
     setTabbable(state: boolean): void;
     /** @hidden */
-    _onFocusin(): Promise<void>;
+    private _onFocusin;
     /** @hidden */
-    _onFocusout(): void;
+    private _onFocusout;
     /** @hidden */
-    _onKeydown(event: KeyboardEvent): void;
+    private _onKeydown;
     /** @hidden */
     private _enableTabbableElements;
     /** @hidden */

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

@@ -1,11 +1,10 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, Renderer2, SimpleChanges } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
 import { FocusableItemDirective, FocusableItemPosition } from '../focusable-item/focusable-item.directive';
 import { DestroyedService } from '../../services/destroyed.service';
 import { DeprecatedSelector } from '../../deprecated-selector.class';
-import { FocusableObserver } from '../focusable-item';
 import { Subject } from 'rxjs';
 import { Nullable } from '../../models/nullable';
-import { FocusableOption, LiveAnnouncer } from '@angular/cdk/a11y';
+import { FocusableOption } from '@angular/cdk/a11y';
 import { HasElementRef } from '../../interfaces';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ScrollPosition } from './scroll';
@@ -33,16 +32,11 @@ export declare class DeprecatedFocusableListDirective extends DeprecatedSelector
     static ɵdir: i0.ɵɵDirectiveDeclaration<DeprecatedFocusableListDirective, "[fnFocusableList]", never, {}, {}, never, never, true, never>;
 }
 export declare class FocusableListDirective implements OnChanges, AfterViewInit, OnDestroy {
-    private _renderer;
-    private _destroy$;
-    private _elementRef;
-    private _liveAnnouncer;
-    private _focusableObserver;
     /** Whether the whole list should be focusable, handy in grids. */
     set focusable(value: BooleanInput);
     get focusable(): boolean;
     /** @hidden */
-    private _focusable;
+    protected _focusable: boolean;
     /** Direction of navigation. Should be set to 'grid' when list is a part of grid. */
     navigationDirection: 'horizontal' | 'vertical' | 'grid';
     /** Direction of the content. */
@@ -56,7 +50,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 _focusableItems: QueryList<FocusableItemDirective>;
+    readonly _projectedFocusableItems: QueryList<FocusableItemDirective>;
+    /** @hidden */
+    get _focusableItems(): QueryList<FocusableItemDirective>;
+    /** @hidden */
+    _items: QueryList<FocusableItemDirective> | undefined;
     /** @hidden */
     readonly _gridItemFocused$: Subject<FocusableItemPosition>;
     /** @hidden */
@@ -72,15 +70,33 @@ export declare class FocusableListDirective implements OnChanges, AfterViewInit,
     /** @hidden */
     private readonly _refreshItems$;
     /** @hidden */
+    private readonly _refresh$;
+    /** @hidden */
+    private readonly _renderer;
+    /** @hidden */
+    protected readonly _destroy$: DestroyedService;
+    /** @hidden */
+    private readonly _elementRef;
+    /** @hidden */
+    private readonly _liveAnnouncer;
+    /** @hidden */
+    private readonly _focusableObserver;
+    /** @hidden */
+    private readonly _document;
+    /** @hidden */
     get _tabindex(): number;
     /** @hidden */
     _isVisible: boolean;
     /** @hidden */
-    constructor(_renderer: Renderer2, _destroy$: DestroyedService, _elementRef: ElementRef<HTMLElement>, _liveAnnouncer: LiveAnnouncer, _focusableObserver: FocusableObserver);
+    constructor();
     /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     /** @hidden */
     ngAfterViewInit(): void;
+    /** Set items programmatically. */
+    setItems(items: QueryList<FocusableItemDirective>): void;
+    /** @hidden */
+    private _listenOnItems;
     /** @hidden */
     ngOnDestroy(): void;
     /** @hidden */
@@ -104,5 +120,5 @@ export declare class FocusableListDirective implements OnChanges, AfterViewInit,
     /** @hidden */
     private _defaultListFocusedEventAnnouncer;
     static ɵfac: i0.ɵɵFactoryDeclaration<FocusableListDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableListDirective, "[fdkFocusableList]", ["fdkFocusableList"], { "focusable": "focusable"; "navigationDirection": "navigationDirection"; "contentDirection": "contentDirection"; "wrap": "wrap"; "listFocusedEventAnnouncer": "listFocusedEventAnnouncer"; }, { "itemFocused": "itemFocused"; }, ["_focusableItems"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableListDirective, "[fdkFocusableList]", ["fdkFocusableList"], { "focusable": "focusable"; "navigationDirection": "navigationDirection"; "contentDirection": "contentDirection"; "wrap": "wrap"; "listFocusedEventAnnouncer": "listFocusedEventAnnouncer"; }, { "itemFocused": "itemFocused"; }, ["_projectedFocusableItems"], never, true, never>;
 }

package/utils/directives/selectable-list/selectable-item.directive.d.ts

@@ -12,7 +12,7 @@ export declare class SelectableItemDirective<ElementType extends Element = HTMLE
     private disabled$;
     private readonly$;
     private selectionService;
-    private _elementRef;
+    readonly elementRef: ElementRef<ElementType>;
     private _cd;
     /** @hidden */
     set value(val: ValueType);
@@ -31,14 +31,12 @@ export declare class SelectableItemDirective<ElementType extends Element = HTMLE
     /** @hidden */
     private _selectable;
     /** @hidden */
-    constructor(provider: Partial<SelectableItemToken<ElementType, ValueType>>, disabled$: FdkDisabledProvider, readonly$: FdkReadonlyProvider, selectionService: SelectionService<ElementType, ValueType>, _elementRef: ElementRef<ElementType>, _cd: ChangeDetectorRef, _clicked: FdkClickedProvider);
+    constructor(provider: Partial<SelectableItemToken<ElementType, ValueType>>, disabled$: FdkDisabledProvider, readonly$: FdkReadonlyProvider, selectionService: SelectionService<ElementType, ValueType>, elementRef: ElementRef<ElementType>, _cd: ChangeDetectorRef, _clicked: FdkClickedProvider);
     /** @hidden */
     getSelected(): boolean;
     /** @hidden */
     setSelected(isSelected: boolean): void;
     /** @hidden */
-    elementRef(): ElementRef<ElementType>;
-    /** @hidden */
     private _listenToDisablingEvents;
     /** @hidden */
     private _updateSelectionAndSelectableWatcher;

package/utils/directives/selectable-list/selectable-item.token.d.ts

@@ -4,7 +4,7 @@ import { HasElementRef } from '../../interfaces/has-element-ref.interface';
 export declare abstract class SelectableItemToken<ElementType extends Element = HTMLElement, TValue = ElementType> implements HasElementRef<ElementType> {
     abstract value: TValue;
     abstract fdkSelectableItem?: boolean;
-    abstract elementRef(): ElementRef<ElementType>;
+    abstract readonly elementRef: ElementRef<ElementType>;
     abstract setSelected(isSelected: boolean): void;
     abstract getSelected(): boolean;
     abstract clicked: Observable<MouseEvent | KeyboardEvent>;

package/utils/drag-and-drop/dnd-list/dnd-list.directive.d.ts

@@ -56,6 +56,8 @@ export declare class DndListDirective<T> implements AfterContentInit, OnDestroy
     readonly itemsChange: EventEmitter<T[]>;
     /** Event that is thrown when the item is dropped */
     readonly itemDropped: EventEmitter<FdDropEvent<T>>;
+    /** Event that is thrown when predicate function returned false. */
+    readonly dropCancelled: EventEmitter<void>;
     /** @hidden */
     dndItems: QueryList<DndItem<T>>;
     /** @hidden */
@@ -116,5 +118,5 @@ export declare class DndListDirective<T> implements AfterContentInit, OnDestroy
     /** @hidden */
     private _changeDraggableState;
     static ɵfac: i0.ɵɵFactoryDeclaration<DndListDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DndListDirective<any>, "[fdkDndList], [fd-dnd-list]", never, { "gridMode": "gridMode"; "dropMode": "dropMode"; "threshold": "threshold"; "replaceMode": "replaceMode"; "items": "items"; "draggable": "draggable"; "dropPredicate": "dropPredicate"; "dragoverPredicate": "dragoverPredicate"; }, { "dropPredicateCalculating": "dropPredicateCalculating"; "itemsChange": "itemsChange"; "itemDropped": "itemDropped"; }, ["dndItems"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DndListDirective<any>, "[fdkDndList], [fd-dnd-list]", never, { "gridMode": "gridMode"; "dropMode": "dropMode"; "threshold": "threshold"; "replaceMode": "replaceMode"; "items": "items"; "draggable": "draggable"; "dropPredicate": "dropPredicate"; "dragoverPredicate": "dragoverPredicate"; }, { "dropPredicateCalculating": "dropPredicateCalculating"; "itemsChange": "itemsChange"; "itemDropped": "itemDropped"; "dropCancelled": "dropCancelled"; }, ["dndItems"], never, false, never>;
 }

package/utils/dynamic-component/dynamic-component-container.d.ts

@@ -3,7 +3,7 @@ import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, Injector,
 import { BehaviorSubject } from 'rxjs';
 import { Nullable } from '../models/nullable';
 export declare abstract class DynamicComponentContainer<T = TemplateRef<any> | Type<any>> {
-    protected _elementRef: ElementRef;
+    elementRef: ElementRef;
     protected _injector: Injector;
     protected _cdr: ChangeDetectorRef;
     /** @hidden */
@@ -15,7 +15,7 @@ export declare abstract class DynamicComponentContainer<T = TemplateRef<any> | T
     /** @hidden */
     protected _contentLoaded$: BehaviorSubject<boolean>;
     /** @hidden */
-    protected constructor(_elementRef: ElementRef, _injector: Injector, _cdr: ChangeDetectorRef);
+    protected constructor(elementRef: ElementRef, _injector: Injector, _cdr: ChangeDetectorRef);
     /** @hidden Load received content */
     protected abstract _loadContent(): void;
     /** @hidden Load received content as component */

package/utils/helpers/get-native-element.d.ts

@@ -3,11 +3,11 @@ import { ElementRef } from '@angular/core';
  * Retrieves native element from ElementRef.
  */
 export declare function getNativeElement<T extends Element = HTMLElement>(element: {
-    elementRef(): ElementRef<T>;
+    elementRef: ElementRef<T>;
 } | T | ElementRef<T>): T;
 /**
  * Checks whether object has element reference in it.
  */
-export declare function isHasElementRef<T extends Element = HTMLElement>(something: any): something is {
-    elementRef(): ElementRef<T>;
+export declare function hasElementRef<T extends Element = HTMLElement>(something: any): something is {
+    elementRef: ElementRef<T>;
 };

package/utils/interfaces/has-element-ref.interface.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef } from '@angular/core';
 export interface HasElementRef<ElementType extends Element = HTMLElement> {
-    elementRef(): ElementRef<ElementType>;
+    readonly elementRef: ElementRef<ElementType>;
 }
 export declare const ELEMENT_REF_EXCEPTION = "HasElementRef interface has to be implemented";