@fundamental-ngx/platform 0.58.0-rc.72 → 0.58.0-rc.74

package/fesm2022/fundamental-ngx-platform-approval-flow.mjs

@@ -1014,7 +1014,7 @@ class ApprovalFlowAddNodeComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ApprovalFlowAddNodeComponent, deps: [{ token: i1$1.DialogRef }, { token: ApprovalFlowAddNodeViewService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", 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                @if (!_selectMode && !_data.isEdit) {\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderAddApprovers' | fdTranslate }}\n                }\n                @if (!_selectMode && _data.isEdit) {\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderEditApprover' | fdTranslate }}\n                }\n                @if (viewService.isSelectUserMode || viewService.isSelectTeamMode) {\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderAddApproverTeam' | fdTranslate }}\n                }\n                @if (viewService.isTeamMembersMode) {\n                    <fd-icon [glyph]=\"_headerArrowGlyph\" (click)=\"_exitTeamMembersMode()\"></fd-icon>\n                    {{ viewService.team?.name ?? '' }} ({{ viewService.team?.members?.length ?? 0 }})\n                }\n                @if (viewService.isUserDetailsMode) {\n                    <fd-icon [glyph]=\"_headerArrowGlyph\" (click)=\"_exitUserDetailsMode()\"></fd-icon>\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderDetail' | fdTranslate }}\n                }\n            </p>\n            @if (_selectMode && !_userToShowDetails) {\n                <fdp-search-field\n                    [placeholder]=\"'platformApprovalFlow.addNodeSearchPlaceholder' | fdTranslate\"\n                    [suggestions]=\"[]\"\n                    [inputText]=\"_searchInput\"\n                    (inputChange)=\"_onSearchStringChange($event.text)\"\n                ></fdp-search-field>\n            }\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body [class.fd-dialog__body--auto-height]=\"viewService.isUserDetailsMode\">\n        @if (!_selectMode) {\n            @if (_data.showNodeTypeSelect) {\n                <div fd-form-item>\n                    <label fd-form-label>\n                        {{ 'platformApprovalFlow.addNodeDialogNodeType' | fdTranslate }}\n                    </label>\n                    <fd-select [(value)]=\"_nodeType\">\n                        @for (option of _nodeTypesArray; track option) {\n                            @switch (option) {\n                                @case (_nodeTypes.SERIAL) {\n                                    <li fd-option [value]=\"option\">\n                                        {{ 'platformApprovalFlow.addNodeDialogNodeTypeSerial' | fdTranslate }}\n                                    </li>\n                                }\n                                @case (_nodeTypes.PARALLEL) {\n                                    <li fd-option [value]=\"option\">\n                                        {{ 'platformApprovalFlow.addNodeDialogNodeTypeParallel' | fdTranslate }}\n                                    </li>\n                                }\n                            }\n                        }\n                    </fd-select>\n                </div>\n            }\n            <div fd-form-item>\n                <label fd-form-label>\n                    {{ 'platformApprovalFlow.addNodeDialogApproverType' | fdTranslate }}\n                </label>\n                <fd-select [(value)]=\"_approverType\">\n                    @for (option of _approverTypesArray; track option) {\n                        @switch (option) {\n                            @case (_approverTypes.SINGLE_USER) {\n                                <li fd-option [value]=\"option\">\n                                    {{ 'platformApprovalFlow.addNodeDialogApproverTypeUser' | fdTranslate }}\n                                </li>\n                            }\n                            @case (_approverTypes.ANYONE) {\n                                <li fd-option [value]=\"option\">\n                                    {{ 'platformApprovalFlow.addNodeDialogApproverTypeTeamAnyone' | fdTranslate }}\n                                </li>\n                            }\n                            @case (_approverTypes.EVERYONE) {\n                                <li fd-option [value]=\"option\">\n                                    {{ 'platformApprovalFlow.addNodeDialogApproverTypeTeamEveryone' | fdTranslate }}\n                                </li>\n                            }\n                        }\n                    }\n                </fd-select>\n            </div>\n            <div fd-form-item>\n                <label fd-form-label>{{ 'platformApprovalFlow.addNodeDialogUserOrTeam' | fdTranslate }}</label>\n                @if (_isSingleUserMode) {\n                    <fd-multi-input\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                @if (!_isSingleUserMode) {\n                    <fd-multi-input\n                        [showAllButton]=\"false\"\n                        [dropdownValues]=\"_selectedTeamArray\"\n                        [(ngModel)]=\"_selectedTeamArray\"\n                        [displayFn]=\"_displayTeamFn\"\n                        (openChange)=\"_goToSelectMode()\"\n                    ></fd-multi-input>\n                }\n            </div>\n            @if (_nodeType === _nodeTypes.PARALLEL) {\n                <div fd-form-item>\n                    <fd-checkbox [(ngModel)]=\"_addToNextSerial\">\n                        {{ 'platformApprovalFlow.addNodeDialogAddToNext' | fdTranslate }}\n                    </fd-checkbox>\n                </div>\n            }\n            @if (_checkDueDate) {\n                <div fd-form-item>\n                    <label fd-form-label>{{ 'platformApprovalFlow.addNodeDialogDueDate' | fdTranslate }}</label>\n                    <fd-date-picker type=\"single\" [state]=\"!this._dueDate ? 'error' : null\" [(ngModel)]=\"_dueDate\">\n                    </fd-date-picker>\n                </div>\n            }\n        }\n        @if (_selectMode) {\n            @if (viewService.isSelectTeamMode) {\n                @if (!_data.teamDataSource.isDataLoading) {\n                    <fdp-approval-flow-team-list\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                } @else {\n                    <fd-busy-indicator [loading]=\"true\" [block]=\"true\"> </fd-busy-indicator>\n                }\n            }\n            @if (viewService.isSelectUserMode || viewService.isTeamMembersMode) {\n                @if (viewService.isSelectUserMode || !_data.userDataSource.isDataLoading) {\n                    <fdp-approval-flow-user-list\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                } @else {\n                    <fd-busy-indicator [loading]=\"true\" [block]=\"true\"> </fd-busy-indicator>\n                }\n            }\n            @if (viewService.isUserDetailsMode && _userToShowDetails) {\n                <fdp-approval-flow-user-details\n                    [user]=\"_userToShowDetails\"\n                    [detailsTemplate]=\"_data.userDetailsTemplate\"\n                    [details]=\"_userToShowDetailsData$\"\n                ></fdp-approval-flow-user-details>\n            }\n        }\n    </fd-dialog-body>\n    <fd-dialog-footer>\n        @if (!_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        }\n        @if (_selectMode) {\n            @if (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                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeCancelApproverSelectionActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitSelectMode()\"\n                ></fd-button-bar>\n            }\n            @if (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                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeCancelApproverSelectionActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitSelectMode()\"\n                ></fd-button-bar>\n            }\n            @if (viewService.isTeamMembersMode) {\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeApproverOrTeamDetailsCloseActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitTeamMembersMode()\"\n                ></fd-button-bar>\n            }\n            @if (viewService.isUserDetailsMode) {\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeApproverOrTeamDetailsCloseActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitUserDetailsMode()\"\n                ></fd-button-bar>\n            }\n        }\n    </fd-dialog-footer>\n</fd-dialog>\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: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "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", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { 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", "allowWrap", "inlineHelpLabel", "id"] }, { kind: "component", type: SelectComponent, selector: "fd-select", inputs: ["extendedBodyTemplate", "scrollStrategy", "textOverflow", "controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "maxHeight", "glyph", "glyphFont", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "advancedStateMessage", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { 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", "glyphFont", "dropdownValues", "openDropdownOnAddOnClicked", "addonIconTitle", "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", "addOnButtonAriaLabel"], outputs: ["searchTermChange", "selectedChange", "openChange", "addOnButtonClicked", "allItemsSelectedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: DatePickerComponent, selector: "fd-date-picker", inputs: ["type", "placeholder", "inputId", "required", "customDateTimeFormat", "message", "messageTriggers", "selectedDate", "selectedMultipleDates", "selectedRangeDate", "selectedMultipleDateRanges", "startingDayOfWeek", "rangeHoverEffect", "useValidation", "allowNull", "activeView", "placement", "appendTo", "disabled", "closeOnDateChoose", "showTodayButton", "todayButtonLabel", "previousButtonDisableFunction", "nextButtonDisableFunction", "state", "buttonFocusable", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "markWeekends", "showWeekNumbers", "allowMultipleSelection", "isOpen", "inline", "ariaLabelledBy", "processInputOnBlur", "preventScrollOnFocus", "mobile", "mobileConfig", "mobileLandscape", "mobilePortrait", "dateRangeFormat", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["isOpenChange", "selectedDateChange", "selectedMultipleDatesChange", "selectedRangeDateChange", "selectedMultipleDateRangesChange", "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", "ariaLabelledby", "id"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "ariaValueText", "title", "label", "ariaLive"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", 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                @if (!_selectMode && !_data.isEdit) {\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderAddApprovers' | fdTranslate }}\n                }\n                @if (!_selectMode && _data.isEdit) {\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderEditApprover' | fdTranslate }}\n                }\n                @if (viewService.isSelectUserMode || viewService.isSelectTeamMode) {\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderAddApproverTeam' | fdTranslate }}\n                }\n                @if (viewService.isTeamMembersMode) {\n                    <fd-icon [glyph]=\"_headerArrowGlyph\" (click)=\"_exitTeamMembersMode()\"></fd-icon>\n                    {{ viewService.team?.name ?? '' }} ({{ viewService.team?.members?.length ?? 0 }})\n                }\n                @if (viewService.isUserDetailsMode) {\n                    <fd-icon [glyph]=\"_headerArrowGlyph\" (click)=\"_exitUserDetailsMode()\"></fd-icon>\n                    {{ 'platformApprovalFlow.addNodeDialogHeaderDetail' | fdTranslate }}\n                }\n            </p>\n            @if (_selectMode && !_userToShowDetails) {\n                <fdp-search-field\n                    [placeholder]=\"'platformApprovalFlow.addNodeSearchPlaceholder' | fdTranslate\"\n                    [suggestions]=\"[]\"\n                    [inputText]=\"_searchInput\"\n                    (inputChange)=\"_onSearchStringChange($event.text)\"\n                ></fdp-search-field>\n            }\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body [class.fd-dialog__body--auto-height]=\"viewService.isUserDetailsMode\">\n        @if (!_selectMode) {\n            @if (_data.showNodeTypeSelect) {\n                <div fd-form-item>\n                    <label fd-form-label>\n                        {{ 'platformApprovalFlow.addNodeDialogNodeType' | fdTranslate }}\n                    </label>\n                    <fd-select [(value)]=\"_nodeType\">\n                        @for (option of _nodeTypesArray; track option) {\n                            @switch (option) {\n                                @case (_nodeTypes.SERIAL) {\n                                    <li fd-option [value]=\"option\">\n                                        {{ 'platformApprovalFlow.addNodeDialogNodeTypeSerial' | fdTranslate }}\n                                    </li>\n                                }\n                                @case (_nodeTypes.PARALLEL) {\n                                    <li fd-option [value]=\"option\">\n                                        {{ 'platformApprovalFlow.addNodeDialogNodeTypeParallel' | fdTranslate }}\n                                    </li>\n                                }\n                            }\n                        }\n                    </fd-select>\n                </div>\n            }\n            <div fd-form-item>\n                <label fd-form-label>\n                    {{ 'platformApprovalFlow.addNodeDialogApproverType' | fdTranslate }}\n                </label>\n                <fd-select [(value)]=\"_approverType\">\n                    @for (option of _approverTypesArray; track option) {\n                        @switch (option) {\n                            @case (_approverTypes.SINGLE_USER) {\n                                <li fd-option [value]=\"option\">\n                                    {{ 'platformApprovalFlow.addNodeDialogApproverTypeUser' | fdTranslate }}\n                                </li>\n                            }\n                            @case (_approverTypes.ANYONE) {\n                                <li fd-option [value]=\"option\">\n                                    {{ 'platformApprovalFlow.addNodeDialogApproverTypeTeamAnyone' | fdTranslate }}\n                                </li>\n                            }\n                            @case (_approverTypes.EVERYONE) {\n                                <li fd-option [value]=\"option\">\n                                    {{ 'platformApprovalFlow.addNodeDialogApproverTypeTeamEveryone' | fdTranslate }}\n                                </li>\n                            }\n                        }\n                    }\n                </fd-select>\n            </div>\n            <div fd-form-item>\n                <label fd-form-label>{{ 'platformApprovalFlow.addNodeDialogUserOrTeam' | fdTranslate }}</label>\n                @if (_isSingleUserMode) {\n                    <fd-multi-input\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                @if (!_isSingleUserMode) {\n                    <fd-multi-input\n                        [showAllButton]=\"false\"\n                        [dropdownValues]=\"_selectedTeamArray\"\n                        [(ngModel)]=\"_selectedTeamArray\"\n                        [displayFn]=\"_displayTeamFn\"\n                        (openChange)=\"_goToSelectMode()\"\n                    ></fd-multi-input>\n                }\n            </div>\n            @if (_nodeType === _nodeTypes.PARALLEL) {\n                <div fd-form-item>\n                    <fd-checkbox [(ngModel)]=\"_addToNextSerial\">\n                        {{ 'platformApprovalFlow.addNodeDialogAddToNext' | fdTranslate }}\n                    </fd-checkbox>\n                </div>\n            }\n            @if (_checkDueDate) {\n                <div fd-form-item>\n                    <label fd-form-label>{{ 'platformApprovalFlow.addNodeDialogDueDate' | fdTranslate }}</label>\n                    <fd-date-picker type=\"single\" [state]=\"!this._dueDate ? 'error' : null\" [(ngModel)]=\"_dueDate\">\n                    </fd-date-picker>\n                </div>\n            }\n        }\n        @if (_selectMode) {\n            @if (viewService.isSelectTeamMode) {\n                @if (!_data.teamDataSource.isDataLoading) {\n                    <fdp-approval-flow-team-list\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                } @else {\n                    <fd-busy-indicator [loading]=\"true\" [block]=\"true\"> </fd-busy-indicator>\n                }\n            }\n            @if (viewService.isSelectUserMode || viewService.isTeamMembersMode) {\n                @if (viewService.isSelectUserMode || !_data.userDataSource.isDataLoading) {\n                    <fdp-approval-flow-user-list\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                } @else {\n                    <fd-busy-indicator [loading]=\"true\" [block]=\"true\"> </fd-busy-indicator>\n                }\n            }\n            @if (viewService.isUserDetailsMode && _userToShowDetails) {\n                <fdp-approval-flow-user-details\n                    [user]=\"_userToShowDetails\"\n                    [detailsTemplate]=\"_data.userDetailsTemplate\"\n                    [details]=\"_userToShowDetailsData$\"\n                ></fdp-approval-flow-user-details>\n            }\n        }\n    </fd-dialog-body>\n    <fd-dialog-footer>\n        @if (!_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        }\n        @if (_selectMode) {\n            @if (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                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeCancelApproverSelectionActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitSelectMode()\"\n                ></fd-button-bar>\n            }\n            @if (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                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeCancelApproverSelectionActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitSelectMode()\"\n                ></fd-button-bar>\n            }\n            @if (viewService.isTeamMembersMode) {\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeApproverOrTeamDetailsCloseActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitTeamMembersMode()\"\n                ></fd-button-bar>\n            }\n            @if (viewService.isUserDetailsMode) {\n                <fd-button-bar\n                    fdkInitialFocus\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.addNodeApproverOrTeamDetailsCloseActionBtnLabel' | fdTranslate\"\n                    (click)=\"_exitUserDetailsMode()\"\n                ></fd-button-bar>\n            }\n        }\n    </fd-dialog-footer>\n</fd-dialog>\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: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "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", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { 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", "allowWrap", "inlineHelpLabel", "id"] }, { kind: "component", type: SelectComponent, selector: "fd-select", inputs: ["extendedBodyTemplate", "scrollStrategy", "textOverflow", "controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "maxHeight", "glyph", "glyphFont", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "advancedStateMessage", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { 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", "glyphFont", "dropdownValues", "openDropdownOnAddOnClicked", "addonIconTitle", "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", "addOnButtonAriaLabel"], outputs: ["searchTermChange", "selectedChange", "openChange", "addOnButtonClicked", "allItemsSelectedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: DatePickerComponent, selector: "fd-date-picker", inputs: ["type", "placeholder", "inputId", "required", "customDateTimeFormat", "message", "messageTriggers", "selectedDate", "selectedMultipleDates", "selectedRangeDate", "selectedMultipleDateRanges", "startingDayOfWeek", "rangeHoverEffect", "useValidation", "allowNull", "activeView", "placement", "appendTo", "disabled", "closeOnDateChoose", "showTodayButton", "todayButtonLabel", "previousButtonDisableFunction", "nextButtonDisableFunction", "buttonFocusable", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "markWeekends", "showWeekNumbers", "allowMultipleSelection", "inline", "ariaLabelledBy", "processInputOnBlur", "preventScrollOnFocus", "mobile", "mobileConfig", "mobileLandscape", "mobilePortrait", "dateRangeFormat", "showCalendarLegend", "legendCol", "state", "isOpen", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["isOpenChange", "selectedDateChange", "selectedMultipleDatesChange", "selectedRangeDateChange", "selectedMultipleDateRangesChange", "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", "ariaLabelledby", "id"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "ariaValueText", "title", "label", "ariaLive"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ApprovalFlowAddNodeComponent, decorators: [{
             type: Component,