@fundamental-ngx/core 0.40.4-rc.5 → 0.40.4

package/toolbar/toolbar.component.d.ts

@@ -1,10 +1,10 @@
-import { AfterContentInit, AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, QueryList } from '@angular/core';
+import { AfterContentInit, AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
 import { DynamicPageHeader } from '@fundamental-ngx/core/shared';
-import { CssClassBuilder, DestroyedService, ResizeObserverService } from '@fundamental-ngx/cdk/utils';
+import { CssClassBuilder, DestroyedService } from '@fundamental-ngx/cdk/utils';
 import { Observable } from 'rxjs';
+import { ToolbarItemDirective } from './toolbar-item.directive';
 import { TitleToken } from '@fundamental-ngx/core/title';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
-import { ToolbarItem } from './abstract-toolbar-item.class';
 import * as i0 from "@angular/core";
 export type ToolbarType = 'solid' | 'transparent' | 'auto' | 'info';
 export declare const enum OverflowPriorityEnum {
@@ -14,25 +14,19 @@ export declare const enum OverflowPriorityEnum {
     HIGH = "high",
     DISAPPEAR = "disappear"
 }
-export declare class ToolbarComponent implements AfterViewInit, AfterViewChecked, CssClassBuilder, AfterContentInit {
+export declare class ToolbarComponent implements OnInit, AfterViewInit, OnDestroy, AfterViewChecked, CssClassBuilder, AfterContentInit {
     private _cd;
+    private _renderer;
     readonly _contentDensityObserver: ContentDensityObserver;
     private readonly _destroy$;
-    private resizeObserverService;
-    private ngZone;
     private _dynamicPageHeader?;
-    /**
-     * The ID of the toolbar title
-     * */
-    titleId: string;
     /** Property allows user to pass additional class
      */
     class: string;
     /** Determines if overflow button should be visible
      * Default value: false
      */
-    set shouldOverflow(val: boolean);
-    get shouldOverflow(): boolean;
+    shouldOverflow: boolean;
     /** Determines the type of toolbar
      * Available options: 'solid' | 'transparent' | 'auto' | 'info'
      * Default value: 'solid'
@@ -57,36 +51,47 @@ export declare class ToolbarComponent implements AfterViewInit, AfterViewChecked
     /** @hidden */
     toolbar: ElementRef;
     /** @hidden */
-    titleElement: ElementRef<HTMLHeadElement>;
+    overflowBody: ElementRef;
     /** @hidden */
-    toolbarItems: QueryList<ToolbarItem>;
+    overflowSpacer: ElementRef;
     /** @hidden */
-    set titleComponent(title: TitleToken | null);
-    get titleComponent(): TitleToken | null;
+    toolbarItems: QueryList<ToolbarItemDirective>;
     /** @hidden */
-    overflowItems$: Observable<ToolbarItem[]>;
+    titleComponent: TitleToken | null;
     /** @hidden */
-    overflownItems: ToolbarItem[];
+    overflowVisibility: Observable<boolean>;
     /** @hidden */
-    private _titleComponent$;
-    /** @hidden */
-    private _refreshOverflow$;
+    private _subscriptions;
     /** @hidden */
     private get _toolbarWidth();
     /** @hidden */
-    private _shouldOverflow;
+    private get _overflowBody();
+    /** @hidden */
+    private get _toolbar();
+    /** @hidden */
+    private _overflowElements;
+    /** @hidden */
+    private _normalElements;
+    /** @hidden */
+    private _disappearElements;
+    /** @hidden */
+    private _groupedCollection;
+    /** @hidden */
+    private _groupedCollectionPriority;
     /** @hidden */
     private _initialised;
     /** @hidden */
-    private shouldOverflow$;
+    constructor(_cd: ChangeDetectorRef, _renderer: Renderer2, _contentDensityObserver: ContentDensityObserver, _destroy$: DestroyedService, _dynamicPageHeader?: DynamicPageHeader | undefined);
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef, _contentDensityObserver: ContentDensityObserver, _destroy$: DestroyedService, resizeObserverService: ResizeObserverService, ngZone: NgZone, _dynamicPageHeader?: DynamicPageHeader | undefined);
+    ngOnInit(): void;
     /** @hidden */
     ngAfterViewInit(): void;
     /** @hidden */
     ngAfterViewChecked(): void;
     /** @hidden */
     ngAfterContentInit(): void;
+    /** @hidden */
+    ngOnDestroy(): void;
     /** Change detection reference */
     detectChanges(): void;
     /** @hidden */
@@ -95,20 +100,52 @@ export declare class ToolbarComponent implements AfterViewInit, AfterViewChecked
     buildComponentCssClass(): string[];
     /** Method triggering collapsible toolbar  */
     updateCollapsibleItems(): void;
-    /** @hidden Get group number with the lowest priority.
-     *  Uses for detecting a group of elements which would be hidden from the toolbar.
-     *  */
-    private _getLowestPriorityFromGroup;
     /** @hidden */
-    private _getElementsFromCurrentGroup;
+    private _onResize;
+    /** @hidden */
+    private _collapseItems;
+    /** @hidden */
+    private _shouldToolbarItemBeRemovedByWidth;
+    /** @hidden */
+    private _getElementWidthWithMargin;
+    /** @hidden */
+    private _listenForItemChanges;
+    /** @hidden */
+    private _getElementPriority;
+    /** @hidden */
+    private _getElementGroup;
+    /** @hidden */
+    private _hideElementsFromCurrentGroup;
+    /** @hidden */
+    private _hideElementWithoutGroup;
+    /** @hidden Sort by group and priority and initial position */
+    private _getSortedByPriorityAndGroupItems;
     /** @hidden Get the object with grouped arrays of elements. */
     private _getGroupedCollection;
     /** @hidden Get the object with the highest priority for each group of elements. */
     private _getGroupedCollectionPriority;
+    /** @hidden Get group number with the lowest priority.
+     *  Uses for detecting a group of elements which would be hidden from the toolbar.
+     *  */
+    private _getLowestPriorityFromGroup;
+    /** @hidden */
+    private _removeItemFromArray;
+    /** @hidden */
+    private _removeToolbarItemFromDOM;
+    /** @hidden */
+    private _addToolbarItemToOverflow;
+    /** @hidden */
+    private _reset;
+    /** @hidden */
+    private _changeOverflowVisibleState;
+    /** @hidden */
+    private _changeItemVisibilityState;
     /** @hidden Sort priorities of elements/groups. */
     private _sortPriorities;
-    /** @hidden Sort by group and priority and initial position */
-    private _getSortedByPriorityAndGroupItems;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, [null, null, null, null, null, { optional: true; skipSelf: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "fd-toolbar", never, { "titleId": "titleId"; "class": "class"; "shouldOverflow": "shouldOverflow"; "fdType": "fdType"; "hasTitle": "hasTitle"; "title": "title"; "active": "active"; "clearBorder": "clearBorder"; "forceOverflow": "forceOverflow"; "tabindex": "tabindex"; }, {}, ["titleComponent", "toolbarItems"], ["*"], false, never>;
+    /** @hidden */
+    private _collapseLastSpacerElement;
+    /** @hidden */
+    private _getOrderedItemsFollowingQuery;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, [null, null, null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "fd-toolbar", never, { "class": "class"; "shouldOverflow": "shouldOverflow"; "fdType": "fdType"; "hasTitle": "hasTitle"; "title": "title"; "active": "active"; "clearBorder": "clearBorder"; "forceOverflow": "forceOverflow"; "tabindex": "tabindex"; }, {}, ["titleComponent", "toolbarItems"], ["*"], false, never>;
 }

package/toolbar/toolbar.module.d.ts

@@ -1,20 +1,21 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./toolbar.component";
 import * as i2 from "./toolbar-item.directive";
-import * as i3 from "./toolbar-spacer.directive";
+import * as i3 from "./toolbar-spacer.component";
 import * as i4 from "./toolbar-separator.component";
 import * as i5 from "./toolbar-form-label.directive";
 import * as i6 from "./toolbar-label.directive";
 import * as i7 from "./toolbar-overflow-button.directive";
 import * as i8 from "./toolbar-overflow-button-menu.directive";
-import * as i9 from "./deprecated-toolbar-size.directive";
-import * as i10 from "@angular/common";
-import * as i11 from "@fundamental-ngx/core/button";
-import * as i12 from "@fundamental-ngx/core/popover";
-import * as i13 from "@fundamental-ngx/core/content-density";
-import * as i14 from "@fundamental-ngx/cdk/utils";
+import * as i9 from "./toolbar-overflow-priority.directive";
+import * as i10 from "./toolbar-overflow-group.directive";
+import * as i11 from "./deprecated-toolbar-size.directive";
+import * as i12 from "@angular/common";
+import * as i13 from "@fundamental-ngx/core/button";
+import * as i14 from "@fundamental-ngx/core/popover";
+import * as i15 from "@fundamental-ngx/core/content-density";
 export declare class ToolbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof i1.ToolbarComponent, typeof i2.ToolbarItemDirective, typeof i3.ToolbarSpacerDirective, typeof i4.ToolbarSeparatorComponent, typeof i5.ToolbarFormLabelDirective, typeof i6.ToolbarLabelDirective, typeof i7.ToolbarOverflowButtonDirective, typeof i8.ToolbarOverflowButtonMenuDirective, typeof i9.DeprecatedToolbarSizeDirective], [typeof i10.CommonModule, typeof i11.ButtonModule, typeof i12.PopoverModule, typeof i13.ContentDensityModule, typeof i14.DynamicPortalComponent], [typeof i1.ToolbarComponent, typeof i2.ToolbarItemDirective, typeof i3.ToolbarSpacerDirective, typeof i4.ToolbarSeparatorComponent, typeof i5.ToolbarFormLabelDirective, typeof i6.ToolbarLabelDirective, typeof i7.ToolbarOverflowButtonDirective, typeof i8.ToolbarOverflowButtonMenuDirective, typeof i9.DeprecatedToolbarSizeDirective, typeof i13.ContentDensityModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof i1.ToolbarComponent, typeof i2.ToolbarItemDirective, typeof i3.ToolbarSpacerComponent, typeof i4.ToolbarSeparatorComponent, typeof i5.ToolbarFormLabelDirective, typeof i6.ToolbarLabelDirective, typeof i7.ToolbarOverflowButtonDirective, typeof i8.ToolbarOverflowButtonMenuDirective, typeof i9.ToolbarOverflowPriorityDirective, typeof i10.ToolbarOverflowGroupDirective, typeof i11.DeprecatedToolbarSizeDirective], [typeof i12.CommonModule, typeof i13.ButtonModule, typeof i14.PopoverModule, typeof i15.ContentDensityModule], [typeof i1.ToolbarComponent, typeof i2.ToolbarItemDirective, typeof i3.ToolbarSpacerComponent, typeof i4.ToolbarSeparatorComponent, typeof i5.ToolbarFormLabelDirective, typeof i6.ToolbarLabelDirective, typeof i7.ToolbarOverflowButtonDirective, typeof i8.ToolbarOverflowButtonMenuDirective, typeof i9.ToolbarOverflowPriorityDirective, typeof i10.ToolbarOverflowGroupDirective, typeof i11.DeprecatedToolbarSizeDirective, typeof i15.ContentDensityModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarModule>;
 }

package/esm2020/toolbar/abstract-toolbar-item.class.mjs

@@ -1,3 +0,0 @@
-export class ToolbarItem {
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtdG9vbGJhci1pdGVtLmNsYXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdG9vbGJhci9hYnN0cmFjdC10b29sYmFyLWl0ZW0uY2xhc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxPQUFnQixXQUFXO0NBTWhDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3ZlcmZsb3dQcmlvcml0eSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL3V0aWxzJztcblxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFRvb2xiYXJJdGVtIHtcbiAgICBhYnN0cmFjdCBlbGVtZW50OiBIVE1MRWxlbWVudDtcbiAgICBhYnN0cmFjdCBpc1NwYWNlcjogYm9vbGVhbjtcbiAgICBhYnN0cmFjdCB3aWR0aDogbnVtYmVyO1xuICAgIGFic3RyYWN0IHByaW9yaXR5OiBPdmVyZmxvd1ByaW9yaXR5O1xuICAgIGFic3RyYWN0IGdyb3VwOiBudW1iZXI7XG59XG4iXX0=

package/esm2020/toolbar/toolbar-spacer.directive.mjs

@@ -1,45 +0,0 @@
-import { Directive, HostBinding, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ToolbarSpacerDirective {
-    constructor() {
-        /** Determines the width of spacer when fixed property is set to true
-         * Allowed values: absolute and relative metrics
-         * Default value: 0px
-         */
-        this.width = '0px';
-        /** Property allows user to pass additional class
-         */
-        this.class = '';
-        /** Determines if spacer should take only size taken from width property
-         * Default value: false
-         * Default behaviour: spacer takes remaining space automatically
-         */
-        this.fixed = false;
-    }
-    /** @hidden */
-    get css() {
-        return `fd-toolbar__spacer ${this.fixed ? 'fd-toolbar__spacer--fixed' : ''} ${this.class}`;
-    }
-}
-ToolbarSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ToolbarSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: { width: "width", class: "class", fixed: "fixed" }, host: { properties: { "style.width": "this.width", "attr.class": "this.css" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ToolbarSpacerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'fd-toolbar-spacer'
-                }]
-        }], propDecorators: { width: [{
-                type: HostBinding,
-                args: ['style.width']
-            }, {
-                type: Input
-            }], class: [{
-                type: Input
-            }], fixed: [{
-                type: Input
-            }], css: [{
-                type: HostBinding,
-                args: ['attr.class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1zcGFjZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdG9vbGJhci90b29sYmFyLXNwYWNlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU05RCxNQUFNLE9BQU8sc0JBQXNCO0lBSm5DO1FBS0k7OztXQUdHO1FBR0gsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUVkO1dBQ0c7UUFFSCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVg7OztXQUdHO1FBRUgsVUFBSyxHQUFHLEtBQUssQ0FBQztLQU9qQjtJQUxHLGNBQWM7SUFDZCxJQUNJLEdBQUc7UUFDSCxPQUFPLHNCQUFzQixJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMvRixDQUFDOzttSEF6QlEsc0JBQXNCO3VHQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFKbEMsU0FBUzttQkFBQztvQkFDUCw4REFBOEQ7b0JBQzlELFFBQVEsRUFBRSxtQkFBbUI7aUJBQ2hDOzhCQVFHLEtBQUs7c0JBRkosV0FBVzt1QkFBQyxhQUFhOztzQkFDekIsS0FBSztnQkFNTixLQUFLO3NCQURKLEtBQUs7Z0JBUU4sS0FBSztzQkFESixLQUFLO2dCQUtGLEdBQUc7c0JBRE4sV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9kaXJlY3RpdmUtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ2ZkLXRvb2xiYXItc3BhY2VyJ1xufSlcbmV4cG9ydCBjbGFzcyBUb29sYmFyU3BhY2VyRGlyZWN0aXZlIHtcbiAgICAvKiogRGV0ZXJtaW5lcyB0aGUgd2lkdGggb2Ygc3BhY2VyIHdoZW4gZml4ZWQgcHJvcGVydHkgaXMgc2V0IHRvIHRydWVcbiAgICAgKiBBbGxvd2VkIHZhbHVlczogYWJzb2x1dGUgYW5kIHJlbGF0aXZlIG1ldHJpY3NcbiAgICAgKiBEZWZhdWx0IHZhbHVlOiAwcHhcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLndpZHRoJylcbiAgICBASW5wdXQoKVxuICAgIHdpZHRoID0gJzBweCc7XG5cbiAgICAvKiogUHJvcGVydHkgYWxsb3dzIHVzZXIgdG8gcGFzcyBhZGRpdGlvbmFsIGNsYXNzXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBjbGFzcyA9ICcnO1xuXG4gICAgLyoqIERldGVybWluZXMgaWYgc3BhY2VyIHNob3VsZCB0YWtlIG9ubHkgc2l6ZSB0YWtlbiBmcm9tIHdpZHRoIHByb3BlcnR5XG4gICAgICogRGVmYXVsdCB2YWx1ZTogZmFsc2VcbiAgICAgKiBEZWZhdWx0IGJlaGF2aW91cjogc3BhY2VyIHRha2VzIHJlbWFpbmluZyBzcGFjZSBhdXRvbWF0aWNhbGx5XG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBmaXhlZCA9IGZhbHNlO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKVxuICAgIGdldCBjc3MoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGBmZC10b29sYmFyX19zcGFjZXIgJHt0aGlzLmZpeGVkID8gJ2ZkLXRvb2xiYXJfX3NwYWNlci0tZml4ZWQnIDogJyd9ICR7dGhpcy5jbGFzc31gO1xuICAgIH1cbn1cbiJdfQ==

package/toolbar/abstract-toolbar-item.class.d.ts

@@ -1,8 +0,0 @@
-import { OverflowPriority } from '@fundamental-ngx/cdk/utils';
-export declare abstract class ToolbarItem {
-    abstract element: HTMLElement;
-    abstract isSpacer: boolean;
-    abstract width: number;
-    abstract priority: OverflowPriority;
-    abstract group: number;
-}