@fundamental-ngx/platform 0.47.2-rc.0 → 0.47.2

package/esm2022/variant-management/variant-management.component.mjs

@@ -155,7 +155,7 @@ export class VariantManagementComponent {
                 provide: FDP_VARIANT_MANAGEMENT,
                 useExisting: VariantManagementComponent
             }
-        ], queries: [{ propertyName: "dirtyLabel", first: true, predicate: VariantManagementDirtyLabelDirective, descendants: true }], viewQueries: [{ propertyName: "_popover", first: true, predicate: ["popover"], descendants: true }], ngImport: i0, template: "<fd-popover\n    #popover\n    *ngIf=\"activeVariant\"\n    placement=\"bottom\"\n    [noArrow]=\"false\"\n    [focusAutoCapture]=\"true\"\n    [focusTrapped]=\"true\"\n    additionalBodyClass=\"fd-variant-management__popover-body\"\n    [triggers]=\"popoverTriggers\"\n>\n    <fd-popover-control>\n        <div class=\"fd-variant-management__header\">\n            <h4 fd-title class=\"fd-variant-management__title\" [headerSize]=\"headerSize\">\n                {{ activeVariant.name }}\n            </h4>\n            <ng-container *ngIf=\"_variantChanged\">\n                <span\n                    class=\"fd-variant-management__dirty-indicator\"\n                    [class.fd-variant-management__dirty-indicator--custom]=\"!!dirtyLabel\"\n                >\n                    <ng-template #defaultDirtyIndicator>*</ng-template>\n                    <ng-template\n                        *ngTemplateOutlet=\"dirtyLabel ? dirtyLabel.templateRef : defaultDirtyIndicator\"\n                    ></ng-template>\n                </span>\n            </ng-container>\n            <fdp-menu-button type=\"transparent\"> </fdp-menu-button>\n        </div>\n    </fd-popover-control>\n    <fd-popover-body>\n        <div fd-popover-body-header>\n            <div fd-bar [barDesign]=\"displaySearch ? 'header-with-subheader' : 'header'\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h5 fd-title>{{ 'platformVariantManagement.myViews' | fdTranslate }}</h5>\n                    </fd-bar-element>\n                </div>\n            </div>\n            <div fd-bar barDesign=\"header\" *ngIf=\"displaySearch\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <fdp-search-field\n                            [placeholder]=\"'platformVariantManagement.search' | fdTranslate\"\n                            (searchSubmit)=\"_onSearchSubmit($event)\"\n                            (cancelSearch)=\"_cancelSearch()\"\n                            [disableRefresh]=\"true\"\n                        ></fdp-search-field>\n                    </fd-bar-element>\n                </div>\n            </div>\n        </div>\n        <ul fd-list>\n            <ng-container\n                *ngFor=\"\n                    let variant of _variants | fdFilterStrings : { searchTerm: _filterPhrase, key: 'name' };\n                    trackBy: _trackFn\n                \"\n            >\n                <li fd-list-item (click)=\"selectVariant(variant)\">\n                    <span fd-list-link>\n                        <span fd-list-title>{{ variant.name }}</span>\n                    </span>\n                </li>\n            </ng-container>\n        </ul>\n        <div fd-popover-body-footer>\n            <div fd-bar barDesign=\"footer\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        fdType=\"emphasized\"\n                        [label]=\"'platformVariantManagement.save' | fdTranslate\"\n                        *ngIf=\"!activeVariant.readonly && _variantChanged\"\n                        (click)=\"saveCurrentVariant()\"\n                    >\n                    </fd-button-bar>\n                    <fd-button-bar\n                        [fdType]=\"activeVariant.readonly || !_variantChanged ? 'emphasized' : 'transparent'\"\n                        [label]=\"'platformVariantManagement.saveAs' | fdTranslate\"\n                        (click)=\"_openSaveDialog()\"\n                    ></fd-button-bar>\n                    <fd-button-bar\n                        [label]=\"'platformVariantManagement.manage' | fdTranslate\"\n                        (click)=\"_openManageDialog()\"\n                    ></fd-button-bar>\n                </div>\n            </div>\n        </div>\n    </fd-popover-body>\n</fd-popover>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0-rc.7\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-variant-management{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management:after,.fd-variant-management:before{box-sizing:inherit;font-size:inherit}.fd-variant-management__header{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.125rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management__header:after,.fd-variant-management__header:before{box-sizing:inherit;font-size:inherit}.fd-variant-management .fd-variant-management__title{color:var(--fdVariantManagementHeadingColor)}.fd-variant-management .fd-variant-management__title.is-hover,.fd-variant-management .fd-variant-management__title:hover{color:var(--fdVariantManagementHeadingHoverColor)}.fd-variant-management .fd-variant-management__title.is-active,.fd-variant-management .fd-variant-management__title:active{color:var(--fdVariantManagementHeadingActiveColor)}.fd-variant-management__dirty-indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management__dirty-indicator:after,.fd-variant-management__dirty-indicator:before{box-sizing:inherit;font-size:inherit}.fd-variant-management__dirty-indicator--custom{font-size:var(--sapFontSmallSize)}.fd-variant-management__favourite-state{color:var(--sapContent_NonInteractiveIconColor);cursor:pointer}.fd-variant-management__favourite-state--active{color:var(--sapContent_MarkerIconColor)}.fd-variant-management__centered-checkbox{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MenuButtonComponent, selector: "fdp-menu-button", inputs: ["label", "title", "icon", "type"], outputs: ["buttonClicked"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline"], outputs: ["keyDown"] }, { kind: "directive", type: ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "directive", type: BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }, { kind: "pipe", type: FilterStringsPipe, name: "fdFilterStrings" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "dirtyLabel", first: true, predicate: VariantManagementDirtyLabelDirective, descendants: true }], viewQueries: [{ propertyName: "_popover", first: true, predicate: ["popover"], descendants: true }], ngImport: i0, template: "<fd-popover\n    #popover\n    *ngIf=\"activeVariant\"\n    placement=\"bottom\"\n    [noArrow]=\"false\"\n    [focusAutoCapture]=\"true\"\n    [focusTrapped]=\"true\"\n    additionalBodyClass=\"fd-variant-management__popover-body\"\n    [triggers]=\"popoverTriggers\"\n>\n    <fd-popover-control>\n        <div class=\"fd-variant-management__header\">\n            <h4 fd-title class=\"fd-variant-management__title\" [headerSize]=\"headerSize\">\n                {{ activeVariant.name }}\n            </h4>\n            <ng-container *ngIf=\"_variantChanged\">\n                <span\n                    class=\"fd-variant-management__dirty-indicator\"\n                    [class.fd-variant-management__dirty-indicator--custom]=\"!!dirtyLabel\"\n                >\n                    <ng-template #defaultDirtyIndicator>*</ng-template>\n                    <ng-template\n                        *ngTemplateOutlet=\"dirtyLabel ? dirtyLabel.templateRef : defaultDirtyIndicator\"\n                    ></ng-template>\n                </span>\n            </ng-container>\n            <fdp-menu-button type=\"transparent\"> </fdp-menu-button>\n        </div>\n    </fd-popover-control>\n    <fd-popover-body>\n        <div fd-popover-body-header>\n            <div fd-bar [barDesign]=\"displaySearch ? 'header-with-subheader' : 'header'\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h5 fd-title>{{ 'platformVariantManagement.myViews' | fdTranslate }}</h5>\n                    </fd-bar-element>\n                </div>\n            </div>\n            <div fd-bar barDesign=\"header\" *ngIf=\"displaySearch\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <fdp-search-field\n                            [placeholder]=\"'platformVariantManagement.search' | fdTranslate\"\n                            (searchSubmit)=\"_onSearchSubmit($event)\"\n                            (cancelSearch)=\"_cancelSearch()\"\n                            [disableRefresh]=\"true\"\n                        ></fdp-search-field>\n                    </fd-bar-element>\n                </div>\n            </div>\n        </div>\n        <ul fd-list>\n            <ng-container\n                *ngFor=\"\n                    let variant of _variants | fdFilterStrings : { searchTerm: _filterPhrase, key: 'name' };\n                    trackBy: _trackFn\n                \"\n            >\n                <li fd-list-item (click)=\"selectVariant(variant)\">\n                    <span fd-list-link>\n                        <span fd-list-title>{{ variant.name }}</span>\n                    </span>\n                </li>\n            </ng-container>\n        </ul>\n        <div fd-popover-body-footer>\n            <div fd-bar barDesign=\"footer\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        fdType=\"emphasized\"\n                        [label]=\"'platformVariantManagement.save' | fdTranslate\"\n                        *ngIf=\"!activeVariant.readonly && _variantChanged\"\n                        (click)=\"saveCurrentVariant()\"\n                    >\n                    </fd-button-bar>\n                    <fd-button-bar\n                        [fdType]=\"activeVariant.readonly || !_variantChanged ? 'emphasized' : 'transparent'\"\n                        [label]=\"'platformVariantManagement.saveAs' | fdTranslate\"\n                        (click)=\"_openSaveDialog()\"\n                    ></fd-button-bar>\n                    <fd-button-bar\n                        [label]=\"'platformVariantManagement.manage' | fdTranslate\"\n                        (click)=\"_openManageDialog()\"\n                    ></fd-button-bar>\n                </div>\n            </div>\n        </div>\n    </fd-popover-body>\n</fd-popover>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-variant-management{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management:after,.fd-variant-management:before{box-sizing:inherit;font-size:inherit}.fd-variant-management__header{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.125rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management__header:after,.fd-variant-management__header:before{box-sizing:inherit;font-size:inherit}.fd-variant-management .fd-variant-management__title{color:var(--fdVariantManagementHeadingColor)}.fd-variant-management .fd-variant-management__title.is-hover,.fd-variant-management .fd-variant-management__title:hover{color:var(--fdVariantManagementHeadingHoverColor)}.fd-variant-management .fd-variant-management__title.is-active,.fd-variant-management .fd-variant-management__title:active{color:var(--fdVariantManagementHeadingActiveColor)}.fd-variant-management__dirty-indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management__dirty-indicator:after,.fd-variant-management__dirty-indicator:before{box-sizing:inherit;font-size:inherit}.fd-variant-management__dirty-indicator--custom{font-size:var(--sapFontSmallSize)}.fd-variant-management__favourite-state{color:var(--sapContent_NonInteractiveIconColor);cursor:pointer}.fd-variant-management__favourite-state--active{color:var(--sapContent_MarkerIconColor)}.fd-variant-management__centered-checkbox{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MenuButtonComponent, selector: "fdp-menu-button", inputs: ["label", "title", "icon", "type"], outputs: ["buttonClicked"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline"], outputs: ["keyDown"] }, { kind: "directive", type: ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "directive", type: BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }, { kind: "pipe", type: FilterStringsPipe, name: "fdFilterStrings" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: VariantManagementComponent, decorators: [{
             type: Component,
@@ -187,7 +187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         ButtonBarComponent,
                         FdTranslatePipe,
                         FilterStringsPipe
-                    ], template: "<fd-popover\n    #popover\n    *ngIf=\"activeVariant\"\n    placement=\"bottom\"\n    [noArrow]=\"false\"\n    [focusAutoCapture]=\"true\"\n    [focusTrapped]=\"true\"\n    additionalBodyClass=\"fd-variant-management__popover-body\"\n    [triggers]=\"popoverTriggers\"\n>\n    <fd-popover-control>\n        <div class=\"fd-variant-management__header\">\n            <h4 fd-title class=\"fd-variant-management__title\" [headerSize]=\"headerSize\">\n                {{ activeVariant.name }}\n            </h4>\n            <ng-container *ngIf=\"_variantChanged\">\n                <span\n                    class=\"fd-variant-management__dirty-indicator\"\n                    [class.fd-variant-management__dirty-indicator--custom]=\"!!dirtyLabel\"\n                >\n                    <ng-template #defaultDirtyIndicator>*</ng-template>\n                    <ng-template\n                        *ngTemplateOutlet=\"dirtyLabel ? dirtyLabel.templateRef : defaultDirtyIndicator\"\n                    ></ng-template>\n                </span>\n            </ng-container>\n            <fdp-menu-button type=\"transparent\"> </fdp-menu-button>\n        </div>\n    </fd-popover-control>\n    <fd-popover-body>\n        <div fd-popover-body-header>\n            <div fd-bar [barDesign]=\"displaySearch ? 'header-with-subheader' : 'header'\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h5 fd-title>{{ 'platformVariantManagement.myViews' | fdTranslate }}</h5>\n                    </fd-bar-element>\n                </div>\n            </div>\n            <div fd-bar barDesign=\"header\" *ngIf=\"displaySearch\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <fdp-search-field\n                            [placeholder]=\"'platformVariantManagement.search' | fdTranslate\"\n                            (searchSubmit)=\"_onSearchSubmit($event)\"\n                            (cancelSearch)=\"_cancelSearch()\"\n                            [disableRefresh]=\"true\"\n                        ></fdp-search-field>\n                    </fd-bar-element>\n                </div>\n            </div>\n        </div>\n        <ul fd-list>\n            <ng-container\n                *ngFor=\"\n                    let variant of _variants | fdFilterStrings : { searchTerm: _filterPhrase, key: 'name' };\n                    trackBy: _trackFn\n                \"\n            >\n                <li fd-list-item (click)=\"selectVariant(variant)\">\n                    <span fd-list-link>\n                        <span fd-list-title>{{ variant.name }}</span>\n                    </span>\n                </li>\n            </ng-container>\n        </ul>\n        <div fd-popover-body-footer>\n            <div fd-bar barDesign=\"footer\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        fdType=\"emphasized\"\n                        [label]=\"'platformVariantManagement.save' | fdTranslate\"\n                        *ngIf=\"!activeVariant.readonly && _variantChanged\"\n                        (click)=\"saveCurrentVariant()\"\n                    >\n                    </fd-button-bar>\n                    <fd-button-bar\n                        [fdType]=\"activeVariant.readonly || !_variantChanged ? 'emphasized' : 'transparent'\"\n                        [label]=\"'platformVariantManagement.saveAs' | fdTranslate\"\n                        (click)=\"_openSaveDialog()\"\n                    ></fd-button-bar>\n                    <fd-button-bar\n                        [label]=\"'platformVariantManagement.manage' | fdTranslate\"\n                        (click)=\"_openManageDialog()\"\n                    ></fd-button-bar>\n                </div>\n            </div>\n        </div>\n    </fd-popover-body>\n</fd-popover>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0-rc.7\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-variant-management{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management:after,.fd-variant-management:before{box-sizing:inherit;font-size:inherit}.fd-variant-management__header{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.125rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management__header:after,.fd-variant-management__header:before{box-sizing:inherit;font-size:inherit}.fd-variant-management .fd-variant-management__title{color:var(--fdVariantManagementHeadingColor)}.fd-variant-management .fd-variant-management__title.is-hover,.fd-variant-management .fd-variant-management__title:hover{color:var(--fdVariantManagementHeadingHoverColor)}.fd-variant-management .fd-variant-management__title.is-active,.fd-variant-management .fd-variant-management__title:active{color:var(--fdVariantManagementHeadingActiveColor)}.fd-variant-management__dirty-indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management__dirty-indicator:after,.fd-variant-management__dirty-indicator:before{box-sizing:inherit;font-size:inherit}.fd-variant-management__dirty-indicator--custom{font-size:var(--sapFontSmallSize)}.fd-variant-management__favourite-state{color:var(--sapContent_NonInteractiveIconColor);cursor:pointer}.fd-variant-management__favourite-state--active{color:var(--sapContent_MarkerIconColor)}.fd-variant-management__centered-checkbox{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;justify-content:center}\n"] }]
+                    ], template: "<fd-popover\n    #popover\n    *ngIf=\"activeVariant\"\n    placement=\"bottom\"\n    [noArrow]=\"false\"\n    [focusAutoCapture]=\"true\"\n    [focusTrapped]=\"true\"\n    additionalBodyClass=\"fd-variant-management__popover-body\"\n    [triggers]=\"popoverTriggers\"\n>\n    <fd-popover-control>\n        <div class=\"fd-variant-management__header\">\n            <h4 fd-title class=\"fd-variant-management__title\" [headerSize]=\"headerSize\">\n                {{ activeVariant.name }}\n            </h4>\n            <ng-container *ngIf=\"_variantChanged\">\n                <span\n                    class=\"fd-variant-management__dirty-indicator\"\n                    [class.fd-variant-management__dirty-indicator--custom]=\"!!dirtyLabel\"\n                >\n                    <ng-template #defaultDirtyIndicator>*</ng-template>\n                    <ng-template\n                        *ngTemplateOutlet=\"dirtyLabel ? dirtyLabel.templateRef : defaultDirtyIndicator\"\n                    ></ng-template>\n                </span>\n            </ng-container>\n            <fdp-menu-button type=\"transparent\"> </fdp-menu-button>\n        </div>\n    </fd-popover-control>\n    <fd-popover-body>\n        <div fd-popover-body-header>\n            <div fd-bar [barDesign]=\"displaySearch ? 'header-with-subheader' : 'header'\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h5 fd-title>{{ 'platformVariantManagement.myViews' | fdTranslate }}</h5>\n                    </fd-bar-element>\n                </div>\n            </div>\n            <div fd-bar barDesign=\"header\" *ngIf=\"displaySearch\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <fdp-search-field\n                            [placeholder]=\"'platformVariantManagement.search' | fdTranslate\"\n                            (searchSubmit)=\"_onSearchSubmit($event)\"\n                            (cancelSearch)=\"_cancelSearch()\"\n                            [disableRefresh]=\"true\"\n                        ></fdp-search-field>\n                    </fd-bar-element>\n                </div>\n            </div>\n        </div>\n        <ul fd-list>\n            <ng-container\n                *ngFor=\"\n                    let variant of _variants | fdFilterStrings : { searchTerm: _filterPhrase, key: 'name' };\n                    trackBy: _trackFn\n                \"\n            >\n                <li fd-list-item (click)=\"selectVariant(variant)\">\n                    <span fd-list-link>\n                        <span fd-list-title>{{ variant.name }}</span>\n                    </span>\n                </li>\n            </ng-container>\n        </ul>\n        <div fd-popover-body-footer>\n            <div fd-bar barDesign=\"footer\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        fdType=\"emphasized\"\n                        [label]=\"'platformVariantManagement.save' | fdTranslate\"\n                        *ngIf=\"!activeVariant.readonly && _variantChanged\"\n                        (click)=\"saveCurrentVariant()\"\n                    >\n                    </fd-button-bar>\n                    <fd-button-bar\n                        [fdType]=\"activeVariant.readonly || !_variantChanged ? 'emphasized' : 'transparent'\"\n                        [label]=\"'platformVariantManagement.saveAs' | fdTranslate\"\n                        (click)=\"_openSaveDialog()\"\n                    ></fd-button-bar>\n                    <fd-button-bar\n                        [label]=\"'platformVariantManagement.manage' | fdTranslate\"\n                        (click)=\"_openManageDialog()\"\n                    ></fd-button-bar>\n                </div>\n            </div>\n        </div>\n    </fd-popover-body>\n</fd-popover>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-variant-management{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management:after,.fd-variant-management:before{box-sizing:inherit;font-size:inherit}.fd-variant-management__header{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.125rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management__header:after,.fd-variant-management__header:before{box-sizing:inherit;font-size:inherit}.fd-variant-management .fd-variant-management__title{color:var(--fdVariantManagementHeadingColor)}.fd-variant-management .fd-variant-management__title.is-hover,.fd-variant-management .fd-variant-management__title:hover{color:var(--fdVariantManagementHeadingHoverColor)}.fd-variant-management .fd-variant-management__title.is-active,.fd-variant-management .fd-variant-management__title:active{color:var(--fdVariantManagementHeadingActiveColor)}.fd-variant-management__dirty-indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-variant-management__dirty-indicator:after,.fd-variant-management__dirty-indicator:before{box-sizing:inherit;font-size:inherit}.fd-variant-management__dirty-indicator--custom{font-size:var(--sapFontSmallSize)}.fd-variant-management__favourite-state{color:var(--sapContent_NonInteractiveIconColor);cursor:pointer}.fd-variant-management__favourite-state--active{color:var(--sapContent_MarkerIconColor)}.fd-variant-management__centered-checkbox{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;justify-content:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { variants: [{
                 type: Input
             }], headerSize: [{
@@ -212,4 +212,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFyaWFudC1tYW5hZ2VtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vc3JjL2xpYi92YXJpYW50LW1hbmFnZW1lbnQvdmFyaWFudC1tYW5hZ2VtZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vc3JjL2xpYi92YXJpYW50LW1hbmFnZW1lbnQvdmFyaWFudC1tYW5hZ2VtZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEUsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQVksTUFBTSw0QkFBNEIsQ0FBQztBQUN6RSxPQUFPLEVBQ0gsWUFBWSxFQUNaLG1CQUFtQixFQUNuQixnQkFBZ0IsRUFDaEIsaUJBQWlCLEVBQ2pCLGtCQUFrQixFQUNyQixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDckgsT0FBTyxFQUNILG9CQUFvQixFQUNwQiwwQkFBMEIsRUFDMUIsMEJBQTBCLEVBQzFCLGdCQUFnQixFQUNoQix1QkFBdUIsRUFFMUIsTUFBTSwrQkFBK0IsQ0FBQztBQUN2QyxPQUFPLEVBQWUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUUs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VCxZQUFZO3VCQUFDLG9DQUFvQztnQkFLbEQsUUFBUTtzQkFEUCxTQUFTO3VCQUFDLFNBQVM7Z0JBaUJILGFBQWE7c0JBRDdCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yLCBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpbHRlclN0cmluZ3NQaXBlLCBOdWxsYWJsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL3V0aWxzJztcbmltcG9ydCB7XG4gICAgQmFyQ29tcG9uZW50LFxuICAgIEJhckVsZW1lbnREaXJlY3RpdmUsXG4gICAgQmFyTGVmdERpcmVjdGl2ZSxcbiAgICBCYXJSaWdodERpcmVjdGl2ZSxcbiAgICBCdXR0b25CYXJDb21wb25lbnRcbn0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2Jhcic7XG5pbXBvcnQgeyBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2RpYWxvZyc7XG5pbXBvcnQgeyBMaXN0Q29tcG9uZW50LCBMaXN0SXRlbUNvbXBvbmVudCwgTGlzdExpbmtEaXJlY3RpdmUsIExpc3RUaXRsZURpcmVjdGl2ZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9saXN0JztcbmltcG9ydCB7XG4gICAgUG9wb3ZlckJvZHlDb21wb25lbnQsXG4gICAgUG9wb3ZlckJvZHlGb290ZXJEaXJlY3RpdmUsXG4gICAgUG9wb3ZlckJvZHlIZWFkZXJEaXJlY3RpdmUsXG4gICAgUG9wb3ZlckNvbXBvbmVudCxcbiAgICBQb3BvdmVyQ29udHJvbENvbXBvbmVudCxcbiAgICBUcmlnZ2VyQ29uZmlnXG59IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9wb3BvdmVyJztcbmltcG9ydCB7IEhlYWRlclNpemVzLCBUaXRsZUNvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS90aXRsZSc7XG5pbXBvcnQgeyBGZFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2kxOG4nO1xuaW1wb3J0IHsgTWVudUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvcGxhdGZvcm0vbWVudS1idXR0b24nO1xuaW1wb3J0IHsgU2VhcmNoRmllbGRDb21wb25lbnQsIFNlYXJjaElucHV0IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9wbGF0Zm9ybS9zZWFyY2gtZmllbGQnO1xuaW1wb3J0IGVxdWFsIGZyb20gJ2Zhc3QtZGVlcC1lcXVhbCc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IE1hbmFnZVZhcmlhbnRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL21hbmFnZS12YXJpYW50LWl0ZW0vbWFuYWdlLXZhcmlhbnQtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWFuYWdlVmFyaWFudHNEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbWFuYWdlLXZhcmlhbnRzLWRpYWxvZy9tYW5hZ2UtdmFyaWFudHMtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBWYXJpYW50TWFuYWdlbWVudERpcnR5TGFiZWxEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvdmFyaWFudC1tYW5hZ2VtZW50LWRpcnR5LWxhYmVsLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTYXZlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vbW9kZWxzL3NhdmUtZGlhbG9nLm1vZGVsJztcbmltcG9ydCB7IFZhcmlhbnRNYW5hZ2VtZW50IH0gZnJvbSAnLi9tb2RlbHMvdmFyaWFudC1tYW5hZ2VtZW50JztcbmltcG9ydCB7IE5ld1ZhcmlhbnQsIFZhcmlhbnQgfSBmcm9tICcuL21vZGVscy92YXJpYW50LmludGVyZmFjZSc7XG5pbXBvcnQgeyBGRFBfVkFSSUFOVF9NQU5BR0VNRU5UIH0gZnJvbSAnLi90b2tlbnMnO1xuaW1wb3J0IHsgVmFyaWFudEl0ZW0gfSBmcm9tICcuL3ZhcmlhbnQtaXRlbS5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmRwLXZhcmlhbnQtbWFuYWdlbWVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3ZhcmlhbnQtbWFuYWdlbWVudC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdmFyaWFudC1tYW5hZ2VtZW50LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogRkRQX1ZBUklBTlRfTUFOQUdFTUVOVCxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBWYXJpYW50TWFuYWdlbWVudENvbXBvbmVudFxuICAgICAgICB9XG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgTmdJZixcbiAgICAgICAgUG9wb3ZlckNvbXBvbmVudCxcbiAgICAgICAgUG9wb3ZlckNvbnRyb2xDb21wb25lbnQsXG4gICAgICAgIFRpdGxlQ29tcG9uZW50LFxuICAgICAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgICAgICBNZW51QnV0dG9uQ29tcG9uZW50LFxuICAgICAgICBQb3BvdmVyQm9keUNvbXBvbmVudCxcbiAgICAgICAgUG9wb3ZlckJvZHlIZWFkZXJEaXJlY3RpdmUsXG4gICAgICAgIEJhckNvbXBvbmVudCxcbiAgICAgICAgQmFyTGVmdERpcmVjdGl2ZSxcbiAgICAgICAgQmFyRWxlbWVudERpcmVjdGl2ZSxcbiAgICAgICAgU2VhcmNoRmllbGRDb21wb25lbnQsXG4gICAgICAgIExpc3RDb21wb25lbnQsXG4gICAgICAgIE5nRm9yLFxuICAgICAgICBMaXN0SXRlbUNvbXBvbmVudCxcbiAgICAgICAgTGlzdExpbmtEaXJlY3RpdmUsXG4gICAgICAgIExpc3RUaXRsZURpcmVjdGl2ZSxcbiAgICAgICAgUG9wb3ZlckJvZHlGb290ZXJEaXJlY3RpdmUsXG4gICAgICAgIEJhclJpZ2h0RGlyZWN0aXZlLFxuICAgICAgICBCdXR0b25CYXJDb21wb25lbnQsXG4gICAgICAgIEZkVHJhbnNsYXRlUGlwZSxcbiAgICAgICAgRmlsdGVyU3RyaW5nc1BpcGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFZhcmlhbnRNYW5hZ2VtZW50Q29tcG9uZW50PFQgPSBhbnk+IGltcGxlbWVudHMgVmFyaWFudE1hbmFnZW1lbnQ8VD4ge1xuICAgIC8qKiBJbml0aWFsIHZhcmlhbnRzIGFycmF5LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHZhcmlhbnRzKGl0ZW1zOiBWYXJpYW50PFQ+W10pIHtcbiAgICAgICAgdGhpcy5fdmFyaWFudHMgPSB0aGlzLl90cmFuc2Zvcm1WYXJpYW50cyhpdGVtcyk7XG5cbiAgICAgICAgbGV0IGN1cnJlbnRWYXJpYW50SW5kZXggPSB0aGlzLl92YXJpYW50cy5maW5kSW5kZXgoKHZhcmlhbnQpID0+IHZhcmlhbnQuaXNEZWZhdWx0KTtcbiAgICAgICAgY3VycmVudFZhcmlhbnRJbmRleCA9IGN1cnJlbnRWYXJpYW50SW5kZXggPiAtMSA/IGN1cnJlbnRWYXJpYW50SW5kZXggOiAwO1xuICAgICAgICBjb25zdCBjdXJyZW50VmFyaWFudCA9IHRoaXMuX3ZhcmlhbnRzW2N1cnJlbnRWYXJpYW50SW5kZXhdO1xuICAgICAgICB0aGlzLnNlbGVjdFZhcmlhbnQoY3VycmVudFZhcmlhbnQgYXMgVmFyaWFudEl0ZW0pO1xuICAgIH1cblxuICAgIC8qKiBIZWFkZXIgc2l6ZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGhlYWRlclNpemU6IEhlYWRlclNpemVzID0gNDtcblxuICAgIC8qKiBQb3BvdmVyIHRyaWdnZXIgZXZlbnRzLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgcG9wb3ZlclRyaWdnZXJzOiAoc3RyaW5nIHwgVHJpZ2dlckNvbmZpZylbXSA9IFtcbiAgICAgICAgeyB0cmlnZ2VyOiAnY2xpY2snLCBzdG9wUHJvcGFnYXRpb246IHRydWUsIGNsb3NlQWN0aW9uOiB0cnVlLCBvcGVuQWN0aW9uOiB0cnVlIH1cbiAgICBdO1xuXG4gICAgLyoqIFVzZXIncyBuYW1lIHdoaWNoIHdpbGwgYmUgYXBwbGllZCB0byBhbGwgbmV3IHZhcmlhbnRzIHVzZXIgY3JlYXRlcy4gKi9cbiAgICBASW5wdXQoKVxuICAgIHVzZXJOYW1lOiBzdHJpbmc7XG5cbiAgICAvKiogV2hldGhlciB0byBkaXNwbGF5IHNlYXJjaCBmaWVsZCBmb3IgdmFyaWFudHMgbGlzdC4gKi9cbiAgICBASW5wdXQoKVxuICAgIGRpc3BsYXlTZWFyY2ggPSBmYWxzZTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gdmFyaWFudHMgZGF0YSBoYXMgYmVlbiB1cGRhdGVkLiAqL1xuICAgIEBPdXRwdXQoKVxuICAgIHZhcmlhbnRzQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxWYXJpYW50PFQ+W10+KCk7XG5cbiAgICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIG5ldyB2YXJpYW50IHNlbGVjdGVkLiAqL1xuICAgIEBPdXRwdXQoKVxuICAgIGFjdGl2ZVZhcmlhbnRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFZhcmlhbnQ8VD4+KCk7XG5cbiAgICAvKipcbiAgICAgKiBVc2VkIGludGVybmFsbHkgZm9yIGNvbW11bmljYXRpbmcgd2l0aCB3cmFwcGVyIGNvbXBvbmVudC5cbiAgICAgKi9cbiAgICBhY3RpdmVWYXJpYW50Q2hhbmdlU3ViamVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8VmFyaWFudDxUPiB8IG51bGw+KG51bGwpO1xuXG4gICAgLyoqXG4gICAgICogQ3VzdG9tIGRpcnR5IGxhYmVsIGRpcmVjdGl2ZS5cbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkKFZhcmlhbnRNYW5hZ2VtZW50RGlydHlMYWJlbERpcmVjdGl2ZSlcbiAgICBkaXJ0eUxhYmVsOiBWYXJpYW50TWFuYWdlbWVudERpcnR5TGFiZWxEaXJlY3RpdmU7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBWaWV3Q2hpbGQoJ3BvcG92ZXInKVxuICAgIF9wb3BvdmVyOiBQb3BvdmVyQ29tcG9uZW50O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfdmFyaWFudENoYW5nZWQgPSBmYWxzZTtcblxuICAgIC8qKiBTZWxlY3RlZCB2YXJpYW50LiAqL1xuICAgIGFjdGl2ZVZhcmlhbnQhOiBWYXJpYW50SXRlbTxUPjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX3ZhcmlhbnRzOiBWYXJpYW50SXRlbTxUPltdID0gW107XG5cbiAgICAvKiogQEhpZGRlbiAqL1xuICAgIF9maWx0ZXJQaHJhc2U6IE51bGxhYmxlPHN0cmluZz4gPSBudWxsO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9pbml0aWFsQ2xhc3MgPSAnZmQtdmFyaWFudC1tYW5hZ2VtZW50JztcblxuICAgIC8qKiBASGlkZGVuICovXG4gICAgcHJpdmF0ZSBfb3JpZ2luYWxBY3RpdmVWYXJpYW50OiBWYXJpYW50SXRlbTxUPjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBfZGlhbG9nU2VydmljZTogRGlhbG9nU2VydmljZSwgcHJpdmF0ZSByZWFkb25seSBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIC8qKlxuICAgICAqIE1hbnVhbGx5IHNlbGVjdCB2YXJpYW50LlxuICAgICAqIEBwYXJhbSB2YXJpYW50IFZhcmlhbnQgdG8gc2VsZWN0LlxuICAgICAqL1xuICAgIHNlbGVjdFZhcmlhbnQodmFyaWFudDogVmFyaWFudEl0ZW08VD4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fdmFyaWFudENoYW5nZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5hY3RpdmVWYXJpYW50ID0gdmFyaWFudDtcbiAgICAgICAgdGhpcy5fb3JpZ2luYWxBY3RpdmVWYXJpYW50ID0gdmFyaWFudC5jbG9uZSh7fSwgZmFsc2UpO1xuICAgICAgICB0aGlzLmFjdGl2ZVZhcmlhbnRDaGFuZ2UuZW1pdCh2YXJpYW50KTtcbiAgICAgICAgdGhpcy5hY3RpdmVWYXJpYW50Q2hhbmdlU3ViamVjdC5uZXh0KHZhcmlhbnQpO1xuICAgIH1cblxuICAgIC8qKiBSZXR1cm5zIG9yaWdpbmFsIHZhcmlhbnQgZGF0YS4gKi9cbiAgICBnZXRPcmlnaW5hbEFjdGl2ZVZhcmlhbnREYXRhKCk6IFZhcmlhbnQ8VD5bJ2RhdGEnXSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9vcmlnaW5hbEFjdGl2ZVZhcmlhbnQuZGF0YTtcbiAgICB9XG5cbiAgICAvKiogUmV0dXJucyBjdXJyZW50IGFjdGl2ZSB2YXJpYW50IGRhdGEgd2l0aCBhcHBsaWVkIGNoYW5nZXMuICovXG4gICAgZ2V0QWN0aXZlVmFyaWFudERhdGEoKTogVmFyaWFudDxUPlsnZGF0YSddIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWN0aXZlVmFyaWFudC5kYXRhO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNhdmVzIGN1cnJlbnQgdmFyaWFudCB3aXRoIGl0cyBjb25maWd1cmF0aW9uLlxuICAgICAqL1xuICAgIHNhdmVDdXJyZW50VmFyaWFudCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgY3VycmVudFZhcmlhbnRJbmRleCA9IHRoaXMuX3ZhcmlhbnRzLmZpbmRJbmRleCgodmFyaWFudCkgPT4gdmFyaWFudC5pZCA9PT0gdGhpcy5hY3RpdmVWYXJpYW50LmlkKTtcbiAgICAgICAgdGhpcy5fdmFyaWFudHNbY3VycmVudFZhcmlhbnRJbmRleF0gPSB0aGlzLmFjdGl2ZVZhcmlhbnQ7XG4gICAgICAgIHRoaXMuX29yaWdpbmFsQWN0aXZlVmFyaWFudCA9IHRoaXMuYWN0aXZlVmFyaWFudC5jbG9uZSh7fSwgZmFsc2UpO1xuICAgICAgICB0aGlzLl92YXJpYW50Q2hhbmdlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLnZhcmlhbnRzQ2hhbmdlLmVtaXQodGhpcy5fdmFyaWFudHMpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29wZW5TYXZlRGlhbG9nKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9wb3BvdmVyPy5jbG9zZShmYWxzZSk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuX2RpYWxvZ1NlcnZpY2Uub3BlbjxTYXZlRGlhbG9nQ29udGV4dD4oTWFuYWdlVmFyaWFudEl0ZW1Db21wb25lbnQsIHtcbiAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICBleGlzdGluZ1ZhcmlhbnROYW1lczogdGhpcy5fdmFyaWFudHMubWFwKCh2YXJpYW50KSA9PiB2YXJpYW50Lm5hbWUpLFxuICAgICAgICAgICAgICAgIGN1cnJlbnRWYXJpYW50TmFtZTogdGhpcy5hY3RpdmVWYXJpYW50Lm5hbWVcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZC5zdWJzY3JpYmUoe1xuICAgICAgICAgICAgbmV4dDogKHJlc3VsdDogTmV3VmFyaWFudCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IG5ld1ZhcmlhbnQgPSB0aGlzLmFjdGl2ZVZhcmlhbnQuY2xvbmUoeyAuLi5yZXN1bHQsIC4uLnsgY3JlYXRlZEJ5OiB0aGlzLnVzZXJOYW1lIH0gfSk7XG4gICAgICAgICAgICAgICAgdGhpcy5fdmFyaWFudHMucHVzaChuZXdWYXJpYW50KTtcbiAgICAgICAgICAgICAgICB0aGlzLnZhcmlhbnRzQ2hhbmdlLmVtaXQodGhpcy5fdmFyaWFudHMpO1xuICAgICAgICAgICAgICAgIHRoaXMuYWN0aXZlVmFyaWFudCA9IG5ld1ZhcmlhbnQ7XG4gICAgICAgICAgICAgICAgdGhpcy5fdmFyaWFudENoYW5nZWQgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGVycm9yOiAoKSA9PiB7fVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBVcGRhdGVzIGN1cnJlbnQgYWN0aXZlIHByZXNldCB3aXRoIG5ldyBjb25maWd1cmF0aW9uLlxuICAgICAqIEBwYXJhbSBwcmVzZXQgUHJlc2V0IGNvbmZpZ3VyYXRpb24uXG4gICAgICogQHBhcmFtIGNvbXBvbmVudE5hbWUgY29tcG9uZW50IHRvIHdoaWNoIHRoaXMgcHJlc2V0IGJlbG9uZ3MgdG8uXG4gICAgICovXG4gICAgdXBkYXRlQWN0aXZlUHJlc2V0KHByZXNldDogVCwgY29tcG9uZW50TmFtZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGFjdGl2ZVZhcmlhbnREYXRhID0gdGhpcy5fb3JpZ2luYWxBY3RpdmVWYXJpYW50LmRhdGFbY29tcG9uZW50TmFtZV07XG4gICAgICAgIHRoaXMuX3ZhcmlhbnRDaGFuZ2VkID0gYWN0aXZlVmFyaWFudERhdGEgJiYgIWVxdWFsKHByZXNldCwgYWN0aXZlVmFyaWFudERhdGEpO1xuICAgICAgICB0aGlzLmFjdGl2ZVZhcmlhbnQuZGF0YVtjb21wb25lbnROYW1lXSA9IHByZXNldDtcbiAgICAgICAgdGhpcy5fY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9vcGVuTWFuYWdlRGlhbG9nKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9wb3BvdmVyPy5jbG9zZShmYWxzZSk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuX2RpYWxvZ1NlcnZpY2Uub3BlbjxWYXJpYW50SXRlbVtdPihNYW5hZ2VWYXJpYW50c0RpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgICAgICAgZGF0YTogdGhpcy5fdmFyaWFudHNcbiAgICAgICAgfSk7XG5cbiAgICAgICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkLnN1YnNjcmliZSh7XG4gICAgICAgICAgICBuZXh0OiAodmFyaWFudHM6IFZhcmlhbnRJdGVtW10pID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLl92YXJpYW50cyA9IHZhcmlhbnRzO1xuICAgICAgICAgICAgICAgIHRoaXMudmFyaWFudHNDaGFuZ2UuZW1pdCh0aGlzLl92YXJpYW50cyk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgZXJyb3I6ICgpID0+IHt9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29uU2VhcmNoU3VibWl0KHNlYXJjaDogU2VhcmNoSW5wdXQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZmlsdGVyUGhyYXNlID0gc2VhcmNoLnRleHQ7XG4gICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfY2FuY2VsU2VhcmNoKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9maWx0ZXJQaHJhc2UgPSBudWxsO1xuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIC8qKiBASGlkZGVuICovXG4gICAgX3RyYWNrRm4oaW5kZXg6IG51bWJlciwgaXRlbTogVmFyaWFudEl0ZW08VD4pOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gaXRlbS5pZDtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3RyYW5zZm9ybVZhcmlhbnRzKGl0ZW1zOiBWYXJpYW50PFQ+W10pOiBWYXJpYW50SXRlbVtdIHtcbiAgICAgICAgcmV0dXJuIGl0ZW1zLm1hcCgodmFyaWFudCkgPT4gbmV3IFZhcmlhbnRJdGVtKHZhcmlhbnQpKTtcbiAgICB9XG59XG4iLCI8ZmQtcG9wb3ZlclxuICAgICNwb3BvdmVyXG4gICAgKm5nSWY9XCJhY3RpdmVWYXJpYW50XCJcbiAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgIFtub0Fycm93XT1cImZhbHNlXCJcbiAgICBbZm9jdXNBdXRvQ2FwdHVyZV09XCJ0cnVlXCJcbiAgICBbZm9jdXNUcmFwcGVkXT1cInRydWVcIlxuICAgIGFkZGl0aW9uYWxCb2R5Q2xhc3M9XCJmZC12YXJpYW50LW1hbmFnZW1lbnRfX3BvcG92ZXItYm9keVwiXG4gICAgW3RyaWdnZXJzXT1cInBvcG92ZXJUcmlnZ2Vyc1wiXG4+XG4gICAgPGZkLXBvcG92ZXItY29udHJvbD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLXZhcmlhbnQtbWFuYWdlbWVudF9faGVhZGVyXCI+XG4gICAgICAgICAgICA8aDQgZmQtdGl0bGUgY2xhc3M9XCJmZC12YXJpYW50LW1hbmFnZW1lbnRfX3RpdGxlXCIgW2hlYWRlclNpemVdPVwiaGVhZGVyU2l6ZVwiPlxuICAgICAgICAgICAgICAgIHt7IGFjdGl2ZVZhcmlhbnQubmFtZSB9fVxuICAgICAgICAgICAgPC9oND5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJfdmFyaWFudENoYW5nZWRcIj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZkLXZhcmlhbnQtbWFuYWdlbWVudF9fZGlydHktaW5kaWNhdG9yXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmZkLXZhcmlhbnQtbWFuYWdlbWVudF9fZGlydHktaW5kaWNhdG9yLS1jdXN0b21dPVwiISFkaXJ0eUxhYmVsXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdERpcnR5SW5kaWNhdG9yPio8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGlydHlMYWJlbCA/IGRpcnR5TGFiZWwudGVtcGxhdGVSZWYgOiBkZWZhdWx0RGlydHlJbmRpY2F0b3JcIlxuICAgICAgICAgICAgICAgICAgICA+PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxmZHAtbWVudS1idXR0b24gdHlwZT1cInRyYW5zcGFyZW50XCI+IDwvZmRwLW1lbnUtYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2ZkLXBvcG92ZXItY29udHJvbD5cbiAgICA8ZmQtcG9wb3Zlci1ib2R5PlxuICAgICAgICA8ZGl2IGZkLXBvcG92ZXItYm9keS1oZWFkZXI+XG4gICAgICAgICAgICA8ZGl2IGZkLWJhciBbYmFyRGVzaWduXT1cImRpc3BsYXlTZWFyY2ggPyAnaGVhZGVyLXdpdGgtc3ViaGVhZGVyJyA6ICdoZWFkZXInXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBmZC1iYXItbGVmdD5cbiAgICAgICAgICAgICAgICAgICAgPGZkLWJhci1lbGVtZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGg1IGZkLXRpdGxlPnt7ICdwbGF0Zm9ybVZhcmlhbnRNYW5hZ2VtZW50Lm15Vmlld3MnIHwgZmRUcmFuc2xhdGUgfX08L2g1PlxuICAgICAgICAgICAgICAgICAgICA8L2ZkLWJhci1lbGVtZW50PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGZkLWJhciBiYXJEZXNpZ249XCJoZWFkZXJcIiAqbmdJZj1cImRpc3BsYXlTZWFyY2hcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZkLWJhci1sZWZ0PlxuICAgICAgICAgICAgICAgICAgICA8ZmQtYmFyLWVsZW1lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmRwLXNlYXJjaC1maWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCIncGxhdGZvcm1WYXJpYW50TWFuYWdlbWVudC5zZWFyY2gnIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChzZWFyY2hTdWJtaXQpPVwiX29uU2VhcmNoU3VibWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjYW5jZWxTZWFyY2gpPVwiX2NhbmNlbFNlYXJjaCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZVJlZnJlc2hdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC9mZHAtc2VhcmNoLWZpZWxkPlxuICAgICAgICAgICAgICAgICAgICA8L2ZkLWJhci1lbGVtZW50PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8dWwgZmQtbGlzdD5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJcbiAgICAgICAgICAgICAgICAgICAgbGV0IHZhcmlhbnQgb2YgX3ZhcmlhbnRzIHwgZmRGaWx0ZXJTdHJpbmdzIDogeyBzZWFyY2hUZXJtOiBfZmlsdGVyUGhyYXNlLCBrZXk6ICduYW1lJyB9O1xuICAgICAgICAgICAgICAgICAgICB0cmFja0J5OiBfdHJhY2tGblxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGxpIGZkLWxpc3QtaXRlbSAoY2xpY2spPVwic2VsZWN0VmFyaWFudCh2YXJpYW50KVwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBmZC1saXN0LWxpbms+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBmZC1saXN0LXRpdGxlPnt7IHZhcmlhbnQubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC91bD5cbiAgICAgICAgPGRpdiBmZC1wb3BvdmVyLWJvZHktZm9vdGVyPlxuICAgICAgICAgICAgPGRpdiBmZC1iYXIgYmFyRGVzaWduPVwiZm9vdGVyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBmZC1iYXItcmlnaHQ+XG4gICAgICAgICAgICAgICAgICAgIDxmZC1idXR0b24tYmFyXG4gICAgICAgICAgICAgICAgICAgICAgICBmZFR5cGU9XCJlbXBoYXNpemVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCIncGxhdGZvcm1WYXJpYW50TWFuYWdlbWVudC5zYXZlJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWFjdGl2ZVZhcmlhbnQucmVhZG9ubHkgJiYgX3ZhcmlhbnRDaGFuZ2VkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzYXZlQ3VycmVudFZhcmlhbnQoKVwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPC9mZC1idXR0b24tYmFyPlxuICAgICAgICAgICAgICAgICAgICA8ZmQtYnV0dG9uLWJhclxuICAgICAgICAgICAgICAgICAgICAgICAgW2ZkVHlwZV09XCJhY3RpdmVWYXJpYW50LnJlYWRvbmx5IHx8ICFfdmFyaWFudENoYW5nZWQgPyAnZW1waGFzaXplZCcgOiAndHJhbnNwYXJlbnQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCIncGxhdGZvcm1WYXJpYW50TWFuYWdlbWVudC5zYXZlQXMnIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIl9vcGVuU2F2ZURpYWxvZygpXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvZmQtYnV0dG9uLWJhcj5cbiAgICAgICAgICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCIncGxhdGZvcm1WYXJpYW50TWFuYWdlbWVudC5tYW5hZ2UnIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIl9vcGVuTWFuYWdlRGlhbG9nKClcIlxuICAgICAgICAgICAgICAgICAgICA+PC9mZC1idXR0b24tYmFyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZmQtcG9wb3Zlci1ib2R5PlxuPC9mZC1wb3BvdmVyPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFyaWFudC1tYW5hZ2VtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vc3JjL2xpYi92YXJpYW50LW1hbmFnZW1lbnQvdmFyaWFudC1tYW5hZ2VtZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vc3JjL2xpYi92YXJpYW50LW1hbmFnZW1lbnQvdmFyaWFudC1tYW5hZ2VtZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEUsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQVksTUFBTSw0QkFBNEIsQ0FBQztBQUN6RSxPQUFPLEVBQ0gsWUFBWSxFQUNaLG1CQUFtQixFQUNuQixnQkFBZ0IsRUFDaEIsaUJBQWlCLEVBQ2pCLGtCQUFrQixFQUNyQixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDckgsT0FBTyxFQUNILG9CQUFvQixFQUNwQiwwQkFBMEIsRUFDMUIsMEJBQTBCLEVBQzFCLGdCQUFnQixFQUNoQix1QkFBdUIsRUFFMUIsTUFBTSwrQkFBK0IsQ0FBQztBQUN2QyxPQUFPLEVBQWUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUUs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VCxZQUFZO3VCQUFDLG9DQUFvQztnQkFLbEQsUUFBUTtzQkFEUCxTQUFTO3VCQUFDLFNBQVM7Z0JBaUJILGFBQWE7c0JBRDdCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yLCBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpbHRlclN0cmluZ3NQaXBlLCBOdWxsYWJsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL3V0aWxzJztcbmltcG9ydCB7XG4gICAgQmFyQ29tcG9uZW50LFxuICAgIEJhckVsZW1lbnREaXJlY3RpdmUsXG4gICAgQmFyTGVmdERpcmVjdGl2ZSxcbiAgICBCYXJSaWdodERpcmVjdGl2ZSxcbiAgICBCdXR0b25CYXJDb21wb25lbnRcbn0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2Jhcic7XG5pbXBvcnQgeyBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2RpYWxvZyc7XG5pbXBvcnQgeyBMaXN0Q29tcG9uZW50LCBMaXN0SXRlbUNvbXBvbmVudCwgTGlzdExpbmtEaXJlY3RpdmUsIExpc3RUaXRsZURpcmVjdGl2ZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9saXN0JztcbmltcG9ydCB7XG4gICAgUG9wb3ZlckJvZHlDb21wb25lbnQsXG4gICAgUG9wb3ZlckJvZHlGb290ZXJEaXJlY3RpdmUsXG4gICAgUG9wb3ZlckJvZHlIZWFkZXJEaXJlY3RpdmUsXG4gICAgUG9wb3ZlckNvbXBvbmVudCxcbiAgICBQb3BvdmVyQ29udHJvbENvbXBvbmVudCxcbiAgICBUcmlnZ2VyQ29uZmlnXG59IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9wb3BvdmVyJztcbmltcG9ydCB7IEhlYWRlclNpemVzLCBUaXRsZUNvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS90aXRsZSc7XG5pbXBvcnQgeyBGZFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2kxOG4nO1xuaW1wb3J0IHsgTWVudUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvcGxhdGZvcm0vbWVudS1idXR0b24nO1xuaW1wb3J0IHsgU2VhcmNoRmllbGRDb21wb25lbnQsIFNlYXJjaElucHV0IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9wbGF0Zm9ybS9zZWFyY2gtZmllbGQnO1xuaW1wb3J0IGVxdWFsIGZyb20gJ2Zhc3QtZGVlcC1lcXVhbCc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IE1hbmFnZVZhcmlhbnRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL21hbmFnZS12YXJpYW50LWl0ZW0vbWFuYWdlLXZhcmlhbnQtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWFuYWdlVmFyaWFudHNEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbWFuYWdlLXZhcmlhbnRzLWRpYWxvZy9tYW5hZ2UtdmFyaWFudHMtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBWYXJpYW50TWFuYWdlbWVudERpcnR5TGFiZWxEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvdmFyaWFudC1tYW5hZ2VtZW50LWRpcnR5LWxhYmVsLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTYXZlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vbW9kZWxzL3NhdmUtZGlhbG9nLm1vZGVsJztcbmltcG9ydCB7IFZhcmlhbnRNYW5hZ2VtZW50IH0gZnJvbSAnLi9tb2RlbHMvdmFyaWFudC1tYW5hZ2VtZW50JztcbmltcG9ydCB7IE5ld1ZhcmlhbnQsIFZhcmlhbnQgfSBmcm9tICcuL21vZGVscy92YXJpYW50LmludGVyZmFjZSc7XG5pbXBvcnQgeyBGRFBfVkFSSUFOVF9NQU5BR0VNRU5UIH0gZnJvbSAnLi90b2tlbnMnO1xuaW1wb3J0IHsgVmFyaWFudEl0ZW0gfSBmcm9tICcuL3ZhcmlhbnQtaXRlbS5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmRwLXZhcmlhbnQtbWFuYWdlbWVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3ZhcmlhbnQtbWFuYWdlbWVudC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdmFyaWFudC1tYW5hZ2VtZW50LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogRkRQX1ZBUklBTlRfTUFOQUdFTUVOVCxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBWYXJpYW50TWFuYWdlbWVudENvbXBvbmVudFxuICAgICAgICB9XG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgTmdJZixcbiAgICAgICAgUG9wb3ZlckNvbXBvbmVudCxcbiAgICAgICAgUG9wb3ZlckNvbnRyb2xDb21wb25lbnQsXG4gICAgICAgIFRpdGxlQ29tcG9uZW50LFxuICAgICAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgICAgICBNZW51QnV0dG9uQ29tcG9uZW50LFxuICAgICAgICBQb3BvdmVyQm9keUNvbXBvbmVudCxcbiAgICAgICAgUG9wb3ZlckJvZHlIZWFkZXJEaXJlY3RpdmUsXG4gICAgICAgIEJhckNvbXBvbmVudCxcbiAgICAgICAgQmFyTGVmdERpcmVjdGl2ZSxcbiAgICAgICAgQmFyRWxlbWVudERpcmVjdGl2ZSxcbiAgICAgICAgU2VhcmNoRmllbGRDb21wb25lbnQsXG4gICAgICAgIExpc3RDb21wb25lbnQsXG4gICAgICAgIE5nRm9yLFxuICAgICAgICBMaXN0SXRlbUNvbXBvbmVudCxcbiAgICAgICAgTGlzdExpbmtEaXJlY3RpdmUsXG4gICAgICAgIExpc3RUaXRsZURpcmVjdGl2ZSxcbiAgICAgICAgUG9wb3ZlckJvZHlGb290ZXJEaXJlY3RpdmUsXG4gICAgICAgIEJhclJpZ2h0RGlyZWN0aXZlLFxuICAgICAgICBCdXR0b25CYXJDb21wb25lbnQsXG4gICAgICAgIEZkVHJhbnNsYXRlUGlwZSxcbiAgICAgICAgRmlsdGVyU3RyaW5nc1BpcGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFZhcmlhbnRNYW5hZ2VtZW50Q29tcG9uZW50PFQgPSBhbnk+IGltcGxlbWVudHMgVmFyaWFudE1hbmFnZW1lbnQ8VD4ge1xuICAgIC8qKiBJbml0aWFsIHZhcmlhbnRzIGFycmF5LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHZhcmlhbnRzKGl0ZW1zOiBWYXJpYW50PFQ+W10pIHtcbiAgICAgICAgdGhpcy5fdmFyaWFudHMgPSB0aGlzLl90cmFuc2Zvcm1WYXJpYW50cyhpdGVtcyk7XG5cbiAgICAgICAgbGV0IGN1cnJlbnRWYXJpYW50SW5kZXggPSB0aGlzLl92YXJpYW50cy5maW5kSW5kZXgoKHZhcmlhbnQpID0+IHZhcmlhbnQuaXNEZWZhdWx0KTtcbiAgICAgICAgY3VycmVudFZhcmlhbnRJbmRleCA9IGN1cnJlbnRWYXJpYW50SW5kZXggPiAtMSA/IGN1cnJlbnRWYXJpYW50SW5kZXggOiAwO1xuICAgICAgICBjb25zdCBjdXJyZW50VmFyaWFudCA9IHRoaXMuX3ZhcmlhbnRzW2N1cnJlbnRWYXJpYW50SW5kZXhdO1xuICAgICAgICB0aGlzLnNlbGVjdFZhcmlhbnQoY3VycmVudFZhcmlhbnQgYXMgVmFyaWFudEl0ZW0pO1xuICAgIH1cblxuICAgIC8qKiBIZWFkZXIgc2l6ZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGhlYWRlclNpemU6IEhlYWRlclNpemVzID0gNDtcblxuICAgIC8qKiBQb3BvdmVyIHRyaWdnZXIgZXZlbnRzLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgcG9wb3ZlclRyaWdnZXJzOiAoc3RyaW5nIHwgVHJpZ2dlckNvbmZpZylbXSA9IFtcbiAgICAgICAgeyB0cmlnZ2VyOiAnY2xpY2snLCBzdG9wUHJvcGFnYXRpb246IHRydWUsIGNsb3NlQWN0aW9uOiB0cnVlLCBvcGVuQWN0aW9uOiB0cnVlIH1cbiAgICBdO1xuXG4gICAgLyoqIFVzZXIncyBuYW1lIHdoaWNoIHdpbGwgYmUgYXBwbGllZCB0byBhbGwgbmV3IHZhcmlhbnRzIHVzZXIgY3JlYXRlcy4gKi9cbiAgICBASW5wdXQoKVxuICAgIHVzZXJOYW1lOiBzdHJpbmc7XG5cbiAgICAvKiogV2hldGhlciB0byBkaXNwbGF5IHNlYXJjaCBmaWVsZCBmb3IgdmFyaWFudHMgbGlzdC4gKi9cbiAgICBASW5wdXQoKVxuICAgIGRpc3BsYXlTZWFyY2ggPSBmYWxzZTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gdmFyaWFudHMgZGF0YSBoYXMgYmVlbiB1cGRhdGVkLiAqL1xuICAgIEBPdXRwdXQoKVxuICAgIHZhcmlhbnRzQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxWYXJpYW50PFQ+W10+KCk7XG5cbiAgICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIG5ldyB2YXJpYW50IHNlbGVjdGVkLiAqL1xuICAgIEBPdXRwdXQoKVxuICAgIGFjdGl2ZVZhcmlhbnRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFZhcmlhbnQ8VD4+KCk7XG5cbiAgICAvKipcbiAgICAgKiBVc2VkIGludGVybmFsbHkgZm9yIGNvbW11bmljYXRpbmcgd2l0aCB3cmFwcGVyIGNvbXBvbmVudC5cbiAgICAgKi9cbiAgICBhY3RpdmVWYXJpYW50Q2hhbmdlU3ViamVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8VmFyaWFudDxUPiB8IG51bGw+KG51bGwpO1xuXG4gICAgLyoqXG4gICAgICogQ3VzdG9tIGRpcnR5IGxhYmVsIGRpcmVjdGl2ZS5cbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkKFZhcmlhbnRNYW5hZ2VtZW50RGlydHlMYWJlbERpcmVjdGl2ZSlcbiAgICBkaXJ0eUxhYmVsOiBWYXJpYW50TWFuYWdlbWVudERpcnR5TGFiZWxEaXJlY3RpdmU7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBWaWV3Q2hpbGQoJ3BvcG92ZXInKVxuICAgIF9wb3BvdmVyOiBQb3BvdmVyQ29tcG9uZW50O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfdmFyaWFudENoYW5nZWQgPSBmYWxzZTtcblxuICAgIC8qKiBTZWxlY3RlZCB2YXJpYW50LiAqL1xuICAgIGFjdGl2ZVZhcmlhbnQhOiBWYXJpYW50SXRlbTxUPjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX3ZhcmlhbnRzOiBWYXJpYW50SXRlbTxUPltdID0gW107XG5cbiAgICAvKiogQEhpZGRlbiAqL1xuICAgIF9maWx0ZXJQaHJhc2U6IE51bGxhYmxlPHN0cmluZz4gPSBudWxsO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9pbml0aWFsQ2xhc3MgPSAnZmQtdmFyaWFudC1tYW5hZ2VtZW50JztcblxuICAgIC8qKiBASGlkZGVuICovXG4gICAgcHJpdmF0ZSBfb3JpZ2luYWxBY3RpdmVWYXJpYW50OiBWYXJpYW50SXRlbTxUPjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBfZGlhbG9nU2VydmljZTogRGlhbG9nU2VydmljZSwgcHJpdmF0ZSByZWFkb25seSBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIC8qKlxuICAgICAqIE1hbnVhbGx5IHNlbGVjdCB2YXJpYW50LlxuICAgICAqIEBwYXJhbSB2YXJpYW50IFZhcmlhbnQgdG8gc2VsZWN0LlxuICAgICAqL1xuICAgIHNlbGVjdFZhcmlhbnQodmFyaWFudDogVmFyaWFudEl0ZW08VD4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fdmFyaWFudENoYW5nZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5hY3RpdmVWYXJpYW50ID0gdmFyaWFudDtcbiAgICAgICAgdGhpcy5fb3JpZ2luYWxBY3RpdmVWYXJpYW50ID0gdmFyaWFudC5jbG9uZSh7fSwgZmFsc2UpO1xuICAgICAgICB0aGlzLmFjdGl2ZVZhcmlhbnRDaGFuZ2UuZW1pdCh2YXJpYW50KTtcbiAgICAgICAgdGhpcy5hY3RpdmVWYXJpYW50Q2hhbmdlU3ViamVjdC5uZXh0KHZhcmlhbnQpO1xuICAgIH1cblxuICAgIC8qKiBSZXR1cm5zIG9yaWdpbmFsIHZhcmlhbnQgZGF0YS4gKi9cbiAgICBnZXRPcmlnaW5hbEFjdGl2ZVZhcmlhbnREYXRhKCk6IFZhcmlhbnQ8VD5bJ2RhdGEnXSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9vcmlnaW5hbEFjdGl2ZVZhcmlhbnQuZGF0YTtcbiAgICB9XG5cbiAgICAvKiogUmV0dXJucyBjdXJyZW50IGFjdGl2ZSB2YXJpYW50IGRhdGEgd2l0aCBhcHBsaWVkIGNoYW5nZXMuICovXG4gICAgZ2V0QWN0aXZlVmFyaWFudERhdGEoKTogVmFyaWFudDxUPlsnZGF0YSddIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWN0aXZlVmFyaWFudC5kYXRhO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNhdmVzIGN1cnJlbnQgdmFyaWFudCB3aXRoIGl0cyBjb25maWd1cmF0aW9uLlxuICAgICAqL1xuICAgIHNhdmVDdXJyZW50VmFyaWFudCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgY3VycmVudFZhcmlhbnRJbmRleCA9IHRoaXMuX3ZhcmlhbnRzLmZpbmRJbmRleCgodmFyaWFudCkgPT4gdmFyaWFudC5pZCA9PT0gdGhpcy5hY3RpdmVWYXJpYW50LmlkKTtcbiAgICAgICAgdGhpcy5fdmFyaWFudHNbY3VycmVudFZhcmlhbnRJbmRleF0gPSB0aGlzLmFjdGl2ZVZhcmlhbnQ7XG4gICAgICAgIHRoaXMuX29yaWdpbmFsQWN0aXZlVmFyaWFudCA9IHRoaXMuYWN0aXZlVmFyaWFudC5jbG9uZSh7fSwgZmFsc2UpO1xuICAgICAgICB0aGlzLl92YXJpYW50Q2hhbmdlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLnZhcmlhbnRzQ2hhbmdlLmVtaXQodGhpcy5fdmFyaWFudHMpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29wZW5TYXZlRGlhbG9nKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9wb3BvdmVyPy5jbG9zZShmYWxzZSk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuX2RpYWxvZ1NlcnZpY2Uub3BlbjxTYXZlRGlhbG9nQ29udGV4dD4oTWFuYWdlVmFyaWFudEl0ZW1Db21wb25lbnQsIHtcbiAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICBleGlzdGluZ1ZhcmlhbnROYW1lczogdGhpcy5fdmFyaWFudHMubWFwKCh2YXJpYW50KSA9PiB2YXJpYW50Lm5hbWUpLFxuICAgICAgICAgICAgICAgIGN1cnJlbnRWYXJpYW50TmFtZTogdGhpcy5hY3RpdmVWYXJpYW50Lm5hbWVcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZC5zdWJzY3JpYmUoe1xuICAgICAgICAgICAgbmV4dDogKHJlc3VsdDogTmV3VmFyaWFudCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IG5ld1ZhcmlhbnQgPSB0aGlzLmFjdGl2ZVZhcmlhbnQuY2xvbmUoeyAuLi5yZXN1bHQsIC4uLnsgY3JlYXRlZEJ5OiB0aGlzLnVzZXJOYW1lIH0gfSk7XG4gICAgICAgICAgICAgICAgdGhpcy5fdmFyaWFudHMucHVzaChuZXdWYXJpYW50KTtcbiAgICAgICAgICAgICAgICB0aGlzLnZhcmlhbnRzQ2hhbmdlLmVtaXQodGhpcy5fdmFyaWFudHMpO1xuICAgICAgICAgICAgICAgIHRoaXMuYWN0aXZlVmFyaWFudCA9IG5ld1ZhcmlhbnQ7XG4gICAgICAgICAgICAgICAgdGhpcy5fdmFyaWFudENoYW5nZWQgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGVycm9yOiAoKSA9PiB7fVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBVcGRhdGVzIGN1cnJlbnQgYWN0aXZlIHByZXNldCB3aXRoIG5ldyBjb25maWd1cmF0aW9uLlxuICAgICAqIEBwYXJhbSBwcmVzZXQgUHJlc2V0IGNvbmZpZ3VyYXRpb24uXG4gICAgICogQHBhcmFtIGNvbXBvbmVudE5hbWUgY29tcG9uZW50IHRvIHdoaWNoIHRoaXMgcHJlc2V0IGJlbG9uZ3MgdG8uXG4gICAgICovXG4gICAgdXBkYXRlQWN0aXZlUHJlc2V0KHByZXNldDogVCwgY29tcG9uZW50TmFtZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGFjdGl2ZVZhcmlhbnREYXRhID0gdGhpcy5fb3JpZ2luYWxBY3RpdmVWYXJpYW50LmRhdGFbY29tcG9uZW50TmFtZV07XG4gICAgICAgIHRoaXMuX3ZhcmlhbnRDaGFuZ2VkID0gYWN0aXZlVmFyaWFudERhdGEgJiYgIWVxdWFsKHByZXNldCwgYWN0aXZlVmFyaWFudERhdGEpO1xuICAgICAgICB0aGlzLmFjdGl2ZVZhcmlhbnQuZGF0YVtjb21wb25lbnROYW1lXSA9IHByZXNldDtcbiAgICAgICAgdGhpcy5fY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9vcGVuTWFuYWdlRGlhbG9nKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9wb3BvdmVyPy5jbG9zZShmYWxzZSk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuX2RpYWxvZ1NlcnZpY2Uub3BlbjxWYXJpYW50SXRlbVtdPihNYW5hZ2VWYXJpYW50c0RpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgICAgICAgZGF0YTogdGhpcy5fdmFyaWFudHNcbiAgICAgICAgfSk7XG5cbiAgICAgICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkLnN1YnNjcmliZSh7XG4gICAgICAgICAgICBuZXh0OiAodmFyaWFudHM6IFZhcmlhbnRJdGVtW10pID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLl92YXJpYW50cyA9IHZhcmlhbnRzO1xuICAgICAgICAgICAgICAgIHRoaXMudmFyaWFudHNDaGFuZ2UuZW1pdCh0aGlzLl92YXJpYW50cyk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgZXJyb3I6ICgpID0+IHt9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29uU2VhcmNoU3VibWl0KHNlYXJjaDogU2VhcmNoSW5wdXQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZmlsdGVyUGhyYXNlID0gc2VhcmNoLnRleHQ7XG4gICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfY2FuY2VsU2VhcmNoKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9maWx0ZXJQaHJhc2UgPSBudWxsO1xuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIC8qKiBASGlkZGVuICovXG4gICAgX3RyYWNrRm4oaW5kZXg6IG51bWJlciwgaXRlbTogVmFyaWFudEl0ZW08VD4pOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gaXRlbS5pZDtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3RyYW5zZm9ybVZhcmlhbnRzKGl0ZW1zOiBWYXJpYW50PFQ+W10pOiBWYXJpYW50SXRlbVtdIHtcbiAgICAgICAgcmV0dXJuIGl0ZW1zLm1hcCgodmFyaWFudCkgPT4gbmV3IFZhcmlhbnRJdGVtKHZhcmlhbnQpKTtcbiAgICB9XG59XG4iLCI8ZmQtcG9wb3ZlclxuICAgICNwb3BvdmVyXG4gICAgKm5nSWY9XCJhY3RpdmVWYXJpYW50XCJcbiAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgIFtub0Fycm93XT1cImZhbHNlXCJcbiAgICBbZm9jdXNBdXRvQ2FwdHVyZV09XCJ0cnVlXCJcbiAgICBbZm9jdXNUcmFwcGVkXT1cInRydWVcIlxuICAgIGFkZGl0aW9uYWxCb2R5Q2xhc3M9XCJmZC12YXJpYW50LW1hbmFnZW1lbnRfX3BvcG92ZXItYm9keVwiXG4gICAgW3RyaWdnZXJzXT1cInBvcG92ZXJUcmlnZ2Vyc1wiXG4+XG4gICAgPGZkLXBvcG92ZXItY29udHJvbD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLXZhcmlhbnQtbWFuYWdlbWVudF9faGVhZGVyXCI+XG4gICAgICAgICAgICA8aDQgZmQtdGl0bGUgY2xhc3M9XCJmZC12YXJpYW50LW1hbmFnZW1lbnRfX3RpdGxlXCIgW2hlYWRlclNpemVdPVwiaGVhZGVyU2l6ZVwiPlxuICAgICAgICAgICAgICAgIHt7IGFjdGl2ZVZhcmlhbnQubmFtZSB9fVxuICAgICAgICAgICAgPC9oND5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJfdmFyaWFudENoYW5nZWRcIj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZkLXZhcmlhbnQtbWFuYWdlbWVudF9fZGlydHktaW5kaWNhdG9yXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmZkLXZhcmlhbnQtbWFuYWdlbWVudF9fZGlydHktaW5kaWNhdG9yLS1jdXN0b21dPVwiISFkaXJ0eUxhYmVsXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdERpcnR5SW5kaWNhdG9yPio8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGlydHlMYWJlbCA/IGRpcnR5TGFiZWwudGVtcGxhdGVSZWYgOiBkZWZhdWx0RGlydHlJbmRpY2F0b3JcIlxuICAgICAgICAgICAgICAgICAgICA+PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxmZHAtbWVudS1idXR0b24gdHlwZT1cInRyYW5zcGFyZW50XCI+IDwvZmRwLW1lbnUtYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2ZkLXBvcG92ZXItY29udHJvbD5cbiAgICA8ZmQtcG9wb3Zlci1ib2R5PlxuICAgICAgICA8ZGl2IGZkLXBvcG92ZXItYm9keS1oZWFkZXI+XG4gICAgICAgICAgICA8ZGl2IGZkLWJhciBbYmFyRGVzaWduXT1cImRpc3BsYXlTZWFyY2ggPyAnaGVhZGVyLXdpdGgtc3ViaGVhZGVyJyA6ICdoZWFkZXInXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBmZC1iYXItbGVmdD5cbiAgICAgICAgICAgICAgICAgICAgPGZkLWJhci1lbGVtZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGg1IGZkLXRpdGxlPnt7ICdwbGF0Zm9ybVZhcmlhbnRNYW5hZ2VtZW50Lm15Vmlld3MnIHwgZmRUcmFuc2xhdGUgfX08L2g1PlxuICAgICAgICAgICAgICAgICAgICA8L2ZkLWJhci1lbGVtZW50PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGZkLWJhciBiYXJEZXNpZ249XCJoZWFkZXJcIiAqbmdJZj1cImRpc3BsYXlTZWFyY2hcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZkLWJhci1sZWZ0PlxuICAgICAgICAgICAgICAgICAgICA8ZmQtYmFyLWVsZW1lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmRwLXNlYXJjaC1maWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCIncGxhdGZvcm1WYXJpYW50TWFuYWdlbWVudC5zZWFyY2gnIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChzZWFyY2hTdWJtaXQpPVwiX29uU2VhcmNoU3VibWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjYW5jZWxTZWFyY2gpPVwiX2NhbmNlbFNlYXJjaCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZVJlZnJlc2hdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC9mZHAtc2VhcmNoLWZpZWxkPlxuICAgICAgICAgICAgICAgICAgICA8L2ZkLWJhci1lbGVtZW50PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8dWwgZmQtbGlzdD5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJcbiAgICAgICAgICAgICAgICAgICAgbGV0IHZhcmlhbnQgb2YgX3ZhcmlhbnRzIHwgZmRGaWx0ZXJTdHJpbmdzIDogeyBzZWFyY2hUZXJtOiBfZmlsdGVyUGhyYXNlLCBrZXk6ICduYW1lJyB9O1xuICAgICAgICAgICAgICAgICAgICB0cmFja0J5OiBfdHJhY2tGblxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGxpIGZkLWxpc3QtaXRlbSAoY2xpY2spPVwic2VsZWN0VmFyaWFudCh2YXJpYW50KVwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBmZC1saXN0LWxpbms+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBmZC1saXN0LXRpdGxlPnt7IHZhcmlhbnQubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC91bD5cbiAgICAgICAgPGRpdiBmZC1wb3BvdmVyLWJvZHktZm9vdGVyPlxuICAgICAgICAgICAgPGRpdiBmZC1iYXIgYmFyRGVzaWduPVwiZm9vdGVyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBmZC1iYXItcmlnaHQ+XG4gICAgICAgICAgICAgICAgICAgIDxmZC1idXR0b24tYmFyXG4gICAgICAgICAgICAgICAgICAgICAgICBmZFR5cGU9XCJlbXBoYXNpemVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCIncGxhdGZvcm1WYXJpYW50TWFuYWdlbWVudC5zYXZlJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWFjdGl2ZVZhcmlhbnQucmVhZG9ubHkgJiYgX3ZhcmlhbnRDaGFuZ2VkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzYXZlQ3VycmVudFZhcmlhbnQoKVwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPC9mZC1idXR0b24tYmFyPlxuICAgICAgICAgICAgICAgICAgICA8ZmQtYnV0dG9uLWJhclxuICAgICAgICAgICAgICAgICAgICAgICAgW2ZkVHlwZV09XCJhY3RpdmVWYXJpYW50LnJlYWRvbmx5IHx8ICFfdmFyaWFudENoYW5nZWQgPyAnZW1waGFzaXplZCcgOiAndHJhbnNwYXJlbnQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCIncGxhdGZvcm1WYXJpYW50TWFuYWdlbWVudC5zYXZlQXMnIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIl9vcGVuU2F2ZURpYWxvZygpXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvZmQtYnV0dG9uLWJhcj5cbiAgICAgICAgICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCIncGxhdGZvcm1WYXJpYW50TWFuYWdlbWVudC5tYW5hZ2UnIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIl9vcGVuTWFuYWdlRGlhbG9nKClcIlxuICAgICAgICAgICAgICAgICAgICA+PC9mZC1idXR0b24tYmFyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZmQtcG9wb3Zlci1ib2R5PlxuPC9mZC1wb3BvdmVyPlxuIl19

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

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