npm - @fundamental-ngx/platform - Versions diffs - 0.43.16 → 0.43.18 - Mend

@fundamental-ngx/platform 0.43.16 → 0.43.18

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

package/esm2020/value-help-dialog/components/define-tab/define-tab.component.mjs CHANGED Viewed

@@ -132,7 +132,7 @@ export class DefineTabComponent extends VhdBaseTab {
     }
 }
 DefineTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DefineTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DefineTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DefineTabComponent, selector: "fdp-define-tab", inputs: { titleId: "titleId", selectedId: "selectedId", conditions: "conditions", included: "included", excluded: "excluded", strategyLabels: "strategyLabels" }, outputs: { includeChange: "includeChange", excludeChange: "excludeChange", conditionChange: "conditionChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<h5 [id]=\"titleId\" role=\"heading\" aria-level=\"5\" fd-title class=\"define-condition-title\">\n    {{ 'platformVHD.defineConditionTitle' | fdTranslate }}\n</h5>\n<ng-container *ngFor=\"let item of _conditions; trackBy: _trackByKeyAndType; index as i\">\n    <fd-layout-grid class=\"condition-row\" [noGap]=\"true\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"5\">\n                <label id=\"CONDITIONPANEL_OPERATOR_LABEL\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    CONDITIONPANEL_OPERATOR_LABEL\n                </label>\n                <label [id]=\"selectedId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    {{\n                        'platformVHD.defineConditionSelectedValueHiddenA11yLabel'\n                            | fdTranslate : { value: item.strategy }\n                    }}</label\n                >\n                <fd-select\n                    class=\"vhd-condition-filters\"\n                    fdLayoutGridCol\n                    colGrow\n                    [class.fd-select-custom-class]=\"false\"\n                    #sttr\n                    [controlTemplate]=\"customSelectTemplate\"\n                    [name]=\"uid + '-' + type + '-strategy-' + item.id\"\n                    [(ngModel)]=\"item.strategy\"\n                    (valueChange)=\"_filterChanged()\"\n                    role=\"combobox\"\n                    aria-roledescription=\"select\"\n                    aria-haspopup=\"listbox\"\n                    [ariaLabelledBy]=\"titleId + ' ' + 'CONDITIONPANEL_OPERATOR_LABEL' + ' ' + selectedId\"\n                >\n                    <ng-container *ngIf=\"_includeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderInclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _includeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.include, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"_excludeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderExclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _excludeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.exclude, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                </fd-select>\n            </div>\n            <div\n                fdLayoutGridCol\n                colGrow\n                *ngIf=\"\n                    item.strategy !== _strategyIncludeValues.empty && item.strategy !== _strategyExcludeValues.not_empty\n                \"\n            >\n                <div fdLayoutGridRow>\n                    <ng-container *ngIf=\"item.strategy === _strategyIncludeValues.between; else valueIncludeTemplate\">\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionFromPlaceholder' | fdTranslate\"\n                                    placeholder=\"from\"\n                                    required\n                                    [state]=\"fromModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-from-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #fromModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionToPlaceholder' | fdTranslate\"\n                                    required\n                                    [state]=\"toModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-to-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #toModel=\"ngModel\"\n                                    [(ngModel)]=\"item.valueTo\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-container>\n                    <ng-template #valueIncludeTemplate>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group>\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionValuePlaceholder' | fdTranslate\"\n                                    [state]=\"valueModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-value-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, !!valueModel.valid)\"\n                                    #valueModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container *ngIf=\"valueModel.invalid\">\n                                    <ng-container\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-container>\n                                </ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n            <div class=\"action-col\" fdLayoutGridCol colGrow>\n                <button\n                    fd-button\n                    [ariaLabel]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    [title]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    (click)=\"removeCondition(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-container>\n\n<fd-layout-grid class=\"condition-row new-condition-row\" [noGap]=\"true\">\n    <div fdLayoutGridRow>\n        <div fdLayoutGridCol colGrow>&nbsp;</div>\n        <div fdLayoutGridCol class=\"action-col\">\n            <button\n                fd-button\n                [attr.aria-label]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                [label]=\"'platformVHD.defineConditionAddConditionButtonLabel' | fdTranslate\"\n                [title]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                (click)=\"addEmptyCondition()\"\n            ></button>\n        </div>\n    </div>\n</fd-layout-grid>\n\n<ng-template #conditionStrategyOption let-type=\"type\" let-strategy=\"strategy\">\n    <ng-container [ngSwitch]=\"strategy.key\">\n        <ng-container *ngSwitchCase=\"'contains'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelContains' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'between'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelBetween' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'startsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelStartsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'endsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEndsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEmpty' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEmpty' | fdTranslate }}\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #countError let-count>\n    <fd-form-message type=\"error\" *ngIf=\"count && count > 7\">\n        {{ 'platformVHD.defineConditionMaxCountError' | fdTranslate : { count: 7 } }}\n    </fd-form-message>\n</ng-template>\n\n<ng-template #customSelectTemplate let-textValue>\n    {{ textValue }}\n</ng-template>\n", styles: [".fdp-value-help-dialog .fd-row{min-width:100%!important;margin:0!important}.fdp-value-help-dialog .condition-row>.fd-col{padding:0 .5rem .5rem 0}.fdp-value-help-dialog .condition-row>.fd-col:last-child{padding-right:0}.fdp-value-help-dialog .condition-row .fd-input{margin:0}.fdp-value-help-dialog fdp-define-tab{height:100%;overflow:auto}.fdp-value-help-dialog fdp-define-tab .define-condition-title{padding:.625rem 0 0}.fdp-value-help-dialog fdp-define-tab .fd-container--no-gap{margin:0!important}.fdp-value-help-dialog .vhd-condition-filters fd-popover{width:100%}.fdp-value-help-dialog .condition-row{align-items:center}.fdp-value-help-dialog .condition-row .main-col{min-width:auto;flex:1 1 auto}.fdp-value-help-dialog .condition-row .action-col{min-width:auto;flex:0 0 auto}.fdp-value-help-dialog .condition-row .fd-input{margin-top:0}.fdp-value-help-dialog .condition-row.new-condition-row{padding-top:.5rem}.fdp-value-help-dialog .condition-row.new-condition-row .fd-button{margin-right:2.5rem}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i5.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i5.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: i6.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i6.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i6.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: i7.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i8.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i8.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: i9.ConditionCountMessageDirective, selector: "[fdp-condition-count-message]", inputs: ["maxCharacters"] }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+DefineTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DefineTabComponent, selector: "fdp-define-tab", inputs: { titleId: "titleId", selectedId: "selectedId", conditions: "conditions", included: "included", excluded: "excluded", strategyLabels: "strategyLabels" }, outputs: { includeChange: "includeChange", excludeChange: "excludeChange", conditionChange: "conditionChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<h5 [id]=\"titleId\" role=\"heading\" aria-level=\"5\" fd-title class=\"define-condition-title\">\n    {{ 'platformVHD.defineConditionTitle' | fdTranslate }}\n</h5>\n<ng-container *ngFor=\"let item of _conditions; trackBy: _trackByKeyAndType; index as i\">\n    <fd-layout-grid class=\"condition-row\" [noGap]=\"true\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"5\">\n                <label id=\"CONDITIONPANEL_OPERATOR_LABEL\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    CONDITIONPANEL_OPERATOR_LABEL\n                </label>\n                <label [id]=\"selectedId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    {{\n                        'platformVHD.defineConditionSelectedValueHiddenA11yLabel'\n                            | fdTranslate : { value: item.strategy }\n                    }}</label\n                >\n                <fd-select\n                    class=\"vhd-condition-filters\"\n                    fdLayoutGridCol\n                    colGrow\n                    [class.fd-select-custom-class]=\"false\"\n                    #sttr\n                    [controlTemplate]=\"customSelectTemplate\"\n                    [name]=\"uid + '-' + type + '-strategy-' + item.id\"\n                    [(ngModel)]=\"item.strategy\"\n                    (valueChange)=\"_filterChanged()\"\n                    role=\"combobox\"\n                    aria-roledescription=\"select\"\n                    aria-haspopup=\"listbox\"\n                    [ariaLabelledBy]=\"titleId + ' ' + 'CONDITIONPANEL_OPERATOR_LABEL' + ' ' + selectedId\"\n                >\n                    <ng-container *ngIf=\"_includeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderInclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _includeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.include, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"_excludeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderExclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _excludeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.exclude, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                </fd-select>\n            </div>\n            <div\n                fdLayoutGridCol\n                colGrow\n                *ngIf=\"\n                    item.strategy !== _strategyIncludeValues.empty && item.strategy !== _strategyExcludeValues.not_empty\n                \"\n            >\n                <div fdLayoutGridRow>\n                    <ng-container *ngIf=\"item.strategy === _strategyIncludeValues.between; else valueIncludeTemplate\">\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionFromPlaceholder' | fdTranslate\"\n                                    placeholder=\"from\"\n                                    required\n                                    [state]=\"fromModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-from-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #fromModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionToPlaceholder' | fdTranslate\"\n                                    required\n                                    [state]=\"toModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-to-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #toModel=\"ngModel\"\n                                    [(ngModel)]=\"item.valueTo\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-container>\n                    <ng-template #valueIncludeTemplate>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group>\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionValuePlaceholder' | fdTranslate\"\n                                    [state]=\"valueModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-value-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, !!valueModel.valid)\"\n                                    #valueModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container *ngIf=\"valueModel.invalid\">\n                                    <ng-container\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-container>\n                                </ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n            <div class=\"action-col\" fdLayoutGridCol colGrow>\n                <button\n                    fd-button\n                    [ariaLabel]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    [title]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    (click)=\"removeCondition(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-container>\n\n<fd-layout-grid class=\"condition-row new-condition-row\" [noGap]=\"true\">\n    <div fdLayoutGridRow>\n        <div fdLayoutGridCol colGrow>&nbsp;</div>\n        <div fdLayoutGridCol class=\"action-col\">\n            <button\n                fd-button\n                [attr.aria-label]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                [label]=\"'platformVHD.defineConditionAddConditionButtonLabel' | fdTranslate\"\n                [title]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                (click)=\"addEmptyCondition()\"\n            ></button>\n        </div>\n    </div>\n</fd-layout-grid>\n\n<ng-template #conditionStrategyOption let-type=\"type\" let-strategy=\"strategy\">\n    <ng-container [ngSwitch]=\"strategy.key\">\n        <ng-container *ngSwitchCase=\"'contains'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelContains' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'between'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelBetween' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'startsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelStartsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'endsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEndsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEmpty' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEmpty' | fdTranslate }}\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #countError let-count>\n    <fd-form-message type=\"error\" *ngIf=\"count && count > 7\">\n        {{ 'platformVHD.defineConditionMaxCountError' | fdTranslate : { count: 7 } }}\n    </fd-form-message>\n</ng-template>\n\n<ng-template #customSelectTemplate let-textValue>\n    {{ textValue }}\n</ng-template>\n", styles: [".fdp-value-help-dialog .fd-row{min-width:100%!important;margin:0!important}.fdp-value-help-dialog .condition-row>.fd-col{padding:0 .5rem .5rem 0}.fdp-value-help-dialog .condition-row>.fd-col:last-child{padding-right:0}.fdp-value-help-dialog .condition-row .fd-input{margin:0}.fdp-value-help-dialog fdp-define-tab{height:100%;overflow:auto}.fdp-value-help-dialog fdp-define-tab .define-condition-title{padding:.625rem 0 0}.fdp-value-help-dialog fdp-define-tab .fd-container--no-gap{margin:0!important}.fdp-value-help-dialog .vhd-condition-filters fd-popover{width:100%}.fdp-value-help-dialog .condition-row{align-items:center}.fdp-value-help-dialog .condition-row .main-col{min-width:auto;flex:1 1 auto}.fdp-value-help-dialog .condition-row .action-col{min-width:auto;flex:0 0 auto}.fdp-value-help-dialog .condition-row .fd-input{margin-top:0}.fdp-value-help-dialog .condition-row.new-condition-row{padding-top:.5rem}.fdp-value-help-dialog .condition-row.new-condition-row .fd-button{margin-right:2.5rem}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i5.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i5.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: i6.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i6.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i6.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: i7.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i8.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i8.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: i9.ConditionCountMessageDirective, selector: "[fdp-condition-count-message]", inputs: ["maxCharacters"] }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DefineTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-define-tab', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<h5 [id]=\"titleId\" role=\"heading\" aria-level=\"5\" fd-title class=\"define-condition-title\">\n    {{ 'platformVHD.defineConditionTitle' | fdTranslate }}\n</h5>\n<ng-container *ngFor=\"let item of _conditions; trackBy: _trackByKeyAndType; index as i\">\n    <fd-layout-grid class=\"condition-row\" [noGap]=\"true\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"5\">\n                <label id=\"CONDITIONPANEL_OPERATOR_LABEL\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    CONDITIONPANEL_OPERATOR_LABEL\n                </label>\n                <label [id]=\"selectedId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    {{\n                        'platformVHD.defineConditionSelectedValueHiddenA11yLabel'\n                            | fdTranslate : { value: item.strategy }\n                    }}</label\n                >\n                <fd-select\n                    class=\"vhd-condition-filters\"\n                    fdLayoutGridCol\n                    colGrow\n                    [class.fd-select-custom-class]=\"false\"\n                    #sttr\n                    [controlTemplate]=\"customSelectTemplate\"\n                    [name]=\"uid + '-' + type + '-strategy-' + item.id\"\n                    [(ngModel)]=\"item.strategy\"\n                    (valueChange)=\"_filterChanged()\"\n                    role=\"combobox\"\n                    aria-roledescription=\"select\"\n                    aria-haspopup=\"listbox\"\n                    [ariaLabelledBy]=\"titleId + ' ' + 'CONDITIONPANEL_OPERATOR_LABEL' + ' ' + selectedId\"\n                >\n                    <ng-container *ngIf=\"_includeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderInclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _includeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.include, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"_excludeStrategy.length\">\n                        <li fd-list-group-header>\n                            {{ 'platformVHD.defineConditionConditionsGroupHeaderExclude' | fdTranslate }}\n                        </li>\n                        <li fd-option *ngFor=\"let strategy of _excludeStrategy\" [value]=\"strategy.key\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                [ngTemplateOutletContext]=\"{ type: _defineTypes.exclude, strategy: strategy }\"\n                            ></ng-container>\n                        </li>\n                    </ng-container>\n                </fd-select>\n            </div>\n            <div\n                fdLayoutGridCol\n                colGrow\n                *ngIf=\"\n                    item.strategy !== _strategyIncludeValues.empty && item.strategy !== _strategyExcludeValues.not_empty\n                \"\n            >\n                <div fdLayoutGridRow>\n                    <ng-container *ngIf=\"item.strategy === _strategyIncludeValues.between; else valueIncludeTemplate\">\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionFromPlaceholder' | fdTranslate\"\n                                    placeholder=\"from\"\n                                    required\n                                    [state]=\"fromModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-from-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #fromModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionToPlaceholder' | fdTranslate\"\n                                    required\n                                    [state]=\"toModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-to-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                    #toModel=\"ngModel\"\n                                    [(ngModel)]=\"item.valueTo\"\n                                />\n                                <ng-container\n                                    [ngTemplateOutlet]=\"countError\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                ></ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-container>\n                    <ng-template #valueIncludeTemplate>\n                        <div fdLayoutGridCol colGrow>\n                            <fd-form-input-message-group>\n                                <input\n                                    fd-form-control\n                                    fdp-condition-count-message\n                                    [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                    type=\"text\"\n                                    [placeholder]=\"'platformVHD.defineConditionValuePlaceholder' | fdTranslate\"\n                                    [state]=\"valueModel.invalid ? 'error' : null\"\n                                    [name]=\"uid + '-' + type + '-value-' + item.id\"\n                                    (blur)=\"_validateConditionValue(item, !!valueModel.valid)\"\n                                    #valueModel=\"ngModel\"\n                                    [(ngModel)]=\"item.value\"\n                                />\n                                <ng-container *ngIf=\"valueModel.invalid\">\n                                    <ng-container\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-container>\n                                </ng-container>\n                            </fd-form-input-message-group>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n            <div class=\"action-col\" fdLayoutGridCol colGrow>\n                <button\n                    fd-button\n                    [ariaLabel]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    [title]=\"'platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate\"\n                    (click)=\"removeCondition(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-container>\n\n<fd-layout-grid class=\"condition-row new-condition-row\" [noGap]=\"true\">\n    <div fdLayoutGridRow>\n        <div fdLayoutGridCol colGrow>&nbsp;</div>\n        <div fdLayoutGridCol class=\"action-col\">\n            <button\n                fd-button\n                [attr.aria-label]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                [label]=\"'platformVHD.defineConditionAddConditionButtonLabel' | fdTranslate\"\n                [title]=\"'platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate\"\n                (click)=\"addEmptyCondition()\"\n            ></button>\n        </div>\n    </div>\n</fd-layout-grid>\n\n<ng-template #conditionStrategyOption let-type=\"type\" let-strategy=\"strategy\">\n    <ng-container [ngSwitch]=\"strategy.key\">\n        <ng-container *ngSwitchCase=\"'contains'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelContains' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'between'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelBetween' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'startsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelStartsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'endsWith'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEndsWith' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'lessThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelLessThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThan'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThan' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'greaterThanEqual'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelGreaterThanEqual' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelEmpty' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_equalTo'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEqualTo' | fdTranslate }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'not_empty'\">\n            {{ 'platformVHD.defineConditionConditionStrategyLabelNotEmpty' | fdTranslate }}\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #countError let-count>\n    <fd-form-message type=\"error\" *ngIf=\"count && count > 7\">\n        {{ 'platformVHD.defineConditionMaxCountError' | fdTranslate : { count: 7 } }}\n    </fd-form-message>\n</ng-template>\n\n<ng-template #customSelectTemplate let-textValue>\n    {{ textValue }}\n</ng-template>\n", styles: [".fdp-value-help-dialog .fd-row{min-width:100%!important;margin:0!important}.fdp-value-help-dialog .condition-row>.fd-col{padding:0 .5rem .5rem 0}.fdp-value-help-dialog .condition-row>.fd-col:last-child{padding-right:0}.fdp-value-help-dialog .condition-row .fd-input{margin:0}.fdp-value-help-dialog fdp-define-tab{height:100%;overflow:auto}.fdp-value-help-dialog fdp-define-tab .define-condition-title{padding:.625rem 0 0}.fdp-value-help-dialog fdp-define-tab .fd-container--no-gap{margin:0!important}.fdp-value-help-dialog .vhd-condition-filters fd-popover{width:100%}.fdp-value-help-dialog .condition-row{align-items:center}.fdp-value-help-dialog .condition-row .main-col{min-width:auto;flex:1 1 auto}.fdp-value-help-dialog .condition-row .action-col{min-width:auto;flex:0 0 auto}.fdp-value-help-dialog .condition-row .fd-input{margin-top:0}.fdp-value-help-dialog .condition-row.new-condition-row{padding-top:.5rem}.fdp-value-help-dialog .condition-row.new-condition-row .fd-button{margin-right:2.5rem}\n"] }]

package/esm2020/variant-management/components/manage-variants-dialog/manage-variants-dialog.component.mjs CHANGED Viewed

@@ -46,7 +46,7 @@ export class ManageVariantsDialogComponent {
     }
 }
 ManageVariantsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ManageVariantsDialogComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ManageVariantsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ManageVariantsDialogComponent, selector: "fdp-manage-variants-dialog", ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 id=\"fd-dialog-header-1\" fd-title>\n            {{ 'platformVariantManagement.manageViews' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table [dataSource]=\"_source\" [noVerticalBorders]=\"true\" class=\"fd-variant-management__table\">\n            <fdp-column name=\"favourite\" key=\"favourite\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fd-icon\n                        class=\"fd-variant-management__favourite-state\"\n                        [class.fd-variant-management__favourite-state--active]=\"item.favourite\"\n                        [ariaLabel]=\"'platformVariantManagement.markAsFavourite' | fdTranslate\"\n                        tabindex=\"0\"\n                        (click)=\"_markAsFavourite(item)\"\n                        glyph=\"favorite\"\n                    ></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column [label]=\"'platformVariantManagement.view' | fdTranslate\" name=\"name\" key=\"name\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-input *ngIf=\"!item.readonly\" [(ngModel)]=\"item.name\"></fdp-input>\n                    <ng-container *ngIf=\"item.readonly\">{{ item.name }}</ng-container>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column [label]=\"'platformVariantManagement.sharing' | fdTranslate\" name=\"access\" key=\"access\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    {{\n                        (item.access === 'public'\n                            ? 'platformVariantManagement.access.public'\n                            : 'platformVariantManagement.access.private'\n                        ) | fdTranslate\n                    }}\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.default' | fdTranslate\"\n                name=\"isDefault\"\n                key=\"isDefault\"\n                align=\"center\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fd-radio-button\n                        [value]=\"true\"\n                        [id]=\"'radio-' + item.id\"\n                        name=\"is-variant-default\"\n                        [(ngModel)]=\"item.isDefault\"\n                    ></fd-radio-button>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.applyAutomatically' | fdTranslate\"\n                name=\"applyAutomatically\"\n                key=\"applyAutomatically\"\n                align=\"center\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-checkbox\n                        class=\"fd-variant-management__centered-checkbox\"\n                        [standalone]=\"true\"\n                        name=\"applyAutomatically\"\n                        [(ngModel)]=\"item.applyAutomatically\"\n                    ></fdp-checkbox>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.createdBy' | fdTranslate\"\n                name=\"createdBy\"\n                key=\"createdBy\"\n            ></fdp-column>\n            <fdp-column name=\"actions\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-button\n                        *ngIf=\"!item.readonly\"\n                        buttonType=\"transparent\"\n                        glyph=\"decline\"\n                        [title]=\"'platformVariantManagement.removeVariant' | fdTranslate\"\n                        (click)=\"_removeVariant(item)\"\n                    ></fdp-button>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformVariantManagement.save' | fdTranslate\"\n            (click)=\"_saveVariants()\"\n            ariaLabel=\"Interested Emphasized\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            [label]=\"'platformVariantManagement.cancel' | fdTranslate\"\n            (click)=\"dialog.dismiss('Cancel')\"\n            [ariaLabel]=\"'platformVariantManagement.cancel' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i5.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.InputComponent, selector: "fdp-input", inputs: ["type", "required", "value"], outputs: ["focusChange"] }, { kind: "component", type: i7.CheckboxComponent, selector: "fdp-checkbox", inputs: ["title", "label", "tristate", "isBinary", "checked", "tristateSelectable", "value", "values", "standalone"], outputs: ["checkedChange", "change", "indeterminateChange"] }, { kind: "component", type: i8.TableComponent, selector: "fdp-table", inputs: ["name", "id", "enableDragResize", "fixed", "freezeColumnsTo", "freezeEndColumnsTo", "pageScrolling", "pageSize", "pageScrollingThreshold", "bodyHeight", "emptyTableMessage", "noVisibleColumnsMessage", "noHorizontalBorders", "noVerticalBorders", "noBorders", "noBodyBorders", "noOuterBorders", "noBorderX", "noBorderY", "relationKey", "expandedStateKey", "hasChildrenKey", "rowNavigatable", "highlightNavigatedRow", "rowsActivable", "selectedKey", "selectableKey", "trackBy", "rowComparator", "rowsClass", "editableRowSkeleton", "expandOnInit", "rowHeight", "loadPagesBefore", "selectionMode", "enableTristateMode", "semanticHighlighting", "forceCheckedAllState", "ariaLabelledBy", "loading"], outputs: ["presetChanged", "rowSelectionChange", "sortChange", "filterChange", "groupChange", "columnsChange", "pageChange", "columnFreeze", "rowToggleOpenState", "rowActivate", "rowNavigate", "emptyRowAdded", "save", "cancel", "tableScrolled", "tableRowsSet", "allRowsExpanded", "allRowsCollapsed"] }, { kind: "component", type: i8.TableColumnComponent, selector: "fdp-column", inputs: ["name", "key", "label", "align", "sortable", "filterable", "visible", "dataType", "groupable", "freezable", "endFreezable", "width", "noWrap", "applyText", "role"] }, { kind: "directive", type: i9.TableInitialStateDirective, selector: "[fdpTableInitialState],    fdp-table", inputs: ["initialVisibleColumns", "initialSortBy", "initialFilterBy", "initialGroupBy", "initialPage", "state"] }, { kind: "directive", type: i9.FdpTableCell, selector: "fdp-table-cell" }, { kind: "directive", type: i9.FdpCellDef, selector: "[fdpCellDef]", inputs: ["fdpCellDefAs"] }, { kind: "component", type: i10.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i11.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "pipe", type: i12.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ManageVariantsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ManageVariantsDialogComponent, selector: "fdp-manage-variants-dialog", ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 id=\"fd-dialog-header-1\" fd-title>\n            {{ 'platformVariantManagement.manageViews' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table [dataSource]=\"_source\" [noVerticalBorders]=\"true\" class=\"fd-variant-management__table\">\n            <fdp-column name=\"favourite\" key=\"favourite\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fd-icon\n                        class=\"fd-variant-management__favourite-state\"\n                        [class.fd-variant-management__favourite-state--active]=\"item.favourite\"\n                        [ariaLabel]=\"'platformVariantManagement.markAsFavourite' | fdTranslate\"\n                        tabindex=\"0\"\n                        (click)=\"_markAsFavourite(item)\"\n                        glyph=\"favorite\"\n                    ></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column [label]=\"'platformVariantManagement.view' | fdTranslate\" name=\"name\" key=\"name\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-input *ngIf=\"!item.readonly\" [(ngModel)]=\"item.name\"></fdp-input>\n                    <ng-container *ngIf=\"item.readonly\">{{ item.name }}</ng-container>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column [label]=\"'platformVariantManagement.sharing' | fdTranslate\" name=\"access\" key=\"access\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    {{\n                        (item.access === 'public'\n                            ? 'platformVariantManagement.access.public'\n                            : 'platformVariantManagement.access.private'\n                        ) | fdTranslate\n                    }}\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.default' | fdTranslate\"\n                name=\"isDefault\"\n                key=\"isDefault\"\n                align=\"center\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fd-radio-button\n                        [value]=\"true\"\n                        [id]=\"'radio-' + item.id\"\n                        name=\"is-variant-default\"\n                        [(ngModel)]=\"item.isDefault\"\n                    ></fd-radio-button>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.applyAutomatically' | fdTranslate\"\n                name=\"applyAutomatically\"\n                key=\"applyAutomatically\"\n                align=\"center\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-checkbox\n                        class=\"fd-variant-management__centered-checkbox\"\n                        [standalone]=\"true\"\n                        name=\"applyAutomatically\"\n                        [(ngModel)]=\"item.applyAutomatically\"\n                    ></fdp-checkbox>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.createdBy' | fdTranslate\"\n                name=\"createdBy\"\n                key=\"createdBy\"\n            ></fdp-column>\n            <fdp-column name=\"actions\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-button\n                        *ngIf=\"!item.readonly\"\n                        buttonType=\"transparent\"\n                        glyph=\"decline\"\n                        [title]=\"'platformVariantManagement.removeVariant' | fdTranslate\"\n                        (click)=\"_removeVariant(item)\"\n                    ></fdp-button>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformVariantManagement.save' | fdTranslate\"\n            (click)=\"_saveVariants()\"\n            ariaLabel=\"Interested Emphasized\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            [label]=\"'platformVariantManagement.cancel' | fdTranslate\"\n            (click)=\"dialog.dismiss('Cancel')\"\n            [ariaLabel]=\"'platformVariantManagement.cancel' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i5.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.InputComponent, selector: "fdp-input", inputs: ["type", "required", "value"], outputs: ["focusChange"] }, { kind: "component", type: i7.CheckboxComponent, selector: "fdp-checkbox", inputs: ["title", "label", "tristate", "isBinary", "checked", "tristateSelectable", "value", "values", "standalone"], outputs: ["checkedChange", "change", "indeterminateChange"] }, { kind: "component", type: i8.TableComponent, selector: "fdp-table", inputs: ["name", "id", "enableDragResize", "fixed", "freezeColumnsTo", "freezeEndColumnsTo", "pageScrolling", "pageSize", "pageScrollingThreshold", "bodyHeight", "emptyTableMessage", "noVisibleColumnsMessage", "noHorizontalBorders", "noVerticalBorders", "noBorders", "noBodyBorders", "noOuterBorders", "noBorderX", "noBorderY", "relationKey", "expandedStateKey", "hasChildrenKey", "rowNavigatable", "highlightNavigatedRow", "rowsActivable", "selectedKey", "selectableKey", "trackBy", "rowComparator", "rowsClass", "editableRowSkeleton", "expandOnInit", "rowHeight", "loadPagesBefore", "selectionMode", "enableTristateMode", "semanticHighlighting", "forceCheckedAllState", "ariaLabelledBy", "loading"], outputs: ["presetChanged", "rowSelectionChange", "sortChange", "filterChange", "groupChange", "columnsChange", "pageChange", "columnFreeze", "rowToggleOpenState", "rowActivate", "rowNavigate", "emptyRowAdded", "save", "cancel", "tableScrolled", "tableRowsSet", "allRowsExpanded", "allRowsCollapsed", "cellFocused"] }, { kind: "component", type: i8.TableColumnComponent, selector: "fdp-column", inputs: ["name", "key", "label", "align", "sortable", "filterable", "visible", "dataType", "groupable", "freezable", "endFreezable", "width", "noWrap", "applyText", "role"] }, { kind: "directive", type: i9.TableInitialStateDirective, selector: "[fdpTableInitialState],    fdp-table", inputs: ["initialVisibleColumns", "initialSortBy", "initialFilterBy", "initialGroupBy", "initialPage", "state"] }, { kind: "directive", type: i9.FdpTableCell, selector: "fdp-table-cell" }, { kind: "directive", type: i9.FdpCellDef, selector: "[fdpCellDef]", inputs: ["fdpCellDefAs"] }, { kind: "component", type: i10.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i11.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "pipe", type: i12.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ManageVariantsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-manage-variants-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 id=\"fd-dialog-header-1\" fd-title>\n            {{ 'platformVariantManagement.manageViews' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table [dataSource]=\"_source\" [noVerticalBorders]=\"true\" class=\"fd-variant-management__table\">\n            <fdp-column name=\"favourite\" key=\"favourite\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fd-icon\n                        class=\"fd-variant-management__favourite-state\"\n                        [class.fd-variant-management__favourite-state--active]=\"item.favourite\"\n                        [ariaLabel]=\"'platformVariantManagement.markAsFavourite' | fdTranslate\"\n                        tabindex=\"0\"\n                        (click)=\"_markAsFavourite(item)\"\n                        glyph=\"favorite\"\n                    ></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column [label]=\"'platformVariantManagement.view' | fdTranslate\" name=\"name\" key=\"name\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-input *ngIf=\"!item.readonly\" [(ngModel)]=\"item.name\"></fdp-input>\n                    <ng-container *ngIf=\"item.readonly\">{{ item.name }}</ng-container>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column [label]=\"'platformVariantManagement.sharing' | fdTranslate\" name=\"access\" key=\"access\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    {{\n                        (item.access === 'public'\n                            ? 'platformVariantManagement.access.public'\n                            : 'platformVariantManagement.access.private'\n                        ) | fdTranslate\n                    }}\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.default' | fdTranslate\"\n                name=\"isDefault\"\n                key=\"isDefault\"\n                align=\"center\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fd-radio-button\n                        [value]=\"true\"\n                        [id]=\"'radio-' + item.id\"\n                        name=\"is-variant-default\"\n                        [(ngModel)]=\"item.isDefault\"\n                    ></fd-radio-button>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.applyAutomatically' | fdTranslate\"\n                name=\"applyAutomatically\"\n                key=\"applyAutomatically\"\n                align=\"center\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-checkbox\n                        class=\"fd-variant-management__centered-checkbox\"\n                        [standalone]=\"true\"\n                        name=\"applyAutomatically\"\n                        [(ngModel)]=\"item.applyAutomatically\"\n                    ></fdp-checkbox>\n                </fdp-table-cell>\n            </fdp-column>\n            <fdp-column\n                [label]=\"'platformVariantManagement.createdBy' | fdTranslate\"\n                name=\"createdBy\"\n                key=\"createdBy\"\n            ></fdp-column>\n            <fdp-column name=\"actions\">\n                <fdp-table-cell *fdpCellDef=\"let item; as: _variantModel\">\n                    <fdp-button\n                        *ngIf=\"!item.readonly\"\n                        buttonType=\"transparent\"\n                        glyph=\"decline\"\n                        [title]=\"'platformVariantManagement.removeVariant' | fdTranslate\"\n                        (click)=\"_removeVariant(item)\"\n                    ></fdp-button>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformVariantManagement.save' | fdTranslate\"\n            (click)=\"_saveVariants()\"\n            ariaLabel=\"Interested Emphasized\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            [label]=\"'platformVariantManagement.cancel' | fdTranslate\"\n            (click)=\"dialog.dismiss('Cancel')\"\n            [ariaLabel]=\"'platformVariantManagement.cancel' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n" }]

package/fesm2015/fundamental-ngx-platform-approval-flow.mjs CHANGED Viewed

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