barsa-tiles 1.0.310 → 1.0.311

package/esm2020/lib/app-finder/app-finder.component.mjs

@@ -23,7 +23,7 @@ export class AppFinderComponent extends BaseComponent {
     }
 }
 AppFinderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AppFinderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AppFinderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: AppFinderComponent, selector: "bt-app-finder", inputs: { appGroups: "appGroups", deviceSize: "deviceSize", sideContentSize: "sideContentSize", selectedAppGroup: "selectedAppGroup", selectedAppGroupId: "selectedAppGroupId", mobile: "mobile", contentDensity: "contentDensity", contentHeight: "contentHeight", pinnedAppInAppTileGroups: "pinnedAppInAppTileGroups" }, outputs: { pinClick: "pinClick", selectedAppGroupIdChange: "selectedAppGroupIdChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\">\r\n    <ng-container *ngIf=\"appGroups; else loading\">\r\n        <fd-toolbar [fdType]=\"'solid'\">\r\n            <button\r\n                fd-toolbar-item\r\n                fd-button\r\n                [fdMenu]=\"true\"\r\n                [glyph]=\"'menu2'\"\r\n                [fdType]=\"'transparent'\"\r\n                [fdMenuTrigger]=\"menu\"\r\n                [label]=\"selectedAppGroup?.Title\"\r\n                *ngIf=\"deviceSize === 's'\"\r\n            ></button>\r\n            <fd-toolbar-spacer></fd-toolbar-spacer>\r\n            <fdp-search-field\r\n                fd-toolbar-item\r\n                [contentDensity]=\"contentDensity\"\r\n                [placeholder]=\"'Search' | bbbTranslate\"\r\n                (searchSubmit)=\"onSearchSubmit($event)\"\r\n                [suggestions]=\"[]\"\r\n            ></fdp-search-field>\r\n        </fd-toolbar>\r\n        <div style=\"display: flex; overflow-y: auto\" [style.height]=\"contentHeight\">\r\n            <div class=\"app-groups\">\r\n                <bt-app-finder-group\r\n                    *ngIf=\"deviceSize !== 's'\"\r\n                    [appGroups]=\"appGroups\"\r\n                    [listMode]=\"true\"\r\n                    [selectedId]=\"selectedAppGroupId\"\r\n                    (selectedIdChange)=\"selectedAppGroupIdChange.emit($event)\"\r\n                >\r\n                </bt-app-finder-group>\r\n            </div>\r\n            <bt-app-finder-app-list\r\n                [appGroup]=\"selectedAppGroup\"\r\n                [mobile]=\"mobile\"\r\n                [searchTerm]=\"searchTerm\"\r\n                [pinnedAppInAppTileGroups]=\"pinnedAppInAppTileGroups\"\r\n                (pinClick)=\"pinClick.emit($event)\"\r\n            ></bt-app-finder-app-list>\r\n        </div>\r\n        <fd-menu\r\n            #menu\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"{ title: 'Groups' | bbbTranslate, hasCloseButton: true }\"\r\n        >\r\n            <bt-app-finder-group\r\n                *ngIf=\"deviceSize === 's'\"\r\n                [appGroups]=\"appGroups\"\r\n                [selectedId]=\"selectedAppGroupId\"\r\n                (selectedIdChange)=\"menu.close(); selectedAppGroupIdChange.emit($event)\"\r\n            >\r\n            </bt-app-finder-group>\r\n        </fd-menu>\r\n    </ng-container>\r\n    <ng-template #loading>\r\n        <bsu-mask></bsu-mask>\r\n    </ng-template>\r\n</div>\r\n", styles: [":host{display:block;background-color:var(--sapBackgroundColor, #f7f7f7);color:var(--sapTextColor, #32363a)}:host ::ng-deep .fd-list__title{line-height:1.5rem}.wrapper{display:flex;flex-direction:column}fd-toolbar{width:100%}::ng-deep span.fd-toolbar__spacer{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i4.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i4.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i4.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i5.PlatformContentDensityDeprecationDirective, selector: "        fdp-action-bar[contentDensity],        fdp-button[contentDensity],        fdp-object-list-item[contentDensity],        fdp-standard-list-item[contentDensity],        fdp-menu[contentDensity],        fdp-menu-button[contentDensity],        fdp-panel[contentDensity],        fdp-search-field[contentDensity],        fdp-split-menu-button[contentDensity],        fdp-file-uploader[contentDensity],        fdp-upload-collection[contentDensity],        fdp-table[contentDensity],        fdp-multi-input[contentDensity],        fdp-list[contentDensity],        fdp-slider[contentDensity],        fdp-time-picker[contentDensity],        fdp-textarea[contentDensity],        fdp-switch[contentDensity],        fdp-number-step-input[contentDensity],        fdp-select[contentDensity],        fdp-date-picker[contentDensity],        fdp-checkbox[contentDensity],        fdp-checkbox-group[contentDensity],        fdp-combobox[contentDensity],        fdp-datetime-picker[contentDensity],        fdp-input[contentDensity],        fdp-radio-group[contentDensity],        fdp-radio-button[contentDensity],        fdp-multi-combobox[contentDensity],        fdp-input-group-addon-body[contentDensity],        fdp-input-group[contentDensity],        fdp-value-help-dialog[contentDensity],        fdp-filter-single-select[contentDensity],        fdp-filter-multi-select[contentDensity],        fdp-filter-custom[contentDensity]    " }, { kind: "component", type: i6.SearchFieldComponent, selector: "fdp-search-field", inputs: ["placeholder", "mobile", "mobileConfig", "disableRefresh", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "searchSuggestionMessage", "searchSuggestionNavigateMessage"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: i7.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i8.AppFinderGroupComponent, selector: "bt-app-finder-group", inputs: ["appGroups", "selectedId", "listMode"], outputs: ["selectedIdChange"] }, { kind: "component", type: i9.AppFinderAppListComponent, selector: "bt-app-finder-app-list", inputs: ["appGroup", "mobile", "searchTerm", "pinnedAppInAppTileGroups"], outputs: ["pinClick", "appTileGroupsPinChange"] }, { kind: "pipe", type: i10.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AppFinderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: AppFinderComponent, selector: "bt-app-finder", inputs: { appGroups: "appGroups", deviceSize: "deviceSize", sideContentSize: "sideContentSize", selectedAppGroup: "selectedAppGroup", selectedAppGroupId: "selectedAppGroupId", mobile: "mobile", contentDensity: "contentDensity", contentHeight: "contentHeight", pinnedAppInAppTileGroups: "pinnedAppInAppTileGroups" }, outputs: { pinClick: "pinClick", selectedAppGroupIdChange: "selectedAppGroupIdChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\">\r\n    <ng-container *ngIf=\"appGroups; else loading\">\r\n        <fd-toolbar [fdType]=\"'solid'\">\r\n            <button\r\n                fd-toolbar-item\r\n                fd-button\r\n                [fdMenu]=\"true\"\r\n                [glyph]=\"'menu2'\"\r\n                [fdType]=\"'transparent'\"\r\n                [fdMenuTrigger]=\"menu\"\r\n                [label]=\"selectedAppGroup?.Title\"\r\n                *ngIf=\"deviceSize === 's'\"\r\n            ></button>\r\n            <fd-toolbar-spacer></fd-toolbar-spacer>\r\n            <fdp-search-field\r\n                fd-toolbar-item\r\n                [contentDensity]=\"contentDensity\"\r\n                [placeholder]=\"'Search' | bbbTranslate\"\r\n                (searchSubmit)=\"onSearchSubmit($event)\"\r\n                [suggestions]=\"[]\"\r\n            ></fdp-search-field>\r\n        </fd-toolbar>\r\n        <div style=\"display: flex; overflow-y: auto\" [style.height]=\"contentHeight\">\r\n            <div class=\"app-groups\">\r\n                <bt-app-finder-group\r\n                    *ngIf=\"deviceSize !== 's'\"\r\n                    [appGroups]=\"appGroups\"\r\n                    [listMode]=\"true\"\r\n                    [selectedId]=\"selectedAppGroupId\"\r\n                    (selectedIdChange)=\"selectedAppGroupIdChange.emit($event)\"\r\n                >\r\n                </bt-app-finder-group>\r\n            </div>\r\n            <bt-app-finder-app-list\r\n                [appGroup]=\"selectedAppGroup\"\r\n                [mobile]=\"mobile\"\r\n                [searchTerm]=\"searchTerm\"\r\n                [pinnedAppInAppTileGroups]=\"pinnedAppInAppTileGroups\"\r\n                (pinClick)=\"pinClick.emit($event)\"\r\n            ></bt-app-finder-app-list>\r\n        </div>\r\n        <fd-menu\r\n            #menu\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"{ title: 'Groups' | bbbTranslate, hasCloseButton: true }\"\r\n        >\r\n            <bt-app-finder-group\r\n                *ngIf=\"deviceSize === 's'\"\r\n                [appGroups]=\"appGroups\"\r\n                [selectedId]=\"selectedAppGroupId\"\r\n                (selectedIdChange)=\"menu.close(); selectedAppGroupIdChange.emit($event)\"\r\n            >\r\n            </bt-app-finder-group>\r\n        </fd-menu>\r\n    </ng-container>\r\n    <ng-template #loading>\r\n        <bsu-mask></bsu-mask>\r\n    </ng-template>\r\n</div>\r\n", styles: [":host{display:block;background-color:var(--sapBackgroundColor, #f7f7f7);color:var(--sapTextColor, #32363a)}:host ::ng-deep .fd-list__title{line-height:1.5rem}.wrapper{display:flex;flex-direction:column}fd-toolbar{width:100%}::ng-deep span.fd-toolbar__spacer{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i4.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i4.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i4.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i5.PlatformContentDensityDeprecationDirective, selector: "        fdp-action-bar[contentDensity],        fdp-button[contentDensity],        fdp-object-list-item[contentDensity],        fdp-standard-list-item[contentDensity],        fdp-menu[contentDensity],        fdp-menu-button[contentDensity],        fdp-panel[contentDensity],        fdp-search-field[contentDensity],        fdp-split-menu-button[contentDensity],        fdp-file-uploader[contentDensity],        fdp-upload-collection[contentDensity],        fdp-table[contentDensity],        fdp-multi-input[contentDensity],        fdp-list[contentDensity],        fdp-slider[contentDensity],        fdp-time-picker[contentDensity],        fdp-textarea[contentDensity],        fdp-switch[contentDensity],        fdp-number-step-input[contentDensity],        fdp-select[contentDensity],        fdp-date-picker[contentDensity],        fdp-checkbox[contentDensity],        fdp-checkbox-group[contentDensity],        fdp-combobox[contentDensity],        fdp-datetime-picker[contentDensity],        fdp-input[contentDensity],        fdp-radio-group[contentDensity],        fdp-radio-button[contentDensity],        fdp-multi-combobox[contentDensity],        fdp-input-group-addon-body[contentDensity],        fdp-input-group[contentDensity],        fdp-value-help-dialog[contentDensity],        fdp-filter-single-select[contentDensity],        fdp-filter-multi-select[contentDensity],        fdp-filter-custom[contentDensity]    " }, { kind: "component", type: i6.SearchFieldComponent, selector: "fdp-search-field", inputs: ["placeholder", "mobile", "mobileConfig", "disableRefresh", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "searchSuggestionMessage", "searchSuggestionNavigateMessage"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: i7.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i8.AppFinderGroupComponent, selector: "bt-app-finder-group", inputs: ["appGroups", "selectedId", "listMode"], outputs: ["selectedIdChange"] }, { kind: "component", type: i9.AppFinderAppListComponent, selector: "bt-app-finder-app-list", inputs: ["appGroup", "mobile", "searchTerm", "pinnedAppInAppTileGroups"], outputs: ["pinClick", "appTileGroupsPinChange"] }, { kind: "pipe", type: i10.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AppFinderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bt-app-finder', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wrapper\">\r\n    <ng-container *ngIf=\"appGroups; else loading\">\r\n        <fd-toolbar [fdType]=\"'solid'\">\r\n            <button\r\n                fd-toolbar-item\r\n                fd-button\r\n                [fdMenu]=\"true\"\r\n                [glyph]=\"'menu2'\"\r\n                [fdType]=\"'transparent'\"\r\n                [fdMenuTrigger]=\"menu\"\r\n                [label]=\"selectedAppGroup?.Title\"\r\n                *ngIf=\"deviceSize === 's'\"\r\n            ></button>\r\n            <fd-toolbar-spacer></fd-toolbar-spacer>\r\n            <fdp-search-field\r\n                fd-toolbar-item\r\n                [contentDensity]=\"contentDensity\"\r\n                [placeholder]=\"'Search' | bbbTranslate\"\r\n                (searchSubmit)=\"onSearchSubmit($event)\"\r\n                [suggestions]=\"[]\"\r\n            ></fdp-search-field>\r\n        </fd-toolbar>\r\n        <div style=\"display: flex; overflow-y: auto\" [style.height]=\"contentHeight\">\r\n            <div class=\"app-groups\">\r\n                <bt-app-finder-group\r\n                    *ngIf=\"deviceSize !== 's'\"\r\n                    [appGroups]=\"appGroups\"\r\n                    [listMode]=\"true\"\r\n                    [selectedId]=\"selectedAppGroupId\"\r\n                    (selectedIdChange)=\"selectedAppGroupIdChange.emit($event)\"\r\n                >\r\n                </bt-app-finder-group>\r\n            </div>\r\n            <bt-app-finder-app-list\r\n                [appGroup]=\"selectedAppGroup\"\r\n                [mobile]=\"mobile\"\r\n                [searchTerm]=\"searchTerm\"\r\n                [pinnedAppInAppTileGroups]=\"pinnedAppInAppTileGroups\"\r\n                (pinClick)=\"pinClick.emit($event)\"\r\n            ></bt-app-finder-app-list>\r\n        </div>\r\n        <fd-menu\r\n            #menu\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"{ title: 'Groups' | bbbTranslate, hasCloseButton: true }\"\r\n        >\r\n            <bt-app-finder-group\r\n                *ngIf=\"deviceSize === 's'\"\r\n                [appGroups]=\"appGroups\"\r\n                [selectedId]=\"selectedAppGroupId\"\r\n                (selectedIdChange)=\"menu.close(); selectedAppGroupIdChange.emit($event)\"\r\n            >\r\n            </bt-app-finder-group>\r\n        </fd-menu>\r\n    </ng-container>\r\n    <ng-template #loading>\r\n        <bsu-mask></bsu-mask>\r\n    </ng-template>\r\n</div>\r\n", styles: [":host{display:block;background-color:var(--sapBackgroundColor, #f7f7f7);color:var(--sapTextColor, #32363a)}:host ::ng-deep .fd-list__title{line-height:1.5rem}.wrapper{display:flex;flex-direction:column}fd-toolbar{width:100%}::ng-deep span.fd-toolbar__spacer{display:none}\n"] }]

package/esm2020/lib/notification-group/notification-group.component.mjs

@@ -85,10 +85,10 @@ export class NotificationGroupComponent extends BaseComponent {
     }
 }
 NotificationGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationGroupComponent, deps: [{ token: i1.GroupByPipe }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NotificationGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationGroupComponent, selector: "bt-notification-group", inputs: { notifications: "notifications", loading: "loading", notificationCount: "notificationCount" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", loadMore: "loadMore" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"notifications && notifications.length > 0; else noData\">\n    <ng-container>\n        <fd-notification-group>\n            <fd-tab-list size=\"s\">\n                <fd-tab\n                    [title]=\"tab.title | bbbTranslate\"\n                    *ngFor=\"let tab of tabList; let index = index; trackBy: _trackByTitle\"\n                >\n                    <fd-notification-group-list\n                        *ngFor=\"let groupItem of tab.groupByItems; let index = index; trackBy: _trackByKey\"\n                    >\n                        <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\n                            <fd-notification-header>\n                                <bt-notification-group-header\n                                    [notifications]=\"groupItem.value\"\n                                    [title]=\"groupItem.key\"\n                                ></bt-notification-group-header>\n                            </fd-notification-header>\n                            <fd-notification-actions>\n                                <!-- <button fd-button label=\"Accept All\"></button> -->\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\n                                    [title]=\"'DeleteAll' | bbbTranslate\"\n                                    glyph=\"decline\"\n                                    (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\n                                ></button>\n                            </fd-notification-actions>\n                        </fd-notification-group-header>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                notificationBody;\n                                context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\n                            \"\n                        ></ng-container>\n                        <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\n                            <h1 fd-notification-limit-title>\n                                There are {{ groupItem.value.length - 4 }} more notifications\n                            </h1>\n                            <p fd-notification-limit-description>\n                                You need to close or take action on the listed notifications to display more.\n                            </p>\n                        </fd-notification-limit> -->\n                    </fd-notification-group-list>\n                </fd-tab>\n            </fd-tab-list>\n        </fd-notification-group>\n    </ng-container>\n</ng-container>\n<ng-template #noData>\n    <bsu-no-data *ngIf=\"!loading; else loadingTpl\"></bsu-no-data>\n</ng-template>\n<ng-template #loadingTpl>\n    <div style=\"height: 30px; position: relative\">\n        <bsu-mask [marginTop]=\"'10px'\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #notificationItem> </ng-template>\n\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\n    <div style=\"max-height: 346px; overflow-y: auto\">\n        <ng-container *ngFor=\"let mo of notifications; trackBy: _trackMoById; let first = first; let last = last\">\n            <bsu-notification-item\n                [notificationItem]=\"mo\"\n                (viewed)=\"viewed.emit($event)\"\n                (remove)=\"remove.emit($event)\"\n                (show)=\"show.emit($event)\"\n                (actionClick)=\"actionClick.emit($event)\"\n                intersectionObserver\n                [intersectionThreshold]=\"0.5\"\n                (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\n            ></bsu-notification-item>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i4.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i4.NotificationGroupHeaderComponent, selector: "fd-notification-group-header", inputs: ["expandCompact", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: i4.NotificationGroupComponent, selector: "fd-notification-group", inputs: ["class", "mobile", "width"] }, { kind: "component", type: i4.NotificationGroupListComponent, selector: "fd-notification-group-list" }, { kind: "component", type: i5.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "directive", type: i1.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i6.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i6.NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: i6.NotificationItemComponent, selector: "bsu-notification-item", inputs: ["option", "notificationItem", "showCloseButton"], outputs: ["viewed", "remove", "actionClick", "show", "close"] }, { kind: "component", type: i7.NotificationGroupHeaderComponent, selector: "bt-notification-group-header", inputs: ["notifications", "title"] }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NotificationGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationGroupComponent, selector: "bt-notification-group", inputs: { notifications: "notifications", loading: "loading", notificationCount: "notificationCount" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", loadMore: "loadMore" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"notifications && notifications.length > 0; else noData\">\n    <ng-container>\n        <fd-notification-group>\n            <fd-tab-list size=\"s\">\n                <fd-tab\n                    [title]=\"tab.title | bbbTranslate\"\n                    *ngFor=\"let tab of tabList; let index = index; trackBy: _trackByTitle\"\n                >\n                    <fd-notification-group-list\n                        *ngFor=\"let groupItem of tab.groupByItems; let index = index; trackBy: _trackByKey\"\n                    >\n                        <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\n                            <fd-notification-header>\n                                <bt-notification-group-header\n                                    [notifications]=\"groupItem.value\"\n                                    [title]=\"groupItem.key\"\n                                ></bt-notification-group-header>\n                            </fd-notification-header>\n                            <fd-notification-actions>\n                                <!-- <button fd-button label=\"Accept All\"></button> -->\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\n                                    [title]=\"'DeleteAll' | bbbTranslate\"\n                                    glyph=\"decline\"\n                                    (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\n                                ></button>\n                            </fd-notification-actions>\n                        </fd-notification-group-header>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                notificationBody;\n                                context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\n                            \"\n                        ></ng-container>\n                        <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\n                            <h1 fd-notification-limit-title>\n                                There are {{ groupItem.value.length - 4 }} more notifications\n                            </h1>\n                            <p fd-notification-limit-description>\n                                You need to close or take action on the listed notifications to display more.\n                            </p>\n                        </fd-notification-limit> -->\n                    </fd-notification-group-list>\n                </fd-tab>\n            </fd-tab-list>\n        </fd-notification-group>\n    </ng-container>\n</ng-container>\n<ng-template #noData>\n    <bsu-no-data *ngIf=\"!loading; else loadingTpl\"></bsu-no-data>\n</ng-template>\n<ng-template #loadingTpl>\n    <div style=\"height: 30px; position: relative\">\n        <bsu-mask [top]=\"'10px'\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #notificationItem> </ng-template>\n\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\n    <div style=\"max-height: 346px; overflow-y: auto; overflow-x: hidden\">\n        <ng-container *ngFor=\"let mo of notifications; trackBy: _trackMoById; let first = first; let last = last\">\n            <bsu-notification-item\n                [notificationItem]=\"mo\"\n                (viewed)=\"viewed.emit($event)\"\n                (remove)=\"remove.emit($event)\"\n                (show)=\"show.emit($event)\"\n                (actionClick)=\"actionClick.emit($event)\"\n                intersectionObserver\n                [intersectionThreshold]=\"0.5\"\n                (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\n            ></bsu-notification-item>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i4.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i4.NotificationGroupHeaderComponent, selector: "fd-notification-group-header", inputs: ["expandCompact", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: i4.NotificationGroupComponent, selector: "fd-notification-group", inputs: ["class", "mobile", "width"] }, { kind: "component", type: i4.NotificationGroupListComponent, selector: "fd-notification-group-list" }, { kind: "component", type: i5.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "directive", type: i1.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i6.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i6.NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: i6.NotificationItemComponent, selector: "bsu-notification-item", inputs: ["option", "notificationItem", "showCloseButton"], outputs: ["viewed", "remove", "actionClick", "show", "close"] }, { kind: "component", type: i7.NotificationGroupHeaderComponent, selector: "bt-notification-group-header", inputs: ["notifications", "title"] }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-notification-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"notifications && notifications.length > 0; else noData\">\n    <ng-container>\n        <fd-notification-group>\n            <fd-tab-list size=\"s\">\n                <fd-tab\n                    [title]=\"tab.title | bbbTranslate\"\n                    *ngFor=\"let tab of tabList; let index = index; trackBy: _trackByTitle\"\n                >\n                    <fd-notification-group-list\n                        *ngFor=\"let groupItem of tab.groupByItems; let index = index; trackBy: _trackByKey\"\n                    >\n                        <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\n                            <fd-notification-header>\n                                <bt-notification-group-header\n                                    [notifications]=\"groupItem.value\"\n                                    [title]=\"groupItem.key\"\n                                ></bt-notification-group-header>\n                            </fd-notification-header>\n                            <fd-notification-actions>\n                                <!-- <button fd-button label=\"Accept All\"></button> -->\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\n                                    [title]=\"'DeleteAll' | bbbTranslate\"\n                                    glyph=\"decline\"\n                                    (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\n                                ></button>\n                            </fd-notification-actions>\n                        </fd-notification-group-header>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                notificationBody;\n                                context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\n                            \"\n                        ></ng-container>\n                        <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\n                            <h1 fd-notification-limit-title>\n                                There are {{ groupItem.value.length - 4 }} more notifications\n                            </h1>\n                            <p fd-notification-limit-description>\n                                You need to close or take action on the listed notifications to display more.\n                            </p>\n                        </fd-notification-limit> -->\n                    </fd-notification-group-list>\n                </fd-tab>\n            </fd-tab-list>\n        </fd-notification-group>\n    </ng-container>\n</ng-container>\n<ng-template #noData>\n    <bsu-no-data *ngIf=\"!loading; else loadingTpl\"></bsu-no-data>\n</ng-template>\n<ng-template #loadingTpl>\n    <div style=\"height: 30px; position: relative\">\n        <bsu-mask [marginTop]=\"'10px'\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #notificationItem> </ng-template>\n\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\n    <div style=\"max-height: 346px; overflow-y: auto\">\n        <ng-container *ngFor=\"let mo of notifications; trackBy: _trackMoById; let first = first; let last = last\">\n            <bsu-notification-item\n                [notificationItem]=\"mo\"\n                (viewed)=\"viewed.emit($event)\"\n                (remove)=\"remove.emit($event)\"\n                (show)=\"show.emit($event)\"\n                (actionClick)=\"actionClick.emit($event)\"\n                intersectionObserver\n                [intersectionThreshold]=\"0.5\"\n                (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\n            ></bsu-notification-item>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}\n"] }]
+            args: [{ selector: 'bt-notification-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"notifications && notifications.length > 0; else noData\">\n    <ng-container>\n        <fd-notification-group>\n            <fd-tab-list size=\"s\">\n                <fd-tab\n                    [title]=\"tab.title | bbbTranslate\"\n                    *ngFor=\"let tab of tabList; let index = index; trackBy: _trackByTitle\"\n                >\n                    <fd-notification-group-list\n                        *ngFor=\"let groupItem of tab.groupByItems; let index = index; trackBy: _trackByKey\"\n                    >\n                        <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\n                            <fd-notification-header>\n                                <bt-notification-group-header\n                                    [notifications]=\"groupItem.value\"\n                                    [title]=\"groupItem.key\"\n                                ></bt-notification-group-header>\n                            </fd-notification-header>\n                            <fd-notification-actions>\n                                <!-- <button fd-button label=\"Accept All\"></button> -->\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\n                                    [title]=\"'DeleteAll' | bbbTranslate\"\n                                    glyph=\"decline\"\n                                    (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\n                                ></button>\n                            </fd-notification-actions>\n                        </fd-notification-group-header>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                notificationBody;\n                                context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\n                            \"\n                        ></ng-container>\n                        <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\n                            <h1 fd-notification-limit-title>\n                                There are {{ groupItem.value.length - 4 }} more notifications\n                            </h1>\n                            <p fd-notification-limit-description>\n                                You need to close or take action on the listed notifications to display more.\n                            </p>\n                        </fd-notification-limit> -->\n                    </fd-notification-group-list>\n                </fd-tab>\n            </fd-tab-list>\n        </fd-notification-group>\n    </ng-container>\n</ng-container>\n<ng-template #noData>\n    <bsu-no-data *ngIf=\"!loading; else loadingTpl\"></bsu-no-data>\n</ng-template>\n<ng-template #loadingTpl>\n    <div style=\"height: 30px; position: relative\">\n        <bsu-mask [top]=\"'10px'\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #notificationItem> </ng-template>\n\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\n    <div style=\"max-height: 346px; overflow-y: auto; overflow-x: hidden\">\n        <ng-container *ngFor=\"let mo of notifications; trackBy: _trackMoById; let first = first; let last = last\">\n            <bsu-notification-item\n                [notificationItem]=\"mo\"\n                (viewed)=\"viewed.emit($event)\"\n                (remove)=\"remove.emit($event)\"\n                (show)=\"show.emit($event)\"\n                (actionClick)=\"actionClick.emit($event)\"\n                intersectionObserver\n                [intersectionThreshold]=\"0.5\"\n                (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\n            ></bsu-notification-item>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.GroupByPipe }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { notifications: [{
                 type: Input
             }], loading: [{
@@ -106,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }], loadMore: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvbm90aWZpY2F0aW9uLWdyb3VwL25vdGlmaWNhdGlvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL25vdGlmaWNhdGlvbi1ncm91cC9ub3RpZmljYXRpb24tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNILGFBQWEsRUFHYixrQkFBa0IsRUFHbEIsUUFBUSxFQUdYLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7OztBQVE5QixNQUFNLE9BQU8sMEJBQTJCLFNBQVEsYUFBYTtJQWtCekQsWUFBb0IsWUFBeUIsRUFBVSxJQUF1QjtRQUMxRSxLQUFLLEVBQUUsQ0FBQztRQURRLGlCQUFZLEdBQVosWUFBWSxDQUFhO1FBQVUsU0FBSSxHQUFKLElBQUksQ0FBbUI7UUFicEUsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQzlDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBa0QsQ0FBQztRQUM1RSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUF1RCxDQUFDO1FBQ3RGLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBNkMsQ0FBQztRQUNyRSxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM5QyxhQUFRLEdBQTRCLEVBQUUsQ0FBQztRQUV2QyxZQUFPLEdBQXFEO1lBQ3hELEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFO1NBQzdDLENBQUM7UUFDRix3QkFBbUIsR0FBdUIsRUFBRSxDQUFDO0lBRzdDLENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUNELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixLQUFLLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzNCLE1BQU0sRUFBRSxhQUFhLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDbEMsSUFBSSxhQUFhLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxFQUFFO1lBQzdDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDbkQsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUM3QjtJQUNMLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxhQUF3QztRQUN0RCxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRTtZQUN4QixPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUM7UUFDMUYsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3JGLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUN0RixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDMUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUU7Z0JBQ3JDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztnQkFDckQsSUFBSSxRQUFRLElBQUksT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxLQUFLLFdBQVcsRUFBRTtvQkFDNUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLENBQUM7aUJBQ2xDO2FBQ0o7U0FDSjtJQUNMLENBQUM7SUFDRCxhQUFhLENBQUMsTUFBYyxFQUFFLENBQWlEO1FBQzNFLE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7SUFDRCxXQUFXLENBQUMsTUFBYyxFQUFFLElBQTZDO1FBQ3JFLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUNwQixDQUFDO0lBQ0QsWUFBWSxDQUFDLE1BQWMsRUFBRSxFQUF1QjtRQUNoRCxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUNELGtCQUFrQixDQUFDLENBQXFCLEVBQUUsRUFBb0IsRUFBRSxNQUFlO1FBQzNFLElBQUksQ0FBQyxLQUFLLGtCQUFrQixDQUFDLE9BQU8sRUFBRTtZQUNsQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLEVBQUU7Z0JBQ1gsSUFBSSxDQUFDLG1CQUFtQixHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQ3JGLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2FBQ3hCO1lBQ0QsSUFBSSxNQUFNLEVBQUU7Z0JBQ1IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQzthQUN4QjtTQUNKO0lBQ0wsQ0FBQztJQUNELG9DQUFvQyxDQUFDLENBQThCLEVBQUUsRUFBb0I7UUFDckYsSUFBSSxDQUFDLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRTtZQUN0QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1lBQ2hELFFBQVEsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLFFBQVEsQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztZQUN2RSxPQUFPO1NBQ1Y7UUFDRCxFQUFFLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7dUhBOUVRLDBCQUEwQjsyR0FBMUIsMEJBQTBCLGtVQzdCdkMscWdJQStFQTsyRkRsRGEsMEJBQTBCO2tCQU50QyxTQUFTOytCQUNJLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTTtrSUFHdEMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgRXZlbnRFbWl0dGVyLFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkNoYW5nZXMsXHJcbiAgICBPbkluaXQsXHJcbiAgICBPdXRwdXQsXHJcbiAgICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgICBCYXNlQ29tcG9uZW50LFxyXG4gICAgR3JvdXBCeUl0ZW0sXHJcbiAgICBHcm91cEJ5UGlwZSxcclxuICAgIEludGVyc2VjdGlvblN0YXR1cyxcclxuICAgIE1ldGFvYmplY3REYXRhTW9kZWwsXHJcbiAgICBXb3JrZmxvd0V4ZWN1dGVDaG9pY2VTdGF0dXMsXHJcbiAgICBCYXJzYUFwaSxcclxuICAgIE5vdGlmaWNhdGlvbkl0ZW0sXHJcbiAgICBOb3RpZmljYXRpb25BY3Rpb25cclxufSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnQtbm90aWZpY2F0aW9uLWdyb3VwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uR3JvdXBDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gICAgQElucHV0KCkgbm90aWZpY2F0aW9uczogTm90aWZpY2F0aW9uSXRlbVtdIHwgbnVsbDtcclxuICAgIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBub3RpZmljYXRpb25Db3VudDogeyB1bnJlYWQ6IG51bWJlcjsgYWxsOiBudW1iZXIgfTtcclxuXHJcbiAgICBAT3V0cHV0KCkgdmlld2VkID0gbmV3IEV2ZW50RW1pdHRlcjxOb3RpZmljYXRpb25JdGVtPigpO1xyXG4gICAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpdGVtczogTm90aWZpY2F0aW9uSXRlbVtdOyBzaWxlbnQ6IGJvb2xlYW4gfT4oKTtcclxuICAgIEBPdXRwdXQoKSBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpdGVtOiBOb3RpZmljYXRpb25JdGVtOyBidG46IE5vdGlmaWNhdGlvbkFjdGlvbiB9PigpO1xyXG4gICAgQE91dHB1dCgpIHNob3cgPSBuZXcgRXZlbnRFbWl0dGVyPHsgbW86IE1ldGFvYmplY3REYXRhTW9kZWw7IG5hbWE6IHN0cmluZyB9PigpO1xyXG4gICAgQE91dHB1dCgpIGxvYWRNb3JlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gICAgZXhwYW5kZWQ6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XHJcblxyXG4gICAgdGFiTGlzdDogeyB0aXRsZTogc3RyaW5nOyBncm91cEJ5SXRlbXM6IEdyb3VwQnlJdGVtW10gfVtdID0gW1xyXG4gICAgICAgIHsgdGl0bGU6ICdCeSBEYXRlJywgZ3JvdXBCeUl0ZW1zOiBbXSB9LFxyXG4gICAgICAgIHsgdGl0bGU6ICdCeSBUeXBlJywgZ3JvdXBCeUl0ZW1zOiBbXSB9LFxyXG4gICAgICAgIHsgdGl0bGU6ICdCeSBQcmlvcml0eScsIGdyb3VwQnlJdGVtczogW10gfVxyXG4gICAgXTtcclxuICAgIHZpZXdlZE5vdGlmaWNhdGlvbnM6IE5vdGlmaWNhdGlvbkl0ZW1bXSA9IFtdO1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZ3JvdXBCeVBpcGU6IEdyb3VwQnlQaXBlLCBwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICAgICAgc3VwZXIoKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgICAgIHRoaXMuYXBwbHlHcm91cEJ5SXRlbXModGhpcy5ub3RpZmljYXRpb25zKTtcclxuICAgIH1cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcclxuICAgICAgICBjb25zdCB7IG5vdGlmaWNhdGlvbnMgfSA9IGNoYW5nZXM7XHJcbiAgICAgICAgaWYgKG5vdGlmaWNhdGlvbnMgJiYgIW5vdGlmaWNhdGlvbnMuZmlyc3RDaGFuZ2UpIHtcclxuICAgICAgICAgICAgdGhpcy5hcHBseUdyb3VwQnlJdGVtcyhub3RpZmljYXRpb25zLmN1cnJlbnRWYWx1ZSk7XHJcbiAgICAgICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgYXBwbHlHcm91cEJ5SXRlbXMobm90aWZpY2F0aW9uczogTm90aWZpY2F0aW9uSXRlbVtdIHwgbnVsbCk6IHZvaWQge1xyXG4gICAgICAgIGlmICghbm90aWZpY2F0aW9ucz8ubGVuZ3RoKSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy50YWJMaXN0WzBdLmdyb3VwQnlJdGVtcyA9IHRoaXMuX2dyb3VwQnlQaXBlLnRyYW5zZm9ybShub3RpZmljYXRpb25zLCAnQ3JlYXRpb25EYXRlJyk7XHJcbiAgICAgICAgdGhpcy50YWJMaXN0WzFdLmdyb3VwQnlJdGVtcyA9IHRoaXMuX2dyb3VwQnlQaXBlLnRyYW5zZm9ybShub3RpZmljYXRpb25zLCAnU3ViamVjdCcpO1xyXG4gICAgICAgIHRoaXMudGFiTGlzdFsyXS5ncm91cEJ5SXRlbXMgPSB0aGlzLl9ncm91cEJ5UGlwZS50cmFuc2Zvcm0obm90aWZpY2F0aW9ucywgJ1ByaW9yaXR5Jyk7XHJcbiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLnRhYkxpc3QubGVuZ3RoOyBpKyspIHtcclxuICAgICAgICAgICAgaWYgKHRoaXMudGFiTGlzdFtpXS5ncm91cEJ5SXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBmaXJzdEtleSA9IHRoaXMudGFiTGlzdFtpXS5ncm91cEJ5SXRlbXNbMF0ua2V5O1xyXG4gICAgICAgICAgICAgICAgaWYgKGZpcnN0S2V5ICYmIHR5cGVvZiB0aGlzLmV4cGFuZGVkW2ZpcnN0S2V5XSA9PT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLmV4cGFuZGVkW2ZpcnN0S2V5XSA9IHRydWU7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICBfdHJhY2tCeVRpdGxlKF9pbmRleDogbnVtYmVyLCBfOiB7IHRpdGxlOiBzdHJpbmc7IGdyb3VwQnlJdGVtczogR3JvdXBCeUl0ZW1bXSB9KTogbnVtYmVyIHwgc3RyaW5nIHtcclxuICAgICAgICByZXR1cm4gX2luZGV4O1xyXG4gICAgfVxyXG4gICAgX3RyYWNrQnlLZXkoX2luZGV4OiBudW1iZXIsIGl0ZW06IHsgaWQ6IHN0cmluZzsga2V5OiBzdHJpbmc7IHZhbHVlOiBhbnkgfSk6IG51bWJlciB8IHN0cmluZyB7XHJcbiAgICAgICAgcmV0dXJuIGl0ZW0ua2V5O1xyXG4gICAgfVxyXG4gICAgX3RyYWNrTW9CeUlkKF9pbmRleDogbnVtYmVyLCBtbzogTWV0YW9iamVjdERhdGFNb2RlbCk6IG51bWJlciB8IHN0cmluZyB7XHJcbiAgICAgICAgcmV0dXJuIG1vLklkO1xyXG4gICAgfVxyXG4gICAgb25WaXNpYmlsaXR5Q2hhbmdlKGU6IEludGVyc2VjdGlvblN0YXR1cywgbW86IE5vdGlmaWNhdGlvbkl0ZW0sIGlzTGFzdDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgICAgIGlmIChlID09PSBJbnRlcnNlY3Rpb25TdGF0dXMuVmlzaWJsZSkge1xyXG4gICAgICAgICAgICBpZiAobW8uVW5yZWFkKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnZpZXdlZE5vdGlmaWNhdGlvbnMgPSBbLi4udGhpcy52aWV3ZWROb3RpZmljYXRpb25zLmZpbHRlcigoYykgPT4gYy5VbnJlYWQpLCBtb107XHJcbiAgICAgICAgICAgICAgICB0aGlzLnZpZXdlZC5lbWl0KG1vKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAoaXNMYXN0KSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRNb3JlLmVtaXQoKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIG9uV29ya2Zsb3dFeGVjdXRlQ2hvaWNlU3RhdHVzQ2hhbmdlZChlOiBXb3JrZmxvd0V4ZWN1dGVDaG9pY2VTdGF0dXMsIG1vOiBOb3RpZmljYXRpb25JdGVtKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKGUucmVzdWx0ICYmICFlLmVycm9yKSB7XHJcbiAgICAgICAgICAgIHRoaXMucmVtb3ZlLmVtaXQoeyBpdGVtczogW21vXSwgc2lsZW50OiB0cnVlIH0pO1xyXG4gICAgICAgICAgICBCYXJzYUFwaS5Cdy5Ub2FzdC5TdWNjZXNzKGAke2UuY2hvaWNlPy5UaXRsZX0gJHtCYXJzYUFwaS5CQkIuQWN0aW9ufWApO1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG4gICAgICAgIG1vLiRDaG9pY2VEZWZTdGF0dXMgPSBlO1xyXG4gICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vdGlmaWNhdGlvbnMgJiYgbm90aWZpY2F0aW9ucy5sZW5ndGggPiAwOyBlbHNlIG5vRGF0YVwiPlxuICAgIDxuZy1jb250YWluZXI+XG4gICAgICAgIDxmZC1ub3RpZmljYXRpb24tZ3JvdXA+XG4gICAgICAgICAgICA8ZmQtdGFiLWxpc3Qgc2l6ZT1cInNcIj5cbiAgICAgICAgICAgICAgICA8ZmQtdGFiXG4gICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJ0YWIudGl0bGUgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYkxpc3Q7IGxldCBpbmRleCA9IGluZGV4OyB0cmFja0J5OiBfdHJhY2tCeVRpdGxlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxmZC1ub3RpZmljYXRpb24tZ3JvdXAtbGlzdFxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGdyb3VwSXRlbSBvZiB0YWIuZ3JvdXBCeUl0ZW1zOyBsZXQgaW5kZXggPSBpbmRleDsgdHJhY2tCeTogX3RyYWNrQnlLZXlcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmQtbm90aWZpY2F0aW9uLWdyb3VwLWhlYWRlciBbKGV4cGFuZGVkKV09XCJleHBhbmRlZFtncm91cEl0ZW0ua2V5XVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1ub3RpZmljYXRpb24taGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnQtbm90aWZpY2F0aW9uLWdyb3VwLWhlYWRlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25vdGlmaWNhdGlvbnNdPVwiZ3JvdXBJdGVtLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJncm91cEl0ZW0ua2V5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvYnQtbm90aWZpY2F0aW9uLWdyb3VwLWhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1oZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZkLW5vdGlmaWNhdGlvbi1hY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8IS0tIDxidXR0b24gZmQtYnV0dG9uIGxhYmVsPVwiQWNjZXB0IEFsbFwiPjwvYnV0dG9uPiAtLT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cIidEZWxldGVBbGwnIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInRGVsZXRlQWxsJyB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBnbHlwaD1cImRlY2xpbmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInJlbW92ZS5lbWl0KHsgaXRlbXM6IGdyb3VwSXRlbS52YWx1ZSwgc2lsZW50OiBmYWxzZSB9KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1hY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9mZC1ub3RpZmljYXRpb24tZ3JvdXAtaGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5vdGlmaWNhdGlvbkJvZHk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiBncm91cEl0ZW0udmFsdWUsIGV4cGFuZGVkOiBleHBhbmRlZFtncm91cEl0ZW0ua2V5XSB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwhLS0gPGZkLW5vdGlmaWNhdGlvbi1saW1pdCAqbmdJZj1cImdyb3VwSXRlbS52YWx1ZS5sZW5ndGggLSA0ID4gMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMSBmZC1ub3RpZmljYXRpb24tbGltaXQtdGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFRoZXJlIGFyZSB7eyBncm91cEl0ZW0udmFsdWUubGVuZ3RoIC0gNCB9fSBtb3JlIG5vdGlmaWNhdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2gxPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGZkLW5vdGlmaWNhdGlvbi1saW1pdC1kZXNjcmlwdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgWW91IG5lZWQgdG8gY2xvc2Ugb3IgdGFrZSBhY3Rpb24gb24gdGhlIGxpc3RlZCBub3RpZmljYXRpb25zIHRvIGRpc3BsYXkgbW9yZS5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1saW1pdD4gLS0+XG4gICAgICAgICAgICAgICAgICAgIDwvZmQtbm90aWZpY2F0aW9uLWdyb3VwLWxpc3Q+XG4gICAgICAgICAgICAgICAgPC9mZC10YWI+XG4gICAgICAgICAgICA8L2ZkLXRhYi1saXN0PlxuICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1ncm91cD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuPG5nLXRlbXBsYXRlICNub0RhdGE+XG4gICAgPGJzdS1uby1kYXRhICpuZ0lmPVwiIWxvYWRpbmc7IGVsc2UgbG9hZGluZ1RwbFwiPjwvYnN1LW5vLWRhdGE+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNsb2FkaW5nVHBsPlxuICAgIDxkaXYgc3R5bGU9XCJoZWlnaHQ6IDMwcHg7IHBvc2l0aW9uOiByZWxhdGl2ZVwiPlxuICAgICAgICA8YnN1LW1hc2sgW21hcmdpblRvcF09XCInMTBweCdcIj48L2JzdS1tYXNrPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjbm90aWZpY2F0aW9uSXRlbT4gPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNub3RpZmljYXRpb25Cb2R5IGxldC1ub3RpZmljYXRpb25zIGxldC1leGFwYW5kZWQ9XCJleHBhbmRlZFwiPlxuICAgIDxkaXYgc3R5bGU9XCJtYXgtaGVpZ2h0OiAzNDZweDsgb3ZlcmZsb3cteTogYXV0b1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBtbyBvZiBub3RpZmljYXRpb25zOyB0cmFja0J5OiBfdHJhY2tNb0J5SWQ7IGxldCBmaXJzdCA9IGZpcnN0OyBsZXQgbGFzdCA9IGxhc3RcIj5cbiAgICAgICAgICAgIDxic3Utbm90aWZpY2F0aW9uLWl0ZW1cbiAgICAgICAgICAgICAgICBbbm90aWZpY2F0aW9uSXRlbV09XCJtb1wiXG4gICAgICAgICAgICAgICAgKHZpZXdlZCk9XCJ2aWV3ZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAocmVtb3ZlKT1cInJlbW92ZS5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgIChzaG93KT1cInNob3cuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAoYWN0aW9uQ2xpY2spPVwiYWN0aW9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlclxuICAgICAgICAgICAgICAgIFtpbnRlcnNlY3Rpb25UaHJlc2hvbGRdPVwiMC41XCJcbiAgICAgICAgICAgICAgICAodmlzaWJpbGl0eUNoYW5nZSk9XCJvblZpc2liaWxpdHlDaGFuZ2UoJGV2ZW50LCBtbywgbGFzdClcIlxuICAgICAgICAgICAgPjwvYnN1LW5vdGlmaWNhdGlvbi1pdGVtPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJsb2FkaW5nVHBsXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvbm90aWZpY2F0aW9uLWdyb3VwL25vdGlmaWNhdGlvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL25vdGlmaWNhdGlvbi1ncm91cC9ub3RpZmljYXRpb24tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNILGFBQWEsRUFHYixrQkFBa0IsRUFHbEIsUUFBUSxFQUdYLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7OztBQVE5QixNQUFNLE9BQU8sMEJBQTJCLFNBQVEsYUFBYTtJQWtCekQsWUFBb0IsWUFBeUIsRUFBVSxJQUF1QjtRQUMxRSxLQUFLLEVBQUUsQ0FBQztRQURRLGlCQUFZLEdBQVosWUFBWSxDQUFhO1FBQVUsU0FBSSxHQUFKLElBQUksQ0FBbUI7UUFicEUsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQzlDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBa0QsQ0FBQztRQUM1RSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUF1RCxDQUFDO1FBQ3RGLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBNkMsQ0FBQztRQUNyRSxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM5QyxhQUFRLEdBQTRCLEVBQUUsQ0FBQztRQUV2QyxZQUFPLEdBQXFEO1lBQ3hELEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFO1NBQzdDLENBQUM7UUFDRix3QkFBbUIsR0FBdUIsRUFBRSxDQUFDO0lBRzdDLENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUNELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixLQUFLLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzNCLE1BQU0sRUFBRSxhQUFhLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDbEMsSUFBSSxhQUFhLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxFQUFFO1lBQzdDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDbkQsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUM3QjtJQUNMLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxhQUF3QztRQUN0RCxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRTtZQUN4QixPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUM7UUFDMUYsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3JGLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUN0RixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDMUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUU7Z0JBQ3JDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztnQkFDckQsSUFBSSxRQUFRLElBQUksT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxLQUFLLFdBQVcsRUFBRTtvQkFDNUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLENBQUM7aUJBQ2xDO2FBQ0o7U0FDSjtJQUNMLENBQUM7SUFDRCxhQUFhLENBQUMsTUFBYyxFQUFFLENBQWlEO1FBQzNFLE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7SUFDRCxXQUFXLENBQUMsTUFBYyxFQUFFLElBQTZDO1FBQ3JFLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUNwQixDQUFDO0lBQ0QsWUFBWSxDQUFDLE1BQWMsRUFBRSxFQUF1QjtRQUNoRCxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUNELGtCQUFrQixDQUFDLENBQXFCLEVBQUUsRUFBb0IsRUFBRSxNQUFlO1FBQzNFLElBQUksQ0FBQyxLQUFLLGtCQUFrQixDQUFDLE9BQU8sRUFBRTtZQUNsQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLEVBQUU7Z0JBQ1gsSUFBSSxDQUFDLG1CQUFtQixHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQ3JGLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2FBQ3hCO1lBQ0QsSUFBSSxNQUFNLEVBQUU7Z0JBQ1IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQzthQUN4QjtTQUNKO0lBQ0wsQ0FBQztJQUNELG9DQUFvQyxDQUFDLENBQThCLEVBQUUsRUFBb0I7UUFDckYsSUFBSSxDQUFDLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRTtZQUN0QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1lBQ2hELFFBQVEsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLFFBQVEsQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztZQUN2RSxPQUFPO1NBQ1Y7UUFDRCxFQUFFLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7dUhBOUVRLDBCQUEwQjsyR0FBMUIsMEJBQTBCLGtVQzdCdkMsbWhJQStFQTsyRkRsRGEsMEJBQTBCO2tCQU50QyxTQUFTOytCQUNJLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTTtrSUFHdEMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgRXZlbnRFbWl0dGVyLFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkNoYW5nZXMsXHJcbiAgICBPbkluaXQsXHJcbiAgICBPdXRwdXQsXHJcbiAgICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgICBCYXNlQ29tcG9uZW50LFxyXG4gICAgR3JvdXBCeUl0ZW0sXHJcbiAgICBHcm91cEJ5UGlwZSxcclxuICAgIEludGVyc2VjdGlvblN0YXR1cyxcclxuICAgIE1ldGFvYmplY3REYXRhTW9kZWwsXHJcbiAgICBXb3JrZmxvd0V4ZWN1dGVDaG9pY2VTdGF0dXMsXHJcbiAgICBCYXJzYUFwaSxcclxuICAgIE5vdGlmaWNhdGlvbkl0ZW0sXHJcbiAgICBOb3RpZmljYXRpb25BY3Rpb25cclxufSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnQtbm90aWZpY2F0aW9uLWdyb3VwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uR3JvdXBDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gICAgQElucHV0KCkgbm90aWZpY2F0aW9uczogTm90aWZpY2F0aW9uSXRlbVtdIHwgbnVsbDtcclxuICAgIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBub3RpZmljYXRpb25Db3VudDogeyB1bnJlYWQ6IG51bWJlcjsgYWxsOiBudW1iZXIgfTtcclxuXHJcbiAgICBAT3V0cHV0KCkgdmlld2VkID0gbmV3IEV2ZW50RW1pdHRlcjxOb3RpZmljYXRpb25JdGVtPigpO1xyXG4gICAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpdGVtczogTm90aWZpY2F0aW9uSXRlbVtdOyBzaWxlbnQ6IGJvb2xlYW4gfT4oKTtcclxuICAgIEBPdXRwdXQoKSBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpdGVtOiBOb3RpZmljYXRpb25JdGVtOyBidG46IE5vdGlmaWNhdGlvbkFjdGlvbiB9PigpO1xyXG4gICAgQE91dHB1dCgpIHNob3cgPSBuZXcgRXZlbnRFbWl0dGVyPHsgbW86IE1ldGFvYmplY3REYXRhTW9kZWw7IG5hbWE6IHN0cmluZyB9PigpO1xyXG4gICAgQE91dHB1dCgpIGxvYWRNb3JlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gICAgZXhwYW5kZWQ6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XHJcblxyXG4gICAgdGFiTGlzdDogeyB0aXRsZTogc3RyaW5nOyBncm91cEJ5SXRlbXM6IEdyb3VwQnlJdGVtW10gfVtdID0gW1xyXG4gICAgICAgIHsgdGl0bGU6ICdCeSBEYXRlJywgZ3JvdXBCeUl0ZW1zOiBbXSB9LFxyXG4gICAgICAgIHsgdGl0bGU6ICdCeSBUeXBlJywgZ3JvdXBCeUl0ZW1zOiBbXSB9LFxyXG4gICAgICAgIHsgdGl0bGU6ICdCeSBQcmlvcml0eScsIGdyb3VwQnlJdGVtczogW10gfVxyXG4gICAgXTtcclxuICAgIHZpZXdlZE5vdGlmaWNhdGlvbnM6IE5vdGlmaWNhdGlvbkl0ZW1bXSA9IFtdO1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZ3JvdXBCeVBpcGU6IEdyb3VwQnlQaXBlLCBwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICAgICAgc3VwZXIoKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgICAgIHRoaXMuYXBwbHlHcm91cEJ5SXRlbXModGhpcy5ub3RpZmljYXRpb25zKTtcclxuICAgIH1cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcclxuICAgICAgICBjb25zdCB7IG5vdGlmaWNhdGlvbnMgfSA9IGNoYW5nZXM7XHJcbiAgICAgICAgaWYgKG5vdGlmaWNhdGlvbnMgJiYgIW5vdGlmaWNhdGlvbnMuZmlyc3RDaGFuZ2UpIHtcclxuICAgICAgICAgICAgdGhpcy5hcHBseUdyb3VwQnlJdGVtcyhub3RpZmljYXRpb25zLmN1cnJlbnRWYWx1ZSk7XHJcbiAgICAgICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgYXBwbHlHcm91cEJ5SXRlbXMobm90aWZpY2F0aW9uczogTm90aWZpY2F0aW9uSXRlbVtdIHwgbnVsbCk6IHZvaWQge1xyXG4gICAgICAgIGlmICghbm90aWZpY2F0aW9ucz8ubGVuZ3RoKSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy50YWJMaXN0WzBdLmdyb3VwQnlJdGVtcyA9IHRoaXMuX2dyb3VwQnlQaXBlLnRyYW5zZm9ybShub3RpZmljYXRpb25zLCAnQ3JlYXRpb25EYXRlJyk7XHJcbiAgICAgICAgdGhpcy50YWJMaXN0WzFdLmdyb3VwQnlJdGVtcyA9IHRoaXMuX2dyb3VwQnlQaXBlLnRyYW5zZm9ybShub3RpZmljYXRpb25zLCAnU3ViamVjdCcpO1xyXG4gICAgICAgIHRoaXMudGFiTGlzdFsyXS5ncm91cEJ5SXRlbXMgPSB0aGlzLl9ncm91cEJ5UGlwZS50cmFuc2Zvcm0obm90aWZpY2F0aW9ucywgJ1ByaW9yaXR5Jyk7XHJcbiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLnRhYkxpc3QubGVuZ3RoOyBpKyspIHtcclxuICAgICAgICAgICAgaWYgKHRoaXMudGFiTGlzdFtpXS5ncm91cEJ5SXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBmaXJzdEtleSA9IHRoaXMudGFiTGlzdFtpXS5ncm91cEJ5SXRlbXNbMF0ua2V5O1xyXG4gICAgICAgICAgICAgICAgaWYgKGZpcnN0S2V5ICYmIHR5cGVvZiB0aGlzLmV4cGFuZGVkW2ZpcnN0S2V5XSA9PT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLmV4cGFuZGVkW2ZpcnN0S2V5XSA9IHRydWU7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICBfdHJhY2tCeVRpdGxlKF9pbmRleDogbnVtYmVyLCBfOiB7IHRpdGxlOiBzdHJpbmc7IGdyb3VwQnlJdGVtczogR3JvdXBCeUl0ZW1bXSB9KTogbnVtYmVyIHwgc3RyaW5nIHtcclxuICAgICAgICByZXR1cm4gX2luZGV4O1xyXG4gICAgfVxyXG4gICAgX3RyYWNrQnlLZXkoX2luZGV4OiBudW1iZXIsIGl0ZW06IHsgaWQ6IHN0cmluZzsga2V5OiBzdHJpbmc7IHZhbHVlOiBhbnkgfSk6IG51bWJlciB8IHN0cmluZyB7XHJcbiAgICAgICAgcmV0dXJuIGl0ZW0ua2V5O1xyXG4gICAgfVxyXG4gICAgX3RyYWNrTW9CeUlkKF9pbmRleDogbnVtYmVyLCBtbzogTWV0YW9iamVjdERhdGFNb2RlbCk6IG51bWJlciB8IHN0cmluZyB7XHJcbiAgICAgICAgcmV0dXJuIG1vLklkO1xyXG4gICAgfVxyXG4gICAgb25WaXNpYmlsaXR5Q2hhbmdlKGU6IEludGVyc2VjdGlvblN0YXR1cywgbW86IE5vdGlmaWNhdGlvbkl0ZW0sIGlzTGFzdDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgICAgIGlmIChlID09PSBJbnRlcnNlY3Rpb25TdGF0dXMuVmlzaWJsZSkge1xyXG4gICAgICAgICAgICBpZiAobW8uVW5yZWFkKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnZpZXdlZE5vdGlmaWNhdGlvbnMgPSBbLi4udGhpcy52aWV3ZWROb3RpZmljYXRpb25zLmZpbHRlcigoYykgPT4gYy5VbnJlYWQpLCBtb107XHJcbiAgICAgICAgICAgICAgICB0aGlzLnZpZXdlZC5lbWl0KG1vKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAoaXNMYXN0KSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRNb3JlLmVtaXQoKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIG9uV29ya2Zsb3dFeGVjdXRlQ2hvaWNlU3RhdHVzQ2hhbmdlZChlOiBXb3JrZmxvd0V4ZWN1dGVDaG9pY2VTdGF0dXMsIG1vOiBOb3RpZmljYXRpb25JdGVtKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKGUucmVzdWx0ICYmICFlLmVycm9yKSB7XHJcbiAgICAgICAgICAgIHRoaXMucmVtb3ZlLmVtaXQoeyBpdGVtczogW21vXSwgc2lsZW50OiB0cnVlIH0pO1xyXG4gICAgICAgICAgICBCYXJzYUFwaS5Cdy5Ub2FzdC5TdWNjZXNzKGAke2UuY2hvaWNlPy5UaXRsZX0gJHtCYXJzYUFwaS5CQkIuQWN0aW9ufWApO1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG4gICAgICAgIG1vLiRDaG9pY2VEZWZTdGF0dXMgPSBlO1xyXG4gICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vdGlmaWNhdGlvbnMgJiYgbm90aWZpY2F0aW9ucy5sZW5ndGggPiAwOyBlbHNlIG5vRGF0YVwiPlxuICAgIDxuZy1jb250YWluZXI+XG4gICAgICAgIDxmZC1ub3RpZmljYXRpb24tZ3JvdXA+XG4gICAgICAgICAgICA8ZmQtdGFiLWxpc3Qgc2l6ZT1cInNcIj5cbiAgICAgICAgICAgICAgICA8ZmQtdGFiXG4gICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJ0YWIudGl0bGUgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYkxpc3Q7IGxldCBpbmRleCA9IGluZGV4OyB0cmFja0J5OiBfdHJhY2tCeVRpdGxlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxmZC1ub3RpZmljYXRpb24tZ3JvdXAtbGlzdFxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGdyb3VwSXRlbSBvZiB0YWIuZ3JvdXBCeUl0ZW1zOyBsZXQgaW5kZXggPSBpbmRleDsgdHJhY2tCeTogX3RyYWNrQnlLZXlcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmQtbm90aWZpY2F0aW9uLWdyb3VwLWhlYWRlciBbKGV4cGFuZGVkKV09XCJleHBhbmRlZFtncm91cEl0ZW0ua2V5XVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1ub3RpZmljYXRpb24taGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnQtbm90aWZpY2F0aW9uLWdyb3VwLWhlYWRlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25vdGlmaWNhdGlvbnNdPVwiZ3JvdXBJdGVtLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJncm91cEl0ZW0ua2V5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvYnQtbm90aWZpY2F0aW9uLWdyb3VwLWhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1oZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZkLW5vdGlmaWNhdGlvbi1hY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8IS0tIDxidXR0b24gZmQtYnV0dG9uIGxhYmVsPVwiQWNjZXB0IEFsbFwiPjwvYnV0dG9uPiAtLT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cIidEZWxldGVBbGwnIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInRGVsZXRlQWxsJyB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBnbHlwaD1cImRlY2xpbmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInJlbW92ZS5lbWl0KHsgaXRlbXM6IGdyb3VwSXRlbS52YWx1ZSwgc2lsZW50OiBmYWxzZSB9KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1hY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9mZC1ub3RpZmljYXRpb24tZ3JvdXAtaGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5vdGlmaWNhdGlvbkJvZHk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiBncm91cEl0ZW0udmFsdWUsIGV4cGFuZGVkOiBleHBhbmRlZFtncm91cEl0ZW0ua2V5XSB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwhLS0gPGZkLW5vdGlmaWNhdGlvbi1saW1pdCAqbmdJZj1cImdyb3VwSXRlbS52YWx1ZS5sZW5ndGggLSA0ID4gMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMSBmZC1ub3RpZmljYXRpb24tbGltaXQtdGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFRoZXJlIGFyZSB7eyBncm91cEl0ZW0udmFsdWUubGVuZ3RoIC0gNCB9fSBtb3JlIG5vdGlmaWNhdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2gxPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGZkLW5vdGlmaWNhdGlvbi1saW1pdC1kZXNjcmlwdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgWW91IG5lZWQgdG8gY2xvc2Ugb3IgdGFrZSBhY3Rpb24gb24gdGhlIGxpc3RlZCBub3RpZmljYXRpb25zIHRvIGRpc3BsYXkgbW9yZS5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1saW1pdD4gLS0+XG4gICAgICAgICAgICAgICAgICAgIDwvZmQtbm90aWZpY2F0aW9uLWdyb3VwLWxpc3Q+XG4gICAgICAgICAgICAgICAgPC9mZC10YWI+XG4gICAgICAgICAgICA8L2ZkLXRhYi1saXN0PlxuICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1ncm91cD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuPG5nLXRlbXBsYXRlICNub0RhdGE+XG4gICAgPGJzdS1uby1kYXRhICpuZ0lmPVwiIWxvYWRpbmc7IGVsc2UgbG9hZGluZ1RwbFwiPjwvYnN1LW5vLWRhdGE+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNsb2FkaW5nVHBsPlxuICAgIDxkaXYgc3R5bGU9XCJoZWlnaHQ6IDMwcHg7IHBvc2l0aW9uOiByZWxhdGl2ZVwiPlxuICAgICAgICA8YnN1LW1hc2sgW3RvcF09XCInMTBweCdcIj48L2JzdS1tYXNrPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjbm90aWZpY2F0aW9uSXRlbT4gPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNub3RpZmljYXRpb25Cb2R5IGxldC1ub3RpZmljYXRpb25zIGxldC1leGFwYW5kZWQ9XCJleHBhbmRlZFwiPlxuICAgIDxkaXYgc3R5bGU9XCJtYXgtaGVpZ2h0OiAzNDZweDsgb3ZlcmZsb3cteTogYXV0bzsgb3ZlcmZsb3cteDogaGlkZGVuXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG1vIG9mIG5vdGlmaWNhdGlvbnM7IHRyYWNrQnk6IF90cmFja01vQnlJZDsgbGV0IGZpcnN0ID0gZmlyc3Q7IGxldCBsYXN0ID0gbGFzdFwiPlxuICAgICAgICAgICAgPGJzdS1ub3RpZmljYXRpb24taXRlbVxuICAgICAgICAgICAgICAgIFtub3RpZmljYXRpb25JdGVtXT1cIm1vXCJcbiAgICAgICAgICAgICAgICAodmlld2VkKT1cInZpZXdlZC5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgIChyZW1vdmUpPVwicmVtb3ZlLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgKHNob3cpPVwic2hvdy5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgIChhY3Rpb25DbGljayk9XCJhY3Rpb25DbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgIGludGVyc2VjdGlvbk9ic2VydmVyXG4gICAgICAgICAgICAgICAgW2ludGVyc2VjdGlvblRocmVzaG9sZF09XCIwLjVcIlxuICAgICAgICAgICAgICAgICh2aXNpYmlsaXR5Q2hhbmdlKT1cIm9uVmlzaWJpbGl0eUNoYW5nZSgkZXZlbnQsIG1vLCBsYXN0KVwiXG4gICAgICAgICAgICA+PC9ic3Utbm90aWZpY2F0aW9uLWl0ZW0+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibG9hZGluZ1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxvYWRpbmdUcGxcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/shellbar/shellbar.component.mjs

@@ -195,7 +195,7 @@ export class ShellbarComponent extends BaseComponent {
     }
 }
 ShellbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ShellbarComponent, deps: [{ token: i1.PortalService }, { token: i1.BreadcrumbService }, { token: i2.TilesService }, { token: i0.ChangeDetectorRef }, { token: i1.BbbTranslatePipe }, { token: i3.DomSanitizer }, { token: i1.NotificationService }, { token: APP_VERSION }], target: i0.ɵɵFactoryTarget.Component });
-ShellbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ShellbarComponent, selector: "bt-shellbar", viewQueries: [{ propertyName: "comboboxComponent", first: true, predicate: ComboboxComponent, descendants: true }, { propertyName: "popoverComponent", first: true, predicate: ["popoverComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<link *ngIf=\"cssUrl$ | async as cssUrl\" type=\"text/css\" rel=\"stylesheet\" [href]=\"cssUrl\" />\r\n<link *ngIf=\"cssCustomUrl$ | async as cssCustomUrl\" type=\"text/css\" rel=\"stylesheet\" [href]=\"cssCustomUrl\" />\r\n\r\n<fd-shellbar *ngIf=\"(userLoggedIn$ | async) || allowAnonymous\" [size]=\"deviceSize\">\r\n    <fd-shellbar-logo *ngIf=\"logo\">\r\n        <a\r\n            [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\r\n            href=\"/\"\r\n            class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced\"\r\n            aria-label=\"Barsa Novin Ray\"\r\n        ></a>\r\n    </fd-shellbar-logo>\r\n\r\n    <fd-product-menu\r\n        *ngIf=\"!settings?.HideProductMenu && productMenuItems1 && productMenuItems1.length > 0\"\r\n        [control]=\"productMenuControl\"\r\n        [closePopoverOnSelect]=\"true\"\r\n        [items]=\"productMenuItems1\"\r\n    >\r\n    </fd-product-menu>\r\n\r\n    <fd-shellbar-subtitle> {{ subtitle | bbbTranslate }}{{ showVersion ? appVersion : '' }} </fd-shellbar-subtitle>\r\n    <fd-shellbar-actions\r\n        *ngIf=\"user && (userMenu?.length || !settings?.HideLanguage)\"\r\n        [user]=\"user\"\r\n        [userMenu]=\"userMenu\"\r\n        #langRef\r\n    >\r\n        <fd-shellbar-action\r\n            *ngFor=\"let action of actions\"\r\n            [glyph]=\"action.Icon\"\r\n            [callback]=\"action.Callback\"\r\n            [label]=\"action.Label\"\r\n        >\r\n        </fd-shellbar-action>\r\n\r\n        <fd-popover\r\n            *ngIf=\"!settings?.HideNotifications && (notificationsCount$ | async) as notificationCount\"\r\n            [(isOpen)]=\"isOpenNotificatoin\"\r\n            [triggers]=\"[]\"\r\n            [focusTrapped]=\"true\"\r\n            [noArrow]=\"true\"\r\n            placement=\"bottom\"\r\n            title=\"Notification Popover\"\r\n            [focusAutoCapture]=\"true\"\r\n            #popoverComponent\r\n        >\r\n            <fd-popover-control>\r\n                <fd-shellbar-action\r\n                    [glyph]=\"'bell'\"\r\n                    [label]=\"'Notification'\"\r\n                    [notificationCount]=\"notificationCount.unread\"\r\n                    [notificationLabel]=\"'Notification Label'\"\r\n                    [callback]=\"onOpenNotification\"\r\n                >\r\n                </fd-shellbar-action>\r\n            </fd-popover-control>\r\n            <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\r\n                <div\r\n                    style=\"position: relative; height: 100px\"\r\n                    *ngIf=\"!notifcationLoaded && (notificationLoading$ | async) === true\"\r\n                >\r\n                    <bsu-mask size=\"s\"></bsu-mask>\r\n                </div>\r\n                <bt-notification-group\r\n                    [notifications]=\"notifications$ | async\"\r\n                    [notificationCount]=\"notificationCount\"\r\n                    [loading]=\"(notificationLoading$ | async) === true\"\r\n                    (viewed)=\"onNotificationItemViewed($event)\"\r\n                    (remove)=\"onRemoveNotifications($event)\"\r\n                    (show)=\"popoverComponent.close(); onShowNotification($event)\"\r\n                    (actionClick)=\"popoverComponent.close(); onNotificationAction($event)\"\r\n                    (loadMore)=\"onNotificationLoadMore()\"\r\n                ></bt-notification-group>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n\r\n        <fd-shellbar-action\r\n            *ngIf=\"!settings?.HideLanguage && deviceSize !== 's'\"\r\n            [glyph]=\"'world'\"\r\n            [label]=\"'language'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n            (callback)=\"(onLanguage)\"\r\n        >\r\n        </fd-shellbar-action>\r\n        <ng-container *ngIf=\"!settings?.HideLanguage && deviceSize === 's'\">\r\n            <fd-shellbar-action\r\n                *ngFor=\"let culture of cultures | keyvalue\"\r\n                [label]=\"culture.value\"\r\n                [callback]=\"onLanguage\"\r\n            >\r\n            </fd-shellbar-action>\r\n        </ng-container>\r\n\r\n        <fd-product-switch *ngIf=\"productSwitcher.length > 0\">\r\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\r\n            </fd-product-switch-body>\r\n        </fd-product-switch>\r\n        <!-- <fd-combobox\r\n            [(ngModel)]=\"searchTerm\"\r\n            [dropdownValues]=\"searchTerms\"\r\n            [placeholder]=\"('EnterSearchCriteria' | bbbTranslate) + ' ...'\"\r\n            [compact]=\"true\"\r\n        >\r\n        </fd-combobox> -->\r\n    </fd-shellbar-actions>\r\n</fd-shellbar>\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n\r\n<fd-menu #menu>\r\n    <ul fd-list>\r\n        <li fd-list-item *ngFor=\"let culture of cultures | keyvalue\">\r\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\r\n                <span fd-list-title>{{ culture.value }} </span>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</fd-menu>\r\n", styles: [":host{display:block}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep fd-combobox .fd-input-group input{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}:host ::ng-deep fd-combobox .fd-input-group span{min-width:2rem;min-height:1.625rem}:host ::ng-deep .fd-shellbar__subtitle{font-size:1rem}:host ::ng-deep .fd-shellbar--s .fd-shellbar__subtitle{display:block}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i5.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i5.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i5.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { kind: "component", type: i6.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i6.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i7.ProductSwitchComponent, selector: "fd-product-switch", inputs: ["placement", "ariaLabel", "disabled"] }, { kind: "component", type: i7.ProductSwitchBodyComponent, selector: "fd-product-switch-body", inputs: ["dragAndDropEnabled", "products", "forceListMode"], outputs: ["productsChange", "itemClicked"] }, { kind: "component", type: i8.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i8.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i8.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i9.ShellbarComponent, selector: "fd-shellbar", inputs: ["size", "sideNav"] }, { kind: "component", type: i9.ProductMenuComponent, selector: "fd-product-menu", inputs: ["closeOnEscapeKey", "closeOnOutsideClick", "triggers", "placement", "disabled", "fillControlMode", "control", "items", "closePopoverOnSelect"] }, { kind: "component", type: i9.ShellbarSubtitleComponent, selector: "fd-shellbar-subtitle" }, { kind: "component", type: i9.ShellbarActionsComponent, selector: "fd-shellbar-actions", inputs: ["user", "userMenu", "closePopoverOnSelect", "collapsedItemMenuLabel"] }, { kind: "component", type: i9.ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: i9.ShellbarLogoComponent, selector: "fd-shellbar-logo" }, { kind: "component", type: i10.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i11.NotificationGroupComponent, selector: "bt-notification-group", inputs: ["notifications", "loading", "notificationCount"], outputs: ["viewed", "remove", "actionClick", "show", "loadMore"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ShellbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ShellbarComponent, selector: "bt-shellbar", viewQueries: [{ propertyName: "comboboxComponent", first: true, predicate: ComboboxComponent, descendants: true }, { propertyName: "popoverComponent", first: true, predicate: ["popoverComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<link *ngIf=\"cssUrl$ | async as cssUrl\" type=\"text/css\" rel=\"stylesheet\" [href]=\"cssUrl\" />\r\n<link *ngIf=\"cssCustomUrl$ | async as cssCustomUrl\" type=\"text/css\" rel=\"stylesheet\" [href]=\"cssCustomUrl\" />\r\n\r\n<fd-shellbar *ngIf=\"(userLoggedIn$ | async) || allowAnonymous\" [size]=\"deviceSize\">\r\n    <fd-shellbar-logo *ngIf=\"logo\">\r\n        <a\r\n            [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\r\n            href=\"/\"\r\n            class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced\"\r\n            aria-label=\"Barsa Novin Ray\"\r\n        ></a>\r\n    </fd-shellbar-logo>\r\n\r\n    <fd-product-menu\r\n        *ngIf=\"!settings?.HideProductMenu && productMenuItems1 && productMenuItems1.length > 0\"\r\n        [control]=\"productMenuControl\"\r\n        [closePopoverOnSelect]=\"true\"\r\n        [items]=\"productMenuItems1\"\r\n    >\r\n    </fd-product-menu>\r\n\r\n    <fd-shellbar-subtitle> {{ subtitle | bbbTranslate }}{{ showVersion ? appVersion : '' }} </fd-shellbar-subtitle>\r\n    <fd-shellbar-actions\r\n        *ngIf=\"user && (userMenu?.length || !settings?.HideLanguage)\"\r\n        [user]=\"user\"\r\n        [userMenu]=\"userMenu\"\r\n        #langRef\r\n    >\r\n        <fd-shellbar-action\r\n            *ngFor=\"let action of actions\"\r\n            [glyph]=\"action.Icon\"\r\n            [callback]=\"action.Callback\"\r\n            [label]=\"action.Label\"\r\n        >\r\n        </fd-shellbar-action>\r\n\r\n        <fd-popover\r\n            *ngIf=\"!settings?.HideNotifications && (notificationsCount$ | async) as notificationCount\"\r\n            [(isOpen)]=\"isOpenNotificatoin\"\r\n            [triggers]=\"[]\"\r\n            [focusTrapped]=\"true\"\r\n            [noArrow]=\"true\"\r\n            placement=\"bottom\"\r\n            title=\"Notification Popover\"\r\n            [focusAutoCapture]=\"true\"\r\n            #popoverComponent\r\n        >\r\n            <fd-popover-control>\r\n                <fd-shellbar-action\r\n                    [glyph]=\"'bell'\"\r\n                    [label]=\"'Notification'\"\r\n                    [notificationCount]=\"notificationCount.unread\"\r\n                    [notificationLabel]=\"'Notification Label'\"\r\n                    [callback]=\"onOpenNotification\"\r\n                >\r\n                </fd-shellbar-action>\r\n            </fd-popover-control>\r\n            <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\r\n                <div\r\n                    style=\"position: relative; height: 100px\"\r\n                    *ngIf=\"!notifcationLoaded && (notificationLoading$ | async) === true\"\r\n                >\r\n                    <bsu-mask size=\"s\"></bsu-mask>\r\n                </div>\r\n                <bt-notification-group\r\n                    [notifications]=\"notifications$ | async\"\r\n                    [notificationCount]=\"notificationCount\"\r\n                    [loading]=\"(notificationLoading$ | async) === true\"\r\n                    (viewed)=\"onNotificationItemViewed($event)\"\r\n                    (remove)=\"onRemoveNotifications($event)\"\r\n                    (show)=\"popoverComponent.close(); onShowNotification($event)\"\r\n                    (actionClick)=\"popoverComponent.close(); onNotificationAction($event)\"\r\n                    (loadMore)=\"onNotificationLoadMore()\"\r\n                ></bt-notification-group>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n\r\n        <fd-shellbar-action\r\n            *ngIf=\"!settings?.HideLanguage && deviceSize !== 's'\"\r\n            [glyph]=\"'world'\"\r\n            [label]=\"'language'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n            (callback)=\"(onLanguage)\"\r\n        >\r\n        </fd-shellbar-action>\r\n        <ng-container *ngIf=\"!settings?.HideLanguage && deviceSize === 's'\">\r\n            <fd-shellbar-action\r\n                *ngFor=\"let culture of cultures | keyvalue\"\r\n                [label]=\"culture.value\"\r\n                [callback]=\"onLanguage\"\r\n            >\r\n            </fd-shellbar-action>\r\n        </ng-container>\r\n\r\n        <fd-product-switch *ngIf=\"productSwitcher.length > 0\">\r\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\r\n            </fd-product-switch-body>\r\n        </fd-product-switch>\r\n        <!-- <fd-combobox\r\n            [(ngModel)]=\"searchTerm\"\r\n            [dropdownValues]=\"searchTerms\"\r\n            [placeholder]=\"('EnterSearchCriteria' | bbbTranslate) + ' ...'\"\r\n            [compact]=\"true\"\r\n        >\r\n        </fd-combobox> -->\r\n    </fd-shellbar-actions>\r\n</fd-shellbar>\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n\r\n<fd-menu #menu>\r\n    <ul fd-list>\r\n        <li fd-list-item *ngFor=\"let culture of cultures | keyvalue\">\r\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\r\n                <span fd-list-title>{{ culture.value }} </span>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</fd-menu>\r\n", styles: [":host{display:block}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep fd-combobox .fd-input-group input{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}:host ::ng-deep fd-combobox .fd-input-group span{min-width:2rem;min-height:1.625rem}:host ::ng-deep .fd-shellbar__subtitle{font-size:1rem}:host ::ng-deep .fd-shellbar--s .fd-shellbar__subtitle{display:block}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i5.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i5.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i5.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { kind: "component", type: i6.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i6.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i7.ProductSwitchComponent, selector: "fd-product-switch", inputs: ["placement", "ariaLabel", "disabled"] }, { kind: "component", type: i7.ProductSwitchBodyComponent, selector: "fd-product-switch-body", inputs: ["dragAndDropEnabled", "products", "forceListMode"], outputs: ["productsChange", "itemClicked"] }, { kind: "component", type: i8.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i8.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i8.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i9.ShellbarComponent, selector: "fd-shellbar", inputs: ["size", "sideNav"] }, { kind: "component", type: i9.ProductMenuComponent, selector: "fd-product-menu", inputs: ["closeOnEscapeKey", "closeOnOutsideClick", "triggers", "placement", "disabled", "fillControlMode", "control", "items", "closePopoverOnSelect"] }, { kind: "component", type: i9.ShellbarSubtitleComponent, selector: "fd-shellbar-subtitle" }, { kind: "component", type: i9.ShellbarActionsComponent, selector: "fd-shellbar-actions", inputs: ["user", "userMenu", "closePopoverOnSelect", "collapsedItemMenuLabel"] }, { kind: "component", type: i9.ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: i9.ShellbarLogoComponent, selector: "fd-shellbar-logo" }, { kind: "component", type: i10.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i11.NotificationGroupComponent, selector: "bt-notification-group", inputs: ["notifications", "loading", "notificationCount"], outputs: ["viewed", "remove", "actionClick", "show", "loadMore"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ShellbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bt-shellbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<link *ngIf=\"cssUrl$ | async as cssUrl\" type=\"text/css\" rel=\"stylesheet\" [href]=\"cssUrl\" />\r\n<link *ngIf=\"cssCustomUrl$ | async as cssCustomUrl\" type=\"text/css\" rel=\"stylesheet\" [href]=\"cssCustomUrl\" />\r\n\r\n<fd-shellbar *ngIf=\"(userLoggedIn$ | async) || allowAnonymous\" [size]=\"deviceSize\">\r\n    <fd-shellbar-logo *ngIf=\"logo\">\r\n        <a\r\n            [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\r\n            href=\"/\"\r\n            class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced\"\r\n            aria-label=\"Barsa Novin Ray\"\r\n        ></a>\r\n    </fd-shellbar-logo>\r\n\r\n    <fd-product-menu\r\n        *ngIf=\"!settings?.HideProductMenu && productMenuItems1 && productMenuItems1.length > 0\"\r\n        [control]=\"productMenuControl\"\r\n        [closePopoverOnSelect]=\"true\"\r\n        [items]=\"productMenuItems1\"\r\n    >\r\n    </fd-product-menu>\r\n\r\n    <fd-shellbar-subtitle> {{ subtitle | bbbTranslate }}{{ showVersion ? appVersion : '' }} </fd-shellbar-subtitle>\r\n    <fd-shellbar-actions\r\n        *ngIf=\"user && (userMenu?.length || !settings?.HideLanguage)\"\r\n        [user]=\"user\"\r\n        [userMenu]=\"userMenu\"\r\n        #langRef\r\n    >\r\n        <fd-shellbar-action\r\n            *ngFor=\"let action of actions\"\r\n            [glyph]=\"action.Icon\"\r\n            [callback]=\"action.Callback\"\r\n            [label]=\"action.Label\"\r\n        >\r\n        </fd-shellbar-action>\r\n\r\n        <fd-popover\r\n            *ngIf=\"!settings?.HideNotifications && (notificationsCount$ | async) as notificationCount\"\r\n            [(isOpen)]=\"isOpenNotificatoin\"\r\n            [triggers]=\"[]\"\r\n            [focusTrapped]=\"true\"\r\n            [noArrow]=\"true\"\r\n            placement=\"bottom\"\r\n            title=\"Notification Popover\"\r\n            [focusAutoCapture]=\"true\"\r\n            #popoverComponent\r\n        >\r\n            <fd-popover-control>\r\n                <fd-shellbar-action\r\n                    [glyph]=\"'bell'\"\r\n                    [label]=\"'Notification'\"\r\n                    [notificationCount]=\"notificationCount.unread\"\r\n                    [notificationLabel]=\"'Notification Label'\"\r\n                    [callback]=\"onOpenNotification\"\r\n                >\r\n                </fd-shellbar-action>\r\n            </fd-popover-control>\r\n            <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\r\n                <div\r\n                    style=\"position: relative; height: 100px\"\r\n                    *ngIf=\"!notifcationLoaded && (notificationLoading$ | async) === true\"\r\n                >\r\n                    <bsu-mask size=\"s\"></bsu-mask>\r\n                </div>\r\n                <bt-notification-group\r\n                    [notifications]=\"notifications$ | async\"\r\n                    [notificationCount]=\"notificationCount\"\r\n                    [loading]=\"(notificationLoading$ | async) === true\"\r\n                    (viewed)=\"onNotificationItemViewed($event)\"\r\n                    (remove)=\"onRemoveNotifications($event)\"\r\n                    (show)=\"popoverComponent.close(); onShowNotification($event)\"\r\n                    (actionClick)=\"popoverComponent.close(); onNotificationAction($event)\"\r\n                    (loadMore)=\"onNotificationLoadMore()\"\r\n                ></bt-notification-group>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n\r\n        <fd-shellbar-action\r\n            *ngIf=\"!settings?.HideLanguage && deviceSize !== 's'\"\r\n            [glyph]=\"'world'\"\r\n            [label]=\"'language'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n            (callback)=\"(onLanguage)\"\r\n        >\r\n        </fd-shellbar-action>\r\n        <ng-container *ngIf=\"!settings?.HideLanguage && deviceSize === 's'\">\r\n            <fd-shellbar-action\r\n                *ngFor=\"let culture of cultures | keyvalue\"\r\n                [label]=\"culture.value\"\r\n                [callback]=\"onLanguage\"\r\n            >\r\n            </fd-shellbar-action>\r\n        </ng-container>\r\n\r\n        <fd-product-switch *ngIf=\"productSwitcher.length > 0\">\r\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\r\n            </fd-product-switch-body>\r\n        </fd-product-switch>\r\n        <!-- <fd-combobox\r\n            [(ngModel)]=\"searchTerm\"\r\n            [dropdownValues]=\"searchTerms\"\r\n            [placeholder]=\"('EnterSearchCriteria' | bbbTranslate) + ' ...'\"\r\n            [compact]=\"true\"\r\n        >\r\n        </fd-combobox> -->\r\n    </fd-shellbar-actions>\r\n</fd-shellbar>\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n\r\n<fd-menu #menu>\r\n    <ul fd-list>\r\n        <li fd-list-item *ngFor=\"let culture of cultures | keyvalue\">\r\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\r\n                <span fd-list-title>{{ culture.value }} </span>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</fd-menu>\r\n", styles: [":host{display:block}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep fd-combobox .fd-input-group input{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}:host ::ng-deep fd-combobox .fd-input-group span{min-width:2rem;min-height:1.625rem}:host ::ng-deep .fd-shellbar__subtitle{font-size:1rem}:host ::ng-deep .fd-shellbar--s .fd-shellbar__subtitle{display:block}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem}\n"] }]

package/esm2020/lib/tile/tile.component.mjs

@@ -30,7 +30,7 @@ export class TileComponent extends TilePropsComponent {
     }
 }
 TileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TileComponent, selector: "bt-tile", inputs: { type: "type", footerTemplate: "footerTemplate", footer: "footer", disableClick: "disableClick", title: "title", subtitle: "subtitle", isDouble: "isDouble", edit: "edit", dynamicCommand: "dynamicCommand" }, host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0, template: "<fd-tile [type]=\"type\" [double]=\"isDouble\" [action]=\"edit\">\n    <ng-container *ngIf=\"edit && !data.Locked\">\n        <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\n        <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\n    </ng-container>\n    <div fd-tile-header>\n        <h1 fd-tile-title>\n            {{ title | bbbTranslate }}\n        </h1>\n        <h2 fd-tile-subtitle>\n            {{ subtitle | bbbTranslate }}\n        </h2>\n    </div>\n    <ng-content></ng-content>\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\n</fd-tile>\n<ng-template #defaultFooter>\n    <bt-footer-tile *ngIf=\"footer\" [settings]=\"footer\"></bt-footer-tile>\n</ng-template>\n<fd-menu #menu>\n    <li fd-menu-item>\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\n        </a>\n    </li>\n</fd-menu>\n<bsu-mask *ngIf=\"runningCommand\"></bsu-mask>\n", styles: [":host,fd-tile{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i4.TileComponent, selector: "fd-tile", inputs: ["class", "size", "double", "type", "action", "clickable"], outputs: ["tileClick"] }, { kind: "directive", type: i4.TileHeaderDirective, selector: "[fdTileHeader], [fd-tile-header]", inputs: ["twoColumn"] }, { kind: "directive", type: i4.TileTitleDirective, selector: "[fdTileTitle], [fd-tile-title]" }, { kind: "directive", type: i4.TileSubtitleDirective, selector: "[fdTileTitle], [fd-tile-subtitle]" }, { kind: "directive", type: i4.TileActionCloseDirective, selector: "[fdTileActionClose], [fd-tile-action-close]", inputs: ["class"] }, { kind: "directive", type: i4.TileActionIndicatorDirective, selector: "[fdTileActionIndicator], [fd-tile-action-indicator]", inputs: ["class"] }, { kind: "component", type: i5.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i6.FooterTileComponent, selector: "bt-footer-tile", inputs: ["settings"] }, { kind: "pipe", type: i7.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TileComponent, selector: "bt-tile", inputs: { type: "type", footerTemplate: "footerTemplate", footer: "footer", disableClick: "disableClick", title: "title", subtitle: "subtitle", isDouble: "isDouble", edit: "edit", dynamicCommand: "dynamicCommand" }, host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0, template: "<fd-tile [type]=\"type\" [double]=\"isDouble\" [action]=\"edit\">\n    <ng-container *ngIf=\"edit && !data.Locked\">\n        <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\n        <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\n    </ng-container>\n    <div fd-tile-header>\n        <h1 fd-tile-title>\n            {{ title | bbbTranslate }}\n        </h1>\n        <h2 fd-tile-subtitle>\n            {{ subtitle | bbbTranslate }}\n        </h2>\n    </div>\n    <ng-content></ng-content>\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\n</fd-tile>\n<ng-template #defaultFooter>\n    <bt-footer-tile *ngIf=\"footer\" [settings]=\"footer\"></bt-footer-tile>\n</ng-template>\n<fd-menu #menu>\n    <li fd-menu-item>\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\n        </a>\n    </li>\n</fd-menu>\n<bsu-mask *ngIf=\"runningCommand\"></bsu-mask>\n", styles: [":host,fd-tile{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i4.TileComponent, selector: "fd-tile", inputs: ["class", "size", "double", "type", "action", "clickable"], outputs: ["tileClick"] }, { kind: "directive", type: i4.TileHeaderDirective, selector: "[fdTileHeader], [fd-tile-header]", inputs: ["twoColumn"] }, { kind: "directive", type: i4.TileTitleDirective, selector: "[fdTileTitle], [fd-tile-title]" }, { kind: "directive", type: i4.TileSubtitleDirective, selector: "[fdTileTitle], [fd-tile-subtitle]" }, { kind: "directive", type: i4.TileActionCloseDirective, selector: "[fdTileActionClose], [fd-tile-action-close]", inputs: ["class"] }, { kind: "directive", type: i4.TileActionIndicatorDirective, selector: "[fdTileActionIndicator], [fd-tile-action-indicator]", inputs: ["class"] }, { kind: "component", type: i5.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i6.FooterTileComponent, selector: "bt-footer-tile", inputs: ["settings"] }, { kind: "pipe", type: i7.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bt-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-tile [type]=\"type\" [double]=\"isDouble\" [action]=\"edit\">\n    <ng-container *ngIf=\"edit && !data.Locked\">\n        <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\n        <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\n    </ng-container>\n    <div fd-tile-header>\n        <h1 fd-tile-title>\n            {{ title | bbbTranslate }}\n        </h1>\n        <h2 fd-tile-subtitle>\n            {{ subtitle | bbbTranslate }}\n        </h2>\n    </div>\n    <ng-content></ng-content>\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\n</fd-tile>\n<ng-template #defaultFooter>\n    <bt-footer-tile *ngIf=\"footer\" [settings]=\"footer\"></bt-footer-tile>\n</ng-template>\n<fd-menu #menu>\n    <li fd-menu-item>\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\n        </a>\n    </li>\n</fd-menu>\n<bsu-mask *ngIf=\"runningCommand\"></bsu-mask>\n", styles: [":host,fd-tile{display:block}\n"] }]

package/esm2020/lib/tiles-viewer/tiles-viewer.component.mjs

@@ -70,7 +70,7 @@ export class TilesViewerComponent extends BaseComponent {
     }
 }
 TilesViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TilesViewerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TilesViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TilesViewerComponent, selector: "bt-tiles-viewer", inputs: { appTileGroups: "appTileGroups", loading: "loading", edit: "edit", stackContent: "stackContent", deviceSize: "deviceSize", selectedAppGroupId: "selectedAppGroupId", DynamicComponents: "DynamicComponents" }, outputs: { stackContentChange: "stackContentChange", closeEditHome: "closeEditHome", save: "save", listDropped: "listDropped", tabChanged: "tabChanged", toggleGroup: "toggleGroup", resetGroup: "resetGroup", deleteGroup: "deleteGroup", hideAppTileClick: "hideAppTileClick", renameAppTileClick: "renameAppTileClick", tilesDropped: "tilesDropped" }, host: { properties: { "class.page-content": "this.pageContentClass", "attr.rtl": "this.rtl" } }, viewQueries: [{ propertyName: "tabListComponent", first: true, predicate: TabListComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"appTileGroups; else loadingTpl\">\n    <bsu-mask *ngIf=\"loading\"></bsu-mask>\n    <fd-dynamic-page\n        size=\"large\"\n        [ariaLabel]=\"'HomeEdit' | bbbTranslate\"\n        [autoResponsive]=\"true\"\n        [class.stack-mode]=\"stackContent\"\n    >\n        <fd-dynamic-page-header *ngIf=\"edit\" [title]=\"'HomeEdit' | bbbTranslate\">\n            <fd-dynamic-page-global-actions>\n                <fd-toolbar *ngIf=\"edit\" fdType=\"transparent\" [clearBorder]=\"true\">\n                    <label fd-form-label fd-toolbar-item>Stacked Content </label>\n                    <fd-switch\n                        fd-toolbar-item\n                        [checked]=\"stackContent\"\n                        (checkedChange)=\"onStackContentChanged($event)\"\n                    ></fd-switch>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" title=\"Close\" (click)=\"onCloseEditHome()\">\n                        <i class=\"sap-icon--decline\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-content>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    stackContent ? renderTabsStacked : renderTabs;\n                    context: {\n                        $implicit: appTileGroups,\n                        stackContent: stackContent,\n                        edit: edit\n                    }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer>\n            <div fd-bar barDesign=\"footer\" *ngIf=\"edit\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        [label]=\"'SaveAndClose' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        (click)=\"onExitEditHome(appTileGroups)\"\n                    ></fd-button-bar>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n</ng-container>\n\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n\n<ng-template #renderTabs let-appTileGroups let-stackContent=\"stackContent\" let-edit=\"edit\">\n    <fd-tab-list\n        class=\"tile-tabs\"\n        [size]=\"deviceSize\"\n        [collapseOverflow]=\"true\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        cdkDropList\n        cdkDropListOrientation=\"vertical\"\n        (cdkDropListDropped)=\"onDropGroup(appTileGroups, $event)\"\n        (selectedTabChange)=\"onSelectedTabChange($event, appTileGroups)\"\n    >\n        <ng-container *ngFor=\"let appTileGroup of appTileGroups; let i = index; trackBy: _trackById\">\n            <fd-tab\n                *ngIf=\"edit || appTileGroup.navigatorVisible\"\n                [title]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n                [ngClass]=\"'fd-tabs--' + deviceSize\"\n                [class.is-expanded]=\"selectedTabTitle === (appTileGroup.navigatorTitle | bbbTranslate)\"\n            >\n                <fd-dynamic-page-content [id]=\"appTileGroup.Id\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderGroup;\n                            context: {\n                                $implicit: appTileGroup,\n                                stackContent: stackContent,\n                                edit: edit,\n                                isAppTileSubGroup: false\n                            }\n                        \"\n                    ></ng-container>\n                </fd-dynamic-page-content>\n            </fd-tab>\n        </ng-container>\n    </fd-tab-list>\n</ng-template>\n<ng-template #renderTabsStacked let-appTileGroups let-stackContent=\"stackContent\" let-edit=\"edit\">\n    <fd-tab-list\n        class=\"tile-tabs\"\n        [size]=\"deviceSize\"\n        [collapseOverflow]=\"true\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        [stackContent]=\"true\"\n        [maxContentHeight]=\"stackContent ? 'calc(99vh - 2.75rem - 44px)' : 'calc(100vh - 44px)'\"\n        cdkDropList\n        cdkDropListOrientation=\"vertical\"\n        (cdkDropListDropped)=\"onDropGroup(appTileGroups, $event)\"\n    >\n        <ng-container *ngFor=\"let appTileGroup of appTileGroups; let i = index; trackBy: _trackById\">\n            <fd-tab\n                *ngIf=\"edit || appTileGroup.navigatorVisible\"\n                [title]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n                [ngClass]=\"'fd-tabs--' + deviceSize\"\n                [count]=\"appTileGroup.$Children?.length\"\n            >\n                <fd-dynamic-page-content [id]=\"appTileGroup.Id\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderGroup;\n                            context: {\n                                $implicit: appTileGroup,\n                                stackContent: stackContent,\n                                edit: edit,\n                                isAppTileSubGroup: false\n                            }\n                        \"\n                    ></ng-container>\n                </fd-dynamic-page-content>\n            </fd-tab>\n        </ng-container>\n    </fd-tab-list>\n</ng-template>\n<ng-template\n    #renderGroup\n    let-appTileGroup\n    let-stackContent=\"stackContent\"\n    let-edit=\"edit\"\n    let-isAppTileSubGroup=\"isAppTileSubGroup\"\n>\n    <bt-tiles-viewer-group\n        [appTileGroup]=\"appTileGroup\"\n        [edit]=\"edit\"\n        [stackContent]=\"stackContent\"\n        [isAppTileSubGroup]=\"isAppTileSubGroup\"\n        (tilesDropped)=\"onDrop($event)\"\n        (renameAppTileClick)=\"renameAppTileClick.emit($event)\"\n        (hideAppTileClick)=\"hideAppTileClick.emit($event)\"\n        (resetGroup)=\"resetGroup.emit($event)\"\n        (deleteGroup)=\"deleteGroup.emit($event)\"\n        (toggleGroup)=\"toggleGroup.emit($event)\"\n    ></bt-tiles-viewer-group>\n</ng-template>\n", styles: [":host{display:block}:host ::ng-deep .fd-panel__header{border:none;padding-left:0;padding-right:0}:host ::ng-deep fd-panel[edithome=false] .fd-panel__header:first-child{display:none}:host ::ng-deep .fd-panel__content{border-bottom:none;padding:1px}:host ::ng-deep fd-tab-list[noSpy] .fd-tabs__content{overflow-y:initial}:host ::ng-deep fd-dynamic-page section{height:calc(100vh - 44px)!important}:host ::ng-deep .footer-spacer{height:0}.fd-tabs__panel:not(.is-expanded){display:none}fd-dynamic-page.stack-mode fd-dynamic-page-content{overflow-y:hidden}fd-dynamic-page-content{padding:0!important}@media (max-width: 599px){bnrc-dynamic-component{margin-right:0!important;margin-left:0!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i5.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i5.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i5.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i5.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i5.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i6.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i7.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }, { kind: "component", type: i8.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i8.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i9.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i9.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i10.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i11.TilesViewerGroupComponent, selector: "bt-tiles-viewer-group", inputs: ["appTileGroup", "stackContent", "edit", "isAppTileSubGroup", "deviceSize"], outputs: ["tilesDropped", "hideAppTileClick", "renameAppTileClick", "toggleGroup", "resetGroup", "deleteGroup"] }, { kind: "pipe", type: i12.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TilesViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TilesViewerComponent, selector: "bt-tiles-viewer", inputs: { appTileGroups: "appTileGroups", loading: "loading", edit: "edit", stackContent: "stackContent", deviceSize: "deviceSize", selectedAppGroupId: "selectedAppGroupId", DynamicComponents: "DynamicComponents" }, outputs: { stackContentChange: "stackContentChange", closeEditHome: "closeEditHome", save: "save", listDropped: "listDropped", tabChanged: "tabChanged", toggleGroup: "toggleGroup", resetGroup: "resetGroup", deleteGroup: "deleteGroup", hideAppTileClick: "hideAppTileClick", renameAppTileClick: "renameAppTileClick", tilesDropped: "tilesDropped" }, host: { properties: { "class.page-content": "this.pageContentClass", "attr.rtl": "this.rtl" } }, viewQueries: [{ propertyName: "tabListComponent", first: true, predicate: TabListComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"appTileGroups; else loadingTpl\">\n    <bsu-mask *ngIf=\"loading\"></bsu-mask>\n    <fd-dynamic-page\n        size=\"large\"\n        [ariaLabel]=\"'HomeEdit' | bbbTranslate\"\n        [autoResponsive]=\"true\"\n        [class.stack-mode]=\"stackContent\"\n    >\n        <fd-dynamic-page-header *ngIf=\"edit\" [title]=\"'HomeEdit' | bbbTranslate\">\n            <fd-dynamic-page-global-actions>\n                <fd-toolbar *ngIf=\"edit\" fdType=\"transparent\" [clearBorder]=\"true\">\n                    <label fd-form-label fd-toolbar-item>Stacked Content </label>\n                    <fd-switch\n                        fd-toolbar-item\n                        [checked]=\"stackContent\"\n                        (checkedChange)=\"onStackContentChanged($event)\"\n                    ></fd-switch>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" title=\"Close\" (click)=\"onCloseEditHome()\">\n                        <i class=\"sap-icon--decline\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-content>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    stackContent ? renderTabsStacked : renderTabs;\n                    context: {\n                        $implicit: appTileGroups,\n                        stackContent: stackContent,\n                        edit: edit\n                    }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer>\n            <div fd-bar barDesign=\"footer\" *ngIf=\"edit\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        [label]=\"'SaveAndClose' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        (click)=\"onExitEditHome(appTileGroups)\"\n                    ></fd-button-bar>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n</ng-container>\n\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n\n<ng-template #renderTabs let-appTileGroups let-stackContent=\"stackContent\" let-edit=\"edit\">\n    <fd-tab-list\n        class=\"tile-tabs\"\n        [size]=\"deviceSize\"\n        [collapseOverflow]=\"true\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        cdkDropList\n        cdkDropListOrientation=\"vertical\"\n        (cdkDropListDropped)=\"onDropGroup(appTileGroups, $event)\"\n        (selectedTabChange)=\"onSelectedTabChange($event, appTileGroups)\"\n    >\n        <ng-container *ngFor=\"let appTileGroup of appTileGroups; let i = index; trackBy: _trackById\">\n            <fd-tab\n                *ngIf=\"edit || appTileGroup.navigatorVisible\"\n                [title]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n                [ngClass]=\"'fd-tabs--' + deviceSize\"\n                [class.is-expanded]=\"selectedTabTitle === (appTileGroup.navigatorTitle | bbbTranslate)\"\n            >\n                <fd-dynamic-page-content [id]=\"appTileGroup.Id\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderGroup;\n                            context: {\n                                $implicit: appTileGroup,\n                                stackContent: stackContent,\n                                edit: edit,\n                                isAppTileSubGroup: false\n                            }\n                        \"\n                    ></ng-container>\n                </fd-dynamic-page-content>\n            </fd-tab>\n        </ng-container>\n    </fd-tab-list>\n</ng-template>\n<ng-template #renderTabsStacked let-appTileGroups let-stackContent=\"stackContent\" let-edit=\"edit\">\n    <fd-tab-list\n        class=\"tile-tabs\"\n        [size]=\"deviceSize\"\n        [collapseOverflow]=\"true\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        [stackContent]=\"true\"\n        [maxContentHeight]=\"stackContent ? 'calc(99vh - 2.75rem - 44px)' : 'calc(100vh - 44px)'\"\n        cdkDropList\n        cdkDropListOrientation=\"vertical\"\n        (cdkDropListDropped)=\"onDropGroup(appTileGroups, $event)\"\n    >\n        <ng-container *ngFor=\"let appTileGroup of appTileGroups; let i = index; trackBy: _trackById\">\n            <fd-tab\n                *ngIf=\"edit || appTileGroup.navigatorVisible\"\n                [title]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n                [ngClass]=\"'fd-tabs--' + deviceSize\"\n                [count]=\"appTileGroup.$Children?.length\"\n            >\n                <fd-dynamic-page-content [id]=\"appTileGroup.Id\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderGroup;\n                            context: {\n                                $implicit: appTileGroup,\n                                stackContent: stackContent,\n                                edit: edit,\n                                isAppTileSubGroup: false\n                            }\n                        \"\n                    ></ng-container>\n                </fd-dynamic-page-content>\n            </fd-tab>\n        </ng-container>\n    </fd-tab-list>\n</ng-template>\n<ng-template\n    #renderGroup\n    let-appTileGroup\n    let-stackContent=\"stackContent\"\n    let-edit=\"edit\"\n    let-isAppTileSubGroup=\"isAppTileSubGroup\"\n>\n    <bt-tiles-viewer-group\n        [appTileGroup]=\"appTileGroup\"\n        [edit]=\"edit\"\n        [stackContent]=\"stackContent\"\n        [isAppTileSubGroup]=\"isAppTileSubGroup\"\n        (tilesDropped)=\"onDrop($event)\"\n        (renameAppTileClick)=\"renameAppTileClick.emit($event)\"\n        (hideAppTileClick)=\"hideAppTileClick.emit($event)\"\n        (resetGroup)=\"resetGroup.emit($event)\"\n        (deleteGroup)=\"deleteGroup.emit($event)\"\n        (toggleGroup)=\"toggleGroup.emit($event)\"\n    ></bt-tiles-viewer-group>\n</ng-template>\n", styles: [":host{display:block}:host ::ng-deep .fd-panel__header{border:none;padding-left:0;padding-right:0}:host ::ng-deep fd-panel[edithome=false] .fd-panel__header:first-child{display:none}:host ::ng-deep .fd-panel__content{border-bottom:none;padding:1px}:host ::ng-deep fd-tab-list[noSpy] .fd-tabs__content{overflow-y:initial}:host ::ng-deep fd-dynamic-page section{height:calc(100vh - 44px)!important}:host ::ng-deep .footer-spacer{height:0}.fd-tabs__panel:not(.is-expanded){display:none}fd-dynamic-page.stack-mode fd-dynamic-page-content{overflow-y:hidden}fd-dynamic-page-content{padding:0!important}@media (max-width: 599px){bnrc-dynamic-component{margin-right:0!important;margin-left:0!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i5.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i5.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i5.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i5.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i5.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i6.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i7.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }, { kind: "component", type: i8.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i8.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i9.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i9.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i10.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i11.TilesViewerGroupComponent, selector: "bt-tiles-viewer-group", inputs: ["appTileGroup", "stackContent", "edit", "isAppTileSubGroup", "deviceSize"], outputs: ["tilesDropped", "hideAppTileClick", "renameAppTileClick", "toggleGroup", "resetGroup", "deleteGroup"] }, { kind: "pipe", type: i12.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TilesViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bt-tiles-viewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"appTileGroups; else loadingTpl\">\n    <bsu-mask *ngIf=\"loading\"></bsu-mask>\n    <fd-dynamic-page\n        size=\"large\"\n        [ariaLabel]=\"'HomeEdit' | bbbTranslate\"\n        [autoResponsive]=\"true\"\n        [class.stack-mode]=\"stackContent\"\n    >\n        <fd-dynamic-page-header *ngIf=\"edit\" [title]=\"'HomeEdit' | bbbTranslate\">\n            <fd-dynamic-page-global-actions>\n                <fd-toolbar *ngIf=\"edit\" fdType=\"transparent\" [clearBorder]=\"true\">\n                    <label fd-form-label fd-toolbar-item>Stacked Content </label>\n                    <fd-switch\n                        fd-toolbar-item\n                        [checked]=\"stackContent\"\n                        (checkedChange)=\"onStackContentChanged($event)\"\n                    ></fd-switch>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" title=\"Close\" (click)=\"onCloseEditHome()\">\n                        <i class=\"sap-icon--decline\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-content>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    stackContent ? renderTabsStacked : renderTabs;\n                    context: {\n                        $implicit: appTileGroups,\n                        stackContent: stackContent,\n                        edit: edit\n                    }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer>\n            <div fd-bar barDesign=\"footer\" *ngIf=\"edit\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        [label]=\"'SaveAndClose' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        (click)=\"onExitEditHome(appTileGroups)\"\n                    ></fd-button-bar>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n</ng-container>\n\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n\n<ng-template #renderTabs let-appTileGroups let-stackContent=\"stackContent\" let-edit=\"edit\">\n    <fd-tab-list\n        class=\"tile-tabs\"\n        [size]=\"deviceSize\"\n        [collapseOverflow]=\"true\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        cdkDropList\n        cdkDropListOrientation=\"vertical\"\n        (cdkDropListDropped)=\"onDropGroup(appTileGroups, $event)\"\n        (selectedTabChange)=\"onSelectedTabChange($event, appTileGroups)\"\n    >\n        <ng-container *ngFor=\"let appTileGroup of appTileGroups; let i = index; trackBy: _trackById\">\n            <fd-tab\n                *ngIf=\"edit || appTileGroup.navigatorVisible\"\n                [title]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n                [ngClass]=\"'fd-tabs--' + deviceSize\"\n                [class.is-expanded]=\"selectedTabTitle === (appTileGroup.navigatorTitle | bbbTranslate)\"\n            >\n                <fd-dynamic-page-content [id]=\"appTileGroup.Id\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderGroup;\n                            context: {\n                                $implicit: appTileGroup,\n                                stackContent: stackContent,\n                                edit: edit,\n                                isAppTileSubGroup: false\n                            }\n                        \"\n                    ></ng-container>\n                </fd-dynamic-page-content>\n            </fd-tab>\n        </ng-container>\n    </fd-tab-list>\n</ng-template>\n<ng-template #renderTabsStacked let-appTileGroups let-stackContent=\"stackContent\" let-edit=\"edit\">\n    <fd-tab-list\n        class=\"tile-tabs\"\n        [size]=\"deviceSize\"\n        [collapseOverflow]=\"true\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        [stackContent]=\"true\"\n        [maxContentHeight]=\"stackContent ? 'calc(99vh - 2.75rem - 44px)' : 'calc(100vh - 44px)'\"\n        cdkDropList\n        cdkDropListOrientation=\"vertical\"\n        (cdkDropListDropped)=\"onDropGroup(appTileGroups, $event)\"\n    >\n        <ng-container *ngFor=\"let appTileGroup of appTileGroups; let i = index; trackBy: _trackById\">\n            <fd-tab\n                *ngIf=\"edit || appTileGroup.navigatorVisible\"\n                [title]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n                [ngClass]=\"'fd-tabs--' + deviceSize\"\n                [count]=\"appTileGroup.$Children?.length\"\n            >\n                <fd-dynamic-page-content [id]=\"appTileGroup.Id\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderGroup;\n                            context: {\n                                $implicit: appTileGroup,\n                                stackContent: stackContent,\n                                edit: edit,\n                                isAppTileSubGroup: false\n                            }\n                        \"\n                    ></ng-container>\n                </fd-dynamic-page-content>\n            </fd-tab>\n        </ng-container>\n    </fd-tab-list>\n</ng-template>\n<ng-template\n    #renderGroup\n    let-appTileGroup\n    let-stackContent=\"stackContent\"\n    let-edit=\"edit\"\n    let-isAppTileSubGroup=\"isAppTileSubGroup\"\n>\n    <bt-tiles-viewer-group\n        [appTileGroup]=\"appTileGroup\"\n        [edit]=\"edit\"\n        [stackContent]=\"stackContent\"\n        [isAppTileSubGroup]=\"isAppTileSubGroup\"\n        (tilesDropped)=\"onDrop($event)\"\n        (renameAppTileClick)=\"renameAppTileClick.emit($event)\"\n        (hideAppTileClick)=\"hideAppTileClick.emit($event)\"\n        (resetGroup)=\"resetGroup.emit($event)\"\n        (deleteGroup)=\"deleteGroup.emit($event)\"\n        (toggleGroup)=\"toggleGroup.emit($event)\"\n    ></bt-tiles-viewer-group>\n</ng-template>\n", styles: [":host{display:block}:host ::ng-deep .fd-panel__header{border:none;padding-left:0;padding-right:0}:host ::ng-deep fd-panel[edithome=false] .fd-panel__header:first-child{display:none}:host ::ng-deep .fd-panel__content{border-bottom:none;padding:1px}:host ::ng-deep fd-tab-list[noSpy] .fd-tabs__content{overflow-y:initial}:host ::ng-deep fd-dynamic-page section{height:calc(100vh - 44px)!important}:host ::ng-deep .footer-spacer{height:0}.fd-tabs__panel:not(.is-expanded){display:none}fd-dynamic-page.stack-mode fd-dynamic-page-content{overflow-y:hidden}fd-dynamic-page-content{padding:0!important}@media (max-width: 599px){bnrc-dynamic-component{margin-right:0!important;margin-left:0!important}}\n"] }]