barsa-tiles 2.0.92 → 2.0.93

package/esm2022/lib/barsa-tile-sidebar-page/barsa-tile-sidebar-page.component.mjs

@@ -4,17 +4,13 @@ import { BarsaApi, getDeviceIsMobile, LocalStorageService, BreadcrumbService, Ro
 import { takeUntil } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
-import * as i2 from "@angular/cdk/scrolling";
+import * as i2 from "@fundamental-ngx/core/bar";
 import * as i3 from "@fundamental-ngx/core/breadcrumb";
-import * as i4 from "@fundamental-ngx/core/button";
-import * as i5 from "@fundamental-ngx/core/card";
-import * as i6 from "@fundamental-ngx/core/dynamic-page";
-import * as i7 from "@fundamental-ngx/core/dynamic-side-content";
-import * as i8 from "@fundamental-ngx/core/toolbar";
-import * as i9 from "@fundamental-ngx/core/message-page";
-import * as i10 from "barsa-novin-ray-core";
-import * as i11 from "barsa-sap-ui";
-import * as i12 from "@angular/common";
+import * as i4 from "@fundamental-ngx/core/dynamic-side-content";
+import * as i5 from "@fundamental-ngx/core/message-page";
+import * as i6 from "barsa-novin-ray-core";
+import * as i7 from "barsa-sap-ui";
+import * as i8 from "@angular/common";
 export class BarsaTileSidebarPageComponent extends EmptyPageComponent {
     constructor() {
         super(...arguments);
@@ -40,10 +36,10 @@ export class BarsaTileSidebarPageComponent extends EmptyPageComponent {
         this._router.navigate(['../']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileSidebarPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTileSidebarPageComponent, selector: "bt-barsa-tile-sidebar-page", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: "<fd-dynamic-page [autoResponsive]=\"true\">\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"true\"\r\n        [title]=\"title | bbbTranslate\"\r\n        [class.p-b0]=\"true\"\r\n        [class.hide-title]=\"false\"\r\n    >\r\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n            <fd-breadcrumb>\r\n                @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\r\n                i = $index; let last = $last) {\r\n                <fd-breadcrumb-item>\r\n                    <bsu-breadcrumb\r\n                        [index]=\"i\"\r\n                        [isLast]=\"last\"\r\n                        [breadCrumb]=\"breadCrumb\"\r\n                        [allBreadCrumb]=\"breadCrumbs\"\r\n                    ></bsu-breadcrumb>\r\n                </fd-breadcrumb-item>\r\n                } }\r\n            </fd-breadcrumb>\r\n        </fd-dynamic-page-breadcrumb>\r\n        <fd-dynamic-page-layout-actions>\r\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\r\n                    <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                </button>\r\n            </fd-toolbar>\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n\r\n    <fd-dynamic-page-content cdkScrollable>\r\n        <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\r\n            <fd-dynamic-side-content-side>\r\n                <ng-container #containerRef></ng-container>\r\n            </fd-dynamic-side-content-side>\r\n            <fd-dynamic-side-content-main>\r\n                <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\r\n                    <fd-card-content style=\"display: flex\">\r\n                        @if(firstReportLoaded()===false){\r\n                        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\r\n                            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\r\n                        </fd-message-page>\r\n                        }\r\n                        <router-outlet name=\"mainside\"> </router-outlet>\r\n                    </fd-card-content>\r\n                </fd-card>\r\n            </fd-dynamic-side-content-main>\r\n        </fd-dynamic-side-content>\r\n    </fd-dynamic-page-content>\r\n</fd-dynamic-page>\r\n<div class=\"xxxxxx\">\r\n    <router-outlet></router-outlet>\r\n</div>\r\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0 .1825rem;background-color:var(--sapBaseColor)}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:BarsaFont Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;box-shadow:11px -2px 15px -21px #0000004d;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i3.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i3.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: i6.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "component", type: i6.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i6.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i6.DynamicPageBreadcrumbComponent, selector: "fd-dynamic-page-breadcrumb" }, { kind: "component", type: i7.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i7.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i7.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i9.MessagePageComponent, selector: "fd-message-page", inputs: ["class", "type", "hasIcon", "glyphFont", "glyph"] }, { kind: "component", type: i9.MessagePageTitleComponent, selector: "fd-message-page-title" }, { kind: "directive", type: i10.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i11.BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i12.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTileSidebarPageComponent, selector: "bt-barsa-tile-sidebar-page", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: "<div fd-bar>\n    <div fd-bar-left style=\"flex: 1; width: 100%\">\n        <fd-breadcrumb style=\"width: 100%\">\n            @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let i =\n            $index; let last = $last) {\n            <fd-breadcrumb-item>\n                <bsu-breadcrumb\n                    [index]=\"i\"\n                    [isLast]=\"last\"\n                    [breadCrumb]=\"breadCrumb\"\n                    [allBreadCrumb]=\"breadCrumbs\"\n                ></bsu-breadcrumb>\n            </fd-breadcrumb-item>\n            } }\n        </fd-breadcrumb>\n    </div>\n</div>\n\n<fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace style=\"overflow: auto\">\n    <fd-dynamic-side-content-side>\n        <ng-container #containerRef></ng-container>\n    </fd-dynamic-side-content-side>\n    <fd-dynamic-side-content-main style=\"margin: 2rem\">\n        @if(firstReportLoaded()===false){\n        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\n            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\n        </fd-message-page>\n        }\n        <router-outlet name=\"mainside\"> </router-outlet>\n    </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n<div class=\"sidbar-outlet\">\n    <router-outlet></router-outlet>\n</div>\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0;background-color:var(--sapBaseColor);border:.0625rem solid var(--sapTile_SeparatorColor, #ccc);border-top:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:BarsaFont Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "component", type: i3.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i3.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i4.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i5.MessagePageComponent, selector: "fd-message-page", inputs: ["class", "type", "hasIcon", "glyphFont", "glyph"] }, { kind: "component", type: i5.MessagePageTitleComponent, selector: "fd-message-page-title" }, { kind: "directive", type: i6.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i7.BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileSidebarPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "<fd-dynamic-page [autoResponsive]=\"true\">\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"true\"\r\n        [title]=\"title | bbbTranslate\"\r\n        [class.p-b0]=\"true\"\r\n        [class.hide-title]=\"false\"\r\n    >\r\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n            <fd-breadcrumb>\r\n                @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\r\n                i = $index; let last = $last) {\r\n                <fd-breadcrumb-item>\r\n                    <bsu-breadcrumb\r\n                        [index]=\"i\"\r\n                        [isLast]=\"last\"\r\n                        [breadCrumb]=\"breadCrumb\"\r\n                        [allBreadCrumb]=\"breadCrumbs\"\r\n                    ></bsu-breadcrumb>\r\n                </fd-breadcrumb-item>\r\n                } }\r\n            </fd-breadcrumb>\r\n        </fd-dynamic-page-breadcrumb>\r\n        <fd-dynamic-page-layout-actions>\r\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\r\n                    <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                </button>\r\n            </fd-toolbar>\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n\r\n    <fd-dynamic-page-content cdkScrollable>\r\n        <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\r\n            <fd-dynamic-side-content-side>\r\n                <ng-container #containerRef></ng-container>\r\n            </fd-dynamic-side-content-side>\r\n            <fd-dynamic-side-content-main>\r\n                <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\r\n                    <fd-card-content style=\"display: flex\">\r\n                        @if(firstReportLoaded()===false){\r\n                        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\r\n                            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\r\n                        </fd-message-page>\r\n                        }\r\n                        <router-outlet name=\"mainside\"> </router-outlet>\r\n                    </fd-card-content>\r\n                </fd-card>\r\n            </fd-dynamic-side-content-main>\r\n        </fd-dynamic-side-content>\r\n    </fd-dynamic-page-content>\r\n</fd-dynamic-page>\r\n<div class=\"xxxxxx\">\r\n    <router-outlet></router-outlet>\r\n</div>\r\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0 .1825rem;background-color:var(--sapBaseColor)}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:BarsaFont Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;box-shadow:11px -2px 15px -21px #0000004d;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"] }]
+            args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "<div fd-bar>\n    <div fd-bar-left style=\"flex: 1; width: 100%\">\n        <fd-breadcrumb style=\"width: 100%\">\n            @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let i =\n            $index; let last = $last) {\n            <fd-breadcrumb-item>\n                <bsu-breadcrumb\n                    [index]=\"i\"\n                    [isLast]=\"last\"\n                    [breadCrumb]=\"breadCrumb\"\n                    [allBreadCrumb]=\"breadCrumbs\"\n                ></bsu-breadcrumb>\n            </fd-breadcrumb-item>\n            } }\n        </fd-breadcrumb>\n    </div>\n</div>\n\n<fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace style=\"overflow: auto\">\n    <fd-dynamic-side-content-side>\n        <ng-container #containerRef></ng-container>\n    </fd-dynamic-side-content-side>\n    <fd-dynamic-side-content-main style=\"margin: 2rem\">\n        @if(firstReportLoaded()===false){\n        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\n            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\n        </fd-message-page>\n        }\n        <router-outlet name=\"mainside\"> </router-outlet>\n    </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n<div class=\"sidbar-outlet\">\n    <router-outlet></router-outlet>\n</div>\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0;background-color:var(--sapBaseColor);border:.0625rem solid var(--sapTile_SeparatorColor, #ccc);border-top:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:BarsaFont Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGlsZS1zaWRlYmFyLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtdGlsZXMvc3JjL2xpYi9iYXJzYS10aWxlLXNpZGViYXItcGFnZS9iYXJzYS10aWxlLXNpZGViYXItcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2JhcnNhLXRpbGUtc2lkZWJhci1wYWdlL2JhcnNhLXRpbGUtc2lkZWJhci1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFhLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekMsT0FBTyxFQUNILFFBQVEsRUFDUixpQkFBaUIsRUFDakIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUVqQixjQUFjLEVBQ2Qsa0JBQWtCLEVBQ3JCLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFTN0MsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGtCQUFrQjtJQVByRTs7UUFRSSxhQUFRLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQztRQUMvQixRQUFHLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixrQkFBYSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQzVDLHVCQUFrQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQy9DLG9CQUFlLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsMERBQTBEO1FBRzlHLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztLQWNyQztJQWJHLFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNqRixDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsRixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksQ0FBQztRQUN6RCxJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEMsSUFBSSxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFDRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ25DLENBQUM7OEdBdEJRLDZCQUE2QjtrR0FBN0IsNkJBQTZCLHFEQUYzQixDQUFDLGNBQWMsQ0FBQyxpRENuQi9CLCtwRkFzREE7OzJGRGpDYSw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBQ0ksNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBPbkNoYW5nZXMsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHtcbiAgICBCYXJzYUFwaSxcbiAgICBnZXREZXZpY2VJc01vYmlsZSxcbiAgICBMb2NhbFN0b3JhZ2VTZXJ2aWNlLFxuICAgIEJyZWFkY3J1bWJTZXJ2aWNlLFxuICAgIEJyZWFkQ3J1bWJJbmZvLFxuICAgIFJvdXRpbmdTZXJ2aWNlLFxuICAgIEVtcHR5UGFnZUNvbXBvbmVudFxufSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdidC1iYXJzYS10aWxlLXNpZGViYXItcGFnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcnNhLXRpbGUtc2lkZWJhci1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS10aWxlLXNpZGViYXItcGFnZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1JvdXRpbmdTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBCYXJzYVRpbGVTaWRlYmFyUGFnZUNvbXBvbmVudCBleHRlbmRzIEVtcHR5UGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgaXNNb2JpbGUgPSBnZXREZXZpY2VJc01vYmlsZSgpO1xuICAgIHJ0bCA9IEJhcnNhQXBpLkxvZ2luRm9ybURhdGEuSXNSdGw7XG4gICAgcHJvdGVjdGVkIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgICBwcm90ZWN0ZWQgX2xvY2FsU3RvcmFnZSA9IGluamVjdChMb2NhbFN0b3JhZ2VTZXJ2aWNlKTtcbiAgICBwcm90ZWN0ZWQgX2JyZWFkQ3J1bWJTZXJ2aWNlID0gaW5qZWN0KEJyZWFkY3J1bWJTZXJ2aWNlKTtcbiAgICBwcm90ZWN0ZWQgX3JvdXRpbmdTZXJ2aWNlID0gaW5qZWN0KFJvdXRpbmdTZXJ2aWNlKTsgLy8gY3JlYXRlIG5ldyByb3V0aW5nIHNlcnZpY2UgdG8gaGFuZGxlIHNpZGViYXIgbmF2aWdhdGlvblxuICAgIGJyZWFkY3J1bWJzJDogT2JzZXJ2YWJsZTxCcmVhZENydW1iSW5mb1tdPjtcbiAgICB0aXRsZTogc3RyaW5nIHwgbnVsbDtcbiAgICBmaXJzdFJlcG9ydExvYWRlZCA9IHNpZ25hbChmYWxzZSk7XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuaXNGaXJzdFBhZ2UgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5fcG9ydGFsU2VydmljZS5uYXZpZ2F0aW9uRW5kJC5waXBlKHRha2VVbnRpbCh0aGlzLl9vbkRlc3Ryb3kkKSkuc3Vic2NyaWJlKChjKSA9PiB7XG4gICAgICAgICAgICBjICYmIGMudXJsLmluZGV4T2YoJ21haW5zaWRlOnJlcG9ydCcpID4gMCAmJiB0aGlzLmZpcnN0UmVwb3J0TG9hZGVkLnNldCh0cnVlKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuYnJlYWRjcnVtYnMkID0gdGhpcy5fYnJlYWRDcnVtYlNlcnZpY2UuYnJlYWRjcnVtYnMkO1xuICAgICAgICB0aGlzLl9yb3V0aW5nU2VydmljZS5pc1NpZGViYXIgPSB0cnVlO1xuICAgICAgICB0aGlzLnRpdGxlID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ0FjdGl2ZVRpbGUnKTtcbiAgICB9XG4gICAgb25DbG9zZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFsnLi4vJ10pO1xuICAgIH1cbn1cbiIsIjxmZC1keW5hbWljLXBhZ2UgW2F1dG9SZXNwb25zaXZlXT1cInRydWVcIj5cclxuICAgIDxmZC1keW5hbWljLXBhZ2UtaGVhZGVyXHJcbiAgICAgICAgW2NsYXNzLnNpbXBsZS10aXRsZV09XCJ0cnVlXCJcclxuICAgICAgICBbdGl0bGVdPVwidGl0bGUgfCBiYmJUcmFuc2xhdGVcIlxyXG4gICAgICAgIFtjbGFzcy5wLWIwXT1cInRydWVcIlxyXG4gICAgICAgIFtjbGFzcy5oaWRlLXRpdGxlXT1cImZhbHNlXCJcclxuICAgID5cclxuICAgICAgICA8ZmQtZHluYW1pYy1wYWdlLWJyZWFkY3J1bWIgW2NsYXNzLmhpZGVdPVwiaXNNb2JpbGVcIj5cclxuICAgICAgICAgICAgPGZkLWJyZWFkY3J1bWI+XHJcbiAgICAgICAgICAgICAgICBAaWYgKGJyZWFkY3J1bWJzJCB8IGFzeW5jOyBhcyBicmVhZENydW1icykgeyBAZm9yICggYnJlYWRDcnVtYiBvZiBicmVhZENydW1icyA7dHJhY2sgYnJlYWRDcnVtYi51cmw7IGxldFxyXG4gICAgICAgICAgICAgICAgaSA9ICRpbmRleDsgbGV0IGxhc3QgPSAkbGFzdCkge1xyXG4gICAgICAgICAgICAgICAgPGZkLWJyZWFkY3J1bWItaXRlbT5cclxuICAgICAgICAgICAgICAgICAgICA8YnN1LWJyZWFkY3J1bWJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2luZGV4XT1cImlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbaXNMYXN0XT1cImxhc3RcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbYnJlYWRDcnVtYl09XCJicmVhZENydW1iXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2FsbEJyZWFkQ3J1bWJdPVwiYnJlYWRDcnVtYnNcIlxyXG4gICAgICAgICAgICAgICAgICAgID48L2JzdS1icmVhZGNydW1iPlxyXG4gICAgICAgICAgICAgICAgPC9mZC1icmVhZGNydW1iLWl0ZW0+XHJcbiAgICAgICAgICAgICAgICB9IH1cclxuICAgICAgICAgICAgPC9mZC1icmVhZGNydW1iPlxyXG4gICAgICAgIDwvZmQtZHluYW1pYy1wYWdlLWJyZWFkY3J1bWI+XHJcbiAgICAgICAgPGZkLWR5bmFtaWMtcGFnZS1sYXlvdXQtYWN0aW9ucz5cclxuICAgICAgICAgICAgPGZkLXRvb2xiYXIgZmRUeXBlPVwidHJhbnNwYXJlbnRcIiBbY2xlYXJCb3JkZXJdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBmZC1idXR0b24gZmRUeXBlPVwidHJhbnNwYXJlbnRcIiBhcmlhLWxhYmVsPVwiQ2xvc2VcIiAoY2xpY2spPVwib25DbG9zZSgpXCIgdGl0bGU9XCJDbG9zZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIFtjbGFzc109XCInc2FwLWljb24tLScgKyAoaXNNb2JpbGUgPyAocnRsID8gJ2Fycm93LXJpZ2h0JyA6ICdhcnJvdy1sZWZ0JykgOiAnZGVjbGluZScpXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZmQtdG9vbGJhcj5cclxuICAgICAgICA8L2ZkLWR5bmFtaWMtcGFnZS1sYXlvdXQtYWN0aW9ucz5cclxuICAgIDwvZmQtZHluYW1pYy1wYWdlLWhlYWRlcj5cclxuXHJcbiAgICA8ZmQtZHluYW1pYy1wYWdlLWNvbnRlbnQgY2RrU2Nyb2xsYWJsZT5cclxuICAgICAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQgY2xhc3M9XCJ0aWxlcy1zaWRlYmFyLXdyYXBwZXJcIiBmaWxsRW1wdHlTcGFjZSBbZGVjcmVtZW50XT1cIic1MHB4J1wiPlxyXG4gICAgICAgICAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtc2lkZT5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgI2NvbnRhaW5lclJlZj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9mZC1keW5hbWljLXNpZGUtY29udGVudC1zaWRlPlxyXG4gICAgICAgICAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtbWFpbj5cclxuICAgICAgICAgICAgICAgIDxmZC1jYXJkIHN0eWxlPVwiYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjA1KSAwcHggMXB4IDJweCAwcHhcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmQtY2FyZC1jb250ZW50IHN0eWxlPVwiZGlzcGxheTogZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYoZmlyc3RSZXBvcnRMb2FkZWQoKT09PWZhbHNlKXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgPGZkLW1lc3NhZ2UtcGFnZSB0eXBlPVwibm8taXRlbXNcIiBzdHlsZT1cImFsaWduLXNlbGY6IGNlbnRlcjsgYmFja2dyb3VuZDogdHJhbnNwYXJlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1tZXNzYWdlLXBhZ2UtdGl0bGU+e3sgJ1NlYXJjaEluUmVwb3J0cycgfCBiYmJUcmFuc2xhdGUgfX08L2ZkLW1lc3NhZ2UtcGFnZS10aXRsZT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9mZC1tZXNzYWdlLXBhZ2U+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHJvdXRlci1vdXRsZXQgbmFtZT1cIm1haW5zaWRlXCI+IDwvcm91dGVyLW91dGxldD5cclxuICAgICAgICAgICAgICAgICAgICA8L2ZkLWNhcmQtY29udGVudD5cclxuICAgICAgICAgICAgICAgIDwvZmQtY2FyZD5cclxuICAgICAgICAgICAgPC9mZC1keW5hbWljLXNpZGUtY29udGVudC1tYWluPlxyXG4gICAgICAgIDwvZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQ+XHJcbiAgICA8L2ZkLWR5bmFtaWMtcGFnZS1jb250ZW50PlxyXG48L2ZkLWR5bmFtaWMtcGFnZT5cclxuPGRpdiBjbGFzcz1cInh4eHh4eFwiPlxyXG4gICAgPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGlsZS1zaWRlYmFyLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtdGlsZXMvc3JjL2xpYi9iYXJzYS10aWxlLXNpZGViYXItcGFnZS9iYXJzYS10aWxlLXNpZGViYXItcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2JhcnNhLXRpbGUtc2lkZWJhci1wYWdlL2JhcnNhLXRpbGUtc2lkZWJhci1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFhLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekMsT0FBTyxFQUNILFFBQVEsRUFDUixpQkFBaUIsRUFDakIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUVqQixjQUFjLEVBQ2Qsa0JBQWtCLEVBQ3JCLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7OztBQVM3QyxNQUFNLE9BQU8sNkJBQThCLFNBQVEsa0JBQWtCO0lBUHJFOztRQVFJLGFBQVEsR0FBRyxpQkFBaUIsRUFBRSxDQUFDO1FBQy9CLFFBQUcsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQztRQUN6QixZQUFPLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLGtCQUFhLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDNUMsdUJBQWtCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDL0Msb0JBQWUsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQywwREFBMEQ7UUFHOUcsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBY3JDO0lBYkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsY0FBYyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ2pGLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xGLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDO1FBQ3pELElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QyxJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUNELE9BQU87UUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs4R0F0QlEsNkJBQTZCO2tHQUE3Qiw2QkFBNkIscURBRjNCLENBQUMsY0FBYyxDQUFDLGlEQ25CL0IsZzVDQWtDQTs7MkZEYmEsNkJBQTZCO2tCQVB6QyxTQUFTOytCQUNJLDRCQUE0QixtQkFHckIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgT25DaGFuZ2VzLCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7XG4gICAgQmFyc2FBcGksXG4gICAgZ2V0RGV2aWNlSXNNb2JpbGUsXG4gICAgTG9jYWxTdG9yYWdlU2VydmljZSxcbiAgICBCcmVhZGNydW1iU2VydmljZSxcbiAgICBCcmVhZENydW1iSW5mbyxcbiAgICBSb3V0aW5nU2VydmljZSxcbiAgICBFbXB0eVBhZ2VDb21wb25lbnRcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnQtYmFyc2EtdGlsZS1zaWRlYmFyLXBhZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYXJzYS10aWxlLXNpZGViYXItcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFyc2EtdGlsZS1zaWRlYmFyLXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtSb3V0aW5nU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgQmFyc2FUaWxlU2lkZWJhclBhZ2VDb21wb25lbnQgZXh0ZW5kcyBFbXB0eVBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAgIGlzTW9iaWxlID0gZ2V0RGV2aWNlSXNNb2JpbGUoKTtcbiAgICBydGwgPSBCYXJzYUFwaS5Mb2dpbkZvcm1EYXRhLklzUnRsO1xuICAgIHByb3RlY3RlZCBfcm91dGVyID0gaW5qZWN0KFJvdXRlcik7XG4gICAgcHJvdGVjdGVkIF9sb2NhbFN0b3JhZ2UgPSBpbmplY3QoTG9jYWxTdG9yYWdlU2VydmljZSk7XG4gICAgcHJvdGVjdGVkIF9icmVhZENydW1iU2VydmljZSA9IGluamVjdChCcmVhZGNydW1iU2VydmljZSk7XG4gICAgcHJvdGVjdGVkIF9yb3V0aW5nU2VydmljZSA9IGluamVjdChSb3V0aW5nU2VydmljZSk7IC8vIGNyZWF0ZSBuZXcgcm91dGluZyBzZXJ2aWNlIHRvIGhhbmRsZSBzaWRlYmFyIG5hdmlnYXRpb25cbiAgICBicmVhZGNydW1icyQ6IE9ic2VydmFibGU8QnJlYWRDcnVtYkluZm9bXT47XG4gICAgdGl0bGU6IHN0cmluZyB8IG51bGw7XG4gICAgZmlyc3RSZXBvcnRMb2FkZWQgPSBzaWduYWwoZmFsc2UpO1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLmlzRmlyc3RQYWdlID0gZmFsc2U7XG4gICAgICAgIHRoaXMuX3BvcnRhbFNlcnZpY2UubmF2aWdhdGlvbkVuZCQucGlwZSh0YWtlVW50aWwodGhpcy5fb25EZXN0cm95JCkpLnN1YnNjcmliZSgoYykgPT4ge1xuICAgICAgICAgICAgYyAmJiBjLnVybC5pbmRleE9mKCdtYWluc2lkZTpyZXBvcnQnKSA+IDAgJiYgdGhpcy5maXJzdFJlcG9ydExvYWRlZC5zZXQodHJ1ZSk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmJyZWFkY3J1bWJzJCA9IHRoaXMuX2JyZWFkQ3J1bWJTZXJ2aWNlLmJyZWFkY3J1bWJzJDtcbiAgICAgICAgdGhpcy5fcm91dGluZ1NlcnZpY2UuaXNTaWRlYmFyID0gdHJ1ZTtcbiAgICAgICAgdGhpcy50aXRsZSA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdBY3RpdmVUaWxlJyk7XG4gICAgfVxuICAgIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbJy4uLyddKTtcbiAgICB9XG59XG4iLCI8ZGl2IGZkLWJhcj5cbiAgICA8ZGl2IGZkLWJhci1sZWZ0IHN0eWxlPVwiZmxleDogMTsgd2lkdGg6IDEwMCVcIj5cbiAgICAgICAgPGZkLWJyZWFkY3J1bWIgc3R5bGU9XCJ3aWR0aDogMTAwJVwiPlxuICAgICAgICAgICAgQGlmIChicmVhZGNydW1icyQgfCBhc3luYzsgYXMgYnJlYWRDcnVtYnMpIHsgQGZvciAoIGJyZWFkQ3J1bWIgb2YgYnJlYWRDcnVtYnMgO3RyYWNrIGJyZWFkQ3J1bWIudXJsOyBsZXQgaSA9XG4gICAgICAgICAgICAkaW5kZXg7IGxldCBsYXN0ID0gJGxhc3QpIHtcbiAgICAgICAgICAgIDxmZC1icmVhZGNydW1iLWl0ZW0+XG4gICAgICAgICAgICAgICAgPGJzdS1icmVhZGNydW1iXG4gICAgICAgICAgICAgICAgICAgIFtpbmRleF09XCJpXCJcbiAgICAgICAgICAgICAgICAgICAgW2lzTGFzdF09XCJsYXN0XCJcbiAgICAgICAgICAgICAgICAgICAgW2JyZWFkQ3J1bWJdPVwiYnJlYWRDcnVtYlwiXG4gICAgICAgICAgICAgICAgICAgIFthbGxCcmVhZENydW1iXT1cImJyZWFkQ3J1bWJzXCJcbiAgICAgICAgICAgICAgICA+PC9ic3UtYnJlYWRjcnVtYj5cbiAgICAgICAgICAgIDwvZmQtYnJlYWRjcnVtYi1pdGVtPlxuICAgICAgICAgICAgfSB9XG4gICAgICAgIDwvZmQtYnJlYWRjcnVtYj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQgY2xhc3M9XCJ0aWxlcy1zaWRlYmFyLXdyYXBwZXJcIiBmaWxsRW1wdHlTcGFjZSBzdHlsZT1cIm92ZXJmbG93OiBhdXRvXCI+XG4gICAgPGZkLWR5bmFtaWMtc2lkZS1jb250ZW50LXNpZGU+XG4gICAgICAgIDxuZy1jb250YWluZXIgI2NvbnRhaW5lclJlZj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2ZkLWR5bmFtaWMtc2lkZS1jb250ZW50LXNpZGU+XG4gICAgPGZkLWR5bmFtaWMtc2lkZS1jb250ZW50LW1haW4gc3R5bGU9XCJtYXJnaW46IDJyZW1cIj5cbiAgICAgICAgQGlmKGZpcnN0UmVwb3J0TG9hZGVkKCk9PT1mYWxzZSl7XG4gICAgICAgIDxmZC1tZXNzYWdlLXBhZ2UgdHlwZT1cIm5vLWl0ZW1zXCIgc3R5bGU9XCJhbGlnbi1zZWxmOiBjZW50ZXI7IGJhY2tncm91bmQ6IHRyYW5zcGFyZW50XCI+XG4gICAgICAgICAgICA8ZmQtbWVzc2FnZS1wYWdlLXRpdGxlPnt7ICdTZWFyY2hJblJlcG9ydHMnIHwgYmJiVHJhbnNsYXRlIH19PC9mZC1tZXNzYWdlLXBhZ2UtdGl0bGU+XG4gICAgICAgIDwvZmQtbWVzc2FnZS1wYWdlPlxuICAgICAgICB9XG4gICAgICAgIDxyb3V0ZXItb3V0bGV0IG5hbWU9XCJtYWluc2lkZVwiPiA8L3JvdXRlci1vdXRsZXQ+XG4gICAgPC9mZC1keW5hbWljLXNpZGUtY29udGVudC1tYWluPlxuPC9mZC1keW5hbWljLXNpZGUtY29udGVudD5cbjxkaXYgY2xhc3M9XCJzaWRiYXItb3V0bGV0XCI+XG4gICAgPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuPC9kaXY+XG4iXX0=

package/fesm2022/barsa-tiles.mjs

@@ -50,8 +50,8 @@ import * as i12 from '@fundamental-ngx/core/shellbar';
 import * as i4$4 from '@fundamental-ngx/core/notification';
 import * as i5$4 from '@fundamental-ngx/core/tabs';
 import * as i3$4 from '@fundamental-ngx/core/breadcrumb';
-import * as i7$3 from '@fundamental-ngx/core/dynamic-side-content';
-import * as i9$3 from '@fundamental-ngx/core/message-page';
+import * as i4$5 from '@fundamental-ngx/core/dynamic-side-content';
+import * as i5$5 from '@fundamental-ngx/core/message-page';
 import { CdkTableModule } from '@angular/cdk/table';
 import { SplitterModule } from '@fundamental-ngx/btp/splitter';
 
@@ -3221,11 +3221,11 @@ class BarsaTileSidebarPageComponent extends EmptyPageComponent {
         this._router.navigate(['../']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileSidebarPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTileSidebarPageComponent, selector: "bt-barsa-tile-sidebar-page", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: "<fd-dynamic-page [autoResponsive]=\"true\">\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"true\"\r\n        [title]=\"title | bbbTranslate\"\r\n        [class.p-b0]=\"true\"\r\n        [class.hide-title]=\"false\"\r\n    >\r\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n            <fd-breadcrumb>\r\n                @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\r\n                i = $index; let last = $last) {\r\n                <fd-breadcrumb-item>\r\n                    <bsu-breadcrumb\r\n                        [index]=\"i\"\r\n                        [isLast]=\"last\"\r\n                        [breadCrumb]=\"breadCrumb\"\r\n                        [allBreadCrumb]=\"breadCrumbs\"\r\n                    ></bsu-breadcrumb>\r\n                </fd-breadcrumb-item>\r\n                } }\r\n            </fd-breadcrumb>\r\n        </fd-dynamic-page-breadcrumb>\r\n        <fd-dynamic-page-layout-actions>\r\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\r\n                    <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                </button>\r\n            </fd-toolbar>\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n\r\n    <fd-dynamic-page-content cdkScrollable>\r\n        <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\r\n            <fd-dynamic-side-content-side>\r\n                <ng-container #containerRef></ng-container>\r\n            </fd-dynamic-side-content-side>\r\n            <fd-dynamic-side-content-main>\r\n                <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\r\n                    <fd-card-content style=\"display: flex\">\r\n                        @if(firstReportLoaded()===false){\r\n                        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\r\n                            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\r\n                        </fd-message-page>\r\n                        }\r\n                        <router-outlet name=\"mainside\"> </router-outlet>\r\n                    </fd-card-content>\r\n                </fd-card>\r\n            </fd-dynamic-side-content-main>\r\n        </fd-dynamic-side-content>\r\n    </fd-dynamic-page-content>\r\n</fd-dynamic-page>\r\n<div class=\"xxxxxx\">\r\n    <router-outlet></router-outlet>\r\n</div>\r\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0 .1825rem;background-color:var(--sapBaseColor)}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:BarsaFont Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;box-shadow:11px -2px 15px -21px #0000004d;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"], dependencies: [{ kind: "directive", type: i3$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i3$4.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i3$4.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$2.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3$2.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i5$2.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: i5$2.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "component", type: i5$2.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i5$2.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i5$2.DynamicPageBreadcrumbComponent, selector: "fd-dynamic-page-breadcrumb" }, { kind: "component", type: i7$3.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i7$3.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i7$3.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i5.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i9$3.MessagePageComponent, selector: "fd-message-page", inputs: ["class", "type", "hasIcon", "glyphFont", "glyph"] }, { kind: "component", type: i9$3.MessagePageTitleComponent, selector: "fd-message-page-title" }, { kind: "directive", type: i1.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i6.BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTileSidebarPageComponent, selector: "bt-barsa-tile-sidebar-page", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: "<div fd-bar>\n    <div fd-bar-left style=\"flex: 1; width: 100%\">\n        <fd-breadcrumb style=\"width: 100%\">\n            @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let i =\n            $index; let last = $last) {\n            <fd-breadcrumb-item>\n                <bsu-breadcrumb\n                    [index]=\"i\"\n                    [isLast]=\"last\"\n                    [breadCrumb]=\"breadCrumb\"\n                    [allBreadCrumb]=\"breadCrumbs\"\n                ></bsu-breadcrumb>\n            </fd-breadcrumb-item>\n            } }\n        </fd-breadcrumb>\n    </div>\n</div>\n\n<fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace style=\"overflow: auto\">\n    <fd-dynamic-side-content-side>\n        <ng-container #containerRef></ng-container>\n    </fd-dynamic-side-content-side>\n    <fd-dynamic-side-content-main style=\"margin: 2rem\">\n        @if(firstReportLoaded()===false){\n        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\n            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\n        </fd-message-page>\n        }\n        <router-outlet name=\"mainside\"> </router-outlet>\n    </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n<div class=\"sidbar-outlet\">\n    <router-outlet></router-outlet>\n</div>\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0;background-color:var(--sapBaseColor);border:.0625rem solid var(--sapTile_SeparatorColor, #ccc);border-top:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:BarsaFont Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"], dependencies: [{ kind: "directive", type: i3$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i4$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "component", type: i3$4.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i3$4.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i4$5.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4$5.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4$5.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i5$5.MessagePageComponent, selector: "fd-message-page", inputs: ["class", "type", "hasIcon", "glyphFont", "glyph"] }, { kind: "component", type: i5$5.MessagePageTitleComponent, selector: "fd-message-page-title" }, { kind: "directive", type: i1.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i6.BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileSidebarPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "<fd-dynamic-page [autoResponsive]=\"true\">\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"true\"\r\n        [title]=\"title | bbbTranslate\"\r\n        [class.p-b0]=\"true\"\r\n        [class.hide-title]=\"false\"\r\n    >\r\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n            <fd-breadcrumb>\r\n                @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\r\n                i = $index; let last = $last) {\r\n                <fd-breadcrumb-item>\r\n                    <bsu-breadcrumb\r\n                        [index]=\"i\"\r\n                        [isLast]=\"last\"\r\n                        [breadCrumb]=\"breadCrumb\"\r\n                        [allBreadCrumb]=\"breadCrumbs\"\r\n                    ></bsu-breadcrumb>\r\n                </fd-breadcrumb-item>\r\n                } }\r\n            </fd-breadcrumb>\r\n        </fd-dynamic-page-breadcrumb>\r\n        <fd-dynamic-page-layout-actions>\r\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\r\n                    <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                </button>\r\n            </fd-toolbar>\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n\r\n    <fd-dynamic-page-content cdkScrollable>\r\n        <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\r\n            <fd-dynamic-side-content-side>\r\n                <ng-container #containerRef></ng-container>\r\n            </fd-dynamic-side-content-side>\r\n            <fd-dynamic-side-content-main>\r\n                <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\r\n                    <fd-card-content style=\"display: flex\">\r\n                        @if(firstReportLoaded()===false){\r\n                        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\r\n                            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\r\n                        </fd-message-page>\r\n                        }\r\n                        <router-outlet name=\"mainside\"> </router-outlet>\r\n                    </fd-card-content>\r\n                </fd-card>\r\n            </fd-dynamic-side-content-main>\r\n        </fd-dynamic-side-content>\r\n    </fd-dynamic-page-content>\r\n</fd-dynamic-page>\r\n<div class=\"xxxxxx\">\r\n    <router-outlet></router-outlet>\r\n</div>\r\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0 .1825rem;background-color:var(--sapBaseColor)}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:BarsaFont Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;box-shadow:11px -2px 15px -21px #0000004d;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"] }]
+            args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "<div fd-bar>\n    <div fd-bar-left style=\"flex: 1; width: 100%\">\n        <fd-breadcrumb style=\"width: 100%\">\n            @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let i =\n            $index; let last = $last) {\n            <fd-breadcrumb-item>\n                <bsu-breadcrumb\n                    [index]=\"i\"\n                    [isLast]=\"last\"\n                    [breadCrumb]=\"breadCrumb\"\n                    [allBreadCrumb]=\"breadCrumbs\"\n                ></bsu-breadcrumb>\n            </fd-breadcrumb-item>\n            } }\n        </fd-breadcrumb>\n    </div>\n</div>\n\n<fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace style=\"overflow: auto\">\n    <fd-dynamic-side-content-side>\n        <ng-container #containerRef></ng-container>\n    </fd-dynamic-side-content-side>\n    <fd-dynamic-side-content-main style=\"margin: 2rem\">\n        @if(firstReportLoaded()===false){\n        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\n            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\n        </fd-message-page>\n        }\n        <router-outlet name=\"mainside\"> </router-outlet>\n    </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n<div class=\"sidbar-outlet\">\n    <router-outlet></router-outlet>\n</div>\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0;background-color:var(--sapBaseColor);border:.0625rem solid var(--sapTile_SeparatorColor, #ccc);border-top:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:BarsaFont Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"] }]
         }] });
 
 class HomeGroupPipe {