npm - @fundamental-ngx/platform - Versions diffs - 0.46.0-rc.65 → 0.46.0-rc.67 - Mend

@fundamental-ngx/platform 0.46.0-rc.65 → 0.46.0-rc.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (584) hide show

package/action-bar/action-bar.component.d.ts CHANGED Viewed

@@ -32,5 +32,5 @@ export declare class ActionBarComponent extends BaseComponent implements OnInit
     /** @hidden */
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionBarComponent, "fdp-action-bar", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; }, { "backButtonClick": "backButtonClick"; }, never, ["fdp-action-button-group"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionBarComponent, "fdp-action-bar", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; }, { "backButtonClick": "backButtonClick"; }, never, ["fdp-action-button-group"], true, never>;
 }

package/action-button-group/action-button-group.component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ActionButtonGroupComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionButtonGroupComponent, "fdp-action-button-group", never, {}, {}, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionButtonGroupComponent, "fdp-action-button-group", never, {}, {}, never, ["*"], true, never>;
 }

package/approval-flow/approval-flow-add-node/approval-flow-add-node.component.d.ts CHANGED Viewed

@@ -132,5 +132,5 @@ export declare class ApprovalFlowAddNodeComponent implements OnInit, OnDestroy {
     /** @hidden */
     _setFilteredTeamMembers(users: ApprovalUser[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowAddNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowAddNodeComponent, "fdp-approval-flow-add-node", never, {}, {}, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowAddNodeComponent, "fdp-approval-flow-add-node", never, {}, {}, never, never, true, never>;
 }

package/approval-flow/approval-flow-approver-details/approval-flow-approver-details.component.d.ts CHANGED Viewed

@@ -46,5 +46,5 @@ export declare class ApprovalFlowApproverDetailsComponent implements OnInit {
     /** @hidden */
     _onSearchStringChange(searchString: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowApproverDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowApproverDetailsComponent, "fdp-approval-flow-approver-details", never, {}, {}, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowApproverDetailsComponent, "fdp-approval-flow-approver-details", never, {}, {}, never, never, true, never>;
 }

package/approval-flow/approval-flow-messages/approval-flow-messages.component.d.ts CHANGED Viewed

@@ -25,5 +25,5 @@ export declare class ApprovalFlowMessagesComponent {
     /** @hidden */
     _undoLastAction(messageIndex: number, event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowMessagesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowMessagesComponent, "fdp-approval-flow-messages", never, { "messages": { "alias": "messages"; "required": false; }; "undoLastActionAvailable": { "alias": "undoLastActionAvailable"; "required": false; }; }, { "messagesChange": "messagesChange"; "undoLastAction": "undoLastAction"; }, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowMessagesComponent, "fdp-approval-flow-messages", never, { "messages": { "alias": "messages"; "required": false; }; "undoLastActionAvailable": { "alias": "undoLastActionAvailable"; "required": false; }; }, { "messagesChange": "messagesChange"; "undoLastAction": "undoLastAction"; }, never, never, true, never>;
 }

package/approval-flow/approval-flow-node/approval-flow-drop-zone.directive.d.ts CHANGED Viewed

@@ -12,5 +12,5 @@ export declare class ApprovalFlowDropZoneDirective {
     /** @hidden */
     _checkIfNodeDraggedInDropZone(nodeRect: DOMRect): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowDropZoneDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ApprovalFlowDropZoneDirective, "[fdp-approval-flow-drop-zone]", ["fdp-approval-flow-drop-zone"], { "placement": { "alias": "placement"; "required": false; }; }, {}, never, never, true, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ApprovalFlowDropZoneDirective, "[fdp-approval-flow-drop-zone]", ["fdp-approval-flow-drop-zone"], { "placement": { "alias": "placement"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -137,5 +137,5 @@ export declare class ApprovalFlowNodeComponent implements OnInit, OnChanges, OnD
     /** @hidden */
     private _getNodeStatusClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowNodeComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowNodeComponent, "fdp-approval-flow-node", never, { "node": { "alias": "node"; "required": false; }; "meta": { "alias": "meta"; "required": false; }; "renderArrow": { "alias": "renderArrow"; "required": false; }; "checkDueDate": { "alias": "checkDueDate"; "required": false; }; "dueDateThreshold": { "alias": "dueDateThreshold"; "required": false; }; "allNodesInColumnApproved": { "alias": "allNodesInColumnApproved"; "required": false; }; "approvalStatusTemplate": { "alias": "approvalStatusTemplate"; "required": false; }; "statusColorMapping": { "alias": "statusColorMapping"; "required": false; }; "isEdit": { "alias": "isEdit"; "required": false; }; "isNextNodeBlank": { "alias": "isNextNodeBlank"; "required": false; }; }, { "onAdd": "onAdd"; "onEdit": "onEdit"; "onDelete": "onDelete"; }, ["_gridListItem"], ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowNodeComponent, "fdp-approval-flow-node", never, { "node": { "alias": "node"; "required": false; }; "meta": { "alias": "meta"; "required": false; }; "renderArrow": { "alias": "renderArrow"; "required": false; }; "checkDueDate": { "alias": "checkDueDate"; "required": false; }; "dueDateThreshold": { "alias": "dueDateThreshold"; "required": false; }; "allNodesInColumnApproved": { "alias": "allNodesInColumnApproved"; "required": false; }; "approvalStatusTemplate": { "alias": "approvalStatusTemplate"; "required": false; }; "statusColorMapping": { "alias": "statusColorMapping"; "required": false; }; "isEdit": { "alias": "isEdit"; "required": false; }; "isNextNodeBlank": { "alias": "isNextNodeBlank"; "required": false; }; }, { "onAdd": "onAdd"; "onEdit": "onEdit"; "onDelete": "onDelete"; }, ["_gridListItem"], ["*"], true, never>;
 }

package/approval-flow/approval-flow-select-type/approval-flow-select-type.component.d.ts CHANGED Viewed

@@ -22,5 +22,5 @@ export declare class ApprovalFlowSelectTypeComponent {
     /** @hidden */
     _submit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowSelectTypeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowSelectTypeComponent, "fdp-approval-flow-select-type", never, {}, {}, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowSelectTypeComponent, "fdp-approval-flow-select-type", never, {}, {}, never, never, true, never>;
 }

package/approval-flow/approval-flow-team-list/approval-flow-team-list.component.d.ts CHANGED Viewed

@@ -23,5 +23,5 @@ export declare class ApprovalFlowTeamListComponent {
     /** @hidden */
     _showTeamDetails(team: ApprovalTeam): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowTeamListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowTeamListComponent, "fdp-approval-flow-team-list", never, { "teams": { "alias": "teams"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; "selectedTeamId": { "alias": "selectedTeamId"; "required": false; }; }, { "onTeamClick": "onTeamClick"; "onTeamRadioClick": "onTeamRadioClick"; }, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowTeamListComponent, "fdp-approval-flow-team-list", never, { "teams": { "alias": "teams"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; "selectedTeamId": { "alias": "selectedTeamId"; "required": false; }; }, { "onTeamClick": "onTeamClick"; "onTeamRadioClick": "onTeamRadioClick"; }, never, never, true, never>;
 }

package/approval-flow/approval-flow-toolbar-actions/approval-flow-toolbar-actions.component.d.ts CHANGED Viewed

@@ -47,5 +47,5 @@ export declare class ApprovalFlowToolbarActionsComponent {
     /** @hidden */
     _editSelectedNode(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowToolbarActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowToolbarActionsComponent, "fdp-approval-flow-toolbar-actions", never, { "graph": { "alias": "graph"; "required": false; }; "graphMetadata": { "alias": "graphMetadata"; "required": false; }; "selectedNodes": { "alias": "selectedNodes"; "required": false; }; "isEditMode": { "alias": "isEditMode"; "required": false; }; }, { "enterEditMode": "enterEditMode"; "addNode": "addNode"; "editSelectedNode": "editSelectedNode"; "deleteSelectedNodes": "deleteSelectedNodes"; }, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowToolbarActionsComponent, "fdp-approval-flow-toolbar-actions", never, { "graph": { "alias": "graph"; "required": false; }; "graphMetadata": { "alias": "graphMetadata"; "required": false; }; "selectedNodes": { "alias": "selectedNodes"; "required": false; }; "isEditMode": { "alias": "isEditMode"; "required": false; }; }, { "enterEditMode": "enterEditMode"; "addNode": "addNode"; "editSelectedNode": "editSelectedNode"; "deleteSelectedNodes": "deleteSelectedNodes"; }, never, never, true, never>;
 }

package/approval-flow/approval-flow-user-details/approval-flow-user-details.component.d.ts CHANGED Viewed

@@ -15,5 +15,5 @@ export declare class ApprovalFlowUserDetailsComponent {
     /** Approval Flow user details template */
     detailsTemplate: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowUserDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowUserDetailsComponent, "fdp-approval-flow-user-details", never, { "user": { "alias": "user"; "required": false; }; "details": { "alias": "details"; "required": false; }; "detailsTemplate": { "alias": "detailsTemplate"; "required": false; }; }, {}, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowUserDetailsComponent, "fdp-approval-flow-user-details", never, { "user": { "alias": "user"; "required": false; }; "details": { "alias": "details"; "required": false; }; "detailsTemplate": { "alias": "detailsTemplate"; "required": false; }; }, {}, never, never, true, never>;
 }

package/approval-flow/approval-flow-user-list/approval-flow-user-list.component.d.ts CHANGED Viewed

@@ -52,5 +52,5 @@ export declare class ApprovalFlowUserListComponent implements AfterViewInit, OnC
     /** @hidden */
     private _killInterval;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowUserListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowUserListComponent, "fdp-approval-flow-user-list", never, { "users": { "alias": "users"; "required": false; }; "selectedUsers": { "alias": "selectedUsers"; "required": false; }; "isSelectable": { "alias": "isSelectable"; "required": false; }; }, { "onUserClick": "onUserClick"; "onSelectionChange": "onSelectionChange"; }, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowUserListComponent, "fdp-approval-flow-user-list", never, { "users": { "alias": "users"; "required": false; }; "selectedUsers": { "alias": "selectedUsers"; "required": false; }; "isSelectable": { "alias": "isSelectable"; "required": false; }; }, { "onUserClick": "onUserClick"; "onSelectionChange": "onSelectionChange"; }, never, never, true, never>;
 }

package/approval-flow/approval-flow.component.d.ts CHANGED Viewed

@@ -247,5 +247,5 @@ export declare class ApprovalFlowComponent implements OnInit, OnChanges, OnDestr
     /** @hidden */
     private _setupDataSourceSubscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApprovalFlowComponent, [null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowComponent, "fdp-approval-flow", never, { "title": { "alias": "title"; "required": false; }; "value": { "alias": "value"; "required": false; }; "userDataSource": { "alias": "userDataSource"; "required": false; }; "watcherDataSource": { "alias": "watcherDataSource"; "required": false; }; "teamDataSource": { "alias": "teamDataSource"; "required": false; }; "userDetailsTemplate": { "alias": "userDetailsTemplate"; "required": false; }; "approvalStatusTemplate": { "alias": "approvalStatusTemplate"; "required": false; }; "statusColorMapping": { "alias": "statusColorMapping"; "required": false; }; "checkDueDate": { "alias": "checkDueDate"; "required": false; }; "dueDateThreshold": { "alias": "dueDateThreshold"; "required": false; }; "allowSendRemindersForStatuses": { "alias": "allowSendRemindersForStatuses"; "required": false; }; "isEditAvailable": { "alias": "isEditAvailable"; "required": false; }; "watchersLabel": { "alias": "watchersLabel"; "required": false; }; "allowAddParallelNodes": { "alias": "allowAddParallelNodes"; "required": false; }; "disableSaveButton": { "alias": "disableSaveButton"; "required": false; }; "disableExitButton": { "alias": "disableExitButton"; "required": false; }; "usersDataProviderEntityKey": { "alias": "usersDataProviderEntityKey"; "required": false; }; "teamsDataProviderEntityKey": { "alias": "teamsDataProviderEntityKey"; "required": false; }; "watchersDataProviderEntityKey": { "alias": "watchersDataProviderEntityKey"; "required": false; }; }, { "nodeClick": "nodeClick"; "afterNodeAdd": "afterNodeAdd"; "afterNodeEdit": "afterNodeEdit"; "valueChange": "valueChange"; "sendReminders": "sendReminders"; "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; }, never, never, true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApprovalFlowComponent, "fdp-approval-flow", never, { "title": { "alias": "title"; "required": false; }; "value": { "alias": "value"; "required": false; }; "userDataSource": { "alias": "userDataSource"; "required": false; }; "watcherDataSource": { "alias": "watcherDataSource"; "required": false; }; "teamDataSource": { "alias": "teamDataSource"; "required": false; }; "userDetailsTemplate": { "alias": "userDetailsTemplate"; "required": false; }; "approvalStatusTemplate": { "alias": "approvalStatusTemplate"; "required": false; }; "statusColorMapping": { "alias": "statusColorMapping"; "required": false; }; "checkDueDate": { "alias": "checkDueDate"; "required": false; }; "dueDateThreshold": { "alias": "dueDateThreshold"; "required": false; }; "allowSendRemindersForStatuses": { "alias": "allowSendRemindersForStatuses"; "required": false; }; "isEditAvailable": { "alias": "isEditAvailable"; "required": false; }; "watchersLabel": { "alias": "watchersLabel"; "required": false; }; "allowAddParallelNodes": { "alias": "allowAddParallelNodes"; "required": false; }; "disableSaveButton": { "alias": "disableSaveButton"; "required": false; }; "disableExitButton": { "alias": "disableExitButton"; "required": false; }; "usersDataProviderEntityKey": { "alias": "usersDataProviderEntityKey"; "required": false; }; "teamsDataProviderEntityKey": { "alias": "teamsDataProviderEntityKey"; "required": false; }; "watchersDataProviderEntityKey": { "alias": "watchersDataProviderEntityKey"; "required": false; }; }, { "nodeClick": "nodeClick"; "afterNodeAdd": "afterNodeAdd"; "afterNodeEdit": "afterNodeEdit"; "valueChange": "valueChange"; "sendReminders": "sendReminders"; "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; }, never, never, true, never>;
 }

package/button/button.component.d.ts CHANGED Viewed

@@ -79,7 +79,7 @@ export declare class ButtonComponent extends BaseComponent implements AfterViewI
      */
     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, false>;
+    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>;
 }
 export declare class DeprecatedButtonAriaSelected implements ModuleDeprecation {
     /** @hidden */

package/dynamic-page/directives/dynamic-page-header-subtitle.directive.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ export declare class DynamicPageHeaderSubtitleDirective {
     /** @hidden */
     static ngTemplateContextGuard(dir: DynamicPageHeaderSubtitleDirective, ctx: DynamicPageTitleDirectiveContext): ctx is DynamicPageTitleDirectiveContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageHeaderSubtitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicPageHeaderSubtitleDirective, "[fdpDynamicPageHeaderSubtitle]", never, {}, {}, never, never, true, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicPageHeaderSubtitleDirective, "[fdpDynamicPageHeaderSubtitle]", never, {}, {}, never, never, true, never>;
 }

package/dynamic-page/directives/dynamic-page-header-title.directive.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ export declare class DynamicPageHeaderTitleDirective {
     /** @hidden */
     static ngTemplateContextGuard(dir: DynamicPageHeaderTitleDirective, ctx: DynamicPageTitleDirectiveContext): ctx is DynamicPageTitleDirectiveContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageHeaderTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicPageHeaderTitleDirective, "[fdpDynamicPageHeaderTitle]", never, {}, {}, never, never, true, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicPageHeaderTitleDirective, "[fdpDynamicPageHeaderTitle]", never, {}, {}, never, never, true, never>;
 }

package/dynamic-page/dynamic-page-content/dynamic-page-content-host.component.d.ts CHANGED Viewed

@@ -58,5 +58,5 @@ export declare class DynamicPageContentHostComponent implements OnInit {
     /** @hidden */
     private _addClassNameToHostElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageContentHostComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageContentHostComponent, "fdp-dynamic-page-content-host", never, { "id": { "alias": "id"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageContentHostComponent, "fdp-dynamic-page-content-host", never, { "id": { "alias": "id"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/dynamic-page/dynamic-page-content/dynamic-page-content.component.d.ts CHANGED Viewed

@@ -37,5 +37,5 @@ export declare class DynamicPageContentComponent {
     /** @hidden */
     constructor(elementRef: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageContentComponent, "fdp-dynamic-page-content", never, { "tabLabel": { "alias": "tabLabel"; "required": false; }; "id": { "alias": "id"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageContentComponent, "fdp-dynamic-page-content", never, { "tabLabel": { "alias": "tabLabel"; "required": false; }; "id": { "alias": "id"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/dynamic-page/dynamic-page-footer/dynamic-page-footer.component.d.ts CHANGED Viewed

@@ -11,5 +11,5 @@ export declare class DynamicPageFooterComponent {
      */
     contentTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageFooterComponent, "fdp-dynamic-page-footer", never, {}, {}, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageFooterComponent, "fdp-dynamic-page-footer", never, {}, {}, never, ["*"], true, never>;
 }

package/dynamic-page/dynamic-page-header/actions/global-actions/dynamic-page-global-actions.component.d.ts CHANGED Viewed

@@ -11,5 +11,5 @@ export declare class DynamicPageGlobalActionsComponent {
      */
     contentTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageGlobalActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageGlobalActionsComponent, "fdp-dynamic-page-global-actions", never, {}, {}, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageGlobalActionsComponent, "fdp-dynamic-page-global-actions", never, {}, {}, never, ["*"], true, never>;
 }

package/dynamic-page/dynamic-page-header/actions/layout-actions/dynamic-page-layout-actions.component.d.ts CHANGED Viewed

@@ -11,5 +11,5 @@ export declare class DynamicPageLayoutActionsComponent {
      */
     contentTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageLayoutActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageLayoutActionsComponent, "fdp-dynamic-page-layout-actions", never, {}, {}, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageLayoutActionsComponent, "fdp-dynamic-page-layout-actions", never, {}, {}, never, ["*"], true, never>;
 }

package/dynamic-page/dynamic-page-header/header/dynamic-page-header.component.d.ts CHANGED Viewed

@@ -92,5 +92,5 @@ export declare class DynamicPageHeaderComponent {
      */
     _onCollapseChange(collapsed: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageHeaderComponent, "fdp-dynamic-page-header", never, { "collapsible": { "alias": "collapsible"; "required": false; }; "pinnable": { "alias": "pinnable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "role": { "alias": "role"; "required": false; }; "id": { "alias": "id"; "required": false; }; "headerAriaLabel": { "alias": "headerAriaLabel"; "required": false; }; "pinAriaLabel": { "alias": "pinAriaLabel"; "required": false; }; "unpinAriaLabel": { "alias": "unpinAriaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageHeaderComponent, "fdp-dynamic-page-header", never, { "collapsible": { "alias": "collapsible"; "required": false; }; "pinnable": { "alias": "pinnable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "role": { "alias": "role"; "required": false; }; "id": { "alias": "id"; "required": false; }; "headerAriaLabel": { "alias": "headerAriaLabel"; "required": false; }; "pinAriaLabel": { "alias": "pinAriaLabel"; "required": false; }; "unpinAriaLabel": { "alias": "unpinAriaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
 }

package/dynamic-page/dynamic-page-header/key-info/dynamic-page-key-info.component.d.ts CHANGED Viewed

@@ -11,5 +11,5 @@ export declare class DynamicPageKeyInfoComponent {
      */
     contentTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageKeyInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageKeyInfoComponent, "fdp-dynamic-page-key-info", never, {}, {}, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageKeyInfoComponent, "fdp-dynamic-page-key-info", never, {}, {}, never, ["*"], true, never>;
 }

package/dynamic-page/dynamic-page-header/title/dynamic-page-title-image.component.d.ts CHANGED Viewed

@@ -11,5 +11,5 @@ export declare class DynamicPageTitleImageComponent {
      */
     contentTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageTitleImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageTitleImageComponent, "fdp-dynamic-page-title-image", never, {}, {}, never, ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageTitleImageComponent, "fdp-dynamic-page-title-image", never, {}, {}, never, ["*"], true, never>;
 }

package/dynamic-page/dynamic-page-header/title/dynamic-page-title.component.d.ts CHANGED Viewed

@@ -59,5 +59,5 @@ export declare class DynamicPageTitleComponent implements DynamicPageHeader {
      */
     contentTemplateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageTitleComponent, "fdp-dynamic-page-title", never, { "title": { "alias": "title"; "required": false; }; "titleWrap": { "alias": "titleWrap"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "subtitleWrap": { "alias": "subtitleWrap"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["globalActionsComponent", "layoutActionsComponent", "keyInfoComponent", "imageComponent", "_titleDirective", "_subtitleDirective"], ["*"], true, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageTitleComponent, "fdp-dynamic-page-title", never, { "title": { "alias": "title"; "required": false; }; "titleWrap": { "alias": "titleWrap"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "subtitleWrap": { "alias": "subtitleWrap"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["globalActionsComponent", "layoutActionsComponent", "keyInfoComponent", "imageComponent", "_titleDirective", "_subtitleDirective"], ["*"], true, never>;
 }

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

@@ -108,5 +108,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, false>;
+    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>;
 }

package/esm2022/action-bar/action-bar.component.mjs CHANGED Viewed

@@ -34,10 +34,10 @@ export class ActionBarComponent extends BaseComponent {
             ? this._rtlService.rtl.pipe(map((isRtl) => (isRtl ? 'navigation-right-arrow' : 'navigation-left-arrow')))
             : of('navigation-left-arrow');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ActionBarComponent, deps: [{ token: i1.RtlService, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ActionBarComponent, isStandalone: true, selector: "fdp-action-bar", inputs: { title: "title", description: "description", showBackButton: "showBackButton" }, outputs: { backButtonClick: "backButtonClick" }, usesInheritance: true, ngImport: i0, template: "<div fd-action-bar role=\"toolbar\">\n    <div fd-action-bar-header>\n        <div fd-action-bar-back *ngIf=\"showBackButton\">\n            <button\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-label]=\"'platformActionBar.backButtonLabel' | fdTranslate\"\n                data-tag=\"actionbar__back-button\"\n                [attr.title]=\"'platformActionBar.backButtonLabel' | fdTranslate\"\n                [glyph]=\"navigationArrow$ | async\"\n                (click)=\"backButtonClick.emit()\"\n            ></button>\n        </div>\n        <div fd-action-bar-title aria-level=\"2\" [attr.title]=\"title\" data-tag=\"actionbar__title\">\n            {{ title }}\n        </div>\n        <ng-content select=\"fdp-action-button-group\"></ng-content>\n    </div>\n    <p\n        fd-action-bar-description\n        *ngIf=\"description\"\n        [withBackBtn]=\"showBackButton\"\n        [attr.title]=\"description\"\n        data-tag=\"actionbar__description\"\n    >\n        {{ description }}\n    </p>\n</div>\n", dependencies: [{ kind: "component", type: CoreActionBarComponent, selector: "[fd-action-bar]" }, { kind: "directive", type: ActionBarHeaderDirective, selector: "[fd-action-bar-header]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ActionBarBackDirective, selector: "[fd-action-bar-back]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: ActionBarTitleComponent, selector: "[fd-action-bar-title]" }, { kind: "directive", type: ActionBarDescriptionDirective, selector: "[fd-action-bar-description]", inputs: ["withBackBtn"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ActionBarComponent, deps: [{ token: i1.RtlService, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ActionBarComponent, isStandalone: true, selector: "fdp-action-bar", inputs: { title: "title", description: "description", showBackButton: "showBackButton" }, outputs: { backButtonClick: "backButtonClick" }, usesInheritance: true, ngImport: i0, template: "<div fd-action-bar role=\"toolbar\">\n    <div fd-action-bar-header>\n        <div fd-action-bar-back *ngIf=\"showBackButton\">\n            <button\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-label]=\"'platformActionBar.backButtonLabel' | fdTranslate\"\n                data-tag=\"actionbar__back-button\"\n                [attr.title]=\"'platformActionBar.backButtonLabel' | fdTranslate\"\n                [glyph]=\"navigationArrow$ | async\"\n                (click)=\"backButtonClick.emit()\"\n            ></button>\n        </div>\n        <div fd-action-bar-title aria-level=\"2\" [attr.title]=\"title\" data-tag=\"actionbar__title\">\n            {{ title }}\n        </div>\n        <ng-content select=\"fdp-action-button-group\"></ng-content>\n    </div>\n    <p\n        fd-action-bar-description\n        *ngIf=\"description\"\n        [withBackBtn]=\"showBackButton\"\n        [attr.title]=\"description\"\n        data-tag=\"actionbar__description\"\n    >\n        {{ description }}\n    </p>\n</div>\n", dependencies: [{ kind: "component", type: CoreActionBarComponent, selector: "[fd-action-bar]" }, { kind: "directive", type: ActionBarHeaderDirective, selector: "[fd-action-bar-header]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ActionBarBackDirective, selector: "[fd-action-bar-back]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: ActionBarTitleComponent, selector: "[fd-action-bar-title]" }, { kind: "directive", type: ActionBarDescriptionDirective, selector: "[fd-action-bar-description]", inputs: ["withBackBtn"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ActionBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-action-bar', standalone: true, imports: [
                         CoreActionBarComponent,

package/esm2022/action-bar/action-bar.module.mjs CHANGED Viewed

@@ -3,11 +3,11 @@ import { ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import { ActionBarComponent } from './action-bar.component';
 import * as i0 from "@angular/core";
 export class PlatformActionBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: PlatformActionBarModule, imports: [ActionBarComponent, ContentDensityModule], exports: [ActionBarComponent, ContentDensityModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformActionBarModule, imports: [ActionBarComponent, ContentDensityModule, ContentDensityModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: PlatformActionBarModule, imports: [ActionBarComponent, ContentDensityModule], exports: [ActionBarComponent, ContentDensityModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformActionBarModule, imports: [ActionBarComponent, ContentDensityModule, ContentDensityModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformActionBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformActionBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ActionBarComponent, ContentDensityModule],

package/esm2022/action-button-group/action-button-group.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { ActionBarActionsDirective } from '@fundamental-ngx/core/action-bar';
 import * as i0 from "@angular/core";
 export class ActionButtonGroupComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ActionButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ActionButtonGroupComponent, isStandalone: true, selector: "fdp-action-button-group", ngImport: i0, template: "<div fd-action-bar-actions>\n    <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: ActionBarActionsDirective, selector: "[fd-action-bar-actions]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ActionButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ActionButtonGroupComponent, isStandalone: true, selector: "fdp-action-button-group", ngImport: i0, template: "<div fd-action-bar-actions>\n    <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: ActionBarActionsDirective, selector: "[fd-action-bar-actions]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-action-button-group', standalone: true, imports: [ActionBarActionsDirective], template: "<div fd-action-bar-actions>\n    <ng-content></ng-content>\n</div>\n" }]
         }] });

package/esm2022/action-button-group/action-button-group.module.mjs CHANGED Viewed

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { ActionButtonGroupComponent } from './action-button-group.component';
 import * as i0 from "@angular/core";
 export class PlatformActionButtonGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformActionButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: PlatformActionButtonGroupModule, imports: [ActionButtonGroupComponent], exports: [ActionButtonGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformActionButtonGroupModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformActionButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: PlatformActionButtonGroupModule, imports: [ActionButtonGroupComponent], exports: [ActionButtonGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformActionButtonGroupModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformActionButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformActionButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ActionButtonGroupComponent],

package/esm2022/approval-flow/approval-flow-add-node/approval-flow-add-node.component.mjs CHANGED Viewed

@@ -271,10 +271,10 @@ export class ApprovalFlowAddNodeComponent {
         this._filteredTeamMembers = [...users];
         this._cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowAddNodeComponent, deps: [{ token: i1.DialogRef }, { token: i2.ApprovalFlowAddNodeViewService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowAddNodeComponent, isStandalone: true, selector: "fdp-approval-flow-add-node", host: { classAttribute: "fdp-approval-flow-dialog fdp-approval-flow-add-node" }, ngImport: i0, template: "<fd-dialog fdCompact>\n    <fd-dialog-header [class.show-search]=\"_selectMode && !_userToShowDetails\">\n        <ng-template fdkTemplate=\"header\">\n            <p>\n                <ng-container *ngIf=\"!_selectMode && !_data.isEdit\">\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderAddApprovers' | fdTranslate }}\n                </ng-container>\n\n                <ng-container *ngIf=\"!_selectMode && _data.isEdit\">\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderEditApprover' | fdTranslate }}\n                </ng-container>\n\n                <ng-container *ngIf=\"viewService.isSelectUserMode || viewService.isSelectTeamMode\">\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderAddApproverTeam' | fdTranslate }}\n                </ng-container>\n\n                <ng-container *ngIf=\"viewService.isTeamMembersMode\">\n                    <fd-icon [glyph]=\"_headerArrowGlyph\" (click)=\"_exitTeamMembersMode()\"></fd-icon>\n                    {{ viewService.team?.name ?? '' }} ({{ viewService.team?.members?.length ?? 0 }})\n                </ng-container>\n\n                <ng-container *ngIf=\"viewService.isUserDetailsMode\">\n                    <fd-icon [glyph]=\"_headerArrowGlyph\" (click)=\"_exitUserDetailsMode()\"></fd-icon>\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderDetail' | fdTranslate }}\n                </ng-container>\n            </p>\n\n            <fdp-search-field\n                *ngIf=\"_selectMode && !_userToShowDetails\"\n                [placeholder]=\"'platformApprovalFlow.addNodeSearchPlaceholder' | fdTranslate\"\n                [suggestions]=\"[]\"\n                (inputChange)=\"_onSearchStringChange($event.text)\"\n            ></fdp-search-field>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body [class.fd-dialog__body--auto-height]=\"viewService.isUserDetailsMode\">\n        <ng-container *ngIf=\"!_selectMode\">\n            <div fd-form-item *ngIf=\"_data.showNodeTypeSelect\">\n                <label fd-form-label>\n                    {{ 'platformApprovalFlow.addNodeDialogNodeType' | fdTranslate }}\n                </label>\n\n                <fd-select [(value)]=\"_nodeType\">\n                    <ng-container *ngFor=\"let option of _nodeTypesArray\">\n                        <ng-container [ngSwitch]=\"option\">\n                            <li fd-option *ngSwitchCase=\"_nodeTypes.SERIAL\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogNodeTypeSerial' | fdTranslate }}\n                            </li>\n\n                            <li fd-option *ngSwitchCase=\"_nodeTypes.PARALLEL\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogNodeTypeParallel' | fdTranslate }}\n                            </li>\n                        </ng-container>\n                    </ng-container>\n                </fd-select>\n            </div>\n\n            <div fd-form-item>\n                <label fd-form-label>\n                    {{ 'platformApprovalFlow.addNodeDialogApproverType' | fdTranslate }}\n                </label>\n\n                <fd-select [(value)]=\"_approverType\">\n                    <ng-container *ngFor=\"let option of _approverTypesArray\">\n                        <ng-container [ngSwitch]=\"option\">\n                            <li fd-option *ngSwitchCase=\"_approverTypes.SINGLE_USER\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogApproverTypeUser' | fdTranslate }}\n                            </li>\n\n                            <li fd-option *ngSwitchCase=\"_approverTypes.ANYONE\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogApproverTypeTeamAnyone' | fdTranslate }}\n                            </li>\n\n                            <li fd-option *ngSwitchCase=\"_approverTypes.EVERYONE\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogApproverTypeTeamEveryone' | fdTranslate }}\n                            </li>\n                        </ng-container>\n                    </ng-container>\n                </fd-select>\n            </div>\n\n            <div fd-form-item>\n                <label fd-form-label>{{ 'platformApprovalFlow.addNodeDialogUserOrTeam' | fdTranslate }}</label>\n\n                <fd-multi-input\n                    *ngIf=\"_isSingleUserMode\"\n                    [showAllButton]=\"false\"\n                    [dropdownValues]=\"_selectedApprovers\"\n                    [(ngModel)]=\"_selectedApprovers\"\n                    [displayFn]=\"_displayUserFn\"\n                    (openChange)=\"_goToSelectMode()\"\n                    (selectedChange)=\"_setSelectedApprovers($event)\"\n                ></fd-multi-input>\n\n                <fd-multi-input\n                    *ngIf=\"!_isSingleUserMode\"\n                    [showAllButton]=\"false\"\n                    [dropdownValues]=\"_selectedTeamArray\"\n                    [(ngModel)]=\"_selectedTeamArray\"\n                    [displayFn]=\"_displayTeamFn\"\n                    (openChange)=\"_goToSelectMode()\"\n                ></fd-multi-input>\n            </div>\n\n            <div *ngIf=\"_nodeType === _nodeTypes.PARALLEL\" fd-form-item>\n                <fd-checkbox [(ngModel)]=\"_addToNextSerial\">\n                    {{ 'platformApprovalFlow.addNodeDialogAddToNext' | fdTranslate }}\n                </fd-checkbox>\n            </div>\n\n            <div *ngIf=\"_checkDueDate\" fd-form-item>\n                <label fd-form-label>{{ 'platformApprovalFlow.addNodeDialogDueDate' | fdTranslate }}</label>\n\n                <fd-date-picker type=\"single\" [state]=\"!this._dueDate ? 'error' : null\" [(ngModel)]=\"_dueDate\">\n                </fd-date-picker>\n            </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"_selectMode\">\n            <ng-container *ngIf=\"viewService.isSelectTeamMode\">\n                <fdp-approval-flow-team-list\n                    *ngIf=\"!_data.teamDataSource.isDataLoading; else loadingTpl\"\n                    [isRtl]=\"_data.rtl\"\n                    [teams]=\"_teams\"\n                    [selectedTeamId]=\"_selectedTeam?.id\"\n                    (onTeamClick)=\"_viewTeamMembers($event)\"\n                    (onTeamRadioClick)=\"_setSelectedTeam($event)\"\n                ></fdp-approval-flow-team-list>\n            </ng-container>\n\n            <ng-container *ngIf=\"viewService.isSelectUserMode || viewService.isTeamMembersMode\">\n                <fdp-approval-flow-user-list\n                    *ngIf=\"viewService.isSelectUserMode || !_data.userDataSource.isDataLoading; else loadingTpl\"\n                    [users]=\"viewService.isSelectUserMode ? _approvers : _filteredTeamMembers\"\n                    [isSelectable]=\"viewService.isSelectUserMode\"\n                    [selectedUsers]=\"_selectedApprovers\"\n                    (onUserClick)=\"_seeUserDetails($event)\"\n                    (onSelectionChange)=\"_selectedApprovers = $event\"\n                ></fdp-approval-flow-user-list>\n            </ng-container>\n\n            <fdp-approval-flow-user-details\n                *ngIf=\"viewService.isUserDetailsMode && _userToShowDetails\"\n                [user]=\"_userToShowDetails\"\n                [detailsTemplate]=\"_data.userDetailsTemplate\"\n                [details]=\"_userToShowDetailsData$\"\n            ></fdp-approval-flow-user-details>\n        </ng-container>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <ng-container *ngIf=\"!_selectMode\">\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"'platformApprovalFlow.addNodeAddActionBtnLabel' | fdTranslate\"\n                [disabled]=\"_isMainSubmitButtonDisabled\"\n                (click)=\"_submit()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                fdkInitialFocus\n                fdType=\"transparent\"\n                [label]=\"'platformApprovalFlow.addNodeCancelActionBtnLabel' | fdTranslate\"\n                (click)=\"dialogRef.close()\"\n            ></fd-button-bar>\n        </ng-container>\n\n        <ng-container *ngIf=\"_selectMode\">\n            <ng-container *ngIf=\"viewService.isSelectUserMode\">\n                <fd-button-bar\n                    fdType=\"emphasized\"\n                    [label]=\"'platformApprovalFlow.addNodeSelectApproverActionBtnLabel' | fdTranslate\"\n                    [disabled]=\"!_selectedApprovers.length\"\n                    (click)=\"_confirmSelectedApprovers()\"\n                ></fd-button-bar>\n\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeCancelApproverSelectionActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitSelectMode()\"\n                ></fd-button-bar>\n            </ng-container>\n\n            <ng-container *ngIf=\"viewService.isSelectTeamMode\">\n                <fd-button-bar\n                    fdType=\"emphasized\"\n                    [label]=\"'platformApprovalFlow.addNodeSelectApproverActionBtnLabel' | fdTranslate\"\n                    [disabled]=\"!_selectedTeam && !viewService.team\"\n                    (click)=\"_confirmSelectedTeam()\"\n                ></fd-button-bar>\n\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeCancelApproverSelectionActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitSelectMode()\"\n                ></fd-button-bar>\n            </ng-container>\n\n            <ng-container *ngIf=\"viewService.isTeamMembersMode\">\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeApproverOrTeamDetailsCloseActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitTeamMembersMode()\"\n                ></fd-button-bar>\n            </ng-container>\n\n            <ng-container *ngIf=\"viewService.isUserDetailsMode\">\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeApproverOrTeamDetailsCloseActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitUserDetailsMode()\"\n                ></fd-button-bar>\n            </ng-container>\n        </ng-container>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <fd-busy-indicator [loading]=\"true\" [block]=\"true\"> </fd-busy-indicator>\n</ng-template>\n", styles: [".fdp-approval-flow-dialog a{color:#0a6ed1;color:var(--sapLinkColor, #0a6ed1)}.fdp-approval-flow-dialog .fd-list--byline .fd-list__byline-left{width:100%}.fdp-approval-flow-dialog fd-popover{width:100%}.fdp-approval-flow-dialog fd-dialog fd-dialog-header{margin-bottom:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header .fd-bar--header{flex-direction:column;padding-bottom:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header p{font-size:1rem;margin:.65rem 0}.fdp-approval-flow-dialog fd-dialog fd-dialog-header p fd-icon{font-size:.875rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);position:relative;cursor:pointer;margin-right:.75rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header.show-search{margin-bottom:0}.fdp-approval-flow-dialog fd-dialog fd-dialog-header.show-search .fd-bar--header{min-height:2.5rem;height:auto}.fdp-approval-flow-dialog fd-dialog fd-avatar{margin-right:.652rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-body{padding:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-body fdp-list{display:block;margin-left:-1rem;margin-right:-1rem}.fdp-approval-flow-dialog fd-dialog fdp-standard-list-item .fd-checkbox__label{position:relative;left:.3125rem}.fdp-approval-flow-dialog fd-dialog fdp-standard-list-item fd-avatar{margin-left:.1875rem}.fdp-approval-flow-dialog .fd-form-item{margin-bottom:1rem}[dir=rtl] .fdp-approval-flow-dialog fd-dialog-header p fd-icon,.fdp-approval-flow-dialog[dir=rtl] fd-dialog-header p fd-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .fdp-approval-flow-dialog fd-avatar,.fdp-approval-flow-dialog[dir=rtl] fd-avatar{margin-right:0;margin-left:.652rem}[dir=rtl] .fdp-approval-flow-dialog fdp-standard-list-item .fd-checkbox__label,.fdp-approval-flow-dialog[dir=rtl] fdp-standard-list-item .fd-checkbox__label{left:auto;right:.3125rem}\n", ".fdp-approval-flow-add-node .fd-dialog__body{width:20rem;height:27rem}.fdp-approval-flow-add-node .fd-dialog__body--auto-height{height:auto}\n"], dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: SelectComponent, selector: "fd-select", inputs: ["extendedBodyTemplate", "scrollStrategy", "controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "advancedStateMessage", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "component", type: MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "openDropdownOnAddOnClicked", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "optionItemIdentifier", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "byline", "autoComplete", "open", "displayAddonButton", "tokenHiddenId"], outputs: ["searchTermChange", "selectedChange", "openChange", "addOnButtonClicked", "allItemsSelectedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: DatePickerComponent, selector: "fd-date-picker", inputs: ["type", "placeholder", "inputId", "required", "message", "messageTriggers", "selectedDate", "selectedRangeDate", "startingDayOfWeek", "rangeHoverEffect", "useValidation", "allowNull", "activeView", "placement", "appendTo", "disabled", "closeOnDateChoose", "showTodayButton", "todayButtonLabel", "previousButtonDisableFunction", "nextButtonDisableFunction", "state", "buttonFocusable", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "markWeekends", "showWeekNumbers", "isOpen", "inline", "ariaLabelledBy", "processInputOnBlur", "preventScrollOnFocus", "mobile", "mobileConfig", "mobileLandscape", "mobilePortrait", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["isOpenChange", "selectedDateChange", "selectedRangeDateChange", "activeViewChange"] }, { kind: "component", type: ApprovalFlowTeamListComponent, selector: "fdp-approval-flow-team-list", inputs: ["teams", "isRtl", "selectedTeamId"], outputs: ["onTeamClick", "onTeamRadioClick"] }, { kind: "component", type: ApprovalFlowUserListComponent, selector: "fdp-approval-flow-user-list", inputs: ["users", "selectedUsers", "isSelectable"], outputs: ["onUserClick", "onSelectionChange"] }, { kind: "component", type: ApprovalFlowUserDetailsComponent, selector: "fdp-approval-flow-user-details", inputs: ["user", "details", "detailsTemplate"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ApprovalFlowAddNodeComponent, deps: [{ token: i1.DialogRef }, { token: i2.ApprovalFlowAddNodeViewService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ApprovalFlowAddNodeComponent, isStandalone: true, selector: "fdp-approval-flow-add-node", host: { classAttribute: "fdp-approval-flow-dialog fdp-approval-flow-add-node" }, ngImport: i0, template: "<fd-dialog fdCompact>\n    <fd-dialog-header [class.show-search]=\"_selectMode && !_userToShowDetails\">\n        <ng-template fdkTemplate=\"header\">\n            <p>\n                <ng-container *ngIf=\"!_selectMode && !_data.isEdit\">\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderAddApprovers' | fdTranslate }}\n                </ng-container>\n\n                <ng-container *ngIf=\"!_selectMode && _data.isEdit\">\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderEditApprover' | fdTranslate }}\n                </ng-container>\n\n                <ng-container *ngIf=\"viewService.isSelectUserMode || viewService.isSelectTeamMode\">\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderAddApproverTeam' | fdTranslate }}\n                </ng-container>\n\n                <ng-container *ngIf=\"viewService.isTeamMembersMode\">\n                    <fd-icon [glyph]=\"_headerArrowGlyph\" (click)=\"_exitTeamMembersMode()\"></fd-icon>\n                    {{ viewService.team?.name ?? '' }} ({{ viewService.team?.members?.length ?? 0 }})\n                </ng-container>\n\n                <ng-container *ngIf=\"viewService.isUserDetailsMode\">\n                    <fd-icon [glyph]=\"_headerArrowGlyph\" (click)=\"_exitUserDetailsMode()\"></fd-icon>\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderDetail' | fdTranslate }}\n                </ng-container>\n            </p>\n\n            <fdp-search-field\n                *ngIf=\"_selectMode && !_userToShowDetails\"\n                [placeholder]=\"'platformApprovalFlow.addNodeSearchPlaceholder' | fdTranslate\"\n                [suggestions]=\"[]\"\n                (inputChange)=\"_onSearchStringChange($event.text)\"\n            ></fdp-search-field>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body [class.fd-dialog__body--auto-height]=\"viewService.isUserDetailsMode\">\n        <ng-container *ngIf=\"!_selectMode\">\n            <div fd-form-item *ngIf=\"_data.showNodeTypeSelect\">\n                <label fd-form-label>\n                    {{ 'platformApprovalFlow.addNodeDialogNodeType' | fdTranslate }}\n                </label>\n\n                <fd-select [(value)]=\"_nodeType\">\n                    <ng-container *ngFor=\"let option of _nodeTypesArray\">\n                        <ng-container [ngSwitch]=\"option\">\n                            <li fd-option *ngSwitchCase=\"_nodeTypes.SERIAL\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogNodeTypeSerial' | fdTranslate }}\n                            </li>\n\n                            <li fd-option *ngSwitchCase=\"_nodeTypes.PARALLEL\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogNodeTypeParallel' | fdTranslate }}\n                            </li>\n                        </ng-container>\n                    </ng-container>\n                </fd-select>\n            </div>\n\n            <div fd-form-item>\n                <label fd-form-label>\n                    {{ 'platformApprovalFlow.addNodeDialogApproverType' | fdTranslate }}\n                </label>\n\n                <fd-select [(value)]=\"_approverType\">\n                    <ng-container *ngFor=\"let option of _approverTypesArray\">\n                        <ng-container [ngSwitch]=\"option\">\n                            <li fd-option *ngSwitchCase=\"_approverTypes.SINGLE_USER\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogApproverTypeUser' | fdTranslate }}\n                            </li>\n\n                            <li fd-option *ngSwitchCase=\"_approverTypes.ANYONE\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogApproverTypeTeamAnyone' | fdTranslate }}\n                            </li>\n\n                            <li fd-option *ngSwitchCase=\"_approverTypes.EVERYONE\" [value]=\"option\">\n                                {{ 'platformApprovalFlow.addNodeDialogApproverTypeTeamEveryone' | fdTranslate }}\n                            </li>\n                        </ng-container>\n                    </ng-container>\n                </fd-select>\n            </div>\n\n            <div fd-form-item>\n                <label fd-form-label>{{ 'platformApprovalFlow.addNodeDialogUserOrTeam' | fdTranslate }}</label>\n\n                <fd-multi-input\n                    *ngIf=\"_isSingleUserMode\"\n                    [showAllButton]=\"false\"\n                    [dropdownValues]=\"_selectedApprovers\"\n                    [(ngModel)]=\"_selectedApprovers\"\n                    [displayFn]=\"_displayUserFn\"\n                    (openChange)=\"_goToSelectMode()\"\n                    (selectedChange)=\"_setSelectedApprovers($event)\"\n                ></fd-multi-input>\n\n                <fd-multi-input\n                    *ngIf=\"!_isSingleUserMode\"\n                    [showAllButton]=\"false\"\n                    [dropdownValues]=\"_selectedTeamArray\"\n                    [(ngModel)]=\"_selectedTeamArray\"\n                    [displayFn]=\"_displayTeamFn\"\n                    (openChange)=\"_goToSelectMode()\"\n                ></fd-multi-input>\n            </div>\n\n            <div *ngIf=\"_nodeType === _nodeTypes.PARALLEL\" fd-form-item>\n                <fd-checkbox [(ngModel)]=\"_addToNextSerial\">\n                    {{ 'platformApprovalFlow.addNodeDialogAddToNext' | fdTranslate }}\n                </fd-checkbox>\n            </div>\n\n            <div *ngIf=\"_checkDueDate\" fd-form-item>\n                <label fd-form-label>{{ 'platformApprovalFlow.addNodeDialogDueDate' | fdTranslate }}</label>\n\n                <fd-date-picker type=\"single\" [state]=\"!this._dueDate ? 'error' : null\" [(ngModel)]=\"_dueDate\">\n                </fd-date-picker>\n            </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"_selectMode\">\n            <ng-container *ngIf=\"viewService.isSelectTeamMode\">\n                <fdp-approval-flow-team-list\n                    *ngIf=\"!_data.teamDataSource.isDataLoading; else loadingTpl\"\n                    [isRtl]=\"_data.rtl\"\n                    [teams]=\"_teams\"\n                    [selectedTeamId]=\"_selectedTeam?.id\"\n                    (onTeamClick)=\"_viewTeamMembers($event)\"\n                    (onTeamRadioClick)=\"_setSelectedTeam($event)\"\n                ></fdp-approval-flow-team-list>\n            </ng-container>\n\n            <ng-container *ngIf=\"viewService.isSelectUserMode || viewService.isTeamMembersMode\">\n                <fdp-approval-flow-user-list\n                    *ngIf=\"viewService.isSelectUserMode || !_data.userDataSource.isDataLoading; else loadingTpl\"\n                    [users]=\"viewService.isSelectUserMode ? _approvers : _filteredTeamMembers\"\n                    [isSelectable]=\"viewService.isSelectUserMode\"\n                    [selectedUsers]=\"_selectedApprovers\"\n                    (onUserClick)=\"_seeUserDetails($event)\"\n                    (onSelectionChange)=\"_selectedApprovers = $event\"\n                ></fdp-approval-flow-user-list>\n            </ng-container>\n\n            <fdp-approval-flow-user-details\n                *ngIf=\"viewService.isUserDetailsMode && _userToShowDetails\"\n                [user]=\"_userToShowDetails\"\n                [detailsTemplate]=\"_data.userDetailsTemplate\"\n                [details]=\"_userToShowDetailsData$\"\n            ></fdp-approval-flow-user-details>\n        </ng-container>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <ng-container *ngIf=\"!_selectMode\">\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"'platformApprovalFlow.addNodeAddActionBtnLabel' | fdTranslate\"\n                [disabled]=\"_isMainSubmitButtonDisabled\"\n                (click)=\"_submit()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                fdkInitialFocus\n                fdType=\"transparent\"\n                [label]=\"'platformApprovalFlow.addNodeCancelActionBtnLabel' | fdTranslate\"\n                (click)=\"dialogRef.close()\"\n            ></fd-button-bar>\n        </ng-container>\n\n        <ng-container *ngIf=\"_selectMode\">\n            <ng-container *ngIf=\"viewService.isSelectUserMode\">\n                <fd-button-bar\n                    fdType=\"emphasized\"\n                    [label]=\"'platformApprovalFlow.addNodeSelectApproverActionBtnLabel' | fdTranslate\"\n                    [disabled]=\"!_selectedApprovers.length\"\n                    (click)=\"_confirmSelectedApprovers()\"\n                ></fd-button-bar>\n\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeCancelApproverSelectionActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitSelectMode()\"\n                ></fd-button-bar>\n            </ng-container>\n\n            <ng-container *ngIf=\"viewService.isSelectTeamMode\">\n                <fd-button-bar\n                    fdType=\"emphasized\"\n                    [label]=\"'platformApprovalFlow.addNodeSelectApproverActionBtnLabel' | fdTranslate\"\n                    [disabled]=\"!_selectedTeam && !viewService.team\"\n                    (click)=\"_confirmSelectedTeam()\"\n                ></fd-button-bar>\n\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeCancelApproverSelectionActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitSelectMode()\"\n                ></fd-button-bar>\n            </ng-container>\n\n            <ng-container *ngIf=\"viewService.isTeamMembersMode\">\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeApproverOrTeamDetailsCloseActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitTeamMembersMode()\"\n                ></fd-button-bar>\n            </ng-container>\n\n            <ng-container *ngIf=\"viewService.isUserDetailsMode\">\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeApproverOrTeamDetailsCloseActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitUserDetailsMode()\"\n                ></fd-button-bar>\n            </ng-container>\n        </ng-container>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <fd-busy-indicator [loading]=\"true\" [block]=\"true\"> </fd-busy-indicator>\n</ng-template>\n", styles: [".fdp-approval-flow-dialog a{color:#0a6ed1;color:var(--sapLinkColor, #0a6ed1)}.fdp-approval-flow-dialog .fd-list--byline .fd-list__byline-left{width:100%}.fdp-approval-flow-dialog fd-popover{width:100%}.fdp-approval-flow-dialog fd-dialog fd-dialog-header{margin-bottom:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header .fd-bar--header{flex-direction:column;padding-bottom:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header p{font-size:1rem;margin:.65rem 0}.fdp-approval-flow-dialog fd-dialog fd-dialog-header p fd-icon{font-size:.875rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);position:relative;cursor:pointer;margin-right:.75rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header.show-search{margin-bottom:0}.fdp-approval-flow-dialog fd-dialog fd-dialog-header.show-search .fd-bar--header{min-height:2.5rem;height:auto}.fdp-approval-flow-dialog fd-dialog fd-avatar{margin-right:.652rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-body{padding:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-body fdp-list{display:block;margin-left:-1rem;margin-right:-1rem}.fdp-approval-flow-dialog fd-dialog fdp-standard-list-item .fd-checkbox__label{position:relative;left:.3125rem}.fdp-approval-flow-dialog fd-dialog fdp-standard-list-item fd-avatar{margin-left:.1875rem}.fdp-approval-flow-dialog .fd-form-item{margin-bottom:1rem}[dir=rtl] .fdp-approval-flow-dialog fd-dialog-header p fd-icon,.fdp-approval-flow-dialog[dir=rtl] fd-dialog-header p fd-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .fdp-approval-flow-dialog fd-avatar,.fdp-approval-flow-dialog[dir=rtl] fd-avatar{margin-right:0;margin-left:.652rem}[dir=rtl] .fdp-approval-flow-dialog fdp-standard-list-item .fd-checkbox__label,.fdp-approval-flow-dialog[dir=rtl] fdp-standard-list-item .fd-checkbox__label{left:auto;right:.3125rem}\n", ".fdp-approval-flow-add-node .fd-dialog__body{width:20rem;height:27rem}.fdp-approval-flow-add-node .fd-dialog__body--auto-height{height:auto}\n"], dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: SelectComponent, selector: "fd-select", inputs: ["extendedBodyTemplate", "scrollStrategy", "controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "advancedStateMessage", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "component", type: MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "openDropdownOnAddOnClicked", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "optionItemIdentifier", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "byline", "autoComplete", "open", "displayAddonButton", "tokenHiddenId"], outputs: ["searchTermChange", "selectedChange", "openChange", "addOnButtonClicked", "allItemsSelectedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: DatePickerComponent, selector: "fd-date-picker", inputs: ["type", "placeholder", "inputId", "required", "message", "messageTriggers", "selectedDate", "selectedRangeDate", "startingDayOfWeek", "rangeHoverEffect", "useValidation", "allowNull", "activeView", "placement", "appendTo", "disabled", "closeOnDateChoose", "showTodayButton", "todayButtonLabel", "previousButtonDisableFunction", "nextButtonDisableFunction", "state", "buttonFocusable", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "markWeekends", "showWeekNumbers", "isOpen", "inline", "ariaLabelledBy", "processInputOnBlur", "preventScrollOnFocus", "mobile", "mobileConfig", "mobileLandscape", "mobilePortrait", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["isOpenChange", "selectedDateChange", "selectedRangeDateChange", "activeViewChange"] }, { kind: "component", type: ApprovalFlowTeamListComponent, selector: "fdp-approval-flow-team-list", inputs: ["teams", "isRtl", "selectedTeamId"], outputs: ["onTeamClick", "onTeamRadioClick"] }, { kind: "component", type: ApprovalFlowUserListComponent, selector: "fdp-approval-flow-user-list", inputs: ["users", "selectedUsers", "isSelectable"], outputs: ["onUserClick", "onSelectionChange"] }, { kind: "component", type: ApprovalFlowUserDetailsComponent, selector: "fdp-approval-flow-user-details", inputs: ["user", "details", "detailsTemplate"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowAddNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ApprovalFlowAddNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-approval-flow-add-node', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fdp-approval-flow-dialog fdp-approval-flow-add-node'

package/esm2022/approval-flow/approval-flow-approver-details/approval-flow-approver-details.component.mjs CHANGED Viewed

@@ -82,10 +82,10 @@ export class ApprovalFlowApproverDetailsComponent {
         }
         this._setListItems(this._data.node?.approvers.filter((user) => filterByName(user, searchString)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowApproverDetailsComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowApproverDetailsComponent, isStandalone: true, selector: "fdp-approval-flow-approver-details", host: { classAttribute: "fdp-approval-flow-dialog fdp-approval-flow-approver-details" }, ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header [class.show-search]=\"!_userToShowDetails && _isListMode\">\n        <ng-template fdkTemplate=\"header\">\n            <p>\n                <fd-icon\n                    *ngIf=\"_userToShowDetails && _data.node?.approvers && _data.node!.approvers!.length > 1\"\n                    [glyph]=\"'navigation-' + (_data.rtl ? 'right' : 'left') + '-arrow'\"\n                    tabindex=\"0\"\n                    role=\"button\"\n                    (click)=\"_exitUserDetailsMode()\"\n                    (keyup.space)=\"_exitUserDetailsMode()\"\n                    (keyup.enter)=\"_exitUserDetailsMode()\"\n                ></fd-icon>\n                <ng-container *ngIf=\"_isListMode && !_userToShowDetails; else defaultHeader\"\n                    >{{ _data.node?.description }} ({{ _data.node?.approvers?.length ?? 0 }})</ng-container\n                >\n            </p>\n\n            <fdp-search-field\n                *ngIf=\"!_userToShowDetails && _isListMode\"\n                [placeholder]=\"'platformApprovalFlow.addNodeSearchPlaceholder' | fdTranslate\"\n                fdCompact\n                [suggestions]=\"[]\"\n                (inputChange)=\"_onSearchStringChange($event.text)\"\n            ></fdp-search-field>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-approval-flow-user-details\n            *ngIf=\"_userToShowDetails\"\n            [user]=\"_userToShowDetails\"\n            [detailsTemplate]=\"_data.userDetailsTemplate\"\n            [details]=\"_userToShowDetailsData$\"\n        ></fdp-approval-flow-user-details>\n        <fdp-approval-flow-user-list\n            *ngIf=\"_isListMode\"\n            [users]=\"_listItems\"\n            (onUserClick)=\"_seeUserDetails($event)\"\n            (onSelectionChange)=\"_selectedUsers = $event\"\n        ></fdp-approval-flow-user-list>\n    </fd-dialog-body>\n\n    <fd-dialog-footer fdCompact>\n        <ng-container *ngIf=\"_isListMode || (_userToShowDetails && _data.node?.approvers?.length === 1)\">\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"'platformApprovalFlow.userDetailsSendReminderBtnLabel' | fdTranslate\"\n                [disabled]=\"!_data.allowSendReminder || (_isListMode && !_selectedUsers.length)\"\n                (click)=\"_sendReminder()\"\n            ></fd-button-bar>\n        </ng-container>\n\n        <fd-button-bar\n            fdkInitialFocus\n            fdType=\"transparent\"\n            [label]=\"'platformApprovalFlow.userDetailsCancelBtnLabel' | fdTranslate\"\n            (click)=\"dialogRef.close('Cancel')\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #defaultHeader>\n    {{ 'platformApprovalFlow.userDetailsHeader' | fdTranslate }}\n</ng-template>\n", styles: [".fdp-approval-flow-dialog a{color:#0a6ed1;color:var(--sapLinkColor, #0a6ed1)}.fdp-approval-flow-dialog .fd-list--byline .fd-list__byline-left{width:100%}.fdp-approval-flow-dialog fd-popover{width:100%}.fdp-approval-flow-dialog fd-dialog fd-dialog-header{margin-bottom:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header .fd-bar--header{flex-direction:column;padding-bottom:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header p{font-size:1rem;margin:.65rem 0}.fdp-approval-flow-dialog fd-dialog fd-dialog-header p fd-icon{font-size:.875rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);position:relative;cursor:pointer;margin-right:.75rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header.show-search{margin-bottom:0}.fdp-approval-flow-dialog fd-dialog fd-dialog-header.show-search .fd-bar--header{min-height:2.5rem;height:auto}.fdp-approval-flow-dialog fd-dialog fd-avatar{margin-right:.652rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-body{padding:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-body fdp-list{display:block;margin-left:-1rem;margin-right:-1rem}.fdp-approval-flow-dialog fd-dialog fdp-standard-list-item .fd-checkbox__label{position:relative;left:.3125rem}.fdp-approval-flow-dialog fd-dialog fdp-standard-list-item fd-avatar{margin-left:.1875rem}.fdp-approval-flow-dialog .fd-form-item{margin-bottom:1rem}[dir=rtl] .fdp-approval-flow-dialog fd-dialog-header p fd-icon,.fdp-approval-flow-dialog[dir=rtl] fd-dialog-header p fd-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .fdp-approval-flow-dialog fd-avatar,.fdp-approval-flow-dialog[dir=rtl] fd-avatar{margin-right:0;margin-left:.652rem}[dir=rtl] .fdp-approval-flow-dialog fdp-standard-list-item .fd-checkbox__label,.fdp-approval-flow-dialog[dir=rtl] fdp-standard-list-item .fd-checkbox__label{left:auto;right:.3125rem}\n"], dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: ApprovalFlowUserDetailsComponent, selector: "fdp-approval-flow-user-details", inputs: ["user", "details", "detailsTemplate"] }, { kind: "component", type: ApprovalFlowUserListComponent, selector: "fdp-approval-flow-user-list", inputs: ["users", "selectedUsers", "isSelectable"], outputs: ["onUserClick", "onSelectionChange"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ApprovalFlowApproverDetailsComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ApprovalFlowApproverDetailsComponent, isStandalone: true, selector: "fdp-approval-flow-approver-details", host: { classAttribute: "fdp-approval-flow-dialog fdp-approval-flow-approver-details" }, ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header [class.show-search]=\"!_userToShowDetails && _isListMode\">\n        <ng-template fdkTemplate=\"header\">\n            <p>\n                <fd-icon\n                    *ngIf=\"_userToShowDetails && _data.node?.approvers && _data.node!.approvers!.length > 1\"\n                    [glyph]=\"'navigation-' + (_data.rtl ? 'right' : 'left') + '-arrow'\"\n                    tabindex=\"0\"\n                    role=\"button\"\n                    (click)=\"_exitUserDetailsMode()\"\n                    (keyup.space)=\"_exitUserDetailsMode()\"\n                    (keyup.enter)=\"_exitUserDetailsMode()\"\n                ></fd-icon>\n                <ng-container *ngIf=\"_isListMode && !_userToShowDetails; else defaultHeader\"\n                    >{{ _data.node?.description }} ({{ _data.node?.approvers?.length ?? 0 }})</ng-container\n                >\n            </p>\n\n            <fdp-search-field\n                *ngIf=\"!_userToShowDetails && _isListMode\"\n                [placeholder]=\"'platformApprovalFlow.addNodeSearchPlaceholder' | fdTranslate\"\n                fdCompact\n                [suggestions]=\"[]\"\n                (inputChange)=\"_onSearchStringChange($event.text)\"\n            ></fdp-search-field>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-approval-flow-user-details\n            *ngIf=\"_userToShowDetails\"\n            [user]=\"_userToShowDetails\"\n            [detailsTemplate]=\"_data.userDetailsTemplate\"\n            [details]=\"_userToShowDetailsData$\"\n        ></fdp-approval-flow-user-details>\n        <fdp-approval-flow-user-list\n            *ngIf=\"_isListMode\"\n            [users]=\"_listItems\"\n            (onUserClick)=\"_seeUserDetails($event)\"\n            (onSelectionChange)=\"_selectedUsers = $event\"\n        ></fdp-approval-flow-user-list>\n    </fd-dialog-body>\n\n    <fd-dialog-footer fdCompact>\n        <ng-container *ngIf=\"_isListMode || (_userToShowDetails && _data.node?.approvers?.length === 1)\">\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"'platformApprovalFlow.userDetailsSendReminderBtnLabel' | fdTranslate\"\n                [disabled]=\"!_data.allowSendReminder || (_isListMode && !_selectedUsers.length)\"\n                (click)=\"_sendReminder()\"\n            ></fd-button-bar>\n        </ng-container>\n\n        <fd-button-bar\n            fdkInitialFocus\n            fdType=\"transparent\"\n            [label]=\"'platformApprovalFlow.userDetailsCancelBtnLabel' | fdTranslate\"\n            (click)=\"dialogRef.close('Cancel')\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #defaultHeader>\n    {{ 'platformApprovalFlow.userDetailsHeader' | fdTranslate }}\n</ng-template>\n", styles: [".fdp-approval-flow-dialog a{color:#0a6ed1;color:var(--sapLinkColor, #0a6ed1)}.fdp-approval-flow-dialog .fd-list--byline .fd-list__byline-left{width:100%}.fdp-approval-flow-dialog fd-popover{width:100%}.fdp-approval-flow-dialog fd-dialog fd-dialog-header{margin-bottom:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header .fd-bar--header{flex-direction:column;padding-bottom:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header p{font-size:1rem;margin:.65rem 0}.fdp-approval-flow-dialog fd-dialog fd-dialog-header p fd-icon{font-size:.875rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);position:relative;cursor:pointer;margin-right:.75rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-header.show-search{margin-bottom:0}.fdp-approval-flow-dialog fd-dialog fd-dialog-header.show-search .fd-bar--header{min-height:2.5rem;height:auto}.fdp-approval-flow-dialog fd-dialog fd-avatar{margin-right:.652rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-body{padding:1rem}.fdp-approval-flow-dialog fd-dialog fd-dialog-body fdp-list{display:block;margin-left:-1rem;margin-right:-1rem}.fdp-approval-flow-dialog fd-dialog fdp-standard-list-item .fd-checkbox__label{position:relative;left:.3125rem}.fdp-approval-flow-dialog fd-dialog fdp-standard-list-item fd-avatar{margin-left:.1875rem}.fdp-approval-flow-dialog .fd-form-item{margin-bottom:1rem}[dir=rtl] .fdp-approval-flow-dialog fd-dialog-header p fd-icon,.fdp-approval-flow-dialog[dir=rtl] fd-dialog-header p fd-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .fdp-approval-flow-dialog fd-avatar,.fdp-approval-flow-dialog[dir=rtl] fd-avatar{margin-right:0;margin-left:.652rem}[dir=rtl] .fdp-approval-flow-dialog fdp-standard-list-item .fd-checkbox__label,.fdp-approval-flow-dialog[dir=rtl] fdp-standard-list-item .fd-checkbox__label{left:auto;right:.3125rem}\n"], dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: ApprovalFlowUserDetailsComponent, selector: "fdp-approval-flow-user-details", inputs: ["user", "details", "detailsTemplate"] }, { kind: "component", type: ApprovalFlowUserListComponent, selector: "fdp-approval-flow-user-list", inputs: ["users", "selectedUsers", "isSelectable"], outputs: ["onUserClick", "onSelectionChange"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowApproverDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ApprovalFlowApproverDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-approval-flow-approver-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fdp-approval-flow-dialog fdp-approval-flow-approver-details'

package/esm2022/approval-flow/approval-flow-messages/approval-flow-messages.component.mjs CHANGED Viewed

@@ -31,10 +31,10 @@ export class ApprovalFlowMessagesComponent {
         this._dismissMessage(messageIndex);
         this.undoLastAction.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowMessagesComponent, isStandalone: true, selector: "fdp-approval-flow-messages", inputs: { messages: "messages", undoLastActionAvailable: "undoLastActionAvailable" }, outputs: { messagesChange: "messagesChange", undoLastAction: "undoLastAction" }, host: { classAttribute: "fdp-approval-flow-messages" }, ngImport: i0, template: "<fd-message-strip\n    *ngFor=\"let message of messages; let i = index\"\n    class=\"fdp-approval-flow-messages__item\"\n    [type]=\"message.type === 'error' ? 'error' : 'success'\"\n    [dismissible]=\"message.type !== 'error'\"\n    (onDismiss)=\"_dismissMessage(i)\"\n>\n    <bdi>\n        <span [ngSwitch]=\"message.type\">\n            <ng-container *ngSwitchCase=\"'approverAddSuccess'\">\n                {{ 'platformApprovalFlow.messagesApproverAddedSuccess' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'teamAddSuccess'\">\n                {{ 'platformApprovalFlow.messagesTeamAddedSuccess' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'nodeEdit'\">\n                {{ 'platformApprovalFlow.messagesNodeEdited' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'nodeRemove'\">\n                {{ 'platformApprovalFlow.messagesNodeRemovedSingular' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'nodesRemove'\">\n                {{ 'platformApprovalFlow.messagesNodeRemovedPlural' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'teamRemove'\">\n                {{ 'platformApprovalFlow.messagesTeamRemoved' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'error'\">\n                {{ 'platformApprovalFlow.messagesErrorBuildGraph' | fdTranslate }}\n            </ng-container>\n        </span>\n\n        <a\n            href=\"#\"\n            *ngIf=\"undoLastActionAvailable\"\n            (click)=\"_undoLastAction(i, $event)\"\n            (keyup.enter)=\"_undoLastAction(i, $event)\"\n            (keyup.space)=\"_undoLastAction(i, $event)\"\n        >\n            {{ 'platformApprovalFlow.messagesUndoAction' | fdTranslate }}\n        </a>\n    </bdi>\n</fd-message-strip>\n", styles: [".fdp-approval-flow-messages__item:not(:last-child){margin-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ApprovalFlowMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ApprovalFlowMessagesComponent, isStandalone: true, selector: "fdp-approval-flow-messages", inputs: { messages: "messages", undoLastActionAvailable: "undoLastActionAvailable" }, outputs: { messagesChange: "messagesChange", undoLastAction: "undoLastAction" }, host: { classAttribute: "fdp-approval-flow-messages" }, ngImport: i0, template: "<fd-message-strip\n    *ngFor=\"let message of messages; let i = index\"\n    class=\"fdp-approval-flow-messages__item\"\n    [type]=\"message.type === 'error' ? 'error' : 'success'\"\n    [dismissible]=\"message.type !== 'error'\"\n    (onDismiss)=\"_dismissMessage(i)\"\n>\n    <bdi>\n        <span [ngSwitch]=\"message.type\">\n            <ng-container *ngSwitchCase=\"'approverAddSuccess'\">\n                {{ 'platformApprovalFlow.messagesApproverAddedSuccess' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'teamAddSuccess'\">\n                {{ 'platformApprovalFlow.messagesTeamAddedSuccess' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'nodeEdit'\">\n                {{ 'platformApprovalFlow.messagesNodeEdited' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'nodeRemove'\">\n                {{ 'platformApprovalFlow.messagesNodeRemovedSingular' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'nodesRemove'\">\n                {{ 'platformApprovalFlow.messagesNodeRemovedPlural' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'teamRemove'\">\n                {{ 'platformApprovalFlow.messagesTeamRemoved' | fdTranslate }}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'error'\">\n                {{ 'platformApprovalFlow.messagesErrorBuildGraph' | fdTranslate }}\n            </ng-container>\n        </span>\n\n        <a\n            href=\"#\"\n            *ngIf=\"undoLastActionAvailable\"\n            (click)=\"_undoLastAction(i, $event)\"\n            (keyup.enter)=\"_undoLastAction(i, $event)\"\n            (keyup.space)=\"_undoLastAction(i, $event)\"\n        >\n            {{ 'platformApprovalFlow.messagesUndoAction' | fdTranslate }}\n        </a>\n    </bdi>\n</fd-message-strip>\n", styles: [".fdp-approval-flow-messages__item:not(:last-child){margin-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ApprovalFlowMessagesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-approval-flow-messages', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fdp-approval-flow-messages'