npm - @fundamental-ngx/platform - Versions diffs - 0.44.1-rc.3 → 0.45.0 - Mend

@fundamental-ngx/platform 0.44.1-rc.3 → 0.45.0

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 (277) hide show

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

@@ -32,7 +32,7 @@ export class ApprovalFlowMessagesComponent {
         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, 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "pipe", type: i3.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowMessagesComponent, 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "pipe", type: i3.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: [{
             type: Component,

package/esm2022/approval-flow/approval-flow-select-type/approval-flow-select-type.component.mjs CHANGED Viewed

@@ -5,8 +5,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "@fundamental-ngx/core/dialog";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
-import * as i4 from "@fundamental-ngx/core/content-density";
-import * as i5 from "@fundamental-ngx/core/button";
+import * as i4 from "@fundamental-ngx/core/bar";
+import * as i5 from "@fundamental-ngx/core/content-density";
 import * as i6 from "@fundamental-ngx/cdk/utils";
 import * as i7 from "@fundamental-ngx/core/checkbox";
 import * as i8 from "@fundamental-ngx/core/form";
@@ -32,12 +32,12 @@ export class ApprovalFlowSelectTypeComponent {
         this._dialogRef.close({ type: this._nodeType, toNextSerial: this._toNextSerial });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowSelectTypeComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowSelectTypeComponent, selector: "fdp-approval-flow-select-type", host: { classAttribute: "fdp-approval-flow-dialog fdp-approval-flow-select-type" }, ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <p>{{ 'platformApprovalFlow.selectTypeDialogMoveApproverAs' | fdTranslate }}</p>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body fdCompact>\n        <span class=\"fd-form-label\">\n            {{ 'platformApprovalFlow.selectTypeDialogParallelOrSerial' | fdTranslate }}\n        </span>\n\n        <fd-form-group class=\"fdp-approval-flow-select-type__form\">\n            <div fd-form-item>\n                <fd-radio-button\n                    [value]=\"_nodeTypes.PARALLEL\"\n                    [(ngModel)]=\"_nodeType\"\n                    id=\"select-type-parallel\"\n                    name=\"select-type-parallel\"\n                >\n                    {{ 'platformApprovalFlow.selectTypeDialogNodeTypeParallel' | fdTranslate }}\n                </fd-radio-button>\n            </div>\n\n            <div fd-form-item>\n                <fd-radio-button\n                    [value]=\"_nodeTypes.SERIAL\"\n                    [(ngModel)]=\"_nodeType\"\n                    id=\"select-type-serial\"\n                    name=\"select-type-serial\"\n                >\n                    {{ 'platformApprovalFlow.selectTypeDialogNodeTypeSerial' | fdTranslate }}\n                </fd-radio-button>\n            </div>\n\n            <div *ngIf=\"_nodeType === _nodeTypes.PARALLEL\" fd-form-item>\n                <fd-checkbox [(ngModel)]=\"_toNextSerial\">\n                    {{ 'platformApprovalFlow.addNodeDialogAddToNext' | fdTranslate }}\n                </fd-checkbox>\n            </div>\n        </fd-form-group>\n    </fd-dialog-body>\n\n    <fd-dialog-footer fdCompact>\n        <ng-container>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-dialog-decisive-button\n                    fdType=\"emphasized\"\n                    [label]=\"'platformApprovalFlow.selectTypeDialogConfirmButton' | fdTranslate\"\n                    (click)=\"_submit()\"\n                ></button>\n            </fd-dialog-footer-button>\n\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdkInitialFocus\n                    fd-dialog-decisive-button\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.selectTypeDialogCancelButton' | fdTranslate\"\n                    (click)=\"_dialogRef.close()\"\n                ></button>\n            </fd-dialog-footer-button>\n        </ng-container>\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-select-type .fd-dialog__body{width:24rem}.fdp-approval-flow-select-type .fd-dialog__body .fd-form-item{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i4.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: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i1.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i6.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i6.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i7.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i8.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i8.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i9.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowSelectTypeComponent, selector: "fdp-approval-flow-select-type", host: { classAttribute: "fdp-approval-flow-dialog fdp-approval-flow-select-type" }, ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <p>{{ 'platformApprovalFlow.selectTypeDialogMoveApproverAs' | fdTranslate }}</p>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body fdCompact>\n        <span class=\"fd-form-label\">\n            {{ 'platformApprovalFlow.selectTypeDialogParallelOrSerial' | fdTranslate }}\n        </span>\n\n        <fd-form-group class=\"fdp-approval-flow-select-type__form\">\n            <div fd-form-item>\n                <fd-radio-button\n                    [value]=\"_nodeTypes.PARALLEL\"\n                    [(ngModel)]=\"_nodeType\"\n                    id=\"select-type-parallel\"\n                    name=\"select-type-parallel\"\n                >\n                    {{ 'platformApprovalFlow.selectTypeDialogNodeTypeParallel' | fdTranslate }}\n                </fd-radio-button>\n            </div>\n\n            <div fd-form-item>\n                <fd-radio-button\n                    [value]=\"_nodeTypes.SERIAL\"\n                    [(ngModel)]=\"_nodeType\"\n                    id=\"select-type-serial\"\n                    name=\"select-type-serial\"\n                >\n                    {{ 'platformApprovalFlow.selectTypeDialogNodeTypeSerial' | fdTranslate }}\n                </fd-radio-button>\n            </div>\n\n            <div *ngIf=\"_nodeType === _nodeTypes.PARALLEL\" fd-form-item>\n                <fd-checkbox [(ngModel)]=\"_toNextSerial\">\n                    {{ 'platformApprovalFlow.addNodeDialogAddToNext' | fdTranslate }}\n                </fd-checkbox>\n            </div>\n        </fd-form-group>\n    </fd-dialog-body>\n\n    <fd-dialog-footer fdCompact>\n        <ng-container>\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"'platformApprovalFlow.selectTypeDialogConfirmButton' | fdTranslate\"\n                (click)=\"_submit()\"\n            ></fd-button-bar>\n\n            <fd-button-bar\n                fdkInitialFocus\n                fdType=\"transparent\"\n                [label]=\"'platformApprovalFlow.selectTypeDialogCancelButton' | fdTranslate\"\n                (click)=\"_dialogRef.close()\"\n            ></fd-button-bar>\n        </ng-container>\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-select-type .fd-dialog__body{width:24rem}.fdp-approval-flow-select-type .fd-dialog__body .fd-form-item{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i5.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: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i6.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i6.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i7.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i8.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i8.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i9.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowSelectTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-approval-flow-select-type', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fdp-approval-flow-dialog fdp-approval-flow-select-type'
-                    }, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <p>{{ 'platformApprovalFlow.selectTypeDialogMoveApproverAs' | fdTranslate }}</p>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body fdCompact>\n        <span class=\"fd-form-label\">\n            {{ 'platformApprovalFlow.selectTypeDialogParallelOrSerial' | fdTranslate }}\n        </span>\n\n        <fd-form-group class=\"fdp-approval-flow-select-type__form\">\n            <div fd-form-item>\n                <fd-radio-button\n                    [value]=\"_nodeTypes.PARALLEL\"\n                    [(ngModel)]=\"_nodeType\"\n                    id=\"select-type-parallel\"\n                    name=\"select-type-parallel\"\n                >\n                    {{ 'platformApprovalFlow.selectTypeDialogNodeTypeParallel' | fdTranslate }}\n                </fd-radio-button>\n            </div>\n\n            <div fd-form-item>\n                <fd-radio-button\n                    [value]=\"_nodeTypes.SERIAL\"\n                    [(ngModel)]=\"_nodeType\"\n                    id=\"select-type-serial\"\n                    name=\"select-type-serial\"\n                >\n                    {{ 'platformApprovalFlow.selectTypeDialogNodeTypeSerial' | fdTranslate }}\n                </fd-radio-button>\n            </div>\n\n            <div *ngIf=\"_nodeType === _nodeTypes.PARALLEL\" fd-form-item>\n                <fd-checkbox [(ngModel)]=\"_toNextSerial\">\n                    {{ 'platformApprovalFlow.addNodeDialogAddToNext' | fdTranslate }}\n                </fd-checkbox>\n            </div>\n        </fd-form-group>\n    </fd-dialog-body>\n\n    <fd-dialog-footer fdCompact>\n        <ng-container>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-dialog-decisive-button\n                    fdType=\"emphasized\"\n                    [label]=\"'platformApprovalFlow.selectTypeDialogConfirmButton' | fdTranslate\"\n                    (click)=\"_submit()\"\n                ></button>\n            </fd-dialog-footer-button>\n\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdkInitialFocus\n                    fd-dialog-decisive-button\n                    fdType=\"transparent\"\n                    [label]=\"'platformApprovalFlow.selectTypeDialogCancelButton' | fdTranslate\"\n                    (click)=\"_dialogRef.close()\"\n                ></button>\n            </fd-dialog-footer-button>\n        </ng-container>\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-select-type .fd-dialog__body{width:24rem}.fdp-approval-flow-select-type .fd-dialog__body .fd-form-item{margin-bottom:0}\n"] }]
+                    }, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <p>{{ 'platformApprovalFlow.selectTypeDialogMoveApproverAs' | fdTranslate }}</p>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body fdCompact>\n        <span class=\"fd-form-label\">\n            {{ 'platformApprovalFlow.selectTypeDialogParallelOrSerial' | fdTranslate }}\n        </span>\n\n        <fd-form-group class=\"fdp-approval-flow-select-type__form\">\n            <div fd-form-item>\n                <fd-radio-button\n                    [value]=\"_nodeTypes.PARALLEL\"\n                    [(ngModel)]=\"_nodeType\"\n                    id=\"select-type-parallel\"\n                    name=\"select-type-parallel\"\n                >\n                    {{ 'platformApprovalFlow.selectTypeDialogNodeTypeParallel' | fdTranslate }}\n                </fd-radio-button>\n            </div>\n\n            <div fd-form-item>\n                <fd-radio-button\n                    [value]=\"_nodeTypes.SERIAL\"\n                    [(ngModel)]=\"_nodeType\"\n                    id=\"select-type-serial\"\n                    name=\"select-type-serial\"\n                >\n                    {{ 'platformApprovalFlow.selectTypeDialogNodeTypeSerial' | fdTranslate }}\n                </fd-radio-button>\n            </div>\n\n            <div *ngIf=\"_nodeType === _nodeTypes.PARALLEL\" fd-form-item>\n                <fd-checkbox [(ngModel)]=\"_toNextSerial\">\n                    {{ 'platformApprovalFlow.addNodeDialogAddToNext' | fdTranslate }}\n                </fd-checkbox>\n            </div>\n        </fd-form-group>\n    </fd-dialog-body>\n\n    <fd-dialog-footer fdCompact>\n        <ng-container>\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"'platformApprovalFlow.selectTypeDialogConfirmButton' | fdTranslate\"\n                (click)=\"_submit()\"\n            ></fd-button-bar>\n\n            <fd-button-bar\n                fdkInitialFocus\n                fdType=\"transparent\"\n                [label]=\"'platformApprovalFlow.selectTypeDialogCancelButton' | fdTranslate\"\n                (click)=\"_dialogRef.close()\"\n            ></fd-button-bar>\n        </ng-container>\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-select-type .fd-dialog__body{width:24rem}.fdp-approval-flow-select-type .fd-dialog__body .fd-form-item{margin-bottom:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcm92YWwtZmxvdy1zZWxlY3QtdHlwZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3NyYy9saWIvYXBwcm92YWwtZmxvdy9hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlL2FwcHJvdmFsLWZsb3ctc2VsZWN0LXR5cGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy1zZWxlY3QtdHlwZS9hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDREQUE0RCxDQUFDOzs7Ozs7Ozs7Ozs7QUFPdEc7OztHQUdHO0FBV0gsTUFBTSxPQUFPLCtCQUErQjtJQVV4QyxjQUFjO0lBQ2QsWUFBNEIsVUFBcUI7UUFBckIsZUFBVSxHQUFWLFVBQVUsQ0FBVztRQVZqRCxjQUFjO1FBQ2QsY0FBUyxHQUFHLHdCQUF3QixDQUFDLE1BQU0sQ0FBQztRQUU1QyxjQUFjO1FBQ2QsZUFBVSxHQUFHLHdCQUF3QixDQUFDO1FBRXRDLGNBQWM7UUFDZCxrQkFBYSxHQUFHLEtBQUssQ0FBQztJQUc4QixDQUFDO0lBRXJELGNBQWM7SUFDZCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBOEIsQ0FBQyxDQUFDO0lBQ2xILENBQUM7OEdBaEJRLCtCQUErQjtrR0FBL0IsK0JBQStCLHlKQ3pCNUMsZ2xGQW1FQTs7MkZEMUNhLCtCQUErQjtrQkFWM0MsU0FBUzsrQkFDSSwrQkFBK0IsbUJBR3hCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0YsS0FBSyxFQUFFLHdEQUF3RDtxQkFDbEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvZGlhbG9nJztcblxuaW1wb3J0IHsgQVBQUk9WQUxfRkxPV19OT0RFX1RZUEVTIH0gZnJvbSAnLi4vYXBwcm92YWwtZmxvdy1hZGQtbm9kZS9hcHByb3ZhbC1mbG93LWFkZC1ub2RlLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0VHlwZURpYWxvZ0Zvcm1EYXRhIHtcbiAgICB0eXBlOiBBUFBST1ZBTF9GTE9XX05PREVfVFlQRVM7XG4gICAgdG9OZXh0U2VyaWFsOiBib29sZWFuO1xufVxuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiBBcHByb3ZhbEZsb3dTZWxlY3RUeXBlIGNvbXBvbmVudCBpcyBkZXByZWNhdGVkIHNpbmNlIHZlcnNpb24gMC40MC4wXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmRwLWFwcHJvdmFsLWZsb3ctc2VsZWN0LXR5cGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi4vc3R5bGVzL2FwcHJvdmFsLWZsb3ctZGlhbG9nLnNjc3MnLCAnLi9hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnZmRwLWFwcHJvdmFsLWZsb3ctZGlhbG9nIGZkcC1hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQXBwcm92YWxGbG93U2VsZWN0VHlwZUNvbXBvbmVudCB7XG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfbm9kZVR5cGUgPSBBUFBST1ZBTF9GTE9XX05PREVfVFlQRVMuU0VSSUFMO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfbm9kZVR5cGVzID0gQVBQUk9WQUxfRkxPV19OT0RFX1RZUEVTO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfdG9OZXh0U2VyaWFsID0gZmFsc2U7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyByZWFkb25seSBfZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHt9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9zdWJtaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2RpYWxvZ1JlZi5jbG9zZSh7IHR5cGU6IHRoaXMuX25vZGVUeXBlLCB0b05leHRTZXJpYWw6IHRoaXMuX3RvTmV4dFNlcmlhbCB9IGFzIFNlbGVjdFR5cGVEaWFsb2dGb3JtRGF0YSk7XG4gICAgfVxufVxuIiwiPGZkLWRpYWxvZz5cbiAgICA8ZmQtZGlhbG9nLWhlYWRlcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIGZka1RlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICAgICAgICA8cD57eyAncGxhdGZvcm1BcHByb3ZhbEZsb3cuc2VsZWN0VHlwZURpYWxvZ01vdmVBcHByb3ZlckFzJyB8IGZkVHJhbnNsYXRlIH19PC9wPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvZmQtZGlhbG9nLWhlYWRlcj5cbiAgICA8ZmQtZGlhbG9nLWJvZHkgZmRDb21wYWN0PlxuICAgICAgICA8c3BhbiBjbGFzcz1cImZkLWZvcm0tbGFiZWxcIj5cbiAgICAgICAgICAgIHt7ICdwbGF0Zm9ybUFwcHJvdmFsRmxvdy5zZWxlY3RUeXBlRGlhbG9nUGFyYWxsZWxPclNlcmlhbCcgfCBmZFRyYW5zbGF0ZSB9fVxuICAgICAgICA8L3NwYW4+XG5cbiAgICAgICAgPGZkLWZvcm0tZ3JvdXAgY2xhc3M9XCJmZHAtYXBwcm92YWwtZmxvdy1zZWxlY3QtdHlwZV9fZm9ybVwiPlxuICAgICAgICAgICAgPGRpdiBmZC1mb3JtLWl0ZW0+XG4gICAgICAgICAgICAgICAgPGZkLXJhZGlvLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwiX25vZGVUeXBlcy5QQVJBTExFTFwiXG4gICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiX25vZGVUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJzZWxlY3QtdHlwZS1wYXJhbGxlbFwiXG4gICAgICAgICAgICAgICAgICAgIG5hbWU9XCJzZWxlY3QtdHlwZS1wYXJhbGxlbFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7eyAncGxhdGZvcm1BcHByb3ZhbEZsb3cuc2VsZWN0VHlwZURpYWxvZ05vZGVUeXBlUGFyYWxsZWwnIHwgZmRUcmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICA8L2ZkLXJhZGlvLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2IGZkLWZvcm0taXRlbT5cbiAgICAgICAgICAgICAgICA8ZmQtcmFkaW8tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJfbm9kZVR5cGVzLlNFUklBTFwiXG4gICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiX25vZGVUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJzZWxlY3QtdHlwZS1zZXJpYWxcIlxuICAgICAgICAgICAgICAgICAgICBuYW1lPVwic2VsZWN0LXR5cGUtc2VyaWFsXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHt7ICdwbGF0Zm9ybUFwcHJvdmFsRmxvdy5zZWxlY3RUeXBlRGlhbG9nTm9kZVR5cGVTZXJpYWwnIHwgZmRUcmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICA8L2ZkLXJhZGlvLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiX25vZGVUeXBlID09PSBfbm9kZVR5cGVzLlBBUkFMTEVMXCIgZmQtZm9ybS1pdGVtPlxuICAgICAgICAgICAgICAgIDxmZC1jaGVja2JveCBbKG5nTW9kZWwpXT1cIl90b05leHRTZXJpYWxcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgJ3BsYXRmb3JtQXBwcm92YWxGbG93LmFkZE5vZGVEaWFsb2dBZGRUb05leHQnIHwgZmRUcmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICA8L2ZkLWNoZWNrYm94PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZmQtZm9ybS1ncm91cD5cbiAgICA8L2ZkLWRpYWxvZy1ib2R5PlxuXG4gICAgPGZkLWRpYWxvZy1mb290ZXIgZmRDb21wYWN0PlxuICAgICAgICA8bmctY29udGFpbmVyPlxuICAgICAgICAgICAgPGZkLWRpYWxvZy1mb290ZXItYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGZkLWRpYWxvZy1kZWNpc2l2ZS1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgZmRUeXBlPVwiZW1waGFzaXplZFwiXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCIncGxhdGZvcm1BcHByb3ZhbEZsb3cuc2VsZWN0VHlwZURpYWxvZ0NvbmZpcm1CdXR0b24nIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiX3N1Ym1pdCgpXCJcbiAgICAgICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICA8L2ZkLWRpYWxvZy1mb290ZXItYnV0dG9uPlxuXG4gICAgICAgICAgICA8ZmQtZGlhbG9nLWZvb3Rlci1idXR0b24+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgZmRrSW5pdGlhbEZvY3VzXG4gICAgICAgICAgICAgICAgICAgIGZkLWRpYWxvZy1kZWNpc2l2ZS1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiJ3BsYXRmb3JtQXBwcm92YWxGbG93LnNlbGVjdFR5cGVEaWFsb2dDYW5jZWxCdXR0b24nIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiX2RpYWxvZ1JlZi5jbG9zZSgpXCJcbiAgICAgICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICA8L2ZkLWRpYWxvZy1mb290ZXItYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2ZkLWRpYWxvZy1mb290ZXI+XG48L2ZkLWRpYWxvZz5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcm92YWwtZmxvdy1zZWxlY3QtdHlwZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3NyYy9saWIvYXBwcm92YWwtZmxvdy9hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlL2FwcHJvdmFsLWZsb3ctc2VsZWN0LXR5cGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy1zZWxlY3QtdHlwZS9hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDREQUE0RCxDQUFDOzs7Ozs7Ozs7Ozs7QUFPdEc7OztHQUdHO0FBV0gsTUFBTSxPQUFPLCtCQUErQjtJQVV4QyxjQUFjO0lBQ2QsWUFBNEIsVUFBcUI7UUFBckIsZUFBVSxHQUFWLFVBQVUsQ0FBVztRQVZqRCxjQUFjO1FBQ2QsY0FBUyxHQUFHLHdCQUF3QixDQUFDLE1BQU0sQ0FBQztRQUU1QyxjQUFjO1FBQ2QsZUFBVSxHQUFHLHdCQUF3QixDQUFDO1FBRXRDLGNBQWM7UUFDZCxrQkFBYSxHQUFHLEtBQUssQ0FBQztJQUc4QixDQUFDO0lBRXJELGNBQWM7SUFDZCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBOEIsQ0FBQyxDQUFDO0lBQ2xILENBQUM7OEdBaEJRLCtCQUErQjtrR0FBL0IsK0JBQStCLHlKQ3pCNUMsc3dFQTJEQTs7MkZEbENhLCtCQUErQjtrQkFWM0MsU0FBUzsrQkFDSSwrQkFBK0IsbUJBR3hCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0YsS0FBSyxFQUFFLHdEQUF3RDtxQkFDbEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvZGlhbG9nJztcblxuaW1wb3J0IHsgQVBQUk9WQUxfRkxPV19OT0RFX1RZUEVTIH0gZnJvbSAnLi4vYXBwcm92YWwtZmxvdy1hZGQtbm9kZS9hcHByb3ZhbC1mbG93LWFkZC1ub2RlLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0VHlwZURpYWxvZ0Zvcm1EYXRhIHtcbiAgICB0eXBlOiBBUFBST1ZBTF9GTE9XX05PREVfVFlQRVM7XG4gICAgdG9OZXh0U2VyaWFsOiBib29sZWFuO1xufVxuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiBBcHByb3ZhbEZsb3dTZWxlY3RUeXBlIGNvbXBvbmVudCBpcyBkZXByZWNhdGVkIHNpbmNlIHZlcnNpb24gMC40MC4wXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmRwLWFwcHJvdmFsLWZsb3ctc2VsZWN0LXR5cGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi4vc3R5bGVzL2FwcHJvdmFsLWZsb3ctZGlhbG9nLnNjc3MnLCAnLi9hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnZmRwLWFwcHJvdmFsLWZsb3ctZGlhbG9nIGZkcC1hcHByb3ZhbC1mbG93LXNlbGVjdC10eXBlJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQXBwcm92YWxGbG93U2VsZWN0VHlwZUNvbXBvbmVudCB7XG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfbm9kZVR5cGUgPSBBUFBST1ZBTF9GTE9XX05PREVfVFlQRVMuU0VSSUFMO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfbm9kZVR5cGVzID0gQVBQUk9WQUxfRkxPV19OT0RFX1RZUEVTO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfdG9OZXh0U2VyaWFsID0gZmFsc2U7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyByZWFkb25seSBfZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHt9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9zdWJtaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2RpYWxvZ1JlZi5jbG9zZSh7IHR5cGU6IHRoaXMuX25vZGVUeXBlLCB0b05leHRTZXJpYWw6IHRoaXMuX3RvTmV4dFNlcmlhbCB9IGFzIFNlbGVjdFR5cGVEaWFsb2dGb3JtRGF0YSk7XG4gICAgfVxufVxuIiwiPGZkLWRpYWxvZz5cbiAgICA8ZmQtZGlhbG9nLWhlYWRlcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIGZka1RlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICAgICAgICA8cD57eyAncGxhdGZvcm1BcHByb3ZhbEZsb3cuc2VsZWN0VHlwZURpYWxvZ01vdmVBcHByb3ZlckFzJyB8IGZkVHJhbnNsYXRlIH19PC9wPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvZmQtZGlhbG9nLWhlYWRlcj5cbiAgICA8ZmQtZGlhbG9nLWJvZHkgZmRDb21wYWN0PlxuICAgICAgICA8c3BhbiBjbGFzcz1cImZkLWZvcm0tbGFiZWxcIj5cbiAgICAgICAgICAgIHt7ICdwbGF0Zm9ybUFwcHJvdmFsRmxvdy5zZWxlY3RUeXBlRGlhbG9nUGFyYWxsZWxPclNlcmlhbCcgfCBmZFRyYW5zbGF0ZSB9fVxuICAgICAgICA8L3NwYW4+XG5cbiAgICAgICAgPGZkLWZvcm0tZ3JvdXAgY2xhc3M9XCJmZHAtYXBwcm92YWwtZmxvdy1zZWxlY3QtdHlwZV9fZm9ybVwiPlxuICAgICAgICAgICAgPGRpdiBmZC1mb3JtLWl0ZW0+XG4gICAgICAgICAgICAgICAgPGZkLXJhZGlvLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwiX25vZGVUeXBlcy5QQVJBTExFTFwiXG4gICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiX25vZGVUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJzZWxlY3QtdHlwZS1wYXJhbGxlbFwiXG4gICAgICAgICAgICAgICAgICAgIG5hbWU9XCJzZWxlY3QtdHlwZS1wYXJhbGxlbFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7eyAncGxhdGZvcm1BcHByb3ZhbEZsb3cuc2VsZWN0VHlwZURpYWxvZ05vZGVUeXBlUGFyYWxsZWwnIHwgZmRUcmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICA8L2ZkLXJhZGlvLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2IGZkLWZvcm0taXRlbT5cbiAgICAgICAgICAgICAgICA8ZmQtcmFkaW8tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJfbm9kZVR5cGVzLlNFUklBTFwiXG4gICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiX25vZGVUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJzZWxlY3QtdHlwZS1zZXJpYWxcIlxuICAgICAgICAgICAgICAgICAgICBuYW1lPVwic2VsZWN0LXR5cGUtc2VyaWFsXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHt7ICdwbGF0Zm9ybUFwcHJvdmFsRmxvdy5zZWxlY3RUeXBlRGlhbG9nTm9kZVR5cGVTZXJpYWwnIHwgZmRUcmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICA8L2ZkLXJhZGlvLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiX25vZGVUeXBlID09PSBfbm9kZVR5cGVzLlBBUkFMTEVMXCIgZmQtZm9ybS1pdGVtPlxuICAgICAgICAgICAgICAgIDxmZC1jaGVja2JveCBbKG5nTW9kZWwpXT1cIl90b05leHRTZXJpYWxcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgJ3BsYXRmb3JtQXBwcm92YWxGbG93LmFkZE5vZGVEaWFsb2dBZGRUb05leHQnIHwgZmRUcmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICA8L2ZkLWNoZWNrYm94PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZmQtZm9ybS1ncm91cD5cbiAgICA8L2ZkLWRpYWxvZy1ib2R5PlxuXG4gICAgPGZkLWRpYWxvZy1mb290ZXIgZmRDb21wYWN0PlxuICAgICAgICA8bmctY29udGFpbmVyPlxuICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXJcbiAgICAgICAgICAgICAgICBmZFR5cGU9XCJlbXBoYXNpemVkXCJcbiAgICAgICAgICAgICAgICBbbGFiZWxdPVwiJ3BsYXRmb3JtQXBwcm92YWxGbG93LnNlbGVjdFR5cGVEaWFsb2dDb25maXJtQnV0dG9uJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiX3N1Ym1pdCgpXCJcbiAgICAgICAgICAgID48L2ZkLWJ1dHRvbi1iYXI+XG5cbiAgICAgICAgICAgIDxmZC1idXR0b24tYmFyXG4gICAgICAgICAgICAgICAgZmRrSW5pdGlhbEZvY3VzXG4gICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIFtsYWJlbF09XCIncGxhdGZvcm1BcHByb3ZhbEZsb3cuc2VsZWN0VHlwZURpYWxvZ0NhbmNlbEJ1dHRvbicgfCBmZFRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIl9kaWFsb2dSZWYuY2xvc2UoKVwiXG4gICAgICAgICAgICA+PC9mZC1idXR0b24tYmFyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2ZkLWRpYWxvZy1mb290ZXI+XG48L2ZkLWRpYWxvZz5cbiJdfQ==

package/esm2022/approval-flow/approval-flow-team-list/approval-flow-team-list.component.mjs CHANGED Viewed

@@ -30,13 +30,13 @@ export class ApprovalFlowTeamListComponent {
         this.onTeamClick.emit(team);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowTeamListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowTeamListComponent, selector: "fdp-approval-flow-team-list", inputs: { teams: "teams", isRtl: "isRtl", selectedTeamId: "selectedTeamId" }, outputs: { onTeamClick: "onTeamClick", onTeamRadioClick: "onTeamRadioClick" }, host: { classAttribute: "fdp-approval-flow-team-list" }, ngImport: i0, template: "<fdp-list [hasByLine]=\"true\" fdCompact>\n    <fd-form-group>\n        <div *ngFor=\"let team of teams; let i = index; trackBy: _trackByFn\" fd-form-item>\n            <fd-radio-button\n                [value]=\"team.id\"\n                [attr.id]=\"'team-radio' + i\"\n                [name]=\"'team-radio' + i\"\n                [(ngModel)]=\"selectedTeamId\"\n                (click)=\"onTeamRadioClick.emit(team)\"\n            >\n            </fd-radio-button>\n\n            <fdp-standard-list-item\n                [attr.id]=\"'approval-team-' + team.id\"\n                [avatarSrc]=\"''\"\n                [avatarTitle]=\"team.name\"\n                [description]=\"team.description || team.members.length + ' members'\"\n                [title]=\"team.name\"\n                (click)=\"_showTeamDetails(team)\"\n            >\n            </fdp-standard-list-item>\n\n            <fd-icon [glyph]=\"'navigation-' + (isRtl ? 'left' : 'right') + '-arrow'\"></fd-icon>\n        </div>\n    </fd-form-group>\n</fdp-list>\n", styles: [".fdp-approval-flow-team-list .fd-form-item{position:relative;margin-bottom:0}.fdp-approval-flow-team-list .fd-form-item fd-radio-button{position:absolute;z-index:1;top:1.4rem}.fdp-approval-flow-team-list .fd-form-item .fd-list__item{padding-left:2rem!important;cursor:pointer}.fdp-approval-flow-team-list .fd-form-item fd-icon{position:absolute;right:1rem;top:2rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);cursor:pointer}.fdp-approval-flow-team-list .fd-form-item fd-avatar{color:#fff;color:var(--sapBaseColor, #fff)}[dir=rtl] .fdp-approval-flow-team-list .fd-form-item fd-icon,.fdp-approval-flow-team-list[dir=rtl] .fd-form-item fd-icon{right:auto;left:1rem}[dir=rtl] .fdp-approval-flow-team-list .fd-list__item,.fdp-approval-flow-team-list[dir=rtl] .fd-list__item{padding-right:2rem!important;padding-left:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.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: i4.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5.ListComponent, selector: "fdp-list", inputs: ["selectedItems", "ariaSetsize", "ariaMultiselectable", "loadTitle", "loadingLabel", "delayTime", "itemSize", "loadMore", "loadOnScroll", "role", "listType", "maxHeight", "noBorder", "scrollOffsetPercentage", "selection", "selectionMode", "value", "rowSelection", "dataSource", "navigated", "navigationIndicator", "hasByLine", "hasObject", "unreadIndicator"], outputs: ["selectedItemChange"] }, { kind: "component", type: i5.StandardListItemComponent, selector: "fdp-standard-list-item" }, { kind: "component", type: i6.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i7.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowTeamListComponent, selector: "fdp-approval-flow-team-list", inputs: { teams: "teams", isRtl: "isRtl", selectedTeamId: "selectedTeamId" }, outputs: { onTeamClick: "onTeamClick", onTeamRadioClick: "onTeamRadioClick" }, host: { classAttribute: "fdp-approval-flow-team-list" }, ngImport: i0, template: "<fdp-list [hasByLine]=\"true\" fdCompact>\n    <fd-form-group>\n        <div *ngFor=\"let team of teams; let i = index; trackBy: _trackByFn\" fd-form-item>\n            <fd-radio-button\n                [value]=\"team.id\"\n                [attr.id]=\"'team-radio' + i\"\n                [name]=\"'team-radio' + i\"\n                [(ngModel)]=\"selectedTeamId\"\n                (click)=\"onTeamRadioClick.emit(team)\"\n            >\n            </fd-radio-button>\n\n            <fdp-standard-list-item\n                [attr.id]=\"'approval-team-' + team.id\"\n                [avatar]=\"{ image: '', ariaLabel: team.name }\"\n                [description]=\"team.description || team.members.length + ' members'\"\n                [title]=\"team.name\"\n                (click)=\"_showTeamDetails(team)\"\n            >\n            </fdp-standard-list-item>\n\n            <fd-icon [glyph]=\"'navigation-' + (isRtl ? 'left' : 'right') + '-arrow'\"></fd-icon>\n        </div>\n    </fd-form-group>\n</fdp-list>\n", styles: [".fdp-approval-flow-team-list .fd-form-item{position:relative;margin-bottom:0}.fdp-approval-flow-team-list .fd-form-item fd-radio-button{position:absolute;z-index:1;top:1.4rem}.fdp-approval-flow-team-list .fd-form-item .fd-list__item{padding-left:2rem!important;cursor:pointer}.fdp-approval-flow-team-list .fd-form-item fd-icon{position:absolute;right:1rem;top:2rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);cursor:pointer}.fdp-approval-flow-team-list .fd-form-item fd-avatar{color:#fff;color:var(--sapBaseColor, #fff)}[dir=rtl] .fdp-approval-flow-team-list .fd-form-item fd-icon,.fdp-approval-flow-team-list[dir=rtl] .fd-form-item fd-icon{right:auto;left:1rem}[dir=rtl] .fdp-approval-flow-team-list .fd-list__item,.fdp-approval-flow-team-list[dir=rtl] .fd-list__item{padding-right:2rem!important;padding-left:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.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: i4.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5.ListComponent, selector: "fdp-list", inputs: ["selectedItems", "ariaSetsize", "ariaMultiselectable", "loadTitle", "loadingLabel", "delayTime", "itemSize", "loadMore", "loadOnScroll", "role", "listType", "maxHeight", "noBorder", "scrollOffsetPercentage", "selection", "selectionMode", "value", "rowSelection", "dataSource", "navigated", "navigationIndicator", "hasByLine", "hasObject", "unreadIndicator"], outputs: ["selectedItemChange"] }, { kind: "component", type: i5.StandardListItemComponent, selector: "fdp-standard-list-item" }, { kind: "component", type: i6.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i7.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowTeamListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-approval-flow-team-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fdp-approval-flow-team-list'
-                    }, template: "<fdp-list [hasByLine]=\"true\" fdCompact>\n    <fd-form-group>\n        <div *ngFor=\"let team of teams; let i = index; trackBy: _trackByFn\" fd-form-item>\n            <fd-radio-button\n                [value]=\"team.id\"\n                [attr.id]=\"'team-radio' + i\"\n                [name]=\"'team-radio' + i\"\n                [(ngModel)]=\"selectedTeamId\"\n                (click)=\"onTeamRadioClick.emit(team)\"\n            >\n            </fd-radio-button>\n\n            <fdp-standard-list-item\n                [attr.id]=\"'approval-team-' + team.id\"\n                [avatarSrc]=\"''\"\n                [avatarTitle]=\"team.name\"\n                [description]=\"team.description || team.members.length + ' members'\"\n                [title]=\"team.name\"\n                (click)=\"_showTeamDetails(team)\"\n            >\n            </fdp-standard-list-item>\n\n            <fd-icon [glyph]=\"'navigation-' + (isRtl ? 'left' : 'right') + '-arrow'\"></fd-icon>\n        </div>\n    </fd-form-group>\n</fdp-list>\n", styles: [".fdp-approval-flow-team-list .fd-form-item{position:relative;margin-bottom:0}.fdp-approval-flow-team-list .fd-form-item fd-radio-button{position:absolute;z-index:1;top:1.4rem}.fdp-approval-flow-team-list .fd-form-item .fd-list__item{padding-left:2rem!important;cursor:pointer}.fdp-approval-flow-team-list .fd-form-item fd-icon{position:absolute;right:1rem;top:2rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);cursor:pointer}.fdp-approval-flow-team-list .fd-form-item fd-avatar{color:#fff;color:var(--sapBaseColor, #fff)}[dir=rtl] .fdp-approval-flow-team-list .fd-form-item fd-icon,.fdp-approval-flow-team-list[dir=rtl] .fd-form-item fd-icon{right:auto;left:1rem}[dir=rtl] .fdp-approval-flow-team-list .fd-list__item,.fdp-approval-flow-team-list[dir=rtl] .fd-list__item{padding-right:2rem!important;padding-left:0!important}\n"] }]
+                    }, template: "<fdp-list [hasByLine]=\"true\" fdCompact>\n    <fd-form-group>\n        <div *ngFor=\"let team of teams; let i = index; trackBy: _trackByFn\" fd-form-item>\n            <fd-radio-button\n                [value]=\"team.id\"\n                [attr.id]=\"'team-radio' + i\"\n                [name]=\"'team-radio' + i\"\n                [(ngModel)]=\"selectedTeamId\"\n                (click)=\"onTeamRadioClick.emit(team)\"\n            >\n            </fd-radio-button>\n\n            <fdp-standard-list-item\n                [attr.id]=\"'approval-team-' + team.id\"\n                [avatar]=\"{ image: '', ariaLabel: team.name }\"\n                [description]=\"team.description || team.members.length + ' members'\"\n                [title]=\"team.name\"\n                (click)=\"_showTeamDetails(team)\"\n            >\n            </fdp-standard-list-item>\n\n            <fd-icon [glyph]=\"'navigation-' + (isRtl ? 'left' : 'right') + '-arrow'\"></fd-icon>\n        </div>\n    </fd-form-group>\n</fdp-list>\n", styles: [".fdp-approval-flow-team-list .fd-form-item{position:relative;margin-bottom:0}.fdp-approval-flow-team-list .fd-form-item fd-radio-button{position:absolute;z-index:1;top:1.4rem}.fdp-approval-flow-team-list .fd-form-item .fd-list__item{padding-left:2rem!important;cursor:pointer}.fdp-approval-flow-team-list .fd-form-item fd-icon{position:absolute;right:1rem;top:2rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);cursor:pointer}.fdp-approval-flow-team-list .fd-form-item fd-avatar{color:#fff;color:var(--sapBaseColor, #fff)}[dir=rtl] .fdp-approval-flow-team-list .fd-form-item fd-icon,.fdp-approval-flow-team-list[dir=rtl] .fd-form-item fd-icon{right:auto;left:1rem}[dir=rtl] .fdp-approval-flow-team-list .fd-list__item,.fdp-approval-flow-team-list[dir=rtl] .fd-list__item{padding-right:2rem!important;padding-left:0!important}\n"] }]
         }], propDecorators: { teams: [{
                 type: Input
             }], isRtl: [{
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
         onTeamRadioClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QvYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QvYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUluSCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sWUFBWSxDQUFDOzs7Ozs7Ozs7QUFFdkM7OztHQUdHO0FBV0gsTUFBTSxPQUFPLDZCQUE2QjtJQVYxQztRQVdJLDBCQUEwQjtRQUUxQixVQUFLLEdBQW1CLEVBQUUsQ0FBQztRQUUzQiwwQkFBMEI7UUFFMUIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQU1kLGtDQUFrQztRQUdsQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO1FBRS9DLDZDQUE2QztRQUc3QyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUVwRCxjQUFjO1FBQ2QsZUFBVSxHQUFHLFNBQVMsQ0FBQztLQU0xQjtJQUpHLGNBQWM7SUFDZCxnQkFBZ0IsQ0FBQyxJQUFrQjtRQUMvQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOzhHQTdCUSw2QkFBNkI7a0dBQTdCLDZCQUE2Qix5UkNwQjFDLDBnQ0EwQkE7OzJGRE5hLDZCQUE2QjtrQkFWekMsU0FBUzsrQkFDSSw2QkFBNkIsbUJBR3RCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0YsS0FBSyxFQUFFLDZCQUE2QjtxQkFDdkM7OEJBS0QsS0FBSztzQkFESixLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixjQUFjO3NCQURiLEtBQUs7O1FBS04sK0RBQStEO1FBQy9ELFdBQVc7c0JBRlYsTUFBTTs7UUFNUCwrREFBK0Q7UUFDL0QsZ0JBQWdCO3NCQUZmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE51bGxhYmxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jZGsvdXRpbHMnO1xuaW1wb3J0IHsgQXBwcm92YWxUZWFtIH0gZnJvbSAnLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyB0cmFja0J5Rm4gfSBmcm9tICcuLi9oZWxwZXJzJztcblxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICogQXBwcm92YWxGbG93VGVhbUxpc3QgY29tcG9uZW50IGlzIGRlcHJlY2F0ZWQgc2luY2UgdmVyc2lvbiAwLjQwLjBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZHAtYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hcHByb3ZhbC1mbG93LXRlYW0tbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdmZHAtYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBBcHByb3ZhbEZsb3dUZWFtTGlzdENvbXBvbmVudCB7XG4gICAgLyoqIEFwcHJvdmFsIGZsb3cgdGVhbXMgKi9cbiAgICBASW5wdXQoKVxuICAgIHRlYW1zOiBBcHByb3ZhbFRlYW1bXSA9IFtdO1xuXG4gICAgLyoqIFdoZXRoZXIgaW4gUlRMIG1vZGUgKi9cbiAgICBASW5wdXQoKVxuICAgIGlzUnRsID0gZmFsc2U7XG5cbiAgICAvKiogU2VsZWN0ZWQgdGVhbSBJRCAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2VsZWN0ZWRUZWFtSWQ6IE51bGxhYmxlPHN0cmluZz47XG5cbiAgICAvKiogRXZlbnQgZW1pdHRlZCBvbiB0ZWFtIGNsaWNrICovXG4gICAgQE91dHB1dCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtb24tcHJlZml4XG4gICAgb25UZWFtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEFwcHJvdmFsVGVhbT4oKTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIG9uIHRlYW0gc2VsZWN0aW9uIGNoYW5nZSAqL1xuICAgIEBPdXRwdXQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW9uLXByZWZpeFxuICAgIG9uVGVhbVJhZGlvQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEFwcHJvdmFsVGVhbT4oKTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX3RyYWNrQnlGbiA9IHRyYWNrQnlGbjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX3Nob3dUZWFtRGV0YWlscyh0ZWFtOiBBcHByb3ZhbFRlYW0pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRlYW1DbGljay5lbWl0KHRlYW0pO1xuICAgIH1cbn1cbiIsIjxmZHAtbGlzdCBbaGFzQnlMaW5lXT1cInRydWVcIiBmZENvbXBhY3Q+XG4gICAgPGZkLWZvcm0tZ3JvdXA+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHRlYW0gb2YgdGVhbXM7IGxldCBpID0gaW5kZXg7IHRyYWNrQnk6IF90cmFja0J5Rm5cIiBmZC1mb3JtLWl0ZW0+XG4gICAgICAgICAgICA8ZmQtcmFkaW8tYnV0dG9uXG4gICAgICAgICAgICAgICAgW3ZhbHVlXT1cInRlYW0uaWRcIlxuICAgICAgICAgICAgICAgIFthdHRyLmlkXT1cIid0ZWFtLXJhZGlvJyArIGlcIlxuICAgICAgICAgICAgICAgIFtuYW1lXT1cIid0ZWFtLXJhZGlvJyArIGlcIlxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRUZWFtSWRcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvblRlYW1SYWRpb0NsaWNrLmVtaXQodGVhbSlcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9mZC1yYWRpby1idXR0b24+XG5cbiAgICAgICAgICAgIDxmZHAtc3RhbmRhcmQtbGlzdC1pdGVtXG4gICAgICAgICAgICAgICAgW2F0dHIuaWRdPVwiJ2FwcHJvdmFsLXRlYW0tJyArIHRlYW0uaWRcIlxuICAgICAgICAgICAgICAgIFthdmF0YXJTcmNdPVwiJydcIlxuICAgICAgICAgICAgICAgIFthdmF0YXJUaXRsZV09XCJ0ZWFtLm5hbWVcIlxuICAgICAgICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJ0ZWFtLmRlc2NyaXB0aW9uIHx8IHRlYW0ubWVtYmVycy5sZW5ndGggKyAnIG1lbWJlcnMnXCJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwidGVhbS5uYW1lXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiX3Nob3dUZWFtRGV0YWlscyh0ZWFtKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2ZkcC1zdGFuZGFyZC1saXN0LWl0ZW0+XG5cbiAgICAgICAgICAgIDxmZC1pY29uIFtnbHlwaF09XCInbmF2aWdhdGlvbi0nICsgKGlzUnRsID8gJ2xlZnQnIDogJ3JpZ2h0JykgKyAnLWFycm93J1wiPjwvZmQtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9mZC1mb3JtLWdyb3VwPlxuPC9mZHAtbGlzdD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QvYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QvYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUluSCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sWUFBWSxDQUFDOzs7Ozs7Ozs7QUFFdkM7OztHQUdHO0FBV0gsTUFBTSxPQUFPLDZCQUE2QjtJQVYxQztRQVdJLDBCQUEwQjtRQUUxQixVQUFLLEdBQW1CLEVBQUUsQ0FBQztRQUUzQiwwQkFBMEI7UUFFMUIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQU1kLGtDQUFrQztRQUdsQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO1FBRS9DLDZDQUE2QztRQUc3QyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUVwRCxjQUFjO1FBQ2QsZUFBVSxHQUFHLFNBQVMsQ0FBQztLQU0xQjtJQUpHLGNBQWM7SUFDZCxnQkFBZ0IsQ0FBQyxJQUFrQjtRQUMvQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOzhHQTdCUSw2QkFBNkI7a0dBQTdCLDZCQUE2Qix5UkNwQjFDLDIvQkF5QkE7OzJGRExhLDZCQUE2QjtrQkFWekMsU0FBUzsrQkFDSSw2QkFBNkIsbUJBR3RCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0YsS0FBSyxFQUFFLDZCQUE2QjtxQkFDdkM7OEJBS0QsS0FBSztzQkFESixLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixjQUFjO3NCQURiLEtBQUs7O1FBS04sK0RBQStEO1FBQy9ELFdBQVc7c0JBRlYsTUFBTTs7UUFNUCwrREFBK0Q7UUFDL0QsZ0JBQWdCO3NCQUZmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE51bGxhYmxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jZGsvdXRpbHMnO1xuaW1wb3J0IHsgQXBwcm92YWxUZWFtIH0gZnJvbSAnLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyB0cmFja0J5Rm4gfSBmcm9tICcuLi9oZWxwZXJzJztcblxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICogQXBwcm92YWxGbG93VGVhbUxpc3QgY29tcG9uZW50IGlzIGRlcHJlY2F0ZWQgc2luY2UgdmVyc2lvbiAwLjQwLjBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZHAtYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hcHByb3ZhbC1mbG93LXRlYW0tbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdmZHAtYXBwcm92YWwtZmxvdy10ZWFtLWxpc3QnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBBcHByb3ZhbEZsb3dUZWFtTGlzdENvbXBvbmVudCB7XG4gICAgLyoqIEFwcHJvdmFsIGZsb3cgdGVhbXMgKi9cbiAgICBASW5wdXQoKVxuICAgIHRlYW1zOiBBcHByb3ZhbFRlYW1bXSA9IFtdO1xuXG4gICAgLyoqIFdoZXRoZXIgaW4gUlRMIG1vZGUgKi9cbiAgICBASW5wdXQoKVxuICAgIGlzUnRsID0gZmFsc2U7XG5cbiAgICAvKiogU2VsZWN0ZWQgdGVhbSBJRCAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2VsZWN0ZWRUZWFtSWQ6IE51bGxhYmxlPHN0cmluZz47XG5cbiAgICAvKiogRXZlbnQgZW1pdHRlZCBvbiB0ZWFtIGNsaWNrICovXG4gICAgQE91dHB1dCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtb24tcHJlZml4XG4gICAgb25UZWFtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEFwcHJvdmFsVGVhbT4oKTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIG9uIHRlYW0gc2VsZWN0aW9uIGNoYW5nZSAqL1xuICAgIEBPdXRwdXQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW9uLXByZWZpeFxuICAgIG9uVGVhbVJhZGlvQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEFwcHJvdmFsVGVhbT4oKTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX3RyYWNrQnlGbiA9IHRyYWNrQnlGbjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX3Nob3dUZWFtRGV0YWlscyh0ZWFtOiBBcHByb3ZhbFRlYW0pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRlYW1DbGljay5lbWl0KHRlYW0pO1xuICAgIH1cbn1cbiIsIjxmZHAtbGlzdCBbaGFzQnlMaW5lXT1cInRydWVcIiBmZENvbXBhY3Q+XG4gICAgPGZkLWZvcm0tZ3JvdXA+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHRlYW0gb2YgdGVhbXM7IGxldCBpID0gaW5kZXg7IHRyYWNrQnk6IF90cmFja0J5Rm5cIiBmZC1mb3JtLWl0ZW0+XG4gICAgICAgICAgICA8ZmQtcmFkaW8tYnV0dG9uXG4gICAgICAgICAgICAgICAgW3ZhbHVlXT1cInRlYW0uaWRcIlxuICAgICAgICAgICAgICAgIFthdHRyLmlkXT1cIid0ZWFtLXJhZGlvJyArIGlcIlxuICAgICAgICAgICAgICAgIFtuYW1lXT1cIid0ZWFtLXJhZGlvJyArIGlcIlxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRUZWFtSWRcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvblRlYW1SYWRpb0NsaWNrLmVtaXQodGVhbSlcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9mZC1yYWRpby1idXR0b24+XG5cbiAgICAgICAgICAgIDxmZHAtc3RhbmRhcmQtbGlzdC1pdGVtXG4gICAgICAgICAgICAgICAgW2F0dHIuaWRdPVwiJ2FwcHJvdmFsLXRlYW0tJyArIHRlYW0uaWRcIlxuICAgICAgICAgICAgICAgIFthdmF0YXJdPVwieyBpbWFnZTogJycsIGFyaWFMYWJlbDogdGVhbS5uYW1lIH1cIlxuICAgICAgICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJ0ZWFtLmRlc2NyaXB0aW9uIHx8IHRlYW0ubWVtYmVycy5sZW5ndGggKyAnIG1lbWJlcnMnXCJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwidGVhbS5uYW1lXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiX3Nob3dUZWFtRGV0YWlscyh0ZWFtKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2ZkcC1zdGFuZGFyZC1saXN0LWl0ZW0+XG5cbiAgICAgICAgICAgIDxmZC1pY29uIFtnbHlwaF09XCInbmF2aWdhdGlvbi0nICsgKGlzUnRsID8gJ2xlZnQnIDogJ3JpZ2h0JykgKyAnLWFycm93J1wiPjwvZmQtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9mZC1mb3JtLWdyb3VwPlxuPC9mZHAtbGlzdD5cbiJdfQ==

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

@@ -8,7 +8,7 @@ import * as i2 from "@fundamental-ngx/core/avatar";
  */
 export class ApprovalFlowUserDetailsComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowUserDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowUserDetailsComponent, selector: "fdp-approval-flow-user-details", inputs: { user: "user", details: "details", detailsTemplate: "detailsTemplate" }, host: { classAttribute: "fdp-approval-flow-user-details" }, ngImport: i0, template: "<div class=\"fdp-approval-flow-user-details__user-info\">\n    <fd-avatar [image]=\"user.imgUrl\" size=\"s\"> </fd-avatar>\n\n    <div>\n        <div class=\"fdp-approval-flow-user-details__name\">{{ user.name }}</div>\n        <div class=\"fdp-approval-flow-user-details__description\">{{ user.description }}</div>\n    </div>\n</div>\n\n<ng-container\n    *ngIf=\"detailsTemplate\"\n    [ngTemplateOutlet]=\"detailsTemplate\"\n    [ngTemplateOutletContext]=\"{ data: details | async }\"\n>\n</ng-container>\n", styles: [".fdp-approval-flow-user-details__user-info{display:flex;align-items:center;margin-bottom:1rem}.fdp-approval-flow-user-details__name{font-size:1rem}.fdp-approval-flow-user-details__description{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowUserDetailsComponent, selector: "fdp-approval-flow-user-details", inputs: { user: "user", details: "details", detailsTemplate: "detailsTemplate" }, host: { classAttribute: "fdp-approval-flow-user-details" }, ngImport: i0, template: "<div class=\"fdp-approval-flow-user-details__user-info\">\n    <fd-avatar [image]=\"user.imgUrl\" size=\"s\"> </fd-avatar>\n\n    <div>\n        <div class=\"fdp-approval-flow-user-details__name\">{{ user.name }}</div>\n        <div class=\"fdp-approval-flow-user-details__description\">{{ user.description }}</div>\n    </div>\n</div>\n\n<ng-container\n    *ngIf=\"detailsTemplate\"\n    [ngTemplateOutlet]=\"detailsTemplate\"\n    [ngTemplateOutletContext]=\"{ data: details | async }\"\n>\n</ng-container>\n", styles: [".fdp-approval-flow-user-details__user-info{display:flex;align-items:center;margin-bottom:1rem}.fdp-approval-flow-user-details__name{font-size:1rem}.fdp-approval-flow-user-details__description{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowUserDetailsComponent, decorators: [{
             type: Component,

package/esm2022/approval-flow/approval-flow-user-list/approval-flow-user-list.component.mjs CHANGED Viewed

@@ -101,13 +101,13 @@ export class ApprovalFlowUserListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowUserListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowUserListComponent, selector: "fdp-approval-flow-user-list", inputs: { users: "users", selectedUsers: "selectedUsers", isSelectable: "isSelectable" }, outputs: { onUserClick: "onUserClick", onSelectionChange: "onSelectionChange" }, host: { classAttribute: "fdp-approval-flow-user-list" }, viewQueries: [{ propertyName: "list", first: true, predicate: ListComponent, descendants: true }, { propertyName: "listItems", predicate: StandardListItemComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fdp-approval-flow-user-list__selected-count\" *ngIf=\"_selectedItems.length\">\n    <ng-container *ngIf=\"_selectedItems.length === 1; else multipleItems\">\n        {{ 'platformApprovalFlow.userListSelectedItemsCountSingular' | fdTranslate }}\n    </ng-container>\n\n    <ng-template #multipleItems>\n        {{ 'platformApprovalFlow.userListSelectedItemsCountPlural' | fdTranslate: { count: _selectedItems.length } }}\n    </ng-template>\n</div>\n\n<fdp-list\n    [selectionMode]=\"isSelectable ? 'multi' : 'none'\"\n    [selection]=\"isSelectable\"\n    [navigationIndicator]=\"true\"\n    [hasByLine]=\"true\"\n    [(ngModel)]=\"_selectedItems\"\n    [selectedItems]=\"_selectedItems\"\n    (selectedItemChange)=\"_onSelect($event)\"\n>\n    <fdp-standard-list-item\n        *ngFor=\"let _user of _displayUsers; trackBy: _trackByFn\"\n        [attr.id]=\"_idPrefix + _user.id\"\n        [avatarSrc]=\"_user.imgUrl\"\n        [avatarTitle]=\"_user.name\"\n        [description]=\"_user.description\"\n        [ariaLabel]=\"_user.name\"\n        [title]=\"_user.name\"\n        (click)=\"$event.stopPropagation(); onUserClick.emit(_user)\"\n    ></fdp-standard-list-item>\n</fdp-list>\n", styles: [".fdp-approval-flow-user-list{display:block;margin-top:-1rem}.fdp-approval-flow-user-list__selected-count{line-height:2rem;margin:0 -1rem;padding:0 1rem;background:#f2f2f2;background:var(--sapList_HeaderBackground, #f2f2f2)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.ListComponent, selector: "fdp-list", inputs: ["selectedItems", "ariaSetsize", "ariaMultiselectable", "loadTitle", "loadingLabel", "delayTime", "itemSize", "loadMore", "loadOnScroll", "role", "listType", "maxHeight", "noBorder", "scrollOffsetPercentage", "selection", "selectionMode", "value", "rowSelection", "dataSource", "navigated", "navigationIndicator", "hasByLine", "hasObject", "unreadIndicator"], outputs: ["selectedItemChange"] }, { kind: "component", type: i3.StandardListItemComponent, selector: "fdp-standard-list-item" }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowUserListComponent, selector: "fdp-approval-flow-user-list", inputs: { users: "users", selectedUsers: "selectedUsers", isSelectable: "isSelectable" }, outputs: { onUserClick: "onUserClick", onSelectionChange: "onSelectionChange" }, host: { classAttribute: "fdp-approval-flow-user-list" }, viewQueries: [{ propertyName: "list", first: true, predicate: ListComponent, descendants: true }, { propertyName: "listItems", predicate: StandardListItemComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fdp-approval-flow-user-list__selected-count\" *ngIf=\"_selectedItems.length\">\n    <ng-container *ngIf=\"_selectedItems.length === 1; else multipleItems\">\n        {{ 'platformApprovalFlow.userListSelectedItemsCountSingular' | fdTranslate }}\n    </ng-container>\n\n    <ng-template #multipleItems>\n        {{ 'platformApprovalFlow.userListSelectedItemsCountPlural' | fdTranslate : { count: _selectedItems.length } }}\n    </ng-template>\n</div>\n\n<fdp-list\n    [selectionMode]=\"isSelectable ? 'multi' : 'none'\"\n    [selection]=\"isSelectable\"\n    [navigationIndicator]=\"true\"\n    [hasByLine]=\"true\"\n    [(ngModel)]=\"_selectedItems\"\n    [selectedItems]=\"_selectedItems\"\n    (selectedItemChange)=\"_onSelect($event)\"\n>\n    <fdp-standard-list-item\n        *ngFor=\"let _user of _displayUsers; trackBy: _trackByFn\"\n        [attr.id]=\"_idPrefix + _user.id\"\n        [avatar]=\"{ image: _user.imgUrl, ariaLabel: _user.name }\"\n        [description]=\"_user.description\"\n        [ariaLabel]=\"_user.name\"\n        [title]=\"_user.name\"\n        (click)=\"$event.stopPropagation(); onUserClick.emit(_user)\"\n    ></fdp-standard-list-item>\n</fdp-list>\n", styles: [".fdp-approval-flow-user-list{display:block;margin-top:-1rem}.fdp-approval-flow-user-list__selected-count{line-height:2rem;margin:0 -1rem;padding:0 1rem;background:#f2f2f2;background:var(--sapList_HeaderBackground, #f2f2f2)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.ListComponent, selector: "fdp-list", inputs: ["selectedItems", "ariaSetsize", "ariaMultiselectable", "loadTitle", "loadingLabel", "delayTime", "itemSize", "loadMore", "loadOnScroll", "role", "listType", "maxHeight", "noBorder", "scrollOffsetPercentage", "selection", "selectionMode", "value", "rowSelection", "dataSource", "navigated", "navigationIndicator", "hasByLine", "hasObject", "unreadIndicator"], outputs: ["selectedItemChange"] }, { kind: "component", type: i3.StandardListItemComponent, selector: "fdp-standard-list-item" }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowUserListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-approval-flow-user-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fdp-approval-flow-user-list'
-                    }, template: "<div class=\"fdp-approval-flow-user-list__selected-count\" *ngIf=\"_selectedItems.length\">\n    <ng-container *ngIf=\"_selectedItems.length === 1; else multipleItems\">\n        {{ 'platformApprovalFlow.userListSelectedItemsCountSingular' | fdTranslate }}\n    </ng-container>\n\n    <ng-template #multipleItems>\n        {{ 'platformApprovalFlow.userListSelectedItemsCountPlural' | fdTranslate: { count: _selectedItems.length } }}\n    </ng-template>\n</div>\n\n<fdp-list\n    [selectionMode]=\"isSelectable ? 'multi' : 'none'\"\n    [selection]=\"isSelectable\"\n    [navigationIndicator]=\"true\"\n    [hasByLine]=\"true\"\n    [(ngModel)]=\"_selectedItems\"\n    [selectedItems]=\"_selectedItems\"\n    (selectedItemChange)=\"_onSelect($event)\"\n>\n    <fdp-standard-list-item\n        *ngFor=\"let _user of _displayUsers; trackBy: _trackByFn\"\n        [attr.id]=\"_idPrefix + _user.id\"\n        [avatarSrc]=\"_user.imgUrl\"\n        [avatarTitle]=\"_user.name\"\n        [description]=\"_user.description\"\n        [ariaLabel]=\"_user.name\"\n        [title]=\"_user.name\"\n        (click)=\"$event.stopPropagation(); onUserClick.emit(_user)\"\n    ></fdp-standard-list-item>\n</fdp-list>\n", styles: [".fdp-approval-flow-user-list{display:block;margin-top:-1rem}.fdp-approval-flow-user-list__selected-count{line-height:2rem;margin:0 -1rem;padding:0 1rem;background:#f2f2f2;background:var(--sapList_HeaderBackground, #f2f2f2)}\n"] }]
+                    }, template: "<div class=\"fdp-approval-flow-user-list__selected-count\" *ngIf=\"_selectedItems.length\">\n    <ng-container *ngIf=\"_selectedItems.length === 1; else multipleItems\">\n        {{ 'platformApprovalFlow.userListSelectedItemsCountSingular' | fdTranslate }}\n    </ng-container>\n\n    <ng-template #multipleItems>\n        {{ 'platformApprovalFlow.userListSelectedItemsCountPlural' | fdTranslate : { count: _selectedItems.length } }}\n    </ng-template>\n</div>\n\n<fdp-list\n    [selectionMode]=\"isSelectable ? 'multi' : 'none'\"\n    [selection]=\"isSelectable\"\n    [navigationIndicator]=\"true\"\n    [hasByLine]=\"true\"\n    [(ngModel)]=\"_selectedItems\"\n    [selectedItems]=\"_selectedItems\"\n    (selectedItemChange)=\"_onSelect($event)\"\n>\n    <fdp-standard-list-item\n        *ngFor=\"let _user of _displayUsers; trackBy: _trackByFn\"\n        [attr.id]=\"_idPrefix + _user.id\"\n        [avatar]=\"{ image: _user.imgUrl, ariaLabel: _user.name }\"\n        [description]=\"_user.description\"\n        [ariaLabel]=\"_user.name\"\n        [title]=\"_user.name\"\n        (click)=\"$event.stopPropagation(); onUserClick.emit(_user)\"\n    ></fdp-standard-list-item>\n</fdp-list>\n", styles: [".fdp-approval-flow-user-list{display:block;margin-top:-1rem}.fdp-approval-flow-user-list__selected-count{line-height:2rem;margin:0 -1rem;padding:0 1rem;background:#f2f2f2;background:var(--sapList_HeaderBackground, #f2f2f2)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { users: [{
                 type: Input
             }], selectedUsers: [{
@@ -129,4 +129,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                 type: ViewChildren,
                 args: [StandardListItemComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcm92YWwtZmxvdy11c2VyLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy11c2VyLWxpc3QvYXBwcm92YWwtZmxvdy11c2VyLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy11c2VyLWxpc3QvYXBwcm92YWwtZmxvdy11c2VyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUNOLFNBQVMsRUFFVCxTQUFTLEVBQ1QsWUFBWSxFQUNaLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUgsYUFBYSxFQUViLHlCQUF5QixFQUM1QixNQUFNLGdDQUFnQyxDQUFDO0FBRXhDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7OztBQUV2QyxNQUFNLHNCQUFzQixHQUFHLEdBQUcsQ0FBQztBQUNuQyxNQUFNLGNBQWMsR0FBRyxFQUFFLENBQUM7QUFFMUI7OztHQUdHO0FBV0gsTUFBTSxPQUFPLDZCQUE2QjtJQThDdEMsY0FBYztJQUNkLFlBQW9CLElBQXVCO1FBQXZCLFNBQUksR0FBSixJQUFJLENBQW1CO1FBOUMzQywwQkFBMEI7UUFFMUIsVUFBSyxHQUFtQixFQUFFLENBQUM7UUFFM0IsbUNBQW1DO1FBRW5DLGtCQUFhLEdBQW1CLEVBQUUsQ0FBQztRQUVuQyxxQ0FBcUM7UUFFckMsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFcEIsa0NBQWtDO1FBR2xDLGdCQUFXLEdBQUcsSUFBSSxZ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QUFLO2dCQUtOLFlBQVk7c0JBRFgsS0FBSzs7UUFLTiwrREFBK0Q7UUFDL0QsV0FBVztzQkFGVixNQUFNOztRQU1QLCtEQUErRDtRQUMvRCxpQkFBaUI7c0JBRmhCLE1BQU07Z0JBTVAsSUFBSTtzQkFESCxTQUFTO3VCQUFDLGFBQWE7Z0JBS3hCLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0NoaWxkcmVuLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICAgIEJhc2VMaXN0SXRlbSxcbiAgICBMaXN0Q29tcG9uZW50LFxuICAgIFNlbGVjdGlvbkNoYW5nZUV2ZW50LFxuICAgIFN0YW5kYXJkTGlzdEl0ZW1Db21wb25lbnRcbn0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9wbGF0Zm9ybS9saXN0JztcbmltcG9ydCB7IEFwcHJvdmFsVXNlciB9IGZyb20gJy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgdHJhY2tCeUZuIH0gZnJvbSAnLi4vaGVscGVycyc7XG5cbmNvbnN0IElURU1TX1JFTkRFUkVEX0FUX09OQ0UgPSAxMDA7XG5jb25zdCBJTlRFUlZBTF9JTl9NUyA9IDEwO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiBBcHByb3ZhbEZsb3dVc2VyTGlzdCBjb21wb25lbnQgaXMgZGVwcmVjYXRlZCBzaW5jZSB2ZXJzaW9uIDAuNDAuMFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkcC1hcHByb3ZhbC1mbG93LXVzZXItbGlzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FwcHJvdmFsLWZsb3ctdXNlci1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hcHByb3ZhbC1mbG93LXVzZXItbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ZkcC1hcHByb3ZhbC1mbG93LXVzZXItbGlzdCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEFwcHJvdmFsRmxvd1VzZXJMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICAgIC8qKiBBcHByb3ZhbCBmbG93IHVzZXJzICovXG4gICAgQElucHV0KClcbiAgICB1c2VyczogQXBwcm92YWxVc2VyW10gPSBbXTtcblxuICAgIC8qKiBBcHByb3ZhbCBmbG93IHNlbGVjdGVkIHVzZXJzICovXG4gICAgQElucHV0KClcbiAgICBzZWxlY3RlZFVzZXJzOiBBcHByb3ZhbFVzZXJbXSA9IFtdO1xuXG4gICAgLyoqIFdoZXRoZXIgdGhlIGxpc3QgaXMgc2VsZWN0YWJsZSAqL1xuICAgIEBJbnB1dCgpXG4gICAgaXNTZWxlY3RhYmxlID0gdHJ1ZTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIG9uIHVzZXIgY2xpY2sgKi9cbiAgICBAT3V0cHV0KClcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1vbi1wcmVmaXhcbiAgICBvblVzZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8QXBwcm92YWxVc2VyPigpO1xuXG4gICAgLyoqIEV2ZW50IGVtaXR0ZWQgb24gc2VsZWN0aW9uIGNoYW5nZSAqL1xuICAgIEBPdXRwdXQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW9uLXByZWZpeFxuICAgIG9uU2VsZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxBcHByb3ZhbFVzZXJbXT4oKTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQFZpZXdDaGlsZChMaXN0Q29tcG9uZW50KVxuICAgIGxpc3Q6IExpc3RDb21wb25lbnQ8QXBwcm92YWxVc2VyPjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQFZpZXdDaGlsZHJlbihTdGFuZGFyZExpc3RJdGVtQ29tcG9uZW50KVxuICAgIGxpc3RJdGVtczogUXVlcnlMaXN0PFN0YW5kYXJkTGlzdEl0ZW1Db21wb25lbnQ+O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfc2VsZWN0ZWRJdGVtczogQmFzZUxpc3RJdGVtW10gPSBbXTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2lkUHJlZml4ID0gJ2FwcHJvdmFsLW5vZGUtdXNlci0nO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfdHJhY2tCeUZuID0gdHJhY2tCeUZuO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfZGlzcGxheVVzZXJzOiBBcHByb3ZhbFVzZXJbXSA9IFtdO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9pbnRlcnZhbElEPzogbnVtYmVyO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkVXNlcnMubGVuZ3RoKSB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RlZEFwcHJvdmVyc05hbWVzID0gdGhpcy5zZWxlY3RlZFVzZXJzLm1hcCgoYXBwcm92ZXIpID0+IGFwcHJvdmVyLm5hbWUpO1xuXG4gICAgICAgICAgICB0aGlzLl9zZWxlY3RlZEl0ZW1zID0gdGhpcy5saXN0SXRlbXMuZmlsdGVyKFxuICAgICAgICAgICAgICAgIChpdGVtKSA9PiAhIWl0ZW0uYXZhdGFyPy5hcmlhTGFiZWwgJiYgc2VsZWN0ZWRBcHByb3ZlcnNOYW1lcy5pbmNsdWRlcyhpdGVtLmF2YXRhci5hcmlhTGFiZWwpXG4gICAgICAgICAgICApO1xuXG4gICAgICAgICAgICB0aGlzLl9zZWxlY3RlZEl0ZW1zLmZvckVhY2goKGl0ZW0pID0+IHtcbiAgICAgICAgICAgICAgICBpdGVtLl9zZWxlY3RlZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgdGhpcy5saXN0Ll9zZWxlY3RJdGVtKGl0ZW0pO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgaWYgKGNoYW5nZXMudXNlcnMpIHtcbiAgICAgICAgICAgIHRoaXMuX2NvbGxlY3REYXRhUHJvZ3Jlc3NpdmUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2tpbGxJbnRlcnZhbCgpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29uU2VsZWN0KGV2ZW50OiBTZWxlY3Rpb25DaGFuZ2VFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9zZWxlY3RlZEl0ZW1zID0gZXZlbnQuc2VsZWN0ZWRJdGVtcztcblxuICAgICAgICB0aGlzLm9uU2VsZWN0aW9uQ2hhbmdlLmVtaXQodGhpcy5fZ2V0VXNlcnNGcm9tU2VsZWN0ZWRJdGVtcyhldmVudC5zZWxlY3RlZEl0ZW1zKSk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9nZXRVc2Vyc0Zyb21TZWxlY3RlZEl0ZW1zKGl0ZW1zOiBCYXNlTGlzdEl0ZW1bXSk6IEFwcHJvdmFsVXNlcltdIHtcbiAgICAgICAgcmV0dXJuIGl0ZW1zXG4gICAgICAgICAgICAubWFwKChpdGVtKSA9PiB0aGlzLnVzZXJzLmZpbmQoKHVzZXIpID0+IGAke3RoaXMuX2lkUHJlZml4ICsgdXNlci5pZH1gID09PSBpdGVtLml0ZW1FbC5uYXRpdmVFbGVtZW50LmlkKSlcbiAgICAgICAgICAgIC5maWx0ZXIoKHUpOiB1IGlzIEFwcHJvdmFsVXNlciA9PiAhIXUpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfY29sbGVjdERhdGFQcm9ncmVzc2l2ZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fa2lsbEludGVydmFsKCk7XG4gICAgICAgIHRoaXMuX2Rpc3BsYXlVc2VycyA9IFtdO1xuXG4gICAgICAgIGlmICghdGhpcy51c2Vycz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBjb2xsZWN0aW9uVHJhY2tlciA9IHsgY3VycmVudEluZGV4OiAwIH07XG5cbiAgICAgICAgdGhpcy5fdXNlckNvbGxlY3RvckludGVydmFsRm4oY29sbGVjdGlvblRyYWNrZXIpO1xuICAgICAgICB0aGlzLl9pbnRlcnZhbElEID0gd2luZG93LnNldEludGVydmFsKFxuICAgICAgICAgICAgdGhpcy5fdXNlckNvbGxlY3RvckludGVydmFsRm4uYmluZCh0aGlzKSxcbiAgICAgICAgICAgIElOVEVSVkFMX0lOX01TLFxuICAgICAgICAgICAgY29sbGVjdGlvblRyYWNrZXJcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3VzZXJDb2xsZWN0b3JJbnRlcnZhbEZuKHRyYWNrZXI6IHsgY3VycmVudEluZGV4OiBudW1iZXIgfSk6IHZvaWQge1xuICAgICAgICBjb25zdCBuZXh0SW5kZXggPSB0cmFja2VyLmN1cnJlbnRJbmRleCArIElURU1TX1JFTkRFUkVEX0FUX09OQ0U7XG5cbiAgICAgICAgY29uc3QgY29sbGVjdGVkVXNlcnM6IEFwcHJvdmFsVXNlcltdID0gW107XG5cbiAgICAgICAgZm9yIChsZXQgaSA9IHRyYWNrZXIuY3VycmVudEluZGV4OyBpIDw9IG5leHRJbmRleDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoaSA+PSB0aGlzLnVzZXJzLmxlbmd0aCkge1xuICAgICAgICAgICAgICAgIHRoaXMuX2tpbGxJbnRlcnZhbCgpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb2xsZWN0ZWRVc2Vycy5wdXNoKHRoaXMudXNlcnNbaV0pO1xuICAgICAgICB9XG5cbiAgICAgICAgdHJhY2tlci5jdXJyZW50SW5kZXggKz0gSVRFTVNfUkVOREVSRURfQVRfT05DRTtcblxuICAgICAgICB0aGlzLl9kaXNwbGF5VXNlcnMucHVzaCguLi5jb2xsZWN0ZWRVc2Vycyk7XG4gICAgICAgIHRoaXMuX2Nkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2tpbGxJbnRlcnZhbCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuX2ludGVydmFsSUQpIHtcbiAgICAgICAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5faW50ZXJ2YWxJRCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmRwLWFwcHJvdmFsLWZsb3ctdXNlci1saXN0X19zZWxlY3RlZC1jb3VudFwiICpuZ0lmPVwiX3NlbGVjdGVkSXRlbXMubGVuZ3RoXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIl9zZWxlY3RlZEl0ZW1zLmxlbmd0aCA9PT0gMTsgZWxzZSBtdWx0aXBsZUl0ZW1zXCI+XG4gICAgICAgIHt7ICdwbGF0Zm9ybUFwcHJvdmFsRmxvdy51c2VyTGlzdFNlbGVjdGVkSXRlbXNDb3VudFNpbmd1bGFyJyB8IGZkVHJhbnNsYXRlIH19XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctdGVtcGxhdGUgI211bHRpcGxlSXRlbXM+XG4gICAgICAgIHt7ICdwbGF0Zm9ybUFwcHJvdmFsRmxvdy51c2VyTGlzdFNlbGVjdGVkSXRlbXNDb3VudFBsdXJhbCcgfCBmZFRyYW5zbGF0ZTogeyBjb3VudDogX3NlbGVjdGVkSXRlbXMubGVuZ3RoIH0gfX1cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG5cbjxmZHAtbGlzdFxuICAgIFtzZWxlY3Rpb25Nb2RlXT1cImlzU2VsZWN0YWJsZSA/ICdtdWx0aScgOiAnbm9uZSdcIlxuICAgIFtzZWxlY3Rpb25dPVwiaXNTZWxlY3RhYmxlXCJcbiAgICBbbmF2aWdhdGlvbkluZGljYXRvcl09XCJ0cnVlXCJcbiAgICBbaGFzQnlMaW5lXT1cInRydWVcIlxuICAgIFsobmdNb2RlbCldPVwiX3NlbGVjdGVkSXRlbXNcIlxuICAgIFtzZWxlY3RlZEl0ZW1zXT1cIl9zZWxlY3RlZEl0ZW1zXCJcbiAgICAoc2VsZWN0ZWRJdGVtQ2hhbmdlKT1cIl9vblNlbGVjdCgkZXZlbnQpXCJcbj5cbiAgICA8ZmRwLXN0YW5kYXJkLWxpc3QtaXRlbVxuICAgICAgICAqbmdGb3I9XCJsZXQgX3VzZXIgb2YgX2Rpc3BsYXlVc2VyczsgdHJhY2tCeTogX3RyYWNrQnlGblwiXG4gICAgICAgIFthdHRyLmlkXT1cIl9pZFByZWZpeCArIF91c2VyLmlkXCJcbiAgICAgICAgW2F2YXRhclNyY109XCJfdXNlci5pbWdVcmxcIlxuICAgICAgICBbYXZhdGFyVGl0bGVdPVwiX3VzZXIubmFtZVwiXG4gICAgICAgIFtkZXNjcmlwdGlvbl09XCJfdXNlci5kZXNjcmlwdGlvblwiXG4gICAgICAgIFthcmlhTGFiZWxdPVwiX3VzZXIubmFtZVwiXG4gICAgICAgIFt0aXRsZV09XCJfdXNlci5uYW1lXCJcbiAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgb25Vc2VyQ2xpY2suZW1pdChfdXNlcilcIlxuICAgID48L2ZkcC1zdGFuZGFyZC1saXN0LWl0ZW0+XG48L2ZkcC1saXN0PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcm92YWwtZmxvdy11c2VyLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy11c2VyLWxpc3QvYXBwcm92YWwtZmxvdy11c2VyLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9zcmMvbGliL2FwcHJvdmFsLWZsb3cvYXBwcm92YWwtZmxvdy11c2VyLWxpc3QvYXBwcm92YWwtZmxvdy11c2VyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUNOLFNBQVMsRUFFVCxTQUFTLEVBQ1QsWUFBWSxFQUNaLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUgsYUFBYSxFQUViLHlCQUF5QixFQUM1QixNQUFNLGdDQUFnQyxDQUFDO0FBRXhDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7OztBQUV2QyxNQUFNLHNCQUFzQixHQUFHLEdBQUcsQ0FBQztBQUNuQyxNQUFNLGNBQWMsR0FBRyxFQUFFLENBQUM7QUFFMUI7OztHQUdHO0FBV0gsTUFBTSxPQUFPLDZCQUE2QjtJQThDdEMsY0FBYztJQUNkLFlBQW9CLElBQXVCO1FBQXZCLFNBQUksR0FBSixJQUFJLENBQW1CO1FBOUMzQywwQkFBMEI7UUFFMUIsVUFBSyxHQUFtQixFQUFFLENBQUM7UUFFM0IsbUNBQW1DO1FBRW5DLGtCQUFhLEdBQW1CLEVBQUUsQ0FBQztRQUVuQyxxQ0FBcUM7UUFFckMsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFcEIsa0NBQWtDO1FBR2xDLGdCQUFXLEdBQUcsSUFBSSxZ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QUFLO2dCQUtOLFlBQVk7c0JBRFgsS0FBSzs7UUFLTiwrREFBK0Q7UUFDL0QsV0FBVztzQkFGVixNQUFNOztRQU1QLCtEQUErRDtRQUMvRCxpQkFBaUI7c0JBRmhCLE1BQU07Z0JBTVAsSUFBSTtzQkFESCxTQUFTO3VCQUFDLGFBQWE7Z0JBS3hCLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0NoaWxkcmVuLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICAgIEJhc2VMaXN0SXRlbSxcbiAgICBMaXN0Q29tcG9uZW50LFxuICAgIFNlbGVjdGlvbkNoYW5nZUV2ZW50LFxuICAgIFN0YW5kYXJkTGlzdEl0ZW1Db21wb25lbnRcbn0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9wbGF0Zm9ybS9saXN0JztcbmltcG9ydCB7IEFwcHJvdmFsVXNlciB9IGZyb20gJy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgdHJhY2tCeUZuIH0gZnJvbSAnLi4vaGVscGVycyc7XG5cbmNvbnN0IElURU1TX1JFTkRFUkVEX0FUX09OQ0UgPSAxMDA7XG5jb25zdCBJTlRFUlZBTF9JTl9NUyA9IDEwO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiBBcHByb3ZhbEZsb3dVc2VyTGlzdCBjb21wb25lbnQgaXMgZGVwcmVjYXRlZCBzaW5jZSB2ZXJzaW9uIDAuNDAuMFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkcC1hcHByb3ZhbC1mbG93LXVzZXItbGlzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FwcHJvdmFsLWZsb3ctdXNlci1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hcHByb3ZhbC1mbG93LXVzZXItbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ZkcC1hcHByb3ZhbC1mbG93LXVzZXItbGlzdCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEFwcHJvdmFsRmxvd1VzZXJMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICAgIC8qKiBBcHByb3ZhbCBmbG93IHVzZXJzICovXG4gICAgQElucHV0KClcbiAgICB1c2VyczogQXBwcm92YWxVc2VyW10gPSBbXTtcblxuICAgIC8qKiBBcHByb3ZhbCBmbG93IHNlbGVjdGVkIHVzZXJzICovXG4gICAgQElucHV0KClcbiAgICBzZWxlY3RlZFVzZXJzOiBBcHByb3ZhbFVzZXJbXSA9IFtdO1xuXG4gICAgLyoqIFdoZXRoZXIgdGhlIGxpc3QgaXMgc2VsZWN0YWJsZSAqL1xuICAgIEBJbnB1dCgpXG4gICAgaXNTZWxlY3RhYmxlID0gdHJ1ZTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIG9uIHVzZXIgY2xpY2sgKi9cbiAgICBAT3V0cHV0KClcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1vbi1wcmVmaXhcbiAgICBvblVzZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8QXBwcm92YWxVc2VyPigpO1xuXG4gICAgLyoqIEV2ZW50IGVtaXR0ZWQgb24gc2VsZWN0aW9uIGNoYW5nZSAqL1xuICAgIEBPdXRwdXQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW9uLXByZWZpeFxuICAgIG9uU2VsZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxBcHByb3ZhbFVzZXJbXT4oKTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQFZpZXdDaGlsZChMaXN0Q29tcG9uZW50KVxuICAgIGxpc3Q6IExpc3RDb21wb25lbnQ8QXBwcm92YWxVc2VyPjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQFZpZXdDaGlsZHJlbihTdGFuZGFyZExpc3RJdGVtQ29tcG9uZW50KVxuICAgIGxpc3RJdGVtczogUXVlcnlMaXN0PFN0YW5kYXJkTGlzdEl0ZW1Db21wb25lbnQ+O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfc2VsZWN0ZWRJdGVtczogQmFzZUxpc3RJdGVtW10gPSBbXTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2lkUHJlZml4ID0gJ2FwcHJvdmFsLW5vZGUtdXNlci0nO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfdHJhY2tCeUZuID0gdHJhY2tCeUZuO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfZGlzcGxheVVzZXJzOiBBcHByb3ZhbFVzZXJbXSA9IFtdO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9pbnRlcnZhbElEPzogbnVtYmVyO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkVXNlcnMubGVuZ3RoKSB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RlZEFwcHJvdmVyc05hbWVzID0gdGhpcy5zZWxlY3RlZFVzZXJzLm1hcCgoYXBwcm92ZXIpID0+IGFwcHJvdmVyLm5hbWUpO1xuXG4gICAgICAgICAgICB0aGlzLl9zZWxlY3RlZEl0ZW1zID0gdGhpcy5saXN0SXRlbXMuZmlsdGVyKFxuICAgICAgICAgICAgICAgIChpdGVtKSA9PiAhIWl0ZW0uYXZhdGFyPy5hcmlhTGFiZWwgJiYgc2VsZWN0ZWRBcHByb3ZlcnNOYW1lcy5pbmNsdWRlcyhpdGVtLmF2YXRhci5hcmlhTGFiZWwpXG4gICAgICAgICAgICApO1xuXG4gICAgICAgICAgICB0aGlzLl9zZWxlY3RlZEl0ZW1zLmZvckVhY2goKGl0ZW0pID0+IHtcbiAgICAgICAgICAgICAgICBpdGVtLl9zZWxlY3RlZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgdGhpcy5saXN0Ll9zZWxlY3RJdGVtKGl0ZW0pO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgaWYgKGNoYW5nZXMudXNlcnMpIHtcbiAgICAgICAgICAgIHRoaXMuX2NvbGxlY3REYXRhUHJvZ3Jlc3NpdmUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2tpbGxJbnRlcnZhbCgpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29uU2VsZWN0KGV2ZW50OiBTZWxlY3Rpb25DaGFuZ2VFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9zZWxlY3RlZEl0ZW1zID0gZXZlbnQuc2VsZWN0ZWRJdGVtcztcblxuICAgICAgICB0aGlzLm9uU2VsZWN0aW9uQ2hhbmdlLmVtaXQodGhpcy5fZ2V0VXNlcnNGcm9tU2VsZWN0ZWRJdGVtcyhldmVudC5zZWxlY3RlZEl0ZW1zKSk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9nZXRVc2Vyc0Zyb21TZWxlY3RlZEl0ZW1zKGl0ZW1zOiBCYXNlTGlzdEl0ZW1bXSk6IEFwcHJvdmFsVXNlcltdIHtcbiAgICAgICAgcmV0dXJuIGl0ZW1zXG4gICAgICAgICAgICAubWFwKChpdGVtKSA9PiB0aGlzLnVzZXJzLmZpbmQoKHVzZXIpID0+IGAke3RoaXMuX2lkUHJlZml4ICsgdXNlci5pZH1gID09PSBpdGVtLml0ZW1FbC5uYXRpdmVFbGVtZW50LmlkKSlcbiAgICAgICAgICAgIC5maWx0ZXIoKHUpOiB1IGlzIEFwcHJvdmFsVXNlciA9PiAhIXUpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfY29sbGVjdERhdGFQcm9ncmVzc2l2ZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fa2lsbEludGVydmFsKCk7XG4gICAgICAgIHRoaXMuX2Rpc3BsYXlVc2VycyA9IFtdO1xuXG4gICAgICAgIGlmICghdGhpcy51c2Vycz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBjb2xsZWN0aW9uVHJhY2tlciA9IHsgY3VycmVudEluZGV4OiAwIH07XG5cbiAgICAgICAgdGhpcy5fdXNlckNvbGxlY3RvckludGVydmFsRm4oY29sbGVjdGlvblRyYWNrZXIpO1xuICAgICAgICB0aGlzLl9pbnRlcnZhbElEID0gd2luZG93LnNldEludGVydmFsKFxuICAgICAgICAgICAgdGhpcy5fdXNlckNvbGxlY3RvckludGVydmFsRm4uYmluZCh0aGlzKSxcbiAgICAgICAgICAgIElOVEVSVkFMX0lOX01TLFxuICAgICAgICAgICAgY29sbGVjdGlvblRyYWNrZXJcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3VzZXJDb2xsZWN0b3JJbnRlcnZhbEZuKHRyYWNrZXI6IHsgY3VycmVudEluZGV4OiBudW1iZXIgfSk6IHZvaWQge1xuICAgICAgICBjb25zdCBuZXh0SW5kZXggPSB0cmFja2VyLmN1cnJlbnRJbmRleCArIElURU1TX1JFTkRFUkVEX0FUX09OQ0U7XG5cbiAgICAgICAgY29uc3QgY29sbGVjdGVkVXNlcnM6IEFwcHJvdmFsVXNlcltdID0gW107XG5cbiAgICAgICAgZm9yIChsZXQgaSA9IHRyYWNrZXIuY3VycmVudEluZGV4OyBpIDw9IG5leHRJbmRleDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoaSA+PSB0aGlzLnVzZXJzLmxlbmd0aCkge1xuICAgICAgICAgICAgICAgIHRoaXMuX2tpbGxJbnRlcnZhbCgpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb2xsZWN0ZWRVc2Vycy5wdXNoKHRoaXMudXNlcnNbaV0pO1xuICAgICAgICB9XG5cbiAgICAgICAgdHJhY2tlci5jdXJyZW50SW5kZXggKz0gSVRFTVNfUkVOREVSRURfQVRfT05DRTtcblxuICAgICAgICB0aGlzLl9kaXNwbGF5VXNlcnMucHVzaCguLi5jb2xsZWN0ZWRVc2Vycyk7XG4gICAgICAgIHRoaXMuX2Nkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2tpbGxJbnRlcnZhbCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuX2ludGVydmFsSUQpIHtcbiAgICAgICAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5faW50ZXJ2YWxJRCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmRwLWFwcHJvdmFsLWZsb3ctdXNlci1saXN0X19zZWxlY3RlZC1jb3VudFwiICpuZ0lmPVwiX3NlbGVjdGVkSXRlbXMubGVuZ3RoXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIl9zZWxlY3RlZEl0ZW1zLmxlbmd0aCA9PT0gMTsgZWxzZSBtdWx0aXBsZUl0ZW1zXCI+XG4gICAgICAgIHt7ICdwbGF0Zm9ybUFwcHJvdmFsRmxvdy51c2VyTGlzdFNlbGVjdGVkSXRlbXNDb3VudFNpbmd1bGFyJyB8IGZkVHJhbnNsYXRlIH19XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctdGVtcGxhdGUgI211bHRpcGxlSXRlbXM+XG4gICAgICAgIHt7ICdwbGF0Zm9ybUFwcHJvdmFsRmxvdy51c2VyTGlzdFNlbGVjdGVkSXRlbXNDb3VudFBsdXJhbCcgfCBmZFRyYW5zbGF0ZSA6IHsgY291bnQ6IF9zZWxlY3RlZEl0ZW1zLmxlbmd0aCB9IH19XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuXG48ZmRwLWxpc3RcbiAgICBbc2VsZWN0aW9uTW9kZV09XCJpc1NlbGVjdGFibGUgPyAnbXVsdGknIDogJ25vbmUnXCJcbiAgICBbc2VsZWN0aW9uXT1cImlzU2VsZWN0YWJsZVwiXG4gICAgW25hdmlnYXRpb25JbmRpY2F0b3JdPVwidHJ1ZVwiXG4gICAgW2hhc0J5TGluZV09XCJ0cnVlXCJcbiAgICBbKG5nTW9kZWwpXT1cIl9zZWxlY3RlZEl0ZW1zXCJcbiAgICBbc2VsZWN0ZWRJdGVtc109XCJfc2VsZWN0ZWRJdGVtc1wiXG4gICAgKHNlbGVjdGVkSXRlbUNoYW5nZSk9XCJfb25TZWxlY3QoJGV2ZW50KVwiXG4+XG4gICAgPGZkcC1zdGFuZGFyZC1saXN0LWl0ZW1cbiAgICAgICAgKm5nRm9yPVwibGV0IF91c2VyIG9mIF9kaXNwbGF5VXNlcnM7IHRyYWNrQnk6IF90cmFja0J5Rm5cIlxuICAgICAgICBbYXR0ci5pZF09XCJfaWRQcmVmaXggKyBfdXNlci5pZFwiXG4gICAgICAgIFthdmF0YXJdPVwieyBpbWFnZTogX3VzZXIuaW1nVXJsLCBhcmlhTGFiZWw6IF91c2VyLm5hbWUgfVwiXG4gICAgICAgIFtkZXNjcmlwdGlvbl09XCJfdXNlci5kZXNjcmlwdGlvblwiXG4gICAgICAgIFthcmlhTGFiZWxdPVwiX3VzZXIubmFtZVwiXG4gICAgICAgIFt0aXRsZV09XCJfdXNlci5uYW1lXCJcbiAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgb25Vc2VyQ2xpY2suZW1pdChfdXNlcilcIlxuICAgID48L2ZkcC1zdGFuZGFyZC1saXN0LWl0ZW0+XG48L2ZkcC1saXN0PlxuIl19

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

@@ -755,7 +755,7 @@ export class ApprovalFlowComponent {
         this._subscriptions.add(sub);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowComponent, deps: [{ token: i1.DialogService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: DATA_PROVIDERS, optional: true }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowComponent, selector: "fdp-approval-flow", inputs: { title: "title", value: "value", userDataSource: "userDataSource", watcherDataSource: "watcherDataSource", teamDataSource: "teamDataSource", userDetailsTemplate: "userDetailsTemplate", approvalStatusTemplate: "approvalStatusTemplate", statusColorMapping: "statusColorMapping", checkDueDate: "checkDueDate", dueDateThreshold: "dueDateThreshold", allowSendRemindersForStatuses: "allowSendRemindersForStatuses", isEditAvailable: "isEditAvailable", watchersLabel: "watchersLabel", allowAddParallelNodes: "allowAddParallelNodes", disableSaveButton: "disableSaveButton", disableExitButton: "disableExitButton", usersDataProviderEntityKey: "usersDataProviderEntityKey", teamsDataProviderEntityKey: "teamsDataProviderEntityKey", watchersDataProviderEntityKey: "watchersDataProviderEntityKey" }, outputs: { nodeClick: "nodeClick", afterNodeAdd: "afterNodeAdd", afterNodeEdit: "afterNodeEdit", valueChange: "valueChange", sendReminders: "sendReminders", onDataRequested: "onDataRequested", onDataReceived: "onDataReceived" }, viewQueries: [{ propertyName: "_graphContainerEl", first: true, predicate: ["graphContainerEl"], descendants: true }, { propertyName: "_graphEl", first: true, predicate: ["graphEl"], descendants: true }, { propertyName: "_gridList", first: true, predicate: ["gridList"], descendants: true }, { propertyName: "_nodeComponents", predicate: ApprovalFlowNodeComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container fdCompact>\n    <fdp-approval-flow-messages\n        [(messages)]=\"_messages\"\n        [undoLastActionAvailable]=\"!!_previousApprovalProcess\"\n        (undoLastAction)=\"_undoLastAction()\"\n    ></fdp-approval-flow-messages>\n\n    <fd-grid-list\n        #gridList\n        class=\"fdp-approval-flow__toolbar\"\n        [selectionMode]=\"_isEditMode ? 'multiSelect' : 'none'\"\n        (selectionChange)=\"_onNodeSelectionChange($event)\"\n    >\n        <fd-grid-list-title-bar [title]=\"title || ('platformApprovalFlow.defaultTitle' | fdTranslate)\">\n            <fd-grid-list-title-bar-spacer></fd-grid-list-title-bar-spacer>\n\n            <fdp-approval-flow-toolbar-actions\n                *ngIf=\"isEditAvailable\"\n                [graph]=\"_graph\"\n                [selectedNodes]=\"_selectedNodes\"\n                [graphMetadata]=\"_graphMetadata\"\n                [isEditMode]=\"_isEditMode\"\n                (enterEditMode)=\"_enterEditMode()\"\n                (addNode)=\"_addNode($event.node, $event.target)\"\n                (editSelectedNode)=\"_editNode($event)\"\n                (deleteSelectedNodes)=\"_deleteSelectedNodes()\"\n            ></fdp-approval-flow-toolbar-actions>\n        </fd-grid-list-title-bar>\n\n        <div\n            class=\"fdp-approval-flow__watchers\"\n            *ngIf=\"_approvalProcess?.watchers?.length || _isEditMode\"\n            [attr.aria-label]=\"watchersLabel\"\n        >\n            <p class=\"fdp-approval-flow__watchers-title\">\n                {{ watchersLabel || ('platformApprovalFlow.defaultWatchersLabel' | fdTranslate) }}\n            </p>\n\n            <ng-container *ngIf=\"!_isEditMode\">\n                <fd-avatar\n                    *ngFor=\"let watcher of _approvalProcess?.watchers; trackBy: _trackByFn\"\n                    size=\"xs\"\n                    [image]=\"watcher.imgUrl || ''\"\n                    [label]=\"watcher.name\"\n                    [clickable]=\"true\"\n                    [circle]=\"true\"\n                    (avatarClicked)=\"_onWatcherClick(watcher, $event)\"\n                ></fd-avatar>\n            </ng-container>\n\n            <div class=\"fdp-approval-flow__watchers-input-container\" *ngIf=\"_isEditMode\">\n                <fd-multi-input\n                    [dropdownValues]=\"_usersForWatchersList\"\n                    [placeholder]=\"'platformApprovalFlow.watchersInputPlaceholder' | fdTranslate\"\n                    [displayFn]=\"_displayUserFn\"\n                    [valueFn]=\"_userValueFn\"\n                    [showAllButton]=\"true\"\n                    [(ngModel)]=\"_selectedWatcherIds\"\n                    (ngModelChange)=\"_watchersSelectionChanged($event)\"\n                ></fd-multi-input>\n            </div>\n        </div>\n\n        <ng-container *ngIf=\"!_graph.errors\">\n            <ng-container *ngIf=\"_graph.columns.length; else emptyApprovalFlowGraph\">\n                <div\n                    class=\"fdp-approval-flow__container\"\n                    [class.fdp-approval-flow__container--extra-padding-start]=\"true\"\n                    [class.fdp-approval-flow__container--extra-padding-end]=\"true\"\n                >\n                    <div\n                        class=\"fdp-approval-flow-carousel-controls\"\n                        *ngIf=\"_scrollDiff > 0\"\n                        [class.fdp-approval-flow-carousel-controls--edit-mode]=\"_isEditMode\"\n                    >\n                        <button\n                            *ngIf=\"_carouselStepsLeft > 0\"\n                            class=\"fdp-approval-flow-carousel-controls__button--prev-slide\"\n                            [attr.aria-label]=\"'platformApprovalFlow.prevButtonAriaLabel' | fdTranslate\"\n                            (click)=\"nextSlide(-1)\"\n                        >\n                            <fd-icon [glyph]=\"'navigation-' + (_rtl ? 'right' : 'left') + '-arrow'\"></fd-icon>\n                            {{ _carouselStepsLeft }}\n                        </button>\n\n                        <button\n                            *ngIf=\"_carouselStepsRight > 0\"\n                            class=\"fdp-approval-flow-carousel-controls__button--next-slide\"\n                            [attr.aria-label]=\"'platformApprovalFlow.nextButtonAriaLabel' | fdTranslate\"\n                            (click)=\"nextSlide()\"\n                        >\n                            {{ _carouselStepsRight }}\n                            <fd-icon [glyph]=\"'navigation-' + (_rtl ? 'left' : 'right') + '-arrow'\"></fd-icon>\n                        </button>\n                    </div>\n\n                    <div\n                        class=\"fdp-approval-flow__graph-container\"\n                        [class.fdp-approval-flow__graph-container--multiple-root-nodes]=\"_multipleRootNodes\"\n                        [class.fdp-approval-flow__graph-container--multiple-final-nodes]=\"_multipleFinalNodes\"\n                        [class.fd-scrollbar]=\"true\"\n                        #graphContainerEl\n                    >\n                        <div\n                            class=\"fdp-approval-flow__graph\"\n                            #graphEl\n                            [class.fdp-approval-flow__graph--edit-mode]=\"_isEditMode\"\n                        >\n                            <div\n                                class=\"fdp-approval-flow__graph-column\"\n                                *ngFor=\"let column of _graph.columns; let columnIndex = index\"\n                            >\n                                <fdp-approval-flow-node\n                                    *ngFor=\"let node of column.nodes; let nodeIndex = index; trackBy: _trackByFn\"\n                                    cdkDrag\n                                    #approvalFlowNode\n                                    [cdkDragDisabled]=\"_isCdkDragDisabled(node)\"\n                                    [node]=\"node\"\n                                    [meta]=\"_graphMetadata[node.id]\"\n                                    [isEdit]=\"_isEditMode\"\n                                    [isNextNodeBlank]=\"_isNextNodeBlank(node, columnIndex, nodeIndex)\"\n                                    [checkDueDate]=\"checkDueDate\"\n                                    [dueDateThreshold]=\"dueDateThreshold\"\n                                    [renderArrow]=\"columnIndex > 0\"\n                                    [allNodesInColumnApproved]=\"!!column.allNodesApproved\"\n                                    [approvalStatusTemplate]=\"approvalStatusTemplate\"\n                                    [statusColorMapping]=\"statusColorMapping\"\n                                    (onAdd)=\"_addNode(node, $event)\"\n                                    (onEdit)=\"_editNode(node)\"\n                                    (onDelete)=\"_onNodeDelete(node)\"\n                                    (keydown)=\"_onNodeKeyDown($event, node)\"\n                                    (cdkDragStarted)=\"_dragDropInProgress = true\"\n                                    (cdkDragReleased)=\"_onNodeDrop(node, $event.source)\"\n                                    (cdkDragMoved)=\"_onNodeDragMoved(node)\"\n                                >\n                                    <!-- Trick with using projection to make grid list items visible for the grid list -->\n                                    <fd-grid-list-item\n                                        type=\"active\"\n                                        [value]=\"node\"\n                                        [selected]=\"!!node.selected\"\n                                        [ariaLabelledBy]=\"approvalFlowNode.approvalFlowNodeId\"\n                                        [disableToolbarClick]=\"true\"\n                                        class=\"fdp-approval-flow__graph-node-inner\"\n                                        [class.fdp-approval-flow__graph-node-inner--edit]=\"_isEditMode\"\n                                        (press)=\"_onNodeClick(node)\"\n                                    >\n                                        <fd-grid-list-item-toolbar>\n                                            <ng-container *ngIf=\"_isEditMode\">\n                                                <ng-container\n                                                    [ngTemplateOutlet]=\"approvalFlowNode._overflowMenuButton\"\n                                                ></ng-container>\n                                            </ng-container>\n                                        </fd-grid-list-item-toolbar>\n\n                                        <fd-avatar\n                                            fd-grid-list-item-image\n                                            [image]=\"node.approvers.length === 1 ? node.approvers[0].imgUrl : null\"\n                                            [label]=\"node.approvers.length > 1 ? node.description : null\"\n                                            size=\"xs\"\n                                            [circle]=\"true\"\n                                        ></fd-avatar>\n\n                                        <ng-template fd-grid-list-item-body>\n                                            <ng-container\n                                                [ngTemplateOutlet]=\"approvalFlowNode._nodeContent\"\n                                            ></ng-container>\n                                        </ng-template>\n                                    </fd-grid-list-item>\n                                </fdp-approval-flow-node>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </fd-grid-list>\n\n    <div fd-bar *ngIf=\"_isEditMode\">\n        <div fd-bar-right>\n            <fd-bar-element>\n                <button\n                    fd-button\n                    [label]=\"'platformApprovalFlow.editModeSaveButtonLabel' | fdTranslate\"\n                    fdType=\"emphasized\"\n                    [disabled]=\"disableSaveButton\"\n                    (click)=\"_saveEditModeChanges()\"\n                ></button>\n            </fd-bar-element>\n\n            <fd-bar-element>\n                <button\n                    fd-button\n                    [label]=\"'platformApprovalFlow.editModeExitButtonLabel' | fdTranslate\"\n                    fdType=\"transparent\"\n                    [disabled]=\"disableExitButton\"\n                    (click)=\"_exitEditMode()\"\n                ></button>\n            </fd-bar-element>\n        </div>\n    </div>\n\n    <ng-template #emptyApprovalFlowGraph>\n        <figure fd-illustrated-message type=\"spot\" [svgConfig]=\"_emptyApprovalFlowSpotConfig\">\n            <figcaption fd-illustrated-message-figcaption>\n                <h3 fd-illustrated-message-title>\n                    {{ 'platformApprovalFlow.emptyTitle' | fdTranslate }}\n                </h3>\n                <p fd-illustrated-message-text>\n                    {{ 'platformApprovalFlow.emptyHint' | fdTranslate }}\n                </p>\n            </figcaption>\n        </figure>\n\n        <!-- TODO #5178: Replace with illustrated image component after it gets fixed -->\n        <div style=\"display: none\">\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"128\"\n                height=\"128\"\n                viewBox=\"0 0 128 128\"\n                id=\"sapIllus-Spot-NoData\"\n            >\n                <path\n                    d=\"M41.6179,32.7174H84.6273a1,1,0,0,1,.723.3092l7.2445,7.5824,7.4817,7.8491a1,1,0,0,1,.2761.69l-.0046,55.6069a4.1038,4.1038,0,0,1-.8787,2.1212A4.0564,4.0564,0,0,1,98.1,107.9631l-56.3858.0313a2.6167,2.6167,0,0,1-3.0812-3.2309l-.0152-69.0594Z\"\n                    class=\"sapIllus_PatternShadow\"\n                    style=\"fill: var(--sapIllus_PatternShadow)\"\n                ></path>\n                <path\n                    d=\"M35.7928,27.4987H78.8022a1,1,0,0,1,.723.3092L86.77,35.39l7.4816,7.8492a1,1,0,0,1,.2762.69l-.0046,55.6069a3,3,0,0,1-3,3H35.808a2.9946,2.9946,0,0,1-3-2.9913c-.01-12.0564-.0423-57.0116-.0152-69.0595A2.9943,2.9943,0,0,1,35.7928,27.4987Z\"\n                    class=\"sapIllus_ObjectFillColor\"\n                    style=\"fill: var(--sapIllus_ObjectFillColor)\"\n                ></path>\n                <path\n                    d=\"M93.2978,44.5335H78.8208a.9925.9925,0,0,1-.974-1.01V28.5108a.97.97,0,0,1,1.6628-.7143L93.9865,42.8092A1.0151,1.0151,0,0,1,93.2978,44.5335Z\"\n                    class=\"sapIllus_BrandColorSecondary\"\n                    style=\"fill: var(--sapIllus_BrandColorSecondary)\"\n                ></path>\n                <path\n                    d=\"M104.608,38.9485l5.9157-1.7721c1.32-.3954.7584-2.5258-.5689-2.1282L104.0392,36.82c-1.32.3953-.7584,2.5258.5688,2.1282Z\"\n                    class=\"sapIllus_Layering1\"\n                    style=\"fill: var(--sapIllus_Layering1)\"\n                ></path>\n                <path\n                    d=\"M85.2973,21.2465l.9718-5.9331c.2154-1.3151-1.777-1.8807-1.9941-.5554l-.9718,5.9332c-.2155,1.3151,1.777,1.8807,1.9941.5553Z\"\n                    class=\"sapIllus_Layering1\"\n                    style=\"fill: var(--sapIllus_Layering1)\"\n                ></path>\n                <path\n                    d=\"M95.3034,29.0015a1.01,1.01,0,0,1-.6837-.267,1.0783,1.0783,0,0,1-.0864-1.4932l5.9511-6.8857a1.01,1.01,0,0,1,1.4538-.0884,1.0785,1.0785,0,0,1,.0865,1.4932l-5.9511,6.8858A1.0164,1.0164,0,0,1,95.3034,29.0015Z\"\n                    class=\"sapIllus_Layering1\"\n                    style=\"fill: var(--sapIllus_Layering1)\"\n                ></path>\n                <path\n                    d=\"M94.8747,42.8861,80.0855,27.4623a1.5152,1.5152,0,0,0-1.0885-.4636H35.807a3.509,3.509,0,0,0-3.5146,3.4836c-.0294,13.2857.0137,66.7559.0157,69.0257a3.5076,3.5076,0,0,0,3.5146,3.4894H91.7709a3.5106,3.5106,0,0,0,3.5146-3.4982l.005-55.5785A1.49,1.49,0,0,0,94.8747,42.8861Zm-16.21-14.8355a1.15,1.15,0,0,1,.2561-.0309,1.04,1.04,0,0,1,.51.2134l14.276,14.8837.0194.02a.5891.5891,0,0,1,.0968.6251c-.1016.1764-.4086.24-.69.24L78.8355,44a.6031.6031,0,0,1-.5472-.6131c-.0087-4.9588-.017-9.9015-.0035-14.8689A.5189.5189,0,0,1,78.6646,28.0506Zm13.1062,73.95H35.8188a2.5045,2.5045,0,0,1-2.5107-2.491c-.002-2.2694-.0451-55.74-.0157-69.0248a2.5054,2.5054,0,0,1,2.5107-2.4861H77.3684a1.49,1.49,0,0,0-.0976.5106V43.4934A1.5145,1.5145,0,0,0,78.7894,45H78.92L94.286,47.9749l-.0046,51.5269A2.5074,2.5074,0,0,1,91.7708,102.0006Z\"\n                    class=\"sapIllus_StrokeDetailColor\"\n                    style=\"fill: var(--sapIllus_StrokeDetailColor)\"\n                ></path>\n            </svg>\n        </div>\n    </ng-template>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-scrollbar{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:auto;padding:0;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-scrollbar:after,.fd-scrollbar:before{box-sizing:inherit;font-size:inherit}.fd-scrollbar.is-focus,.fd-scrollbar:focus{outline:none;z-index:5}.fd-scrollbar::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-scrollbar::-webkit-scrollbar-corner,.fd-scrollbar::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-scrollbar::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-scrollbar::-webkit-scrollbar-thumb:active,.fd-scrollbar::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-scrollbar--container::-webkit-scrollbar-corner,.fd-scrollbar--container::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color);border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-scrollbar--container[dir=rtl]::-webkit-scrollbar-corner,.fd-scrollbar--container[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-scrollbar--container::-webkit-scrollbar-corner,[dir=rtl] .fd-scrollbar--container::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fdp-approval-flow__watchers{margin-bottom:.5rem;padding-left:.5rem}.fdp-approval-flow__watchers-title{font-size:.875em;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin:1rem 0 .5rem}.fdp-approval-flow__watchers fd-avatar{margin-right:.5rem;cursor:pointer}.fdp-approval-flow__watchers fd-avatar:focus{outline-offset:.0625rem;outline-width:.0625rem;outline-style:dotted;outline-color:var(--sapContent_FocusColor, #0854a0)}.fdp-approval-flow__watchers .fdp-approval-flow__watchers-input-container{width:17.375rem}[dir=rtl] .fdp-approval-flow__watchers,.fdp-approval-flow__watchers[dir=rtl]{padding-right:.5rem}[dir=rtl] .fdp-approval-flow__watchers fd-avatar,.fdp-approval-flow__watchers[dir=rtl] fd-avatar{margin-left:.5rem;margin-right:0}.fdp-approval-flow__container{max-width:100%;position:relative;padding:0 .5rem}.fdp-approval-flow__container--extra-padding-start{padding-left:2rem}.fdp-approval-flow__container--extra-padding-end{padding-right:2rem}[dir=rtl] .fdp-approval-flow__container.fdp-approval-flow__container--extra-padding-start,.fdp-approval-flow__container[dir=rtl].fdp-approval-flow__container--extra-padding-start{padding-left:.5rem;padding-right:2rem}[dir=rtl] .fdp-approval-flow__container.fdp-approval-flow__container--extra-padding-end,.fdp-approval-flow__container[dir=rtl].fdp-approval-flow__container--extra-padding-end{padding-right:.5rem;padding-left:2rem}[dir=rtl] .fdp-approval-flow__container.fdp-approval-flow__container--extra-padding-start.fdp-approval-flow__container--extra-padding-end,.fdp-approval-flow__container[dir=rtl].fdp-approval-flow__container--extra-padding-start.fdp-approval-flow__container--extra-padding-end{padding-right:2rem;padding-left:2rem}.fdp-approval-flow__graph-container{position:relative;overflow:auto;padding-top:.5rem;padding-bottom:2rem;padding-left:2rem}.fdp-approval-flow__graph-container--multiple-root-nodes{padding-left:4rem}[dir=rtl] .fdp-approval-flow__graph-container--multiple-root-nodes,.fdp-approval-flow__graph-container--multiple-root-nodes[dir=rtl]{padding-right:2rem}[dir=rtl] .fdp-approval-flow__graph-container--multiple-final-nodes,.fdp-approval-flow__graph-container--multiple-final-nodes[dir=rtl]{padding-left:0}.fdp-approval-flow-carousel-controls{position:absolute;display:flex;align-items:center;width:100%;height:6.375rem;padding-top:.5rem;left:0}.fdp-approval-flow-carousel-controls--edit-mode{height:8.375rem}.fdp-approval-flow-carousel-controls__button--prev-slide,.fdp-approval-flow-carousel-controls__button--next-slide{position:absolute;border:none;background:transparent;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);display:flex;justify-content:space-between;width:2rem;align-items:center;cursor:pointer}.fdp-approval-flow-carousel-controls__button--prev-slide fd-icon,.fdp-approval-flow-carousel-controls__button--next-slide fd-icon{font-size:.875rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);position:relative;top:.0625rem}.fdp-approval-flow-carousel-controls__button--prev-slide{left:0}[dir=rtl] .fdp-approval-flow-carousel-controls__button--prev-slide,.fdp-approval-flow-carousel-controls__button--prev-slide[dir=rtl]{left:auto;right:0}.fdp-approval-flow-carousel-controls__button--next-slide{right:0}[dir=rtl] .fdp-approval-flow-carousel-controls__button--next-slide,.fdp-approval-flow-carousel-controls__button--next-slide[dir=rtl]{left:0;right:auto}.fdp-approval-flow__graph{display:flex;align-items:flex-start;position:relative;left:0;transition:left .3s}.fdp-approval-flow__graph-column{margin-right:4rem;position:relative}[dir=rtl] .fdp-approval-flow__graph-column:first-child,.fdp-approval-flow__graph-column[dir=rtl]:first-child{margin-right:2rem}.fdp-approval-flow__graph fdp-approval-flow-node+fdp-approval-flow-node:not(:last-child){margin-bottom:1rem}.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner{padding:0}.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner .fd-grid-list__item-toolbar .fd-toolbar--extra-content{margin-left:auto}[dir=rtl] .fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner .fd-grid-list__item-toolbar .fd-toolbar--extra-content,.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner .fd-grid-list__item-toolbar .fd-toolbar--extra-content[dir=rtl]{margin-left:0;margin-right:auto}.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner .fd-grid-list__item-toolbar .fd-toolbar--actions{display:none}.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner:not(.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner--edit) .fd-toolbar.fd-grid-list__item-toolbar{display:none}.cdk-overlay-container{z-index:1002!important}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i6.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i6.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i6.BarElementDirective, selector: "fd-bar-element", inputs: ["isTitle", "fullWidth"] }, { kind: "directive", type: i7.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: i8.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i10.GridListComponent, selector: "fd-grid-list", inputs: ["id", "width", "ariaLabel", "selectionMode", "layoutPattern"], outputs: ["selectionChange"] }, { kind: "component", type: i10.GridListItemComponent, selector: "fd-grid-list-item", inputs: ["id", "width", "layoutItemPattern", "status", "counter", "value", "disableToolbarClick", "selected", "noPadding", "ariaLabel", "ariaLabelledBy", "type", "state", "isNavigated", "title", "description"], outputs: ["press", "detail", "delete", "navigate", "draft", "locked"] }, { kind: "component", type: i10.GridListTitleBarComponent, selector: "fd-grid-list-title-bar", inputs: ["title"] }, { kind: "component", type: i10.GridListItemToolbarComponent, selector: "fd-grid-list-item-toolbar" }, { kind: "component", type: i10.GridListTitleBarSpacerComponent, selector: "fd-grid-list-title-bar-spacer" }, { kind: "directive", type: i10.GridListItemImageDirective, selector: "[fd-grid-list-item-image]" }, { kind: "directive", type: i10.GridListItemBodyDirective, selector: "[fd-grid-list-item-body]" }, { kind: "component", type: i11.MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "openDropdownOnAddOnClicked", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "byline", "autoComplete", "open", "displayAddonButton"], outputs: ["searchTermChange", "selectedChange", "openChange", "addOnButtonClicked", "allItemsSelectedChange"] }, { kind: "directive", type: i12.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i13.IllustratedMessageComponent, selector: "[fd-illustrated-message]", inputs: ["type", "svgConfig", "noSvg", "id", "class"] }, { kind: "component", type: i13.IllustratedMessageFigcaptionComponent, selector: "[fd-illustrated-message-figcaption]" }, { kind: "directive", type: i13.IllustratedMessageTextDirective, selector: "[fd-illustrated-message-text]" }, { kind: "directive", type: i13.IllustratedMessageTitleDirective, selector: "[fd-illustrated-message-title]" }, { kind: "component", type: i14.ApprovalFlowNodeComponent, selector: "fdp-approval-flow-node", inputs: ["node", "meta", "renderArrow", "checkDueDate", "dueDateThreshold", "allNodesInColumnApproved", "approvalStatusTemplate", "statusColorMapping", "isEdit", "isNextNodeBlank"], outputs: ["onAdd", "onEdit", "onDelete"] }, { kind: "component", type: i15.ApprovalFlowMessagesComponent, selector: "fdp-approval-flow-messages", inputs: ["messages", "undoLastActionAvailable"], outputs: ["messagesChange", "undoLastAction"] }, { kind: "component", type: i16.ApprovalFlowToolbarActionsComponent, selector: "fdp-approval-flow-toolbar-actions", inputs: ["graph", "graphMetadata", "selectedNodes", "isEditMode"], outputs: ["enterEditMode", "addNode", "editSelectedNode", "deleteSelectedNodes"] }, { kind: "pipe", type: i17.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ApprovalFlowComponent, selector: "fdp-approval-flow", inputs: { title: "title", value: "value", userDataSource: "userDataSource", watcherDataSource: "watcherDataSource", teamDataSource: "teamDataSource", userDetailsTemplate: "userDetailsTemplate", approvalStatusTemplate: "approvalStatusTemplate", statusColorMapping: "statusColorMapping", checkDueDate: "checkDueDate", dueDateThreshold: "dueDateThreshold", allowSendRemindersForStatuses: "allowSendRemindersForStatuses", isEditAvailable: "isEditAvailable", watchersLabel: "watchersLabel", allowAddParallelNodes: "allowAddParallelNodes", disableSaveButton: "disableSaveButton", disableExitButton: "disableExitButton", usersDataProviderEntityKey: "usersDataProviderEntityKey", teamsDataProviderEntityKey: "teamsDataProviderEntityKey", watchersDataProviderEntityKey: "watchersDataProviderEntityKey" }, outputs: { nodeClick: "nodeClick", afterNodeAdd: "afterNodeAdd", afterNodeEdit: "afterNodeEdit", valueChange: "valueChange", sendReminders: "sendReminders", onDataRequested: "onDataRequested", onDataReceived: "onDataReceived" }, viewQueries: [{ propertyName: "_graphContainerEl", first: true, predicate: ["graphContainerEl"], descendants: true }, { propertyName: "_graphEl", first: true, predicate: ["graphEl"], descendants: true }, { propertyName: "_gridList", first: true, predicate: ["gridList"], descendants: true }, { propertyName: "_nodeComponents", predicate: ApprovalFlowNodeComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container fdCompact>\n    <fdp-approval-flow-messages\n        [(messages)]=\"_messages\"\n        [undoLastActionAvailable]=\"!!_previousApprovalProcess\"\n        (undoLastAction)=\"_undoLastAction()\"\n    ></fdp-approval-flow-messages>\n\n    <fd-grid-list\n        #gridList\n        class=\"fdp-approval-flow__toolbar\"\n        [selectionMode]=\"_isEditMode ? 'multiSelect' : 'none'\"\n        (selectionChange)=\"_onNodeSelectionChange($event)\"\n    >\n        <fd-grid-list-title-bar [title]=\"title || ('platformApprovalFlow.defaultTitle' | fdTranslate)\">\n            <fd-grid-list-title-bar-spacer></fd-grid-list-title-bar-spacer>\n\n            <fdp-approval-flow-toolbar-actions\n                *ngIf=\"isEditAvailable\"\n                [graph]=\"_graph\"\n                [selectedNodes]=\"_selectedNodes\"\n                [graphMetadata]=\"_graphMetadata\"\n                [isEditMode]=\"_isEditMode\"\n                (enterEditMode)=\"_enterEditMode()\"\n                (addNode)=\"_addNode($event.node, $event.target)\"\n                (editSelectedNode)=\"_editNode($event)\"\n                (deleteSelectedNodes)=\"_deleteSelectedNodes()\"\n            ></fdp-approval-flow-toolbar-actions>\n        </fd-grid-list-title-bar>\n\n        <div\n            class=\"fdp-approval-flow__watchers\"\n            *ngIf=\"_approvalProcess?.watchers?.length || _isEditMode\"\n            [attr.aria-label]=\"watchersLabel\"\n        >\n            <p class=\"fdp-approval-flow__watchers-title\">\n                {{ watchersLabel || ('platformApprovalFlow.defaultWatchersLabel' | fdTranslate) }}\n            </p>\n\n            <ng-container *ngIf=\"!_isEditMode\">\n                <fd-avatar\n                    *ngFor=\"let watcher of _approvalProcess?.watchers; trackBy: _trackByFn\"\n                    size=\"xs\"\n                    [image]=\"watcher.imgUrl || ''\"\n                    [label]=\"watcher.name\"\n                    [clickable]=\"true\"\n                    [circle]=\"true\"\n                    (avatarClicked)=\"_onWatcherClick(watcher, $event)\"\n                ></fd-avatar>\n            </ng-container>\n\n            <div class=\"fdp-approval-flow__watchers-input-container\" *ngIf=\"_isEditMode\">\n                <fd-multi-input\n                    [dropdownValues]=\"_usersForWatchersList\"\n                    [placeholder]=\"'platformApprovalFlow.watchersInputPlaceholder' | fdTranslate\"\n                    [displayFn]=\"_displayUserFn\"\n                    [valueFn]=\"_userValueFn\"\n                    [showAllButton]=\"true\"\n                    [(ngModel)]=\"_selectedWatcherIds\"\n                    (ngModelChange)=\"_watchersSelectionChanged($event)\"\n                ></fd-multi-input>\n            </div>\n        </div>\n\n        <ng-container *ngIf=\"!_graph.errors\">\n            <ng-container *ngIf=\"_graph.columns.length; else emptyApprovalFlowGraph\">\n                <div\n                    class=\"fdp-approval-flow__container\"\n                    [class.fdp-approval-flow__container--extra-padding-start]=\"true\"\n                    [class.fdp-approval-flow__container--extra-padding-end]=\"true\"\n                >\n                    <div\n                        class=\"fdp-approval-flow-carousel-controls\"\n                        *ngIf=\"_scrollDiff > 0\"\n                        [class.fdp-approval-flow-carousel-controls--edit-mode]=\"_isEditMode\"\n                    >\n                        <button\n                            *ngIf=\"_carouselStepsLeft > 0\"\n                            class=\"fdp-approval-flow-carousel-controls__button--prev-slide\"\n                            [attr.aria-label]=\"'platformApprovalFlow.prevButtonAriaLabel' | fdTranslate\"\n                            (click)=\"nextSlide(-1)\"\n                        >\n                            <fd-icon [glyph]=\"'navigation-' + (_rtl ? 'right' : 'left') + '-arrow'\"></fd-icon>\n                            {{ _carouselStepsLeft }}\n                        </button>\n\n                        <button\n                            *ngIf=\"_carouselStepsRight > 0\"\n                            class=\"fdp-approval-flow-carousel-controls__button--next-slide\"\n                            [attr.aria-label]=\"'platformApprovalFlow.nextButtonAriaLabel' | fdTranslate\"\n                            (click)=\"nextSlide()\"\n                        >\n                            {{ _carouselStepsRight }}\n                            <fd-icon [glyph]=\"'navigation-' + (_rtl ? 'left' : 'right') + '-arrow'\"></fd-icon>\n                        </button>\n                    </div>\n\n                    <div\n                        class=\"fdp-approval-flow__graph-container\"\n                        [class.fdp-approval-flow__graph-container--multiple-root-nodes]=\"_multipleRootNodes\"\n                        [class.fdp-approval-flow__graph-container--multiple-final-nodes]=\"_multipleFinalNodes\"\n                        [class.fd-scrollbar]=\"true\"\n                        #graphContainerEl\n                    >\n                        <div\n                            class=\"fdp-approval-flow__graph\"\n                            #graphEl\n                            [class.fdp-approval-flow__graph--edit-mode]=\"_isEditMode\"\n                        >\n                            <div\n                                class=\"fdp-approval-flow__graph-column\"\n                                *ngFor=\"let column of _graph.columns; let columnIndex = index\"\n                            >\n                                <fdp-approval-flow-node\n                                    *ngFor=\"let node of column.nodes; let nodeIndex = index; trackBy: _trackByFn\"\n                                    cdkDrag\n                                    #approvalFlowNode\n                                    [cdkDragDisabled]=\"_isCdkDragDisabled(node)\"\n                                    [node]=\"node\"\n                                    [meta]=\"_graphMetadata[node.id]\"\n                                    [isEdit]=\"_isEditMode\"\n                                    [isNextNodeBlank]=\"_isNextNodeBlank(node, columnIndex, nodeIndex)\"\n                                    [checkDueDate]=\"checkDueDate\"\n                                    [dueDateThreshold]=\"dueDateThreshold\"\n                                    [renderArrow]=\"columnIndex > 0\"\n                                    [allNodesInColumnApproved]=\"!!column.allNodesApproved\"\n                                    [approvalStatusTemplate]=\"approvalStatusTemplate\"\n                                    [statusColorMapping]=\"statusColorMapping\"\n                                    (onAdd)=\"_addNode(node, $event)\"\n                                    (onEdit)=\"_editNode(node)\"\n                                    (onDelete)=\"_onNodeDelete(node)\"\n                                    (keydown)=\"_onNodeKeyDown($event, node)\"\n                                    (cdkDragStarted)=\"_dragDropInProgress = true\"\n                                    (cdkDragReleased)=\"_onNodeDrop(node, $event.source)\"\n                                    (cdkDragMoved)=\"_onNodeDragMoved(node)\"\n                                >\n                                    <!-- Trick with using projection to make grid list items visible for the grid list -->\n                                    <fd-grid-list-item\n                                        type=\"active\"\n                                        [value]=\"node\"\n                                        [selected]=\"!!node.selected\"\n                                        [ariaLabelledBy]=\"approvalFlowNode.approvalFlowNodeId\"\n                                        [disableToolbarClick]=\"true\"\n                                        class=\"fdp-approval-flow__graph-node-inner\"\n                                        [class.fdp-approval-flow__graph-node-inner--edit]=\"_isEditMode\"\n                                        (press)=\"_onNodeClick(node)\"\n                                    >\n                                        <fd-grid-list-item-toolbar>\n                                            <ng-container *ngIf=\"_isEditMode\">\n                                                <ng-container\n                                                    [ngTemplateOutlet]=\"approvalFlowNode._overflowMenuButton\"\n                                                ></ng-container>\n                                            </ng-container>\n                                        </fd-grid-list-item-toolbar>\n\n                                        <fd-avatar\n                                            fd-grid-list-item-image\n                                            [image]=\"node.approvers.length === 1 ? node.approvers[0].imgUrl : null\"\n                                            [label]=\"node.approvers.length > 1 ? node.description : null\"\n                                            size=\"xs\"\n                                            [circle]=\"true\"\n                                        ></fd-avatar>\n\n                                        <ng-template fd-grid-list-item-body>\n                                            <ng-container\n                                                [ngTemplateOutlet]=\"approvalFlowNode._nodeContent\"\n                                            ></ng-container>\n                                        </ng-template>\n                                    </fd-grid-list-item>\n                                </fdp-approval-flow-node>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </fd-grid-list>\n\n    <div fd-bar *ngIf=\"_isEditMode\">\n        <div fd-bar-right>\n            <fd-bar-element>\n                <button\n                    fd-button\n                    [label]=\"'platformApprovalFlow.editModeSaveButtonLabel' | fdTranslate\"\n                    fdType=\"emphasized\"\n                    [disabled]=\"disableSaveButton\"\n                    (click)=\"_saveEditModeChanges()\"\n                ></button>\n            </fd-bar-element>\n\n            <fd-bar-element>\n                <button\n                    fd-button\n                    [label]=\"'platformApprovalFlow.editModeExitButtonLabel' | fdTranslate\"\n                    fdType=\"transparent\"\n                    [disabled]=\"disableExitButton\"\n                    (click)=\"_exitEditMode()\"\n                ></button>\n            </fd-bar-element>\n        </div>\n    </div>\n\n    <ng-template #emptyApprovalFlowGraph>\n        <figure fd-illustrated-message type=\"spot\" [svgConfig]=\"_emptyApprovalFlowSpotConfig\">\n            <figcaption fd-illustrated-message-figcaption>\n                <h3 fd-illustrated-message-title>\n                    {{ 'platformApprovalFlow.emptyTitle' | fdTranslate }}\n                </h3>\n                <p fd-illustrated-message-text>\n                    {{ 'platformApprovalFlow.emptyHint' | fdTranslate }}\n                </p>\n            </figcaption>\n        </figure>\n\n        <!-- TODO #5178: Replace with illustrated image component after it gets fixed -->\n        <div style=\"display: none\">\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"128\"\n                height=\"128\"\n                viewBox=\"0 0 128 128\"\n                id=\"sapIllus-Spot-NoData\"\n            >\n                <path\n                    d=\"M41.6179,32.7174H84.6273a1,1,0,0,1,.723.3092l7.2445,7.5824,7.4817,7.8491a1,1,0,0,1,.2761.69l-.0046,55.6069a4.1038,4.1038,0,0,1-.8787,2.1212A4.0564,4.0564,0,0,1,98.1,107.9631l-56.3858.0313a2.6167,2.6167,0,0,1-3.0812-3.2309l-.0152-69.0594Z\"\n                    class=\"sapIllus_PatternShadow\"\n                    style=\"fill: var(--sapIllus_PatternShadow)\"\n                ></path>\n                <path\n                    d=\"M35.7928,27.4987H78.8022a1,1,0,0,1,.723.3092L86.77,35.39l7.4816,7.8492a1,1,0,0,1,.2762.69l-.0046,55.6069a3,3,0,0,1-3,3H35.808a2.9946,2.9946,0,0,1-3-2.9913c-.01-12.0564-.0423-57.0116-.0152-69.0595A2.9943,2.9943,0,0,1,35.7928,27.4987Z\"\n                    class=\"sapIllus_ObjectFillColor\"\n                    style=\"fill: var(--sapIllus_ObjectFillColor)\"\n                ></path>\n                <path\n                    d=\"M93.2978,44.5335H78.8208a.9925.9925,0,0,1-.974-1.01V28.5108a.97.97,0,0,1,1.6628-.7143L93.9865,42.8092A1.0151,1.0151,0,0,1,93.2978,44.5335Z\"\n                    class=\"sapIllus_BrandColorSecondary\"\n                    style=\"fill: var(--sapIllus_BrandColorSecondary)\"\n                ></path>\n                <path\n                    d=\"M104.608,38.9485l5.9157-1.7721c1.32-.3954.7584-2.5258-.5689-2.1282L104.0392,36.82c-1.32.3953-.7584,2.5258.5688,2.1282Z\"\n                    class=\"sapIllus_Layering1\"\n                    style=\"fill: var(--sapIllus_Layering1)\"\n                ></path>\n                <path\n                    d=\"M85.2973,21.2465l.9718-5.9331c.2154-1.3151-1.777-1.8807-1.9941-.5554l-.9718,5.9332c-.2155,1.3151,1.777,1.8807,1.9941.5553Z\"\n                    class=\"sapIllus_Layering1\"\n                    style=\"fill: var(--sapIllus_Layering1)\"\n                ></path>\n                <path\n                    d=\"M95.3034,29.0015a1.01,1.01,0,0,1-.6837-.267,1.0783,1.0783,0,0,1-.0864-1.4932l5.9511-6.8857a1.01,1.01,0,0,1,1.4538-.0884,1.0785,1.0785,0,0,1,.0865,1.4932l-5.9511,6.8858A1.0164,1.0164,0,0,1,95.3034,29.0015Z\"\n                    class=\"sapIllus_Layering1\"\n                    style=\"fill: var(--sapIllus_Layering1)\"\n                ></path>\n                <path\n                    d=\"M94.8747,42.8861,80.0855,27.4623a1.5152,1.5152,0,0,0-1.0885-.4636H35.807a3.509,3.509,0,0,0-3.5146,3.4836c-.0294,13.2857.0137,66.7559.0157,69.0257a3.5076,3.5076,0,0,0,3.5146,3.4894H91.7709a3.5106,3.5106,0,0,0,3.5146-3.4982l.005-55.5785A1.49,1.49,0,0,0,94.8747,42.8861Zm-16.21-14.8355a1.15,1.15,0,0,1,.2561-.0309,1.04,1.04,0,0,1,.51.2134l14.276,14.8837.0194.02a.5891.5891,0,0,1,.0968.6251c-.1016.1764-.4086.24-.69.24L78.8355,44a.6031.6031,0,0,1-.5472-.6131c-.0087-4.9588-.017-9.9015-.0035-14.8689A.5189.5189,0,0,1,78.6646,28.0506Zm13.1062,73.95H35.8188a2.5045,2.5045,0,0,1-2.5107-2.491c-.002-2.2694-.0451-55.74-.0157-69.0248a2.5054,2.5054,0,0,1,2.5107-2.4861H77.3684a1.49,1.49,0,0,0-.0976.5106V43.4934A1.5145,1.5145,0,0,0,78.7894,45H78.92L94.286,47.9749l-.0046,51.5269A2.5074,2.5074,0,0,1,91.7708,102.0006Z\"\n                    class=\"sapIllus_StrokeDetailColor\"\n                    style=\"fill: var(--sapIllus_StrokeDetailColor)\"\n                ></path>\n            </svg>\n        </div>\n    </ng-template>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-scrollbar{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:auto;padding:0;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-scrollbar:after,.fd-scrollbar:before{box-sizing:inherit;font-size:inherit}.fd-scrollbar.is-focus,.fd-scrollbar:focus{outline:none;z-index:5}.fd-scrollbar::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-scrollbar::-webkit-scrollbar-corner,.fd-scrollbar::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-scrollbar::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-scrollbar::-webkit-scrollbar-thumb:active,.fd-scrollbar::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-scrollbar--container::-webkit-scrollbar-corner,.fd-scrollbar--container::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color);border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-scrollbar--container[dir=rtl]::-webkit-scrollbar-corner,.fd-scrollbar--container[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-scrollbar--container::-webkit-scrollbar-corner,[dir=rtl] .fd-scrollbar--container::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fdp-approval-flow__watchers{margin-bottom:.5rem;padding-left:.5rem}.fdp-approval-flow__watchers-title{font-size:.875em;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin:1rem 0 .5rem}.fdp-approval-flow__watchers fd-avatar{margin-right:.5rem;cursor:pointer}.fdp-approval-flow__watchers fd-avatar:focus{outline-offset:.0625rem;outline-width:.0625rem;outline-style:dotted;outline-color:var(--sapContent_FocusColor, #0854a0)}.fdp-approval-flow__watchers .fdp-approval-flow__watchers-input-container{width:17.375rem}[dir=rtl] .fdp-approval-flow__watchers,.fdp-approval-flow__watchers[dir=rtl]{padding-right:.5rem}[dir=rtl] .fdp-approval-flow__watchers fd-avatar,.fdp-approval-flow__watchers[dir=rtl] fd-avatar{margin-left:.5rem;margin-right:0}.fdp-approval-flow__container{max-width:100%;position:relative;padding:0 .5rem}.fdp-approval-flow__container--extra-padding-start{padding-left:2rem}.fdp-approval-flow__container--extra-padding-end{padding-right:2rem}[dir=rtl] .fdp-approval-flow__container.fdp-approval-flow__container--extra-padding-start,.fdp-approval-flow__container[dir=rtl].fdp-approval-flow__container--extra-padding-start{padding-left:.5rem;padding-right:2rem}[dir=rtl] .fdp-approval-flow__container.fdp-approval-flow__container--extra-padding-end,.fdp-approval-flow__container[dir=rtl].fdp-approval-flow__container--extra-padding-end{padding-right:.5rem;padding-left:2rem}[dir=rtl] .fdp-approval-flow__container.fdp-approval-flow__container--extra-padding-start.fdp-approval-flow__container--extra-padding-end,.fdp-approval-flow__container[dir=rtl].fdp-approval-flow__container--extra-padding-start.fdp-approval-flow__container--extra-padding-end{padding-right:2rem;padding-left:2rem}.fdp-approval-flow__graph-container{position:relative;overflow:auto;padding-top:.5rem;padding-bottom:2rem;padding-left:2rem}.fdp-approval-flow__graph-container--multiple-root-nodes{padding-left:4rem}[dir=rtl] .fdp-approval-flow__graph-container--multiple-root-nodes,.fdp-approval-flow__graph-container--multiple-root-nodes[dir=rtl]{padding-right:2rem}[dir=rtl] .fdp-approval-flow__graph-container--multiple-final-nodes,.fdp-approval-flow__graph-container--multiple-final-nodes[dir=rtl]{padding-left:0}.fdp-approval-flow-carousel-controls{position:absolute;display:flex;align-items:center;width:100%;height:6.375rem;padding-top:.5rem;left:0}.fdp-approval-flow-carousel-controls--edit-mode{height:8.375rem}.fdp-approval-flow-carousel-controls__button--prev-slide,.fdp-approval-flow-carousel-controls__button--next-slide{position:absolute;border:none;background:transparent;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);display:flex;justify-content:space-between;width:2rem;align-items:center;cursor:pointer}.fdp-approval-flow-carousel-controls__button--prev-slide fd-icon,.fdp-approval-flow-carousel-controls__button--next-slide fd-icon{font-size:.875rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);position:relative;top:.0625rem}.fdp-approval-flow-carousel-controls__button--prev-slide{left:0}[dir=rtl] .fdp-approval-flow-carousel-controls__button--prev-slide,.fdp-approval-flow-carousel-controls__button--prev-slide[dir=rtl]{left:auto;right:0}.fdp-approval-flow-carousel-controls__button--next-slide{right:0}[dir=rtl] .fdp-approval-flow-carousel-controls__button--next-slide,.fdp-approval-flow-carousel-controls__button--next-slide[dir=rtl]{left:0;right:auto}.fdp-approval-flow__graph{display:flex;align-items:flex-start;position:relative;left:0;transition:left .3s}.fdp-approval-flow__graph-column{margin-right:4rem;position:relative}[dir=rtl] .fdp-approval-flow__graph-column:first-child,.fdp-approval-flow__graph-column[dir=rtl]:first-child{margin-right:2rem}.fdp-approval-flow__graph fdp-approval-flow-node+fdp-approval-flow-node:not(:last-child){margin-bottom:1rem}.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner{padding:0}.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner .fd-grid-list__item-toolbar .fd-toolbar--extra-content{margin-left:auto}[dir=rtl] .fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner .fd-grid-list__item-toolbar .fd-toolbar--extra-content,.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner .fd-grid-list__item-toolbar .fd-toolbar--extra-content[dir=rtl]{margin-left:0;margin-right:auto}.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner .fd-grid-list__item-toolbar .fd-toolbar--actions{display:none}.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner:not(.fdp-approval-flow__graph .fdp-approval-flow__graph-node-inner--edit) .fd-toolbar.fd-grid-list__item-toolbar{display:none}.cdk-overlay-container{z-index:1002!important}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i6.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i6.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i6.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "directive", type: i7.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: i8.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i10.GridListComponent, selector: "fd-grid-list", inputs: ["id", "width", "ariaLabel", "selectionMode", "layoutPattern"], outputs: ["selectionChange"] }, { kind: "component", type: i10.GridListItemComponent, selector: "fd-grid-list-item", inputs: ["id", "width", "layoutItemPattern", "status", "counter", "value", "disableToolbarClick", "selected", "noPadding", "ariaLabel", "ariaLabelledBy", "type", "state", "isNavigated", "title", "description"], outputs: ["press", "detail", "delete", "navigate", "draft", "locked"] }, { kind: "component", type: i10.GridListTitleBarComponent, selector: "fd-grid-list-title-bar", inputs: ["title"] }, { kind: "component", type: i10.GridListItemToolbarComponent, selector: "fd-grid-list-item-toolbar" }, { kind: "component", type: i10.GridListTitleBarSpacerComponent, selector: "fd-grid-list-title-bar-spacer" }, { kind: "directive", type: i10.GridListItemImageDirective, selector: "[fd-grid-list-item-image]" }, { kind: "directive", type: i10.GridListItemBodyDirective, selector: "[fd-grid-list-item-body]" }, { kind: "component", type: i11.MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "openDropdownOnAddOnClicked", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "byline", "autoComplete", "open", "displayAddonButton"], outputs: ["searchTermChange", "selectedChange", "openChange", "addOnButtonClicked", "allItemsSelectedChange"] }, { kind: "directive", type: i12.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i13.IllustratedMessageComponent, selector: "[fd-illustrated-message]", inputs: ["type", "svgConfig", "noSvg", "id", "class"] }, { kind: "component", type: i13.IllustratedMessageFigcaptionComponent, selector: "[fd-illustrated-message-figcaption]" }, { kind: "directive", type: i13.IllustratedMessageTextDirective, selector: "[fd-illustrated-message-text]" }, { kind: "directive", type: i13.IllustratedMessageTitleDirective, selector: "[fd-illustrated-message-title]" }, { kind: "component", type: i14.ApprovalFlowNodeComponent, selector: "fdp-approval-flow-node", inputs: ["node", "meta", "renderArrow", "checkDueDate", "dueDateThreshold", "allNodesInColumnApproved", "approvalStatusTemplate", "statusColorMapping", "isEdit", "isNextNodeBlank"], outputs: ["onAdd", "onEdit", "onDelete"] }, { kind: "component", type: i15.ApprovalFlowMessagesComponent, selector: "fdp-approval-flow-messages", inputs: ["messages", "undoLastActionAvailable"], outputs: ["messagesChange", "undoLastAction"] }, { kind: "component", type: i16.ApprovalFlowToolbarActionsComponent, selector: "fdp-approval-flow-toolbar-actions", inputs: ["graph", "graphMetadata", "selectedNodes", "isEditMode"], outputs: ["enterEditMode", "addNode", "editSelectedNode", "deleteSelectedNodes"] }, { kind: "pipe", type: i17.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ApprovalFlowComponent, decorators: [{
             type: Component,

package/esm2022/button/button.module.mjs CHANGED Viewed

@@ -3,20 +3,19 @@ import { CommonModule } from '@angular/common';
 import { ButtonModule } from '@fundamental-ngx/core/button';
 import { PipeModule } from '@fundamental-ngx/cdk/utils';
 import { ButtonComponent } from './button.component';
-import { PlatformContentDensityDeprecationsModule } from '@fundamental-ngx/platform/shared';
 import { ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
 export class PlatformButtonModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: PlatformButtonModule, declarations: [ButtonComponent], imports: [CommonModule, ButtonModule, PipeModule, PlatformContentDensityDeprecationsModule, ContentDensityModule], exports: [ButtonComponent, PlatformContentDensityDeprecationsModule, ContentDensityModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformButtonModule, imports: [CommonModule, ButtonModule, PipeModule, PlatformContentDensityDeprecationsModule, ContentDensityModule, PlatformContentDensityDeprecationsModule, ContentDensityModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: PlatformButtonModule, declarations: [ButtonComponent], imports: [CommonModule, ButtonModule, PipeModule, ContentDensityModule], exports: [ButtonComponent, ContentDensityModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformButtonModule, imports: [CommonModule, ButtonModule, PipeModule, ContentDensityModule, ContentDensityModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: PlatformButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, ButtonModule, PipeModule, PlatformContentDensityDeprecationsModule, ContentDensityModule],
-                    exports: [ButtonComponent, PlatformContentDensityDeprecationsModule, ContentDensityModule],
+                    imports: [CommonModule, ButtonModule, PipeModule, ContentDensityModule],
+                    exports: [ButtonComponent, ContentDensityModule],
                     declarations: [ButtonComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vc3JjL2xpYi9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsd0NBQXdDLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFPN0UsTUFBTSxPQUFPLG9CQUFvQjs4R0FBcEIsb0JBQW9COytHQUFwQixvQkFBb0IsaUJBRmQsZUFBZSxhQUZwQixZQUFZLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSx3Q0FBd0MsRUFBRSxvQkFBb0IsYUFDdEcsZUFBZSxFQUFFLHdDQUF3QyxFQUFFLG9CQUFvQjsrR0FHaEYsb0JBQW9CLFlBSm5CLFlBQVksRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLHdDQUF3QyxFQUFFLG9CQUFvQixFQUNyRix3Q0FBd0MsRUFBRSxvQkFBb0I7OzJGQUdoRixvQkFBb0I7a0JBTGhDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsd0NBQXdDLEVBQUUsb0JBQW9CLENBQUM7b0JBQ2pILE9BQU8sRUFBRSxDQUFDLGVBQWUsRUFBRSx3Q0FBd0MsRUFBRSxvQkFBb0IsQ0FBQztvQkFDMUYsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvYnV0dG9uJztcbmltcG9ydCB7IFBpcGVNb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGxhdGZvcm1Db250ZW50RGVuc2l0eURlcHJlY2F0aW9uc01vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvcGxhdGZvcm0vc2hhcmVkJztcbmltcG9ydCB7IENvbnRlbnREZW5zaXR5TW9kdWxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2NvbnRlbnQtZGVuc2l0eSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uTW9kdWxlLCBQaXBlTW9kdWxlLCBQbGF0Zm9ybUNvbnRlbnREZW5zaXR5RGVwcmVjYXRpb25zTW9kdWxlLCBDb250ZW50RGVuc2l0eU1vZHVsZV0sXG4gICAgZXhwb3J0czogW0J1dHRvbkNvbXBvbmVudCwgUGxhdGZvcm1Db250ZW50RGVuc2l0eURlcHJlY2F0aW9uc01vZHVsZSwgQ29udGVudERlbnNpdHlNb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW0J1dHRvbkNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgUGxhdGZvcm1CdXR0b25Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vc3JjL2xpYi9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFPN0UsTUFBTSxPQUFPLG9CQUFvQjs4R0FBcEIsb0JBQW9COytHQUFwQixvQkFBb0IsaUJBRmQsZUFBZSxhQUZwQixZQUFZLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxvQkFBb0IsYUFDNUQsZUFBZSxFQUFFLG9CQUFvQjsrR0FHdEMsb0JBQW9CLFlBSm5CLFlBQVksRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLG9CQUFvQixFQUMzQyxvQkFBb0I7OzJGQUd0QyxvQkFBb0I7a0JBTGhDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsb0JBQW9CLENBQUM7b0JBQ3ZFLE9BQU8sRUFBRSxDQUFDLGVBQWUsRUFBRSxvQkFBb0IsQ0FBQztvQkFDaEQsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvYnV0dG9uJztcbmltcG9ydCB7IFBpcGVNb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29udGVudERlbnNpdHlNb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvY29udGVudC1kZW5zaXR5JztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXR0b25Nb2R1bGUsIFBpcGVNb2R1bGUsIENvbnRlbnREZW5zaXR5TW9kdWxlXSxcbiAgICBleHBvcnRzOiBbQnV0dG9uQ29tcG9uZW50LCBDb250ZW50RGVuc2l0eU1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbQnV0dG9uQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBQbGF0Zm9ybUJ1dHRvbk1vZHVsZSB7fVxuIl19