barsa-tiles 2.0.63 → 2.0.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -40,10 +40,10 @@ export class BarsaTileSidebarPageComponent extends EmptyPageComponent {
|
|
|
40
40
|
this._router.navigate(['../']);
|
|
41
41
|
}
|
|
42
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileSidebarPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
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\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"title | bbbTranslate\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n >\n <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n <fd-breadcrumb>\n @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\n i = $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 </fd-dynamic-page-breadcrumb>\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\n <fd-dynamic-side-content-side>\n <ng-container #containerRef></ng-container>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main>\n <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\n <fd-card-content style=\"display: flex\">\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-card-content>\n </fd-card>\n </fd-dynamic-side-content-main>\n </fd-dynamic-side-content>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n<div class=\"xxxxxx\">\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:
|
|
43
|
+
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\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"title | bbbTranslate\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n >\n <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n <fd-breadcrumb>\n @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\n i = $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 </fd-dynamic-page-breadcrumb>\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\n <fd-dynamic-side-content-side>\n <ng-container #containerRef></ng-container>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main>\n <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\n <fd-card-content style=\"display: flex\">\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-card-content>\n </fd-card>\n </fd-dynamic-side-content-main>\n </fd-dynamic-side-content>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n<div class=\"xxxxxx\">\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 .1825rem;background-color:var(--sapBaseColor)}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-weight:700;font-family:BarsaFont Light}.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 }); }
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileSidebarPageComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "<fd-dynamic-page [autoResponsive]=\"true\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"title | bbbTranslate\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n >\n <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n <fd-breadcrumb>\n @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\n i = $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 </fd-dynamic-page-breadcrumb>\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\n <fd-dynamic-side-content-side>\n <ng-container #containerRef></ng-container>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main>\n <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\n <fd-card-content style=\"display: flex\">\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-card-content>\n </fd-card>\n </fd-dynamic-side-content-main>\n </fd-dynamic-side-content>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n<div class=\"xxxxxx\">\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:
|
|
47
|
+
args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "<fd-dynamic-page [autoResponsive]=\"true\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"title | bbbTranslate\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n >\n <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n <fd-breadcrumb>\n @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\n i = $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 </fd-dynamic-page-breadcrumb>\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\n <fd-dynamic-side-content-side>\n <ng-container #containerRef></ng-container>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main>\n <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\n <fd-card-content style=\"display: flex\">\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-card-content>\n </fd-card>\n </fd-dynamic-side-content-main>\n </fd-dynamic-side-content>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n<div class=\"xxxxxx\">\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 .1825rem;background-color:var(--sapBaseColor)}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-weight:700;font-family:BarsaFont Light}.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"] }]
|
|
48
48
|
}] });
|
|
49
49
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGlsZS1zaWRlYmFyLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtdGlsZXMvc3JjL2xpYi9iYXJzYS10aWxlLXNpZGViYXItcGFnZS9iYXJzYS10aWxlLXNpZGViYXItcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2JhcnNhLXRpbGUtc2lkZWJhci1wYWdlL2JhcnNhLXRpbGUtc2lkZWJhci1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFhLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekMsT0FBTyxFQUNILFFBQVEsRUFDUixpQkFBaUIsRUFDakIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUVqQixjQUFjLEVBQ2Qsa0JBQWtCLEVBQ3JCLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFTN0MsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGtCQUFrQjtJQVByRTs7UUFRSSxhQUFRLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQztRQUMvQixRQUFHLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixrQkFBYSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQzVDLHVCQUFrQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQy9DLG9CQUFlLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsMERBQTBEO1FBRzlHLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztLQWNyQztJQWJHLFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNqRixDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsRixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksQ0FBQztRQUN6RCxJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEMsSUFBSSxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFDRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ25DLENBQUM7OEdBdEJRLDZCQUE2QjtrR0FBN0IsNkJBQTZCLHFEQUYzQixDQUFDLGNBQWMsQ0FBQyxpRENuQi9CLG1qRkFzREE7OzJGRGpDYSw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBQ0ksNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBPbkNoYW5nZXMsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHtcbiAgICBCYXJzYUFwaSxcbiAgICBnZXREZXZpY2VJc01vYmlsZSxcbiAgICBMb2NhbFN0b3JhZ2VTZXJ2aWNlLFxuICAgIEJyZWFkY3J1bWJTZXJ2aWNlLFxuICAgIEJyZWFkQ3J1bWJJbmZvLFxuICAgIFJvdXRpbmdTZXJ2aWNlLFxuICAgIEVtcHR5UGFnZUNvbXBvbmVudFxufSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdidC1iYXJzYS10aWxlLXNpZGViYXItcGFnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcnNhLXRpbGUtc2lkZWJhci1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS10aWxlLXNpZGViYXItcGFnZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1JvdXRpbmdTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBCYXJzYVRpbGVTaWRlYmFyUGFnZUNvbXBvbmVudCBleHRlbmRzIEVtcHR5UGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgaXNNb2JpbGUgPSBnZXREZXZpY2VJc01vYmlsZSgpO1xuICAgIHJ0bCA9IEJhcnNhQXBpLkxvZ2luRm9ybURhdGEuSXNSdGw7XG4gICAgcHJvdGVjdGVkIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgICBwcm90ZWN0ZWQgX2xvY2FsU3RvcmFnZSA9IGluamVjdChMb2NhbFN0b3JhZ2VTZXJ2aWNlKTtcbiAgICBwcm90ZWN0ZWQgX2JyZWFkQ3J1bWJTZXJ2aWNlID0gaW5qZWN0KEJyZWFkY3J1bWJTZXJ2aWNlKTtcbiAgICBwcm90ZWN0ZWQgX3JvdXRpbmdTZXJ2aWNlID0gaW5qZWN0KFJvdXRpbmdTZXJ2aWNlKTsgLy8gY3JlYXRlIG5ldyByb3V0aW5nIHNlcnZpY2UgdG8gaGFuZGxlIHNpZGViYXIgbmF2aWdhdGlvblxuICAgIGJyZWFkY3J1bWJzJDogT2JzZXJ2YWJsZTxCcmVhZENydW1iSW5mb1tdPjtcbiAgICB0aXRsZTogc3RyaW5nIHwgbnVsbDtcbiAgICBmaXJzdFJlcG9ydExvYWRlZCA9IHNpZ25hbChmYWxzZSk7XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuaXNGaXJzdFBhZ2UgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5fcG9ydGFsU2VydmljZS5uYXZpZ2F0aW9uRW5kJC5waXBlKHRha2VVbnRpbCh0aGlzLl9vbkRlc3Ryb3kkKSkuc3Vic2NyaWJlKChjKSA9PiB7XG4gICAgICAgICAgICBjICYmIGMudXJsLmluZGV4T2YoJ21haW5zaWRlOnJlcG9ydCcpID4gMCAmJiB0aGlzLmZpcnN0UmVwb3J0TG9hZGVkLnNldCh0cnVlKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuYnJlYWRjcnVtYnMkID0gdGhpcy5fYnJlYWRDcnVtYlNlcnZpY2UuYnJlYWRjcnVtYnMkO1xuICAgICAgICB0aGlzLl9yb3V0aW5nU2VydmljZS5pc1NpZGViYXIgPSB0cnVlO1xuICAgICAgICB0aGlzLnRpdGxlID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ0FjdGl2ZVRpbGUnKTtcbiAgICB9XG4gICAgb25DbG9zZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFsnLi4vJ10pO1xuICAgIH1cbn1cbiIsIjxmZC1keW5hbWljLXBhZ2UgW2F1dG9SZXNwb25zaXZlXT1cInRydWVcIj5cbiAgICA8ZmQtZHluYW1pYy1wYWdlLWhlYWRlclxuICAgICAgICBbY2xhc3Muc2ltcGxlLXRpdGxlXT1cInRydWVcIlxuICAgICAgICBbdGl0bGVdPVwidGl0bGUgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICBbY2xhc3MucC1iMF09XCJ0cnVlXCJcbiAgICAgICAgW2NsYXNzLmhpZGUtdGl0bGVdPVwiZmFsc2VcIlxuICAgID5cbiAgICAgICAgPGZkLWR5bmFtaWMtcGFnZS1icmVhZGNydW1iIFtjbGFzcy5oaWRlXT1cImlzTW9iaWxlXCI+XG4gICAgICAgICAgICA8ZmQtYnJlYWRjcnVtYj5cbiAgICAgICAgICAgICAgICBAaWYgKGJyZWFkY3J1bWJzJCB8IGFzeW5jOyBhcyBicmVhZENydW1icykgeyBAZm9yICggYnJlYWRDcnVtYiBvZiBicmVhZENydW1icyA7dHJhY2sgYnJlYWRDcnVtYi51cmw7IGxldFxuICAgICAgICAgICAgICAgIGkgPSAkaW5kZXg7IGxldCBsYXN0ID0gJGxhc3QpIHtcbiAgICAgICAgICAgICAgICA8ZmQtYnJlYWRjcnVtYi1pdGVtPlxuICAgICAgICAgICAgICAgICAgICA8YnN1LWJyZWFkY3J1bWJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpbmRleF09XCJpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpc0xhc3RdPVwibGFzdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbYnJlYWRDcnVtYl09XCJicmVhZENydW1iXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthbGxCcmVhZENydW1iXT1cImJyZWFkQ3J1bWJzXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvYnN1LWJyZWFkY3J1bWI+XG4gICAgICAgICAgICAgICAgPC9mZC1icmVhZGNydW1iLWl0ZW0+XG4gICAgICAgICAgICAgICAgfSB9XG4gICAgICAgICAgICA8L2ZkLWJyZWFkY3J1bWI+XG4gICAgICAgIDwvZmQtZHluYW1pYy1wYWdlLWJyZWFkY3J1bWI+XG4gICAgICAgIDxmZC1keW5hbWljLXBhZ2UtbGF5b3V0LWFjdGlvbnM+XG4gICAgICAgICAgICA8ZmQtdG9vbGJhciBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiIFtjbGVhckJvcmRlcl09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBmZC1idXR0b24gZmRUeXBlPVwidHJhbnNwYXJlbnRcIiBhcmlhLWxhYmVsPVwiQ2xvc2VcIiAoY2xpY2spPVwib25DbG9zZSgpXCIgdGl0bGU9XCJDbG9zZVwiPlxuICAgICAgICAgICAgICAgICAgICA8aSBbY2xhc3NdPVwiJ3NhcC1pY29uLS0nICsgKGlzTW9iaWxlID8gKHJ0bCA/ICdhcnJvdy1yaWdodCcgOiAnYXJyb3ctbGVmdCcpIDogJ2RlY2xpbmUnKVwiPjwvaT5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZmQtdG9vbGJhcj5cbiAgICAgICAgPC9mZC1keW5hbWljLXBhZ2UtbGF5b3V0LWFjdGlvbnM+XG4gICAgPC9mZC1keW5hbWljLXBhZ2UtaGVhZGVyPlxuXG4gICAgPGZkLWR5bmFtaWMtcGFnZS1jb250ZW50IGNka1Njcm9sbGFibGU+XG4gICAgICAgIDxmZC1keW5hbWljLXNpZGUtY29udGVudCBjbGFzcz1cInRpbGVzLXNpZGViYXItd3JhcHBlclwiIGZpbGxFbXB0eVNwYWNlIFtkZWNyZW1lbnRdPVwiJzUwcHgnXCI+XG4gICAgICAgICAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtc2lkZT5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICNjb250YWluZXJSZWY+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2ZkLWR5bmFtaWMtc2lkZS1jb250ZW50LXNpZGU+XG4gICAgICAgICAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtbWFpbj5cbiAgICAgICAgICAgICAgICA8ZmQtY2FyZCBzdHlsZT1cImJveC1zaGFkb3c6IHJnYmEoMCwgMCwgMCwgMC4wNSkgMHB4IDFweCAycHggMHB4XCI+XG4gICAgICAgICAgICAgICAgICAgIDxmZC1jYXJkLWNvbnRlbnQgc3R5bGU9XCJkaXNwbGF5OiBmbGV4XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYoZmlyc3RSZXBvcnRMb2FkZWQoKT09PWZhbHNlKXtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1tZXNzYWdlLXBhZ2UgdHlwZT1cIm5vLWl0ZW1zXCIgc3R5bGU9XCJhbGlnbi1zZWxmOiBjZW50ZXI7IGJhY2tncm91bmQ6IHRyYW5zcGFyZW50XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZkLW1lc3NhZ2UtcGFnZS10aXRsZT57eyAnU2VhcmNoSW5SZXBvcnRzJyB8IGJiYlRyYW5zbGF0ZSB9fTwvZmQtbWVzc2FnZS1wYWdlLXRpdGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9mZC1tZXNzYWdlLXBhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8cm91dGVyLW91dGxldCBuYW1lPVwibWFpbnNpZGVcIj4gPC9yb3V0ZXItb3V0bGV0PlxuICAgICAgICAgICAgICAgICAgICA8L2ZkLWNhcmQtY29udGVudD5cbiAgICAgICAgICAgICAgICA8L2ZkLWNhcmQ+XG4gICAgICAgICAgICA8L2ZkLWR5bmFtaWMtc2lkZS1jb250ZW50LW1haW4+XG4gICAgICAgIDwvZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQ+XG4gICAgPC9mZC1keW5hbWljLXBhZ2UtY29udGVudD5cbjwvZmQtZHluYW1pYy1wYWdlPlxuPGRpdiBjbGFzcz1cInh4eHh4eFwiPlxuICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbjwvZGl2PlxuIl19
|
package/fesm2022/barsa-tiles.mjs
CHANGED
|
@@ -3211,11 +3211,11 @@ class BarsaTileSidebarPageComponent extends EmptyPageComponent {
|
|
|
3211
3211
|
this._router.navigate(['../']);
|
|
3212
3212
|
}
|
|
3213
3213
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileSidebarPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3214
|
-
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\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"title | bbbTranslate\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n >\n <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n <fd-breadcrumb>\n @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\n i = $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 </fd-dynamic-page-breadcrumb>\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\n <fd-dynamic-side-content-side>\n <ng-container #containerRef></ng-container>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main>\n <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\n <fd-card-content style=\"display: flex\">\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-card-content>\n </fd-card>\n </fd-dynamic-side-content-main>\n </fd-dynamic-side-content>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n<div class=\"xxxxxx\">\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:
|
|
3214
|
+
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\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"title | bbbTranslate\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n >\n <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n <fd-breadcrumb>\n @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\n i = $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 </fd-dynamic-page-breadcrumb>\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\n <fd-dynamic-side-content-side>\n <ng-container #containerRef></ng-container>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main>\n <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\n <fd-card-content style=\"display: flex\">\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-card-content>\n </fd-card>\n </fd-dynamic-side-content-main>\n </fd-dynamic-side-content>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n<div class=\"xxxxxx\">\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 .1825rem;background-color:var(--sapBaseColor)}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-weight:700;font-family:BarsaFont Light}.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 }); }
|
|
3215
3215
|
}
|
|
3216
3216
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileSidebarPageComponent, decorators: [{
|
|
3217
3217
|
type: Component,
|
|
3218
|
-
args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "<fd-dynamic-page [autoResponsive]=\"true\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"title | bbbTranslate\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n >\n <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n <fd-breadcrumb>\n @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\n i = $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 </fd-dynamic-page-breadcrumb>\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\n <fd-dynamic-side-content-side>\n <ng-container #containerRef></ng-container>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main>\n <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\n <fd-card-content style=\"display: flex\">\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-card-content>\n </fd-card>\n </fd-dynamic-side-content-main>\n </fd-dynamic-side-content>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n<div class=\"xxxxxx\">\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:
|
|
3218
|
+
args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "<fd-dynamic-page [autoResponsive]=\"true\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"title | bbbTranslate\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n >\n <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n <fd-breadcrumb>\n @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let\n i = $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 </fd-dynamic-page-breadcrumb>\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace [decrement]=\"'50px'\">\n <fd-dynamic-side-content-side>\n <ng-container #containerRef></ng-container>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main>\n <fd-card style=\"box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\">\n <fd-card-content style=\"display: flex\">\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-card-content>\n </fd-card>\n </fd-dynamic-side-content-main>\n </fd-dynamic-side-content>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n<div class=\"xxxxxx\">\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 .1825rem;background-color:var(--sapBaseColor)}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-weight:700;font-family:BarsaFont Light}.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"] }]
|
|
3219
3219
|
}] });
|
|
3220
3220
|
|
|
3221
3221
|
class HomeGroupPipe {
|