@fundamental-ngx/core 0.39.2 → 0.40.0-rc.0

package/schematics/add-dependencies/index.js

@@ -44,31 +44,31 @@ function addExternalLibraries(options) {
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@sap-theming/theming-base-content') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@sap-theming/theming-base-content', '^11.1.0', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@sap-theming/theming-base-content', '^11.2.0', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `^11.1.0`,
+                version: `^11.2.0`,
                 name: '@sap-theming/theming-base-content',
                 overwrite: true
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/i18n') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.39.2', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.40.0-rc.0', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.39.2`,
+                version: `0.40.0-rc.0`,
                 name: '@fundamental-ngx/i18n',
                 overwrite: true
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/cdk') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.39.2', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.40.0-rc.0', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.39.2`,
+                version: `0.40.0-rc.0`,
                 name: '@fundamental-ngx/cdk',
                 overwrite: true
             });

package/segmented-button/segmented-button.component.d.ts

@@ -3,7 +3,6 @@ import { ButtonComponent } from '@fundamental-ngx/core/button';
 import { DestroyedService } from '@fundamental-ngx/cdk/utils';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare const isSelectedClass = "fd-button--toggled";
 export declare const isDisabledClass = "is-disabled";
 export type SegmentedButtonValue = string | (string | null)[] | null;
 /**

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

@@ -1,6 +1,7 @@
-import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
+import { ListTitleDirective } from '@fundamental-ngx/core/list';
 import { OptionsInterface } from '../options.interface';
 import * as i0 from "@angular/core";
 /**
@@ -41,6 +42,10 @@ export declare class OptionComponent implements AfterViewChecked, OnDestroy, Foc
     readonly selectionChange: EventEmitter<FdOptionSelectionChange>;
     /** @hidden */
     selected: boolean;
+    /** @Hidden */
+    _listTitleDirectives: QueryList<ListTitleDirective> | undefined;
+    /** @hidden */
+    _renderer: 'plain' | 'title';
     /**
      * The displayed value of the option. It shows the selected option in the select's trigger.
      */
@@ -55,6 +60,8 @@ export declare class OptionComponent implements AfterViewChecked, OnDestroy, Foc
     private _active;
     /** @hidden */
     constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
+    /** @Hidden */
+    ngAfterViewInit(): void;
     /**
      * @hidden
      * Since select components could be using the option's label to display the selected values
@@ -103,5 +110,5 @@ export declare class OptionComponent implements AfterViewChecked, OnDestroy, Foc
     /** @hidden */
     _selectViaInteraction(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "[fd-option], fd-option", never, { "id": "id"; "value": "value"; "disabled": "disabled"; }, { "selectionChange": "selectionChange"; }, never, ["*", "[secondary]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "[fd-option], fd-option", never, { "id": "id"; "value": "value"; "disabled": "disabled"; }, { "selectionChange": "selectionChange"; }, ["_listTitleDirectives"], ["*", "[secondary]"], false, never>;
 }

package/select/select.component.d.ts

@@ -70,7 +70,7 @@ export declare class SelectComponent<T = any> implements ControlValueAccessor, S
      */
     fillControlMode: PopoverFillMode;
     /** Custom template used to build control body. */
-    controlTemplate: TemplateRef<any>;
+    controlTemplate: TemplateRef<any> | undefined;
     /** The element to which the popover should be appended. */
     appendTo: ElementRef;
     /**

package/splitter/splitter-pane-container/splitter-pane-container.component.d.ts

@@ -15,6 +15,10 @@ export declare class SplitterPaneContainerComponent implements AfterContentInit,
     private readonly _parentSplitterPaneContainer;
     /** Pane type - vertical (default) or horizontal. */
     orientation: SplitterPaneContainerOrientationType;
+    /**
+     * Style of the resizer.
+     */
+    resizerType: 'default' | 'transparent' | 'translucent';
     /** Event emitted after container's panes has resized. */
     readonly resize: EventEmitter<SplitterPaneResizeEvent[]>;
     /** @hidden */
@@ -84,7 +88,7 @@ export declare class SplitterPaneContainerComponent implements AfterContentInit,
     /** @hidden */
     private _getPaneElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitterPaneContainerComponent, [null, null, null, null, { optional: true; }, { optional: true; skipSelf: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterPaneContainerComponent, "fd-splitter-pane-container", never, { "orientation": "orientation"; }, { "resize": "resize"; }, ["_panes", "_directPanes"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterPaneContainerComponent, "fd-splitter-pane-container", never, { "orientation": "orientation"; "resizerType": "resizerType"; }, { "resize": "resize"; }, ["_panes", "_directPanes"], never, false, never>;
 }
 export declare class NoDefaultPanePipe implements PipeTransform {
     private readonly _splitterPaneContainer;

package/theming/theming.service.d.ts

@@ -1,18 +1,22 @@
 import { OnDestroy, RendererFactory2 } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Observable } from 'rxjs';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { BaseThemingConfig } from './config';
 import { ThemingConfig } from './interfaces/theming-config.interface';
-import { CompleteThemeDefinition } from './interfaces/theme.interface';
+import { CompleteThemeDefinition, ThemeDefinition } from './interfaces/theme.interface';
 import * as i0 from "@angular/core";
 export declare class ThemingService implements OnDestroy {
     private _rendererFactory;
     private _document;
     private _activatedRoute;
     private readonly _providedConfig;
-    /** @hidden */
-    private readonly config;
     /**
-     * Current theme applied to the application.
+     * Theming configuration.
+     */
+    readonly config: BaseThemingConfig;
+    /**
+     * Observable of the current theme, applied to the application.
      */
     get currentTheme(): Observable<CompleteThemeDefinition | null>;
     /** @hidden */
@@ -24,8 +28,6 @@ export declare class ThemingService implements OnDestroy {
     /** @hidden **/
     private readonly _onDestroy$;
     /** @hidden */
-    private _currentTheme;
-    /** @hidden */
     private readonly _currentThemeSubject;
     /**
      * @hidden
@@ -46,6 +48,10 @@ export declare class ThemingService implements OnDestroy {
      * Returns array of available themes.
      */
     getThemes(): CompleteThemeDefinition[];
+    /**
+     * Returns current theme definition.
+     */
+    getCurrentTheme(): Nullable<ThemeDefinition>;
     /**
      * @hidden
      * @param type

package/timeline/timeline.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, IterableDiffers, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, TrackByFunction } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, IterableDiffers, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, TrackByFunction } from '@angular/core';
 import { ViewportRuler } from '@angular/cdk/overlay';
 import { TimelinePositionControlService } from './services/timeline-position-control.service';
 import { TimelineAxis, TimelineSidePosition } from './types';
@@ -8,6 +8,7 @@ export declare class TimelineComponent<T> implements OnInit, OnDestroy, OnChange
     private _cd;
     private _timelinePositionControlService;
     private _viewportRuler;
+    private _elementRef;
     private _ngZone;
     /**
      * Data array to render
@@ -49,7 +50,7 @@ export declare class TimelineComponent<T> implements OnInit, OnDestroy, OnChange
     /** @hidden */
     private readonly _onDestroy;
     /** @hidden */
-    constructor(_differs: IterableDiffers, _cd: ChangeDetectorRef, _timelinePositionControlService: TimelinePositionControlService, _viewportRuler: ViewportRuler, _ngZone: NgZone);
+    constructor(_differs: IterableDiffers, _cd: ChangeDetectorRef, _timelinePositionControlService: TimelinePositionControlService, _viewportRuler: ViewportRuler, _elementRef: ElementRef<HTMLElement>, _ngZone: NgZone);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */

package/token/token.component.d.ts

@@ -44,9 +44,15 @@ export declare class TokenComponent implements AfterViewInit, OnDestroy {
     onTokenClick: EventEmitter<MouseEvent>;
     /** Emitted when a there's a keydown registered on the token. */
     onTokenKeydown: EventEmitter<KeyboardEvent>;
+    /**
+     * Emitted when token element received or lost focus.
+     */
+    elementFocused: EventEmitter<boolean>;
     /** @hidden */
     totalCount: number;
     /** @hidden */
+    private readonly _destroy$;
+    /** @hidden */
     constructor(elementRef: ElementRef, _cdRef: ChangeDetectorRef, _contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     ngAfterViewInit(): void;
@@ -61,5 +67,5 @@ export declare class TokenComponent implements AfterViewInit, OnDestroy {
     /** @hidden */
     _setTotalCount(count: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TokenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TokenComponent, "fd-token", never, { "disabled": "disabled"; "selected": "selected"; "readOnly": "readOnly"; "deleteButtonLabel": "deleteButtonLabel"; "ariaRoleDescription": "ariaRoleDescription"; }, { "onCloseClick": "onCloseClick"; "onRemove": "onRemove"; "onTokenClick": "onTokenClick"; "onTokenKeydown": "onTokenKeydown"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TokenComponent, "fd-token", never, { "disabled": "disabled"; "selected": "selected"; "readOnly": "readOnly"; "deleteButtonLabel": "deleteButtonLabel"; "ariaRoleDescription": "ariaRoleDescription"; }, { "onCloseClick": "onCloseClick"; "onRemove": "onRemove"; "onTokenClick": "onTokenClick"; "onTokenKeydown": "onTokenKeydown"; "elementFocused": "elementFocused"; }, never, ["*"], false, never>;
 }

package/token/tokenizer.component.d.ts

@@ -1,15 +1,16 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, ViewContainerRef } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { CssClassBuilder, RtlService } from '@fundamental-ngx/cdk/utils';
 import { TokenComponent } from './token.component';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
-export declare class TokenizerComponent implements AfterViewInit, AfterContentInit, OnDestroy, CssClassBuilder, OnInit, OnChanges {
+export declare class TokenizerComponent implements AfterViewInit, OnDestroy, CssClassBuilder, OnInit, OnChanges {
     readonly _contentDensityObserver: ContentDensityObserver;
     private _elementRef;
     private _cdRef;
     private _rtlService;
     private _renderer;
+    private readonly _document;
     /** user's custom classes */
     class: string;
     /** Disables possibility to remove tokens by keyboard */
@@ -17,7 +18,7 @@ export declare class TokenizerComponent implements AfterViewInit, AfterContentIn
     /** @hidden */
     tokenList: QueryList<TokenComponent>;
     /** @hidden */
-    input: ElementRef;
+    input: ElementRef<HTMLInputElement>;
     /** @hidden */
     tokenizerInnerEl: ElementRef<HTMLDivElement>;
     /** @hidden */
@@ -66,6 +67,10 @@ export declare class TokenizerComponent implements AfterViewInit, AfterContentIn
     _tokenizerHasFocus: boolean;
     /** @hidden */
     _showOverflowPopover: boolean;
+    /** @hidden */
+    _showMoreElement: boolean;
+    /** @hidden */
+    _tokensContainerWidth: string;
     /** @hidden
      * Variable which will keep the index of the first token pressed in the tokenizer
      */
@@ -87,11 +92,17 @@ export declare class TokenizerComponent implements AfterViewInit, AfterContentIn
     /** @hidden */
     private readonly _eventListeners;
     /** @hidden */
-    constructor(_contentDensityObserver: ContentDensityObserver, _elementRef: ElementRef, _cdRef: ChangeDetectorRef, _rtlService: RtlService, _renderer: Renderer2);
+    private _forceAllTokensToDisplay;
     /** @hidden */
-    ngAfterViewInit(): void;
+    private _tokenElementFocused;
+    /** @hidden */
+    private _inputElementFocused;
+    /** @hidden */
+    private _tokenElementFocusedSub;
+    /** @hidden */
+    constructor(_contentDensityObserver: ContentDensityObserver, _elementRef: ElementRef, _cdRef: ChangeDetectorRef, _rtlService: RtlService, _renderer: Renderer2, _document: Document);
     /** @hidden */
-    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
     /** @hidden */
     ngOnDestroy(): void;
     /** @hidden */
@@ -119,12 +130,20 @@ export declare class TokenizerComponent implements AfterViewInit, AfterContentIn
     /** @hidden */
     getCombinedTokenWidth(): number;
     /** @hidden */
+    private _getTokensAreaWidthWithoutTokens;
+    /** @hidden */
     moreClicked(): void;
     /** Removes all selected tokens */
     removeSelectedTokens(): void;
     /** @hidden */
     private _handleArrowLeft;
     /** @hidden */
+    _showAllTokens(): void;
+    /** @hidden */
+    _hideTokens(): void;
+    /** @hidden */
+    private _waitForFocusToDisappear;
+    /** @hidden */
     private _handleArrowRight;
     /** @hidden */
     private _collapseTokens;
@@ -168,6 +187,8 @@ export declare class TokenizerComponent implements AfterViewInit, AfterContentIn
     private _listenElementEvents;
     /** @hidden Listen window resize and distribute cards on column change */
     private _listenOnResize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TokenizerComponent, [null, null, null, { optional: true; }, null]>;
+    /** @hidden */
+    private _checkMoreElementVisibility;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TokenizerComponent, [null, null, null, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TokenizerComponent, "fd-tokenizer", never, { "class": "class"; "disableKeyboardDeletion": "disableKeyboardDeletion"; "compactCollapse": "compactCollapse"; "tokenizerFocusable": "tokenizerFocusable"; "inputValue": "inputValue"; "glyph": "glyph"; "moreTerm": "moreTerm"; "open": "open"; }, { "moreClickedEvent": "moreClickedEvent"; }, ["input", "tokenList"], ["fd-token", "[fd-form-control]"], false, never>;
 }

package/esm2020/list/list-component.token.mjs

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const FD_LIST_COMPONENT = new InjectionToken('ListComponent');
-export const FD_LIST_UNREAD_INDICATOR = new InjectionToken('ListUnreadIndicator');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1jb21wb25lbnQudG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9saXN0L2xpc3QtY29tcG9uZW50LnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0MsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxjQUFjLENBQXlCLGVBQWUsQ0FBQyxDQUFDO0FBRTdGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLElBQUksY0FBYyxDQUFDLHFCQUFxQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGlzdENvbXBvbmVudEludGVyZmFjZSB9IGZyb20gJy4vbGlzdC1jb21wb25lbnQuaW50ZXJmYWNlJztcblxuZXhwb3J0IGNvbnN0IEZEX0xJU1RfQ09NUE9ORU5UID0gbmV3IEluamVjdGlvblRva2VuPExpc3RDb21wb25lbnRJbnRlcmZhY2U+KCdMaXN0Q29tcG9uZW50Jyk7XG5cbmV4cG9ydCBjb25zdCBGRF9MSVNUX1VOUkVBRF9JTkRJQ0FUT1IgPSBuZXcgSW5qZWN0aW9uVG9rZW4oJ0xpc3RVbnJlYWRJbmRpY2F0b3InKTtcbiJdfQ==

package/list/list-component.token.d.ts

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { ListComponentInterface } from './list-component.interface';
-export declare const FD_LIST_COMPONENT: InjectionToken<ListComponentInterface>;
-export declare const FD_LIST_UNREAD_INDICATOR: InjectionToken<unknown>;