@fundamental-ngx/platform 0.48.0-rc.4 → 0.48.0-rc.41

package/approval-flow/approval-flow-node/approval-flow-node.component.d.ts

@@ -95,8 +95,6 @@ export declare class ApprovalFlowNodeComponent implements OnInit, OnChanges, OnD
     /** @hidden */
     private _subscriptions;
     /** @hidden */
-    private _translationResolver;
-    /** @hidden */
     constructor(_elRef: ElementRef, _cdr: ChangeDetectorRef, _rtlService: RtlService);
     /** @hidden */
     get _nativeElement(): HTMLElement;

package/approval-flow/helpers/index.d.ts

@@ -1,5 +1,5 @@
-import { ApprovalGraphNode, ApprovalNode, ApprovalTeam, ApprovalUser } from '../interfaces';
 import { ApprovalFlowGraph } from '../approval-flow-graph';
+import { ApprovalGraphNode, ApprovalNode, ApprovalTeam, ApprovalUser } from '../interfaces';
 /** @hidden */
 export declare function isNodeApproved(node: ApprovalNode): boolean;
 /** @hidden */

package/approval-flow/index.d.ts

@@ -1,11 +1,11 @@
+export * from './approval-flow-graph';
 export * from './approval-flow.component';
 export * from './approval-flow.module';
-export * from './approval-flow-graph';
 export * from './approval-flow-add-node/approval-flow-add-node.component';
 export * from './approval-flow-approver-details/approval-flow-approver-details.component';
 export * from './approval-flow-messages/approval-flow-messages.component';
-export * from './approval-flow-node/approval-flow-node.component';
 export * from './approval-flow-node/approval-flow-drop-zone.directive';
+export * from './approval-flow-node/approval-flow-node.component';
 export * from './approval-flow-select-type/approval-flow-select-type.component';
 export * from './approval-flow-team-list/approval-flow-team-list.component';
 export * from './approval-flow-toolbar-actions/approval-flow-toolbar-actions.component';

package/approval-flow/interfaces/approval-process.d.ts

@@ -1,5 +1,5 @@
-import { ApprovalUser } from './approval-user';
 import { ApprovalNode } from './approval-node';
+import { ApprovalUser } from './approval-user';
 export interface ApprovalProcess {
     watchers: ApprovalUser[];
     nodes: ApprovalNode[];

package/approval-flow/interfaces/index.d.ts

@@ -1,6 +1,6 @@
 export * from './approval-node';
 export * from './approval-process';
 export * from './approval-status';
-export * from './approval-user';
 export * from './approval-team';
+export * from './approval-user';
 export * from './send-reminders-data';

package/approval-flow/interfaces/send-reminders-data.d.ts

@@ -1,5 +1,5 @@
-import { ApprovalUser } from './approval-user';
 import { ApprovalNode } from './approval-node';
+import { ApprovalUser } from './approval-user';
 export interface SendRemindersData {
     users: ApprovalUser[];
     node: ApprovalNode;

package/button/button.component.d.ts

@@ -1,15 +1,14 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { ModuleDeprecation, Nullable } from '@fundamental-ngx/cdk/utils';
 import { ButtonType, GlyphPosition } from '@fundamental-ngx/core/button';
+import { IconFont } from '@fundamental-ngx/core/icon';
 import { BaseComponent } from '@fundamental-ngx/platform/shared';
 import * as i0 from "@angular/core";
 /**
  * @deprecated
  * Button component is deprecated. Use `fd-button` from `@fundamental-ngx/core` instead.
  */
-export declare class ButtonComponent extends BaseComponent implements AfterViewInit {
-    protected _changeDetector: ChangeDetectorRef;
-    private _elementRef;
+export declare class ButtonComponent extends BaseComponent {
     /** Position of glyph related to text */
     glyphPosition: GlyphPosition;
     /**
@@ -21,6 +20,8 @@ export declare class ButtonComponent extends BaseComponent implements AfterViewI
      * Default value is set to ''.
      */
     glyph: string;
+    /** Glyph font family */
+    glyphFont: IconFont;
     /** The buttonType of the button. Types includes
      'standard','positive', 'negative', 'attention', 'ghost',
      'transparent', 'emphasized','menu'.
@@ -75,15 +76,13 @@ export declare class ButtonComponent extends BaseComponent implements AfterViewI
     /** @hidden */
     private _ariaPressed;
     /** @hidden */
-    constructor(_changeDetector: ChangeDetectorRef, _elementRef: ElementRef);
-    /** @hidden */
-    ngAfterViewInit(): void;
+    constructor();
     /**
      *  Handles button click
      */
     onBtnClick($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "fdp-button", never, { "glyphPosition": { "alias": "glyphPosition"; "required": false; }; "label": { "alias": "label"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaSelected": { "alias": "ariaSelected"; "required": false; }; "ariaDisabled": { "alias": "ariaDisabled"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "ariaControlsId": { "alias": "ariaControlsId"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "fdp-button", never, { "glyphPosition": { "alias": "glyphPosition"; "required": false; }; "label": { "alias": "label"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaSelected": { "alias": "ariaSelected"; "required": false; }; "ariaDisabled": { "alias": "ariaDisabled"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "ariaControlsId": { "alias": "ariaControlsId"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
 }
 export declare class DeprecatedButtonAriaSelected implements ModuleDeprecation {
     /** @hidden */

package/button/index.d.ts

@@ -1,2 +1,2 @@
-export * from './button.module';
 export * from './button.component';
+export * from './button.module';

package/dynamic-page/dynamic-page.component.d.ts

@@ -1,6 +1,8 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
-import { Nullable } from '@fundamental-ngx/cdk/utils';
-import { TabListComponent, TabPanelComponent } from '@fundamental-ngx/core/tabs';
+import { AfterContentInit, AfterViewInit, DestroyRef, DoCheck, ElementRef, EventEmitter, OnDestroy, QueryList, Signal } from '@angular/core';
+import { HasElementRef } from '@fundamental-ngx/cdk/utils';
+import { DynamicPage } from '@fundamental-ngx/core/dynamic-page';
+import { TabList } from '@fundamental-ngx/core/shared';
+import { IconTabBarItem, IconTabBarTabComponent } from '@fundamental-ngx/platform/icon-tab-bar';
 import { BaseComponent } from '@fundamental-ngx/platform/shared';
 import { DynamicPageBackgroundType, DynamicPageResponsiveSize } from './constants';
 import { DynamicPageContentHostComponent } from './dynamic-page-content/dynamic-page-content-host.component';
@@ -8,27 +10,24 @@ import { DynamicPageContentComponent } from './dynamic-page-content/dynamic-page
 import { DynamicPageFooterComponent } from './dynamic-page-footer/dynamic-page-footer.component';
 import { DynamicPageHeaderComponent } from './dynamic-page-header/header/dynamic-page-header.component';
 import { DynamicPageTitleComponent } from './dynamic-page-header/title/dynamic-page-title.component';
+import { PlatformDynamicPage } from './platform-dynamic-page.interface';
 import * as i0 from "@angular/core";
 /** Dynamic Page tab change event */
 export declare class DynamicPageTabChangeEvent {
     source: DynamicPageContentComponent;
-    payload: TabPanelComponent;
+    payload: IconTabBarItem;
     /**
      * Dynamic Page tab change event
      * @param source Dynamic Page component
      * @param payload Tab component
      */
-    constructor(source: DynamicPageContentComponent, payload: TabPanelComponent);
+    constructor(source: DynamicPageContentComponent, payload: IconTabBarItem);
 }
-export declare class DynamicPageComponent extends BaseComponent implements AfterContentInit, AfterViewInit, DoCheck, OnDestroy {
-    protected _cd: ChangeDetectorRef;
-    readonly elementRef: ElementRef<HTMLElement>;
+export declare class DynamicPageComponent extends BaseComponent implements AfterContentInit, AfterViewInit, DoCheck, OnDestroy, PlatformDynamicPage, HasElementRef {
     /** Whether DynamicPage should snap on scroll */
     disableSnapOnScroll: boolean;
     /** Page role  */
     role: string;
-    /** aria label for the page */
-    ariaLabel: Nullable<string>;
     /** Whether or not tabs should be stacked. */
     stackContent: boolean;
     /**
@@ -72,11 +71,15 @@ export declare class DynamicPageComponent extends BaseComponent implements After
     /** reference to content components list */
     contentComponents: QueryList<DynamicPageContentComponent>;
     /** @hidden */
-    _tabListComponent: TabListComponent;
+    _dynamicPageComponent: DynamicPage;
+    /** @hidden */
+    _tabListComponent: TabList;
     /** Reference to tab items components */
-    dynamicPageTabs: QueryList<TabPanelComponent>;
+    dynamicPageTabs: QueryList<IconTabBarTabComponent>;
     /** @hidden */
     _contentHostComponents: QueryList<DynamicPageContentHostComponent>;
+    /** Whether Dynamic page is collapsed */
+    collapsed: Signal<boolean>;
     /**
      * @hidden
      * whether tabbed content is present in this page
@@ -88,7 +91,13 @@ export declare class DynamicPageComponent extends BaseComponent implements After
      */
     _tabs: DynamicPageContentComponent[];
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
+    readonly elementRef: ElementRef<HTMLElement>;
+    /** @hidden */
+    protected _destroyRef: DestroyRef;
+    /** toggle the visibility of the header on click of title area. */
+    toggleCollapse(): void;
+    /** Triggers recheck for spacing and sizing of elements inside DynamicPage. */
+    refreshSize(): void;
     /** @hidden */
     ngAfterContentInit(): void;
     /** @hidden */
@@ -100,7 +109,7 @@ export declare class DynamicPageComponent extends BaseComponent implements After
      */
     setSelectedTab(id: string): void;
     /** @hidden */
-    _onSelectedTabChange(event: TabPanelComponent): void;
+    _onSelectedTabChange(event: IconTabBarItem): void;
     /** @hidden */
     private _listenToContentComponentsListChanges;
     /** @hidden */
@@ -108,5 +117,5 @@ export declare class DynamicPageComponent extends BaseComponent implements After
     /** @hidden */
     private _isTabContentPresent;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageComponent, "fdp-dynamic-page", never, { "disableSnapOnScroll": { "alias": "disableSnapOnScroll"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "stackContent": { "alias": "stackContent"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "autoResponsive": { "alias": "autoResponsive"; "required": false; }; "expandContent": { "alias": "expandContent"; "required": false; }; }, { "tabChange": "tabChange"; }, ["titleComponent", "headerComponent", "footerComponent", "contentComponent", "contentComponents"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageComponent, "fdp-dynamic-page", never, { "disableSnapOnScroll": { "alias": "disableSnapOnScroll"; "required": false; }; "role": { "alias": "role"; "required": false; }; "stackContent": { "alias": "stackContent"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "autoResponsive": { "alias": "autoResponsive"; "required": false; }; "expandContent": { "alias": "expandContent"; "required": false; }; }, { "tabChange": "tabChange"; }, ["titleComponent", "headerComponent", "footerComponent", "contentComponent", "contentComponents"], never, true, never>;
 }

package/dynamic-page/dynamic-page.tokens.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { PlatformDynamicPage } from './platform-dynamic-page.interface';
+export declare const FDP_DYNAMIC_PAGE: InjectionToken<PlatformDynamicPage>;

package/dynamic-page/index.d.ts

@@ -1,17 +1,18 @@
+export * from './constants';
 export * from './dynamic-page.component';
 export * from './dynamic-page.config';
 export * from './dynamic-page.module';
-export * from './dynamic-page.service';
 export * from './utils';
-export * from './constants';
-export * from './dynamic-page-content/dynamic-page-content.component';
 export * from './dynamic-page-content/dynamic-page-content-host.component';
+export * from './dynamic-page-content/dynamic-page-content.component';
 export * from './dynamic-page-footer/dynamic-page-footer.component';
+export * from './directives/dynamic-page-header-subtitle.directive';
+export * from './directives/dynamic-page-header-title.directive';
 export * from './dynamic-page-header/actions/global-actions/dynamic-page-global-actions.component';
 export * from './dynamic-page-header/actions/layout-actions/dynamic-page-layout-actions.component';
 export * from './dynamic-page-header/header/dynamic-page-header.component';
 export * from './dynamic-page-header/key-info/dynamic-page-key-info.component';
-export * from './dynamic-page-header/title/dynamic-page-title.component';
 export * from './dynamic-page-header/title/dynamic-page-title-image.component';
-export * from './directives/dynamic-page-header-subtitle.directive';
-export * from './directives/dynamic-page-header-title.directive';
+export * from './dynamic-page-header/title/dynamic-page-title.component';
+export * from './dynamic-page.tokens';
+export * from './platform-dynamic-page.interface';

package/dynamic-page/platform-dynamic-page.interface.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, QueryList } from '@angular/core';
+import { DynamicPage } from '@fundamental-ngx/core/dynamic-page';
+import { IconTabBarTabComponent } from '@fundamental-ngx/platform/icon-tab-bar';
+import { DynamicPageContentComponent } from './dynamic-page-content/dynamic-page-content.component';
+import { DynamicPageFooterComponent } from './dynamic-page-footer/dynamic-page-footer.component';
+import { DynamicPageHeaderComponent } from './dynamic-page-header/header/dynamic-page-header.component';
+import { DynamicPageTitleComponent } from './dynamic-page-header/title/dynamic-page-title.component';
+import { DynamicPageTabChangeEvent } from './dynamic-page.component';
+export interface PlatformDynamicPage extends DynamicPage {
+    stackContent: boolean;
+    tabChange: EventEmitter<DynamicPageTabChangeEvent>;
+    titleComponent: DynamicPageTitleComponent;
+    headerComponent: DynamicPageHeaderComponent;
+    footerComponent: DynamicPageFooterComponent;
+    contentComponent: DynamicPageContentComponent;
+    contentComponents: QueryList<DynamicPageContentComponent>;
+    dynamicPageTabs: QueryList<IconTabBarTabComponent>;
+    /**
+     * marks the dynamic page tab as selected when the id of the tab is passed
+     */
+    setSelectedTab(id: string): void;
+}