barsa-tiles 2.1.1 → 2.1.2

package/fesm2022/barsa-tiles.mjs

@@ -712,7 +712,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'bt-base-tile',
                     template: '',
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: TilesService }] });
 
@@ -734,7 +735,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'bt-base-bt-tile',
                     template: '',
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false
                 }]
         }] });
 
@@ -744,7 +746,7 @@ class FooterTileComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FooterTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-footer-tile,div[bt-footer-tile]', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (twoColumn) {\n<div fd-tile-section>\n    <fd-icon fd-tile-refresh [font]=\"firstSection.Icon | sapFont\" [glyph]=\"firstSection.Icon\"></fd-icon>\n    <span fd-tile-footer-text>{{ firstSection.Text | bbbTranslate }}</span>\n</div>\n<div fd-tile-section>\n    <fd-icon fd-tile-refresh [font]=\"secondSection.Icon | sapFont\" [glyph]=\"secondSection.Icon\"></fd-icon>\n    <span fd-tile-footer-text>{{ secondSection.Text | bbbTranslate }}</span>\n</div>\n} @else {\n<fd-icon fd-tile-refresh [font]=\"firstSection.Icon | sapFont\" [glyph]=\"firstSection.Icon\"></fd-icon>\n<span fd-tile-footer-text>{{ firstSection.Text | bbbTranslate }}</span>\n}\n" }]
+            args: [{ selector: 'bt-footer-tile,div[bt-footer-tile]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (twoColumn) {\n<div fd-tile-section>\n    <fd-icon fd-tile-refresh [font]=\"firstSection.Icon | sapFont\" [glyph]=\"firstSection.Icon\"></fd-icon>\n    <span fd-tile-footer-text>{{ firstSection.Text | bbbTranslate }}</span>\n</div>\n<div fd-tile-section>\n    <fd-icon fd-tile-refresh [font]=\"secondSection.Icon | sapFont\" [glyph]=\"secondSection.Icon\"></fd-icon>\n    <span fd-tile-footer-text>{{ secondSection.Text | bbbTranslate }}</span>\n</div>\n} @else {\n<fd-icon fd-tile-refresh [font]=\"firstSection.Icon | sapFont\" [glyph]=\"firstSection.Icon\"></fd-icon>\n<span fd-tile-footer-text>{{ firstSection.Text | bbbTranslate }}</span>\n}\n" }]
         }], propDecorators: { firstSection: [{
                 type: Input
             }], secondSection: [{
@@ -773,7 +775,8 @@ class TileStyleDirective extends BaseDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TileStyleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[tileStyle]'
+                    selector: '[tileStyle]',
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { backColor: [{
                 type: Input
@@ -825,7 +828,7 @@ class TileComponent extends TilePropsComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(!listMode) {\n<fd-tile [type]=\"type\" [double]=\"isDouble\" [action]=\"edit\" tileStyle [backColor]=\"backColor\" [size]=\"'s'\">\n    @if (edit && !data.Locked) {\n    <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\n    } @if (edit && !data.Locked) {\n    <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\n    } @if(!hideHeader){\n    <div fd-tile-header>\n        <h1 fd-tile-title>\n            {{ title | bbbTranslate }}\n        </h1>\n        <h2 fd-tile-subtitle>\n            {{ subtitle | bbbTranslate }}\n        </h2>\n    </div>\n    }\n    <ng-content></ng-content>\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\n</fd-tile>\n}@else{\n<span fd-list-title> {{ title | bbbTranslate }} </span>\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\n<ng-template #defaultFooter>\n    @if (footer) {\n    <div\n        fd-tile-footer\n        bt-footer-tile\n        [secondSection]=\"footer.SecondSection\"\n        [twoColumn]=\"footer.twoColumn\"\n        [firstSection]=\"footer.FirstSection\"\n    ></div>\n\n    }\n</ng-template>\n<fd-menu #menu>\n    <li fd-menu-item>\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\n        </a>\n    </li>\n</fd-menu>\n@if (runningCommand) {\n<bsu-mask></bsu-mask>\n}\n", styles: [":host,fd-tile{display:block}\n"] }]
+            args: [{ selector: 'bt-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(!listMode) {\n<fd-tile [type]=\"type\" [double]=\"isDouble\" [action]=\"edit\" tileStyle [backColor]=\"backColor\" [size]=\"'s'\">\n    @if (edit && !data.Locked) {\n    <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\n    } @if (edit && !data.Locked) {\n    <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\n    } @if(!hideHeader){\n    <div fd-tile-header>\n        <h1 fd-tile-title>\n            {{ title | bbbTranslate }}\n        </h1>\n        <h2 fd-tile-subtitle>\n            {{ subtitle | bbbTranslate }}\n        </h2>\n    </div>\n    }\n    <ng-content></ng-content>\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\n</fd-tile>\n}@else{\n<span fd-list-title> {{ title | bbbTranslate }} </span>\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\n<ng-template #defaultFooter>\n    @if (footer) {\n    <div\n        fd-tile-footer\n        bt-footer-tile\n        [secondSection]=\"footer.SecondSection\"\n        [twoColumn]=\"footer.twoColumn\"\n        [firstSection]=\"footer.FirstSection\"\n    ></div>\n\n    }\n</ng-template>\n<fd-menu #menu>\n    <li fd-menu-item>\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\n        </a>\n    </li>\n</fd-menu>\n@if (runningCommand) {\n<bsu-mask></bsu-mask>\n}\n", styles: [":host,fd-tile{display:block}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], footerTemplate: [{
@@ -904,7 +907,8 @@ class TilePropPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TilePropPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'tileProp'
+                    name: 'tileProp',
+                    standalone: false
                 }]
         }] });
 
@@ -931,7 +935,7 @@ class FormTileComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-form-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [deviceSize]=\"deviceSize\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    [disableClick]=\"true\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n>\n    <div fd-tile-content>\n        @if (params) {\n        <bnrc-form [params]=\"params\"></bnrc-form>\n        }\n    </div>\n</bt-tile>\n", styles: [":host{display:block}bnrc-form{z-index:3}\n"] }]
+            args: [{ selector: 'bt-form-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [deviceSize]=\"deviceSize\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    [disableClick]=\"true\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n>\n    <div fd-tile-content>\n        @if (params) {\n        <bnrc-form [params]=\"params\"></bnrc-form>\n        }\n    </div>\n</bt-tile>\n", styles: [":host{display:block}bnrc-form{z-index:3}\n"] }]
         }] });
 
 class ActionItemComponent extends TileComponent {
@@ -940,7 +944,7 @@ class ActionItemComponent extends TileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-action-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.action-item-edit-mode]=\"edit\" class=\"action-item s\">\n    @if (icon) {\n    <fd-icon [glyph]=\"icon\"></fd-icon>\n    }\n    <h1 fd-tile-title>{{ title }}</h1>\n\n    @if (subtitle) {\n    <h2 fd-tile-subtitle>{{ subtitle }}</h2>\n    } @if (edit && !data.Locked) {\n    <div class=\"buttons\">\n        <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\n        <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\n    </div>\n    }\n    <fd-menu #menu>\n        <li fd-menu-item>\n            <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\n                <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\n            </a>\n        </li>\n    </fd-menu>\n</div>\n", styles: [".action-item{display:flex;justify-content:space-between;height:100%;align-items:center;column-gap:10px;padding:7px;background-color:var(--sapTile_Background, #fff);cursor:pointer;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid var(--sapTile_BorderColor, transparent)}.action-item:hover{background-color:var(--sapBackgroundColor);border-color:var(--sapTile_Interactive_BorderColor)}.action-item fd-icon{color:var(--sapLinkColor, #0a6ed1);font-size:1.3rem;line-height:0}.action-item.s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.action-item.s .fd-tile__subtitle{font-size:var(--sapFontSmallSize)}.action-item-edit-mode h1,.action-item-edit-mode h2{opacity:.3}.action-item-edit-mode .buttons{display:flex;column-gap:2px}.action-item-edit-mode .buttons button{display:flex}h1{text-decoration:none;color:var(--sapLinkColor, #0a6ed1);text-shadow:var(--sapContent_TextShadow, 0 0 .125rem #fff)}\n"] }]
+            args: [{ selector: 'bt-action-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [class.action-item-edit-mode]=\"edit\" class=\"action-item s\">\n    @if (icon) {\n    <fd-icon [glyph]=\"icon\"></fd-icon>\n    }\n    <h1 fd-tile-title>{{ title }}</h1>\n\n    @if (subtitle) {\n    <h2 fd-tile-subtitle>{{ subtitle }}</h2>\n    } @if (edit && !data.Locked) {\n    <div class=\"buttons\">\n        <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\n        <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\n    </div>\n    }\n    <fd-menu #menu>\n        <li fd-menu-item>\n            <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\n                <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\n            </a>\n        </li>\n    </fd-menu>\n</div>\n", styles: [".action-item{display:flex;justify-content:space-between;height:100%;align-items:center;column-gap:10px;padding:7px;background-color:var(--sapTile_Background, #fff);cursor:pointer;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid var(--sapTile_BorderColor, transparent)}.action-item:hover{background-color:var(--sapBackgroundColor);border-color:var(--sapTile_Interactive_BorderColor)}.action-item fd-icon{color:var(--sapLinkColor, #0a6ed1);font-size:1.3rem;line-height:0}.action-item.s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.action-item.s .fd-tile__subtitle{font-size:var(--sapFontSmallSize)}.action-item-edit-mode h1,.action-item-edit-mode h2{opacity:.3}.action-item-edit-mode .buttons{display:flex;column-gap:2px}.action-item-edit-mode .buttons button{display:flex}h1{text-decoration:none;color:var(--sapLinkColor, #0a6ed1);text-shadow:var(--sapContent_TextShadow, 0 0 .125rem #fff)}\n"] }]
         }] });
 
 class ActionsLinkComponent extends BaseComponent {
@@ -971,7 +975,7 @@ class ActionsLinkComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-actions-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (actionItem of actionsLink; track actionItem) {\n<bt-action-item\n    cdkDrag\n    [data]=\"actionItem\"\n    [edit]=\"edit\"\n    [title]=\"actionItem | tileProp: 'Title'\"\n    [subtitle]=\"actionItem | tileProp: 'Subtitle'\"\n    [dynamicCommand]=\"actionItem | tileProp: 'DynamicCommand'\"\n    [isDouble]=\"actionItem | tileProp: 'IsDouble'\"\n    [footer]=\"actionItem | tileProp: 'Footer'\"\n    [icon]=\"actionItem | tileProp: 'Icon'\"\n    [cdkDragDisabled]=\"!actionItem || actionItem.Locked\"\n    [mo]=\"actionItem\"\n    [class.isMobile]=\"isMobile\"\n>\n</bt-action-item>\n}\n", styles: [":host{display:flex;width:100%;row-gap:3px;flex-wrap:wrap;border-radius:var(--sapElement_BorderCornerRadius, .25rem);column-gap:3px;padding:1rem 0}:host.isMobile{padding:0 1.3rem}bt-action-item{margin-top:auto;margin-bottom:auto}\n"] }]
+            args: [{ selector: 'bt-actions-link', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@for (actionItem of actionsLink; track actionItem) {\n<bt-action-item\n    cdkDrag\n    [data]=\"actionItem\"\n    [edit]=\"edit\"\n    [title]=\"actionItem | tileProp: 'Title'\"\n    [subtitle]=\"actionItem | tileProp: 'Subtitle'\"\n    [dynamicCommand]=\"actionItem | tileProp: 'DynamicCommand'\"\n    [isDouble]=\"actionItem | tileProp: 'IsDouble'\"\n    [footer]=\"actionItem | tileProp: 'Footer'\"\n    [icon]=\"actionItem | tileProp: 'Icon'\"\n    [cdkDragDisabled]=\"!actionItem || actionItem.Locked\"\n    [mo]=\"actionItem\"\n    [class.isMobile]=\"isMobile\"\n>\n</bt-action-item>\n}\n", styles: [":host{display:flex;width:100%;row-gap:3px;flex-wrap:wrap;border-radius:var(--sapElement_BorderCornerRadius, .25rem);column-gap:3px;padding:1rem 0}:host.isMobile{padding:0 1.3rem}bt-action-item{margin-top:auto;margin-bottom:auto}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { hide: [{
                 type: HostBinding,
                 args: ['class.hide']
@@ -1041,7 +1045,8 @@ class TileRendererDirective extends BaseDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TileRendererDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[tileRenderer]'
+                    selector: '[tileRenderer]',
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.PortalService }, { type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { component: [{
                 type: Input
@@ -1108,7 +1113,7 @@ class TilesViewerGroupComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TilesViewerGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-tiles-viewer-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-layout-panel\r\n    [fixed]=\"true\"\r\n    [attr.editHome]=\"edit\"\r\n    cdkDrag\r\n    [cdkDragDisabled]=\"!edit || !stackContent\"\r\n    [class.empty-tiles-group]=\"!appTileGroup.navigatorTiles.length && appTileGroup.$TilesLoaded\"\r\n>\r\n    @if (edit || stackContent || isAppTileSubGroup) {\r\n    <fd-layout-panel-header>\r\n        <fd-layout-panel-head>\r\n            <h5 fd-layout-panel-title>{{ appTileGroup.navigatorTitle }}</h5>\r\n        </fd-layout-panel-head>\r\n        @if (edit) {\r\n        <fd-layout-panel-actions class=\"group-btns\">\r\n            <fd-toolbar [shouldOverflow]=\"false\" [fdType]=\"'transparent'\" [clearBorder]=\"true\">\r\n                <button\r\n                    fd-button\r\n                    fd-toolbar-item\r\n                    [label]=\"!appTileGroup.navigatorVisible ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\r\n                    (click)=\"onToggleShowHide(appTileGroup)\"\r\n                ></button>\r\n                @if (appTileGroup.Predefined && appTileGroup.$TileSettingChanged) {\r\n                <button fd-button [label]=\"'Refresh' | bbbTranslate\" (click)=\"onReset(appTileGroup)\"></button>\r\n                } @if (!appTileGroup.Predefined) {\r\n                <button\r\n                    fd-button\r\n                    [label]=\"'Delete' | bbbTranslate\"\r\n                    [fdType]=\"'negative'\"\r\n                    (click)=\"onDelete(appTileGroup)\"\r\n                ></button>\r\n                }\r\n            </fd-toolbar>\r\n        </fd-layout-panel-actions>\r\n        }\r\n    </fd-layout-panel-header>\r\n    }\r\n    <fd-layout-panel-body [bleed]=\"!stackContent\" [class.small-size]=\"deviceSize === 's'\">\r\n        <div\r\n            class=\"tile-wrapper\"\r\n            [ngClass]=\"{ rtl: rtl, ltr: !rtl, s: deviceSize === 's' }\"\r\n            fd-panel-content\r\n            #tiles=\"cdkDropList\"\r\n            cdkDropList\r\n            cdkDropListOrientation=\"horizontal\"\r\n            (cdkDropListDropped)=\"onDrop(appTileGroup, $event)\"\r\n            [cdkDropListConnectedTo]=\"actionLinks\"\r\n            [cdkDropListData]=\"{\r\n                isTile: true,\r\n                items: appTileGroup.navigatorTiles || []\r\n            }\"\r\n        >\r\n            @if (!edit) { @if (!appTileGroup.$TilesLoaded) {\r\n            <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\r\n            } @else if (!appTileGroup.navigatorTiles.length && appTileGroup.$TilesLoaded) {\r\n            <h5 fd-title></h5>\r\n            } } @for (appTile of appTileGroup?.navigatorTiles; track appTile.Id; let k = $index) {\r\n            <div\r\n                [class.edit-home]=\"edit\"\r\n                [class.isdouble]=\"appTile.Component?.Settings?.TileSetting?.IsDouble\"\r\n                cdkDrag\r\n                [cdkDragDisabled]=\"!edit || appTileGroup.Locked\"\r\n            >\r\n                <span\r\n                    [dynamicCommand]=\"appTile.DynamicCommand\"\r\n                    [setToStorage]=\"true\"\r\n                    [enableCommand]=\"!edit && appTile.Component\"\r\n                    tileRenderer\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [data]=\"appTile\"\r\n                    [edit]=\"edit\"\r\n                    [component]=\"appTile.Component\"\r\n                    (hideClick)=\"onAppTileHideClick(appTile)\"\r\n                    (renameClick)=\"onAppTileRenameClick(appTile)\"\r\n                ></span>\r\n            </div>\r\n            } @if (edit) {\r\n            <fd-tile class=\"add-tile\" [routerLink]=\"['/home/appfinder']\">\r\n                <div style=\"margin: 0\">\r\n                    <fd-icon glyph=\"add\"></fd-icon>\r\n                </div>\r\n            </fd-tile>\r\n            }\r\n        </div>\r\n    </fd-layout-panel-body>\r\n</fd-layout-panel>\r\n\r\n<bt-actions-link\r\n    [class.actions-link-edit-home]=\"edit\"\r\n    [actionsLink]=\"appTileGroup.navigatorActionLinks\"\r\n    [edit]=\"edit\"\r\n    [deviceSize]=\"deviceSize\"\r\n    [style.min-height]=\"edit ? '4rem' : 'auto'\"\r\n    cdkDropList\r\n    #actionLinks=\"cdkDropList\"\r\n    cdkDropListOrientation=\"horizontal\"\r\n    [cdkDropListConnectedTo]=\"tiles\"\r\n    (cdkDropListDropped)=\"onDrop(appTileGroup, $event)\"\r\n    [cdkDropListData]=\"{\r\n        isTile: false,\r\n        items: appTileGroup.navigatorActionLinks || []\r\n    }\"\r\n>\r\n</bt-actions-link>\r\n@for (appTileSubGroup of appTileGroup.$Children; track appTileSubGroup) {\r\n<bt-tiles-viewer-group\r\n    [class]=\"deviceSize\"\r\n    [appTileGroup]=\"appTileSubGroup\"\r\n    [edit]=\"edit\"\r\n    [rtl]=\"rtl\"\r\n    [stackContent]=\"stackContent\"\r\n    [isAppTileSubGroup]=\"true\"\r\n    [deviceSize]=\"deviceSize\"\r\n    (tilesDropped)=\"tilesDropped.emit($event)\"\r\n    (renameAppTileClick)=\"renameAppTileClick.emit($event)\"\r\n    (hideAppTileClick)=\"hideAppTileClick.emit($event)\"\r\n    (resetGroup)=\"resetGroup.emit($event)\"\r\n    (deleteGroup)=\"deleteGroup.emit($event)\"\r\n    (toggleGroup)=\"toggleGroup.emit($event)\"\r\n></bt-tiles-viewer-group>\r\n}\r\n", styles: [":host{display:block}fd-layout-panel{box-shadow:none;border-radius:0!important}fd-layout-panel.empty-tiles-group:not([edithome=true]){display:none}fd-layout-panel fd-layout-panel-header fd-layout-panel-head h5{font-weight:500}fd-layout-panel fd-layout-panel-body:not(.small-size){margin-top:1rem}fd-layout-panel fd-layout-panel-body.small-size{padding:1rem .5rem}fd-layout-panel[editHome=false]{background:transparent}::ng-deep .fd-panel__header{border:none;padding-left:0;padding-right:0}::ng-deep fd-panel[edithome=false] .fd-panel__header:first-child{display:none}::ng-deep .fd-panel__content{border-bottom:none;padding:1px}.tile-wrapper{column-gap:.5rem;row-gap:1rem;display:inline-flex;flex-wrap:wrap;align-items:center}.actions-link-edit-home{background-color:var(--sapGroup_ContentBackground, #fff);border-color:var(--sapGroup_ContentBorderColor, #d9d9d9);border-width:var(--sapElement_BorderWidth, .0625rem);border-style:solid}.add-tile{background-color:transparent!important}.add-tile ::ng-deep div{background-color:transparent!important;margin:10px 0}.add-tile div:first-child{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.add-tile fd-icon{font-size:1.5rem;color:#3c4043}fd-layout-panel-body.small-size{display:flex;justify-content:center}fd-layout-panel-body.small-size .tile-wrapper{display:grid;grid-template-columns:154px 154px;gap:1rem}fd-layout-panel-body.small-size .tile-wrapper .isdouble{grid-column-start:1;grid-column-end:3}\n"] }]
+            args: [{ selector: 'bt-tiles-viewer-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-layout-panel\r\n    [fixed]=\"true\"\r\n    [attr.editHome]=\"edit\"\r\n    cdkDrag\r\n    [cdkDragDisabled]=\"!edit || !stackContent\"\r\n    [class.empty-tiles-group]=\"!appTileGroup.navigatorTiles.length && appTileGroup.$TilesLoaded\"\r\n>\r\n    @if (edit || stackContent || isAppTileSubGroup) {\r\n    <fd-layout-panel-header>\r\n        <fd-layout-panel-head>\r\n            <h5 fd-layout-panel-title>{{ appTileGroup.navigatorTitle }}</h5>\r\n        </fd-layout-panel-head>\r\n        @if (edit) {\r\n        <fd-layout-panel-actions class=\"group-btns\">\r\n            <fd-toolbar [shouldOverflow]=\"false\" [fdType]=\"'transparent'\" [clearBorder]=\"true\">\r\n                <button\r\n                    fd-button\r\n                    fd-toolbar-item\r\n                    [label]=\"!appTileGroup.navigatorVisible ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\r\n                    (click)=\"onToggleShowHide(appTileGroup)\"\r\n                ></button>\r\n                @if (appTileGroup.Predefined && appTileGroup.$TileSettingChanged) {\r\n                <button fd-button [label]=\"'Refresh' | bbbTranslate\" (click)=\"onReset(appTileGroup)\"></button>\r\n                } @if (!appTileGroup.Predefined) {\r\n                <button\r\n                    fd-button\r\n                    [label]=\"'Delete' | bbbTranslate\"\r\n                    [fdType]=\"'negative'\"\r\n                    (click)=\"onDelete(appTileGroup)\"\r\n                ></button>\r\n                }\r\n            </fd-toolbar>\r\n        </fd-layout-panel-actions>\r\n        }\r\n    </fd-layout-panel-header>\r\n    }\r\n    <fd-layout-panel-body [bleed]=\"!stackContent\" [class.small-size]=\"deviceSize === 's'\">\r\n        <div\r\n            class=\"tile-wrapper\"\r\n            [ngClass]=\"{ rtl: rtl, ltr: !rtl, s: deviceSize === 's' }\"\r\n            fd-panel-content\r\n            #tiles=\"cdkDropList\"\r\n            cdkDropList\r\n            cdkDropListOrientation=\"horizontal\"\r\n            (cdkDropListDropped)=\"onDrop(appTileGroup, $event)\"\r\n            [cdkDropListConnectedTo]=\"actionLinks\"\r\n            [cdkDropListData]=\"{\r\n                isTile: true,\r\n                items: appTileGroup.navigatorTiles || []\r\n            }\"\r\n        >\r\n            @if (!edit) { @if (!appTileGroup.$TilesLoaded) {\r\n            <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\r\n            } @else if (!appTileGroup.navigatorTiles.length && appTileGroup.$TilesLoaded) {\r\n            <h5 fd-title></h5>\r\n            } } @for (appTile of appTileGroup?.navigatorTiles; track appTile.Id; let k = $index) {\r\n            <div\r\n                [class.edit-home]=\"edit\"\r\n                [class.isdouble]=\"appTile.Component?.Settings?.TileSetting?.IsDouble\"\r\n                cdkDrag\r\n                [cdkDragDisabled]=\"!edit || appTileGroup.Locked\"\r\n            >\r\n                <span\r\n                    [dynamicCommand]=\"appTile.DynamicCommand\"\r\n                    [setToStorage]=\"true\"\r\n                    [enableCommand]=\"!edit && appTile.Component\"\r\n                    tileRenderer\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [data]=\"appTile\"\r\n                    [edit]=\"edit\"\r\n                    [component]=\"appTile.Component\"\r\n                    (hideClick)=\"onAppTileHideClick(appTile)\"\r\n                    (renameClick)=\"onAppTileRenameClick(appTile)\"\r\n                ></span>\r\n            </div>\r\n            } @if (edit) {\r\n            <fd-tile class=\"add-tile\" [routerLink]=\"['/home/appfinder']\">\r\n                <div style=\"margin: 0\">\r\n                    <fd-icon glyph=\"add\"></fd-icon>\r\n                </div>\r\n            </fd-tile>\r\n            }\r\n        </div>\r\n    </fd-layout-panel-body>\r\n</fd-layout-panel>\r\n\r\n<bt-actions-link\r\n    [class.actions-link-edit-home]=\"edit\"\r\n    [actionsLink]=\"appTileGroup.navigatorActionLinks\"\r\n    [edit]=\"edit\"\r\n    [deviceSize]=\"deviceSize\"\r\n    [style.min-height]=\"edit ? '4rem' : 'auto'\"\r\n    cdkDropList\r\n    #actionLinks=\"cdkDropList\"\r\n    cdkDropListOrientation=\"horizontal\"\r\n    [cdkDropListConnectedTo]=\"tiles\"\r\n    (cdkDropListDropped)=\"onDrop(appTileGroup, $event)\"\r\n    [cdkDropListData]=\"{\r\n        isTile: false,\r\n        items: appTileGroup.navigatorActionLinks || []\r\n    }\"\r\n>\r\n</bt-actions-link>\r\n@for (appTileSubGroup of appTileGroup.$Children; track appTileSubGroup) {\r\n<bt-tiles-viewer-group\r\n    [class]=\"deviceSize\"\r\n    [appTileGroup]=\"appTileSubGroup\"\r\n    [edit]=\"edit\"\r\n    [rtl]=\"rtl\"\r\n    [stackContent]=\"stackContent\"\r\n    [isAppTileSubGroup]=\"true\"\r\n    [deviceSize]=\"deviceSize\"\r\n    (tilesDropped)=\"tilesDropped.emit($event)\"\r\n    (renameAppTileClick)=\"renameAppTileClick.emit($event)\"\r\n    (hideAppTileClick)=\"hideAppTileClick.emit($event)\"\r\n    (resetGroup)=\"resetGroup.emit($event)\"\r\n    (deleteGroup)=\"deleteGroup.emit($event)\"\r\n    (toggleGroup)=\"toggleGroup.emit($event)\"\r\n></bt-tiles-viewer-group>\r\n}\r\n", styles: [":host{display:block}fd-layout-panel{box-shadow:none;border-radius:0!important}fd-layout-panel.empty-tiles-group:not([edithome=true]){display:none}fd-layout-panel fd-layout-panel-header fd-layout-panel-head h5{font-weight:500}fd-layout-panel fd-layout-panel-body:not(.small-size){margin-top:1rem}fd-layout-panel fd-layout-panel-body.small-size{padding:1rem .5rem}fd-layout-panel[editHome=false]{background:transparent}::ng-deep .fd-panel__header{border:none;padding-left:0;padding-right:0}::ng-deep fd-panel[edithome=false] .fd-panel__header:first-child{display:none}::ng-deep .fd-panel__content{border-bottom:none;padding:1px}.tile-wrapper{column-gap:.5rem;row-gap:1rem;display:inline-flex;flex-wrap:wrap;align-items:center}.actions-link-edit-home{background-color:var(--sapGroup_ContentBackground, #fff);border-color:var(--sapGroup_ContentBorderColor, #d9d9d9);border-width:var(--sapElement_BorderWidth, .0625rem);border-style:solid}.add-tile{background-color:transparent!important}.add-tile ::ng-deep div{background-color:transparent!important;margin:10px 0}.add-tile div:first-child{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.add-tile fd-icon{font-size:1.5rem;color:#3c4043}fd-layout-panel-body.small-size{display:flex;justify-content:center}fd-layout-panel-body.small-size .tile-wrapper{display:grid;grid-template-columns:154px 154px;gap:1rem}fd-layout-panel-body.small-size .tile-wrapper .isdouble{grid-column-start:1;grid-column-end:3}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { appTileGroup: [{
                 type: Input
             }], stackContent: [{
@@ -1162,7 +1167,8 @@ class EmptyListDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyListDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[emptyList]'
+                    selector: '[emptyList]',
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i1.BbbTranslatePipe }], propDecorators: { emptyList: [{
                 type: Input
@@ -1182,7 +1188,7 @@ class AppFinderAppListComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppFinderAppListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-app-finder-app-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (appGroup) {\n<h5 fd-title *emptyList=\"appGroup.Apps\"></h5>\n@if ((appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }).length > 0) {\n<fd-fixed-card-layout [disableDragDrop]=\"true\">\n    @for (app of appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }; track app; let i = $index) {\n    <fd-card *fdCardDef=\"i\">\n        <fd-card-header [dynCommand]=\"app.DynamicCommand\" [mo]=\"app\">\n            <fd-card-main-header>\n                @if (app.Icon) {\n                <fd-avatar [glyph]=\"app.Icon\" size=\"s\" [title]=\"app.Title\"></fd-avatar>\n                }\n                <h2 fd-card-title class=\"header-title\">\n                    {{ app.Title }}\n                </h2>\n                <h3 fd-card-subtitle></h3>\n            </fd-card-main-header>\n        </fd-card-header>\n        <fd-card-content>\n            <button\n                fd-button\n                [glyph]=\"'pushpin-off'\"\n                [fdType]=\"\n                    pinnedAppInAppTileGroups[app.Id]\n                        ? pinnedAppInAppTileGroups[app.Id].length\n                            ? 'emphasized'\n                            : 'standard'\n                        : app.$HasPinned\n                        ? 'emphasized'\n                        : 'standard'\n                \"\n                (click)=\"onPinTap(app)\"\n            ></button>\n        </fd-card-content>\n    </fd-card>\n    }\n</fd-fixed-card-layout>\n} }\n", styles: [":host{display:block;flex-grow:1;padding:1rem}button{cursor:pointer}h3{padding-bottom:.5rem}fd-fixed-card-layout,h5{padding-bottom:2rem;display:block}.header-title{padding-bottom:30px}fd-card-content{padding:10px;cursor:default}@media (max-width: 767px){:host{padding:0 1rem}}\n"] }]
+            args: [{ selector: 'bt-app-finder-app-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (appGroup) {\n<h5 fd-title *emptyList=\"appGroup.Apps\"></h5>\n@if ((appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }).length > 0) {\n<fd-fixed-card-layout [disableDragDrop]=\"true\">\n    @for (app of appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }; track app; let i = $index) {\n    <fd-card *fdCardDef=\"i\">\n        <fd-card-header [dynCommand]=\"app.DynamicCommand\" [mo]=\"app\">\n            <fd-card-main-header>\n                @if (app.Icon) {\n                <fd-avatar [glyph]=\"app.Icon\" size=\"s\" [title]=\"app.Title\"></fd-avatar>\n                }\n                <h2 fd-card-title class=\"header-title\">\n                    {{ app.Title }}\n                </h2>\n                <h3 fd-card-subtitle></h3>\n            </fd-card-main-header>\n        </fd-card-header>\n        <fd-card-content>\n            <button\n                fd-button\n                [glyph]=\"'pushpin-off'\"\n                [fdType]=\"\n                    pinnedAppInAppTileGroups[app.Id]\n                        ? pinnedAppInAppTileGroups[app.Id].length\n                            ? 'emphasized'\n                            : 'standard'\n                        : app.$HasPinned\n                        ? 'emphasized'\n                        : 'standard'\n                \"\n                (click)=\"onPinTap(app)\"\n            ></button>\n        </fd-card-content>\n    </fd-card>\n    }\n</fd-fixed-card-layout>\n} }\n", styles: [":host{display:block;flex-grow:1;padding:1rem}button{cursor:pointer}h3{padding-bottom:.5rem}fd-fixed-card-layout,h5{padding-bottom:2rem;display:block}.header-title{padding-bottom:30px}fd-card-content{padding:10px;cursor:default}@media (max-width: 767px){:host{padding:0 1rem}}\n"] }]
         }], propDecorators: { appGroup: [{
                 type: Input
             }], mobile: [{
@@ -1222,7 +1228,7 @@ class AppFinderGroupComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppFinderGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-app-finder-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (listMode) {\r\n<div class=\"app-groups\">\r\n    <ul fd-list [selection]=\"true\">\r\n        @for (group of appGroups; track group; let i = $index) {\r\n        <li fd-list-item [selected]=\"group.Id === selectedId\" (click)=\"OnGroupClick(group)\">\r\n            <span fd-list-title>\r\n                {{ group.Title }}\r\n            </span>\r\n        </li>\r\n        }\r\n    </ul>\r\n</div>\r\n} @else { @for (group of appGroups; track group; let i = $index) {\r\n<li fd-menu-item [selected]=\"group.Id === selectedId\">\r\n    <a fd-menu-interactive (click)=\"OnMenuGroupClick(group)\">\r\n        <span fd-menu-title>\r\n            {{ group.Title }}\r\n        </span>\r\n    </a>\r\n</li>\r\n} }\r\n", styles: [".app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"] }]
+            args: [{ selector: 'bt-app-finder-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (listMode) {\r\n<div class=\"app-groups\">\r\n    <ul fd-list [selection]=\"true\">\r\n        @for (group of appGroups; track group; let i = $index) {\r\n        <li fd-list-item [selected]=\"group.Id === selectedId\" (click)=\"OnGroupClick(group)\">\r\n            <span fd-list-title>\r\n                {{ group.Title }}\r\n            </span>\r\n        </li>\r\n        }\r\n    </ul>\r\n</div>\r\n} @else { @for (group of appGroups; track group; let i = $index) {\r\n<li fd-menu-item [selected]=\"group.Id === selectedId\">\r\n    <a fd-menu-interactive (click)=\"OnMenuGroupClick(group)\">\r\n        <span fd-menu-title>\r\n            {{ group.Title }}\r\n        </span>\r\n    </a>\r\n</li>\r\n} }\r\n", styles: [".app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"] }]
         }], propDecorators: { appGroups: [{
                 type: Input
             }], selectedId: [{
@@ -1248,7 +1254,7 @@ class AppFinderComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppFinderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-app-finder', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wrapper\">\r\n    @if (appGroups) {\r\n    <fd-toolbar [fdType]=\"'solid'\">\r\n        @if (deviceSize === 's') {\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            [fdMenu]=\"true\"\r\n            [glyph]=\"'menu2'\"\r\n            [fdType]=\"'transparent'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n            [label]=\"selectedAppGroup?.Title\"\r\n        ></button>\r\n        }\r\n        <fd-toolbar-spacer></fd-toolbar-spacer>\r\n        <fd-input-group\r\n            fd-toolbar-item\r\n            type=\"search\"\r\n            glyph=\"search\"\r\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n            [placeholder]=\"'Search' | bbbTranslate\"\r\n            [button]=\"true\"\r\n            [disabled]=\"false\"\r\n            [(ngModel)]=\"searchTerm2\"\r\n            (addOnButtonClicked)=\"onSearchSubmit()\"\r\n            (keydown.enter)=\"onSearchSubmit()\"\r\n        >\r\n        </fd-input-group>\r\n    </fd-toolbar>\r\n    <div style=\"display: flex; overflow-y: auto\" [style.height]=\"contentHeight\">\r\n        <div class=\"app-groups\">\r\n            @if (deviceSize !== 's') {\r\n            <bt-app-finder-group\r\n                [appGroups]=\"appGroups\"\r\n                [listMode]=\"true\"\r\n                [selectedId]=\"selectedAppGroupId\"\r\n                (selectedIdChange)=\"selectedAppGroupIdChange.emit($event)\"\r\n            >\r\n            </bt-app-finder-group>\r\n            }\r\n        </div>\r\n        <bt-app-finder-app-list\r\n            [appGroup]=\"selectedAppGroup\"\r\n            [mobile]=\"mobile\"\r\n            [searchTerm]=\"searchTerm\"\r\n            [pinnedAppInAppTileGroups]=\"pinnedAppInAppTileGroups\"\r\n            (pinClick)=\"pinClick.emit($event)\"\r\n        ></bt-app-finder-app-list>\r\n    </div>\r\n    <fd-menu\r\n        #menu\r\n        [mobile]=\"deviceSize === 's'\"\r\n        [mobileConfig]=\"{ title: 'Groups' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        @if (deviceSize === 's') {\r\n        <bt-app-finder-group\r\n            [appGroups]=\"appGroups\"\r\n            [selectedId]=\"selectedAppGroupId\"\r\n            (selectedIdChange)=\"menu.close(); selectedAppGroupIdChange.emit($event)\"\r\n        >\r\n        </bt-app-finder-group>\r\n        }\r\n    </fd-menu>\r\n    } @else {\r\n    <bsu-mask></bsu-mask>\r\n    }\r\n</div>\r\n", styles: [":host{display:block;background-color:var(--sapBackgroundColor, #f7f7f7);color:var(--sapTextColor, #32363a)}:host ::ng-deep .fd-list__title{line-height:1.5rem}.wrapper{display:flex;flex-direction:column}fd-toolbar{width:100%}::ng-deep span.fd-toolbar__spacer{display:none}\n"] }]
+            args: [{ selector: 'bt-app-finder', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"wrapper\">\r\n    @if (appGroups) {\r\n    <fd-toolbar [fdType]=\"'solid'\">\r\n        @if (deviceSize === 's') {\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            [fdMenu]=\"true\"\r\n            [glyph]=\"'menu2'\"\r\n            [fdType]=\"'transparent'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n            [label]=\"selectedAppGroup?.Title\"\r\n        ></button>\r\n        }\r\n        <fd-toolbar-spacer></fd-toolbar-spacer>\r\n        <fd-input-group\r\n            fd-toolbar-item\r\n            type=\"search\"\r\n            glyph=\"search\"\r\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n            [placeholder]=\"'Search' | bbbTranslate\"\r\n            [button]=\"true\"\r\n            [disabled]=\"false\"\r\n            [(ngModel)]=\"searchTerm2\"\r\n            (addOnButtonClicked)=\"onSearchSubmit()\"\r\n            (keydown.enter)=\"onSearchSubmit()\"\r\n        >\r\n        </fd-input-group>\r\n    </fd-toolbar>\r\n    <div style=\"display: flex; overflow-y: auto\" [style.height]=\"contentHeight\">\r\n        <div class=\"app-groups\">\r\n            @if (deviceSize !== 's') {\r\n            <bt-app-finder-group\r\n                [appGroups]=\"appGroups\"\r\n                [listMode]=\"true\"\r\n                [selectedId]=\"selectedAppGroupId\"\r\n                (selectedIdChange)=\"selectedAppGroupIdChange.emit($event)\"\r\n            >\r\n            </bt-app-finder-group>\r\n            }\r\n        </div>\r\n        <bt-app-finder-app-list\r\n            [appGroup]=\"selectedAppGroup\"\r\n            [mobile]=\"mobile\"\r\n            [searchTerm]=\"searchTerm\"\r\n            [pinnedAppInAppTileGroups]=\"pinnedAppInAppTileGroups\"\r\n            (pinClick)=\"pinClick.emit($event)\"\r\n        ></bt-app-finder-app-list>\r\n    </div>\r\n    <fd-menu\r\n        #menu\r\n        [mobile]=\"deviceSize === 's'\"\r\n        [mobileConfig]=\"{ title: 'Groups' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        @if (deviceSize === 's') {\r\n        <bt-app-finder-group\r\n            [appGroups]=\"appGroups\"\r\n            [selectedId]=\"selectedAppGroupId\"\r\n            (selectedIdChange)=\"menu.close(); selectedAppGroupIdChange.emit($event)\"\r\n        >\r\n        </bt-app-finder-group>\r\n        }\r\n    </fd-menu>\r\n    } @else {\r\n    <bsu-mask></bsu-mask>\r\n    }\r\n</div>\r\n", styles: [":host{display:block;background-color:var(--sapBackgroundColor, #f7f7f7);color:var(--sapTextColor, #32363a)}:host ::ng-deep .fd-list__title{line-height:1.5rem}.wrapper{display:flex;flex-direction:column}fd-toolbar{width:100%}::ng-deep span.fd-toolbar__spacer{display:none}\n"] }]
         }], propDecorators: { appGroups: [{
                 type: Input
             }], deviceSize: [{
@@ -1303,7 +1309,7 @@ class ChangeAppTileComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChangeAppTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-change-app-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.$Caption }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body [formGroup]=\"appGroupForm\">\r\n        <div fd-form-item>\r\n            <label fd-form-label [required]=\"true\">{{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                @if (submitted && appGroupForm.controls.title.errors) {\r\n                <fd-form-message type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n                }\r\n            </fd-form-input-message-group>\r\n        </div>\r\n        <br />\r\n        <div fd-form-item>\r\n            <label fd-form-label>{{ 'Subtitle' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group formControlName=\"subtitle\" form-control [button]=\"true\" [(ngModel)]=\"subtitle\">\r\n                </fd-input-group>\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdkInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.close()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
+            args: [{ selector: 'bt-change-app-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.$Caption }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body [formGroup]=\"appGroupForm\">\r\n        <div fd-form-item>\r\n            <label fd-form-label [required]=\"true\">{{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                @if (submitted && appGroupForm.controls.title.errors) {\r\n                <fd-form-message type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n                }\r\n            </fd-form-input-message-group>\r\n        </div>\r\n        <br />\r\n        <div fd-form-item>\r\n            <label fd-form-label>{{ 'Subtitle' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group formControlName=\"subtitle\" form-control [button]=\"true\" [(ngModel)]=\"subtitle\">\r\n                </fd-input-group>\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdkInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.close()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
         }], ctorParameters: () => [{ type: i1$6.UntypedFormBuilder }, { type: i1$1.DialogRef }, { type: i1.BbbTranslatePipe }] });
 
 class TilesViewerService {
@@ -1545,7 +1551,7 @@ class TilesViewerComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TilesViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-tiles-viewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dynamic-page size=\"large\" [autoResponsive]=\"true\" [class.hideTabs]=\"hideTabs\">\n    <fd-dynamic-page-header [class.hide]=\"!edit\" [title]=\"'HomeEdit' | bbbTranslate\">\n        <fd-dynamic-page-global-actions>\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <label fd-form-label fd-toolbar-item>Stacked Content </label>\n                <fd-switch\n                    fd-toolbar-item\n                    [checked]=\"stackContent\"\n                    (checkedChange)=\"onStackContentChanged($event)\"\n                ></fd-switch>\n            </fd-toolbar>\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" title=\"Close\" (click)=\"onCloseEditHome()\">\n                    <i class=\"sap-icon--decline\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n\n    <fdp-icon-tab-bar\n        [stackContent]=\"stackContent\"\n        maxContentHeight=\"auto\"\n        ariaRoledescription=\"Tiles Container\"\n        (iconTabSelected)=\"onSelectedTabChange($event)\"\n    >\n        @for (appTileGroup of appTileGroups; track _trackById(i, appTileGroup); let i = $index) { @if (edit ||\n        appTileGroup.navigatorVisible) {\n\n        <fdp-icon-tab-bar-tab\n            [id]=\"appTileGroup.Id\"\n            [color]=\"color\"\n            [label]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n            [title]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n        >\n            <fd-dynamic-page-content [id]=\"appTileGroup.Id\" cdkScrollable>\n                <bt-tiles-viewer-group\n                    [class]=\"deviceSize\"\n                    [appTileGroup]=\"appTileGroup\"\n                    [edit]=\"edit\"\n                    [rtl]=\"rtl\"\n                    [deviceSize]=\"deviceSize\"\n                    [stackContent]=\"stackContent\"\n                    [isAppTileSubGroup]=\"false || hideTabs\"\n                    (tilesDropped)=\"onDrop($event)\"\n                    (renameAppTileClick)=\"renameAppTileClick.emit($event)\"\n                    (hideAppTileClick)=\"hideAppTileClick.emit($event)\"\n                    (resetGroup)=\"resetGroup.emit($event)\"\n                    (deleteGroup)=\"deleteGroup.emit($event)\"\n                    (toggleGroup)=\"toggleGroup.emit($event)\"\n                ></bt-tiles-viewer-group>\n            </fd-dynamic-page-content>\n        </fdp-icon-tab-bar-tab>\n\n        } }\n    </fdp-icon-tab-bar>\n\n    <fd-dynamic-page-footer>\n        @if (edit) {\n        <div fd-bar barDesign=\"footer\">\n            <div fd-bar-right>\n                <fd-button-bar\n                    [label]=\"'SaveAndClose' | bbbTranslate\"\n                    fdType=\"emphasized\"\n                    (click)=\"onExitEditHome(appTileGroups)\"\n                ></fd-button-bar>\n            </div>\n        </div>\n        }\n    </fd-dynamic-page-footer>\n</fd-dynamic-page>\n", styles: [":host{display:block}:host ::ng-deep .fd-panel__header{border:none;padding-left:0;padding-right:0}:host ::ng-deep fd-panel[edithome=false] .fd-panel__header:first-child{display:none}:host ::ng-deep .fd-panel__content{border-bottom:none;padding:1px}:host ::ng-deep fd-tab-list[noSpy] .fd-tabs__content{overflow-y:initial}:host ::ng-deep fd-dynamic-page article{height:calc(100vh - 44px)!important}:host ::ng-deep .footer-spacer{height:0}.fd-tabs__panel:not(.is-expanded){display:none}fd-dynamic-page.stack-mode fd-dynamic-page-content{overflow-y:hidden}fd-dynamic-page.hideTabs ::ng-deep fdp-icon-tab-bar-text-type{display:none}@media (max-width: 599px){bnrc-dynamic-component{margin-right:0!important;margin-left:0!important}}\n"] }]
+            args: [{ selector: 'bt-tiles-viewer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dynamic-page size=\"large\" [autoResponsive]=\"true\" [class.hideTabs]=\"hideTabs\">\n    <fd-dynamic-page-header [class.hide]=\"!edit\" [title]=\"'HomeEdit' | bbbTranslate\">\n        <fd-dynamic-page-global-actions>\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <label fd-form-label fd-toolbar-item>Stacked Content </label>\n                <fd-switch\n                    fd-toolbar-item\n                    [checked]=\"stackContent\"\n                    (checkedChange)=\"onStackContentChanged($event)\"\n                ></fd-switch>\n            </fd-toolbar>\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" title=\"Close\" (click)=\"onCloseEditHome()\">\n                    <i class=\"sap-icon--decline\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n\n    <fdp-icon-tab-bar\n        [stackContent]=\"stackContent\"\n        maxContentHeight=\"auto\"\n        ariaRoledescription=\"Tiles Container\"\n        (iconTabSelected)=\"onSelectedTabChange($event)\"\n    >\n        @for (appTileGroup of appTileGroups; track _trackById(i, appTileGroup); let i = $index) { @if (edit ||\n        appTileGroup.navigatorVisible) {\n\n        <fdp-icon-tab-bar-tab\n            [id]=\"appTileGroup.Id\"\n            [color]=\"color\"\n            [label]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n            [title]=\"appTileGroup.navigatorTitle | bbbTranslate\"\n        >\n            <fd-dynamic-page-content [id]=\"appTileGroup.Id\" cdkScrollable>\n                <bt-tiles-viewer-group\n                    [class]=\"deviceSize\"\n                    [appTileGroup]=\"appTileGroup\"\n                    [edit]=\"edit\"\n                    [rtl]=\"rtl\"\n                    [deviceSize]=\"deviceSize\"\n                    [stackContent]=\"stackContent\"\n                    [isAppTileSubGroup]=\"false || hideTabs\"\n                    (tilesDropped)=\"onDrop($event)\"\n                    (renameAppTileClick)=\"renameAppTileClick.emit($event)\"\n                    (hideAppTileClick)=\"hideAppTileClick.emit($event)\"\n                    (resetGroup)=\"resetGroup.emit($event)\"\n                    (deleteGroup)=\"deleteGroup.emit($event)\"\n                    (toggleGroup)=\"toggleGroup.emit($event)\"\n                ></bt-tiles-viewer-group>\n            </fd-dynamic-page-content>\n        </fdp-icon-tab-bar-tab>\n\n        } }\n    </fdp-icon-tab-bar>\n\n    <fd-dynamic-page-footer>\n        @if (edit) {\n        <div fd-bar barDesign=\"footer\">\n            <div fd-bar-right>\n                <fd-button-bar\n                    [label]=\"'SaveAndClose' | bbbTranslate\"\n                    fdType=\"emphasized\"\n                    (click)=\"onExitEditHome(appTileGroups)\"\n                ></fd-button-bar>\n            </div>\n        </div>\n        }\n    </fd-dynamic-page-footer>\n</fd-dynamic-page>\n", styles: [":host{display:block}:host ::ng-deep .fd-panel__header{border:none;padding-left:0;padding-right:0}:host ::ng-deep fd-panel[edithome=false] .fd-panel__header:first-child{display:none}:host ::ng-deep .fd-panel__content{border-bottom:none;padding:1px}:host ::ng-deep fd-tab-list[noSpy] .fd-tabs__content{overflow-y:initial}:host ::ng-deep fd-dynamic-page article{height:calc(100vh - 44px)!important}:host ::ng-deep .footer-spacer{height:0}.fd-tabs__panel:not(.is-expanded){display:none}fd-dynamic-page.stack-mode fd-dynamic-page-content{overflow-y:hidden}fd-dynamic-page.hideTabs ::ng-deep fdp-icon-tab-bar-text-type{display:none}@media (max-width: 599px){bnrc-dynamic-component{margin-right:0!important;margin-left:0!important}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.SaveScrollPositionService }], propDecorators: { tabListComponent: [{
                 type: ViewChild,
                 args: [IconTabBarComponent]
@@ -1759,7 +1765,7 @@ class TilesViewerContainerComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TilesViewerContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-tiles-viewer-container', providers: [TilesViewerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (appTileGroups$ | async; as appTileGroups) { @if (appTileGroups) {\r\n<bt-tiles-viewer\r\n    [class.edit]=\"(edit$ | async)!!\"\r\n    [appTileGroups]=\"appTileGroups\"\r\n    [loading]=\"(viewLoading$ | async)!!\"\r\n    [hideTabs]=\"settings?.HideTabs\"\r\n    [edit]=\"(edit$ | async)!!\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [stackContent]=\"(stackContent$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [defaultTab]=\"selectedAppGroupId\"\r\n    (stackContentChange)=\"onStackContentChanged($event)\"\r\n    (closeEditHome)=\"onCloseEditHome()\"\r\n    (save)=\"onExitEditHome($event)\"\r\n    (listDropped)=\"onDropGroup($event)\"\r\n    (tabChanged)=\"onSelectedTabChange($event)\"\r\n    (toggleGroup)=\"onToggleShowHide($event)\"\r\n    (resetGroup)=\"onReset($event)\"\r\n    (deleteGroup)=\"onDelete($event)\"\r\n    (tilesDropped)=\"onDrop($event)\"\r\n    (hideAppTileClick)=\"onHideAppTile($event)\"\r\n    (renameAppTileClick)=\"onRenameAppTile($event)\"\r\n></bt-tiles-viewer>\r\n} @else {\r\n<bsu-no-data></bsu-no-data>\r\n} } @else {\r\n<bsu-mask></bsu-mask>\r\n}\r\n\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'bt-tiles-viewer-container', providers: [TilesViewerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (appTileGroups$ | async; as appTileGroups) { @if (appTileGroups) {\r\n<bt-tiles-viewer\r\n    [class.edit]=\"(edit$ | async)!!\"\r\n    [appTileGroups]=\"appTileGroups\"\r\n    [loading]=\"(viewLoading$ | async)!!\"\r\n    [hideTabs]=\"settings?.HideTabs\"\r\n    [edit]=\"(edit$ | async)!!\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [stackContent]=\"(stackContent$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [defaultTab]=\"selectedAppGroupId\"\r\n    (stackContentChange)=\"onStackContentChanged($event)\"\r\n    (closeEditHome)=\"onCloseEditHome()\"\r\n    (save)=\"onExitEditHome($event)\"\r\n    (listDropped)=\"onDropGroup($event)\"\r\n    (tabChanged)=\"onSelectedTabChange($event)\"\r\n    (toggleGroup)=\"onToggleShowHide($event)\"\r\n    (resetGroup)=\"onReset($event)\"\r\n    (deleteGroup)=\"onDelete($event)\"\r\n    (tilesDropped)=\"onDrop($event)\"\r\n    (hideAppTileClick)=\"onHideAppTile($event)\"\r\n    (renameAppTileClick)=\"onRenameAppTile($event)\"\r\n></bt-tiles-viewer>\r\n} @else {\r\n<bsu-no-data></bsu-no-data>\r\n} } @else {\r\n<bsu-mask></bsu-mask>\r\n}\r\n\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.PortalService }, { type: TilesService }, { type: TilesViewerService }] });
 
 class MicroTileChartBulletComponent extends BaseBtTileComponent {
@@ -1778,7 +1784,7 @@ class MicroTileChartBulletComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroTileChartBulletComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-micro-tile-chart-bullet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [deviceSize]=\"deviceSize\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        @if (double) {\n        <be-micro-chart-bullet\n            [target]=\"target\"\n            [value]=\"value\"\n            [range]=\"range\"\n            [forecast]=\"forecast\"\n            [isDelta]=\"isDelta\"\n            [separatorLines]=\"separatorLines\"\n            [suffix]=\"suffix\"\n        >\n        </be-micro-chart-bullet>\n        }\n\n        <be-micro-chart-bullet\n            [target]=\"target\"\n            [value]=\"value\"\n            [range]=\"range\"\n            [forecast]=\"forecast\"\n            [isDelta]=\"double ? false : isDelta\"\n            [separatorLines]=\"separatorLines\"\n            [suffix]=\"suffix\"\n        >\n        </be-micro-chart-bullet>\n    </div>\n</bt-tile>\n", styles: [":host ::ng-deep .fd-tile__content{display:flex;column-gap:20px}\n"] }]
+            args: [{ selector: 'bt-micro-tile-chart-bullet', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [deviceSize]=\"deviceSize\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        @if (double) {\n        <be-micro-chart-bullet\n            [target]=\"target\"\n            [value]=\"value\"\n            [range]=\"range\"\n            [forecast]=\"forecast\"\n            [isDelta]=\"isDelta\"\n            [separatorLines]=\"separatorLines\"\n            [suffix]=\"suffix\"\n        >\n        </be-micro-chart-bullet>\n        }\n\n        <be-micro-chart-bullet\n            [target]=\"target\"\n            [value]=\"value\"\n            [range]=\"range\"\n            [forecast]=\"forecast\"\n            [isDelta]=\"double ? false : isDelta\"\n            [separatorLines]=\"separatorLines\"\n            [suffix]=\"suffix\"\n        >\n        </be-micro-chart-bullet>\n    </div>\n</bt-tile>\n", styles: [":host ::ng-deep .fd-tile__content{display:flex;column-gap:20px}\n"] }]
         }] });
 
 class NewsTileComponent extends BaseBtTileComponent {
@@ -1816,7 +1822,7 @@ class NewsTileComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NewsTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-news-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [footerTemplate]=\"newsFooter\"\n    [edit]=\"edit\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [setToStorage]=\"setToStorage\"\n    [deviceSize]=\"deviceSize\"\n    [listMode]=\"listMode\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content style=\"align-items: center; padding-top: 1rem\">\n        <span>\n            {{ activeNews?.Text | bbbTranslate }}\n        </span>\n\n        <div class=\"wrapper-carousel\">\n            <div class=\"cover\"></div>\n            @if (slides.length > 1) {\n            <button\n                fd-button\n                fdType=\"transparent\"\n                [glyph]=\"isStop ? 'play' : 'pause'\"\n                (click)=\"isStop = !isStop; $event.preventDefault(); $event.stopPropagation()\"\n            ></button>\n            }\n            <fd-carousel\n                carouselIndicatorsOrientation=\"top\"\n                [slideTransitionDuration]=\"1000\"\n                (slideChange)=\"slideChange($event)\"\n                [loop]=\"true\"\n                [navigation]=\"false\"\n                [navigatorInPageIndicator]=\"false\"\n                width=\"100%\"\n            >\n                @for (slide of slides; track slide) {\n                <fd-carousel-item [value]=\"slide\">\n                    <img\n                        [src]=\"slide.Img ? (slide.Img.FileId | picFieldSrc: 'ID':null:slide.Img.FileId:335:170) : ''\"\n                    />\n                </fd-carousel-item>\n                }\n            </fd-carousel>\n        </div>\n    </div>\n</bt-tile>\n\n<!--  tile footer-->\n<ng-template #newsFooter>\n    <div fd-tile-footer [twoColumn]=\"twoColumn\" *untilInView=\"el\">\n        @if (twoColumn) {\n        <div fd-tile-section>\n            <span fd-tile-footer-text>{{ activeNews?.Footer1 | bbbTranslate }}</span>\n        </div>\n        <div fd-tile-section>\n            <span fd-tile-footer-text>{{ activeNews?.Footer2 | bbbTranslate }}</span>\n        </div>\n        } @else {\n        <span fd-tile-footer-text>{{ activeNews?.Footer1 | bbbTranslate }}</span>\n        }\n    </div>\n</ng-template>\n", styles: [":host{position:relative;display:block}:host bt-tile{position:relative}:host bt-tile .wrapper-carousel{position:absolute;top:0;width:100%;height:100%;left:0;z-index:0}:host bt-tile .wrapper-carousel img{width:335px;height:165px;object-fit:cover}:host ::ng-deep span{z-index:3;color:#fff}:host ::ng-deep button{position:absolute;right:15px;top:15px;display:none}:host ::ng-deep button fd-icon{z-index:4;min-width:1.5rem!important;font-size:1.5rem!important;color:#fff!important}:host ::ng-deep .fd-carousel__content{z-index:3}:host ::ng-deep .fd-carousel__page-indicator-container{position:absolute;bottom:0;display:none;background-color:transparent}:host ::ng-deep .fd-carousel__page-indicator-container ol{z-index:5}:host ::ng-deep .fd-carousel__page-indicator-container ol li{background-color:#dad7d7}:host ::ng-deep .fd-carousel__page-indicator-container ol li.fd-carousel__page-indicator--active{background-color:#fff}:host .cover{background-color:#064079d9;position:absolute;bottom:0;left:0;right:0;height:50%;z-index:4;opacity:.6}:host:hover ::ng-deep .fd-carousel__page-indicator-container{display:inherit}:host:hover ::ng-deep button{display:inline-flex}\n"] }]
+            args: [{ selector: 'bt-news-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [footerTemplate]=\"newsFooter\"\n    [edit]=\"edit\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [setToStorage]=\"setToStorage\"\n    [deviceSize]=\"deviceSize\"\n    [listMode]=\"listMode\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content style=\"align-items: center; padding-top: 1rem\">\n        <span>\n            {{ activeNews?.Text | bbbTranslate }}\n        </span>\n\n        <div class=\"wrapper-carousel\">\n            <div class=\"cover\"></div>\n            @if (slides.length > 1) {\n            <button\n                fd-button\n                fdType=\"transparent\"\n                [glyph]=\"isStop ? 'play' : 'pause'\"\n                (click)=\"isStop = !isStop; $event.preventDefault(); $event.stopPropagation()\"\n            ></button>\n            }\n            <fd-carousel\n                carouselIndicatorsOrientation=\"top\"\n                [slideTransitionDuration]=\"1000\"\n                (slideChange)=\"slideChange($event)\"\n                [loop]=\"true\"\n                [navigation]=\"false\"\n                [navigatorInPageIndicator]=\"false\"\n                width=\"100%\"\n            >\n                @for (slide of slides; track slide) {\n                <fd-carousel-item [value]=\"slide\">\n                    <img\n                        [src]=\"slide.Img ? (slide.Img.FileId | picFieldSrc: 'ID':null:slide.Img.FileId:335:170) : ''\"\n                    />\n                </fd-carousel-item>\n                }\n            </fd-carousel>\n        </div>\n    </div>\n</bt-tile>\n\n<!--  tile footer-->\n<ng-template #newsFooter>\n    <div fd-tile-footer [twoColumn]=\"twoColumn\" *untilInView=\"el\">\n        @if (twoColumn) {\n        <div fd-tile-section>\n            <span fd-tile-footer-text>{{ activeNews?.Footer1 | bbbTranslate }}</span>\n        </div>\n        <div fd-tile-section>\n            <span fd-tile-footer-text>{{ activeNews?.Footer2 | bbbTranslate }}</span>\n        </div>\n        } @else {\n        <span fd-tile-footer-text>{{ activeNews?.Footer1 | bbbTranslate }}</span>\n        }\n    </div>\n</ng-template>\n", styles: [":host{position:relative;display:block}:host bt-tile{position:relative}:host bt-tile .wrapper-carousel{position:absolute;top:0;width:100%;height:100%;left:0;z-index:0}:host bt-tile .wrapper-carousel img{width:335px;height:165px;object-fit:cover}:host ::ng-deep span{z-index:3;color:#fff}:host ::ng-deep button{position:absolute;right:15px;top:15px;display:none}:host ::ng-deep button fd-icon{z-index:4;min-width:1.5rem!important;font-size:1.5rem!important;color:#fff!important}:host ::ng-deep .fd-carousel__content{z-index:3}:host ::ng-deep .fd-carousel__page-indicator-container{position:absolute;bottom:0;display:none;background-color:transparent}:host ::ng-deep .fd-carousel__page-indicator-container ol{z-index:5}:host ::ng-deep .fd-carousel__page-indicator-container ol li{background-color:#dad7d7}:host ::ng-deep .fd-carousel__page-indicator-container ol li.fd-carousel__page-indicator--active{background-color:#fff}:host .cover{background-color:#064079d9;position:absolute;bottom:0;left:0;right:0;height:50%;z-index:4;opacity:.6}:host:hover ::ng-deep .fd-carousel__page-indicator-container{display:inherit}:host:hover ::ng-deep button{display:inline-flex}\n"] }]
         }], propDecorators: { carouselComponent: [{
                 type: ViewChild,
                 args: [CarouselComponent]
@@ -1843,7 +1849,7 @@ class MicroTileChartComparisonComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroTileChartComparisonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-micro-tile-chart-comparison', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [deviceSize]=\"deviceSize\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        <be-micro-chart-comparison [data]=\"chartData\" [size]=\"double ? 'l' : 's'\"></be-micro-chart-comparison>\n    </div>\n</bt-tile>\n" }]
+            args: [{ selector: 'bt-micro-tile-chart-comparison', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [deviceSize]=\"deviceSize\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        <be-micro-chart-comparison [data]=\"chartData\" [size]=\"double ? 'l' : 's'\"></be-micro-chart-comparison>\n    </div>\n</bt-tile>\n" }]
         }] });
 
 class MicroTileChartStackbarComponent extends BaseBtTileComponent {
@@ -1863,7 +1869,7 @@ class MicroTileChartStackbarComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroTileChartStackbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-micro-tile-chart-stackbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\r\n    [data]=\"data\"\r\n    [type]=\"'launch'\"\r\n    [edit]=\"edit\"\r\n    [title]=\"data | tileProp: 'Title':parameters\"\r\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n    [footer]=\"data | tileProp: 'Footer':parameters\"\r\n    (hideClick)=\"hideClick.emit()\"\r\n    (renameClick)=\"renameClick.emit()\"\r\n    (click)=\"onTileClick()\"\r\n>\r\n    <div fd-tile-content>\r\n        <be-micro-chart-stackbar [data]=\"charData\"></be-micro-chart-stackbar>\r\n    </div>\r\n</bt-tile>\r\n", styles: [".chart{width:100%}\n"] }]
+            args: [{ selector: 'bt-micro-tile-chart-stackbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\r\n    [data]=\"data\"\r\n    [type]=\"'launch'\"\r\n    [edit]=\"edit\"\r\n    [title]=\"data | tileProp: 'Title':parameters\"\r\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n    [footer]=\"data | tileProp: 'Footer':parameters\"\r\n    (hideClick)=\"hideClick.emit()\"\r\n    (renameClick)=\"renameClick.emit()\"\r\n    (click)=\"onTileClick()\"\r\n>\r\n    <div fd-tile-content>\r\n        <be-micro-chart-stackbar [data]=\"charData\"></be-micro-chart-stackbar>\r\n    </div>\r\n</bt-tile>\r\n", styles: [".chart{width:100%}\n"] }]
         }] });
 
 class MicroTileChartLineComponent extends BaseBtTileComponent {
@@ -1888,7 +1894,7 @@ class MicroTileChartLineComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroTileChartLineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-micro-tile-chart-line', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\r\n    [data]=\"data\"\r\n    [type]=\"'launch'\"\r\n    [edit]=\"edit\"\r\n    [title]=\"data | tileProp: 'Title':parameters\"\r\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n    [footer]=\"data | tileProp: 'Footer':parameters\"\r\n    (hideClick)=\"hideClick.emit()\"\r\n    (renameClick)=\"renameClick.emit()\"\r\n    (click)=\"onTileClick()\"\r\n>\r\n    <div fd-tile-content>\r\n        <be-micro-chart-line [line]=\"chartData\"></be-micro-chart-line>\r\n    </div>\r\n</bt-tile>\r\n", styles: ["be-micro-chart-bar{display:flex;flex-direction:column}\n"] }]
+            args: [{ selector: 'bt-micro-tile-chart-line', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\r\n    [data]=\"data\"\r\n    [type]=\"'launch'\"\r\n    [edit]=\"edit\"\r\n    [title]=\"data | tileProp: 'Title':parameters\"\r\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n    [footer]=\"data | tileProp: 'Footer':parameters\"\r\n    (hideClick)=\"hideClick.emit()\"\r\n    (renameClick)=\"renameClick.emit()\"\r\n    (click)=\"onTileClick()\"\r\n>\r\n    <div fd-tile-content>\r\n        <be-micro-chart-line [line]=\"chartData\"></be-micro-chart-line>\r\n    </div>\r\n</bt-tile>\r\n", styles: ["be-micro-chart-bar{display:flex;flex-direction:column}\n"] }]
         }] });
 
 class MicroTileChartCircularComponent extends BaseBtTileComponent {
@@ -1901,7 +1907,7 @@ class MicroTileChartCircularComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroTileChartCircularComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-micro-tile-chart-circular', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [deviceSize]=\"deviceSize\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        <be-micro-chart-circular [data]=\"chartData\"></be-micro-chart-circular>\n    </div>\n</bt-tile>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'bt-micro-tile-chart-circular', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [deviceSize]=\"deviceSize\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        <be-micro-chart-circular [data]=\"chartData\"></be-micro-chart-circular>\n    </div>\n</bt-tile>\n", styles: [":host{display:block}\n"] }]
         }] });
 
 class MicroTileChartAreaComponent extends BaseBtTileComponent {
@@ -1934,7 +1940,7 @@ class MicroTileChartAreaComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroTileChartAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-micro-tile-chart-area', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [deviceSize]=\"deviceSize\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        <be-micro-chart-area\n            [style.flex-direction]=\"double ? 'row' : 'column'\"\n            [chartData]=\"chartData\"\n            [size]=\"double ? 'l' : 's'\"\n        ></be-micro-chart-area>\n    </div>\n</bt-tile>\n", styles: [":host{display:block}be-micro-chart-area{display:flex}\n"] }]
+            args: [{ selector: 'bt-micro-tile-chart-area', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [deviceSize]=\"deviceSize\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        <be-micro-chart-area\n            [style.flex-direction]=\"double ? 'row' : 'column'\"\n            [chartData]=\"chartData\"\n            [size]=\"double ? 'l' : 's'\"\n        ></be-micro-chart-area>\n    </div>\n</bt-tile>\n", styles: [":host{display:block}be-micro-chart-area{display:flex}\n"] }]
         }] });
 
 class MicroTileChartBarComponent extends BaseBtTileComponent {
@@ -1943,7 +1949,7 @@ class MicroTileChartBarComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroTileChartBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-micro-tile-chart-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [deviceSize]=\"deviceSize\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n    [footerTemplate]=\"footerTpl\"\n    [hideHeader]=\"true\"\n>\n    <div fd-tile-content style=\"height: 100%; max-height: 100%\">\n        @if(settings.ChartInstance?.Id){\n        <be-micro-chart-bar\n            [chartInstanceId]=\"settings.ChartInstance.Id\"\n            [size]=\"double ? 'l' : 's'\"\n        ></be-micro-chart-bar>\n        }@else{\n        <div>chart defined</div>\n        }\n    </div>\n</bt-tile>\n<ng-template #footerTpl></ng-template>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'bt-micro-tile-chart-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [deviceSize]=\"deviceSize\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n    [footerTemplate]=\"footerTpl\"\n    [hideHeader]=\"true\"\n>\n    <div fd-tile-content style=\"height: 100%; max-height: 100%\">\n        @if(settings.ChartInstance?.Id){\n        <be-micro-chart-bar\n            [chartInstanceId]=\"settings.ChartInstance.Id\"\n            [size]=\"double ? 'l' : 's'\"\n        ></be-micro-chart-bar>\n        }@else{\n        <div>chart defined</div>\n        }\n    </div>\n</bt-tile>\n<ng-template #footerTpl></ng-template>\n", styles: [":host{display:block}\n"] }]
         }] });
 
 class CreateAppGroupComponent extends BaseComponent {
@@ -1973,7 +1979,7 @@ class CreateAppGroupComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateAppGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-create-app-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.title }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <div fd-form-item [formGroup]=\"appGroupForm\">\r\n            <label fd-form-label [required]=\"true\"> {{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                @if (submitted && appGroupForm.controls.title.errors) {\r\n                <fd-form-message type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n                }\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdkInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.dismiss()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
+            args: [{ selector: 'bt-create-app-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.title }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <div fd-form-item [formGroup]=\"appGroupForm\">\r\n            <label fd-form-label [required]=\"true\"> {{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                @if (submitted && appGroupForm.controls.title.errors) {\r\n                <fd-form-message type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n                }\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdkInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.dismiss()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
         }], ctorParameters: () => [{ type: i1$6.UntypedFormBuilder }, { type: i1$1.DialogRef }, { type: i1.BbbTranslatePipe }] });
 
 class PinTileComponent extends BaseComponent {
@@ -2061,7 +2067,7 @@ class PinTileComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PinTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-pin-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'AddToList' | bbbTranslate }}</h1>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body>\r\n        <ul fd-list [navigationIndicator]=\"true\" style=\"margin-bottom: 1rem\">\r\n            <li fd-list-item [navigationIndicator]=\"true\" (click)=\"onNewGroup()\">\r\n                <fd-icon glyph=\"add\"></fd-icon><span fd-list-title>{{ newGroupText }}</span>\r\n            </li>\r\n            @for (appTileGroup of appTileGroups; track appTileGroup) { @if (!appTileGroup.$Disabledpin) {\r\n            <li fd-list-item [selected]=\"appTileGroup.$PinTile\">\r\n                <fd-checkbox [(ngModel)]=\"appTileGroup.$PinTile\"></fd-checkbox>\r\n                <span fd-list-title>{{ appTileGroup.navigatorTitle || appTileGroup.Title }}</span>\r\n            </li>\r\n            } @for (subGroup of appTileGroup.$Children; track subGroup) { @if (!subGroup.$Disabledpin) {\r\n            <li fd-list-item [selected]=\"subGroup.$PinTile\">\r\n                <fd-checkbox [(ngModel)]=\"subGroup.$PinTile\"></fd-checkbox>\r\n                <span fd-list-title>{{ subGroup.navigatorTitle || subGroup.Title }}</span>\r\n            </li>\r\n            } } }\r\n        </ul>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <ng-template fdkTemplate=\"footer\">\r\n            <div fd-bar-left></div>\r\n            <div fd-bar-right>\r\n                <fd-button-bar fdkInitialFocus fdType=\"emphasized\" [label]=\"'OK' | bbbTranslate\" (click)=\"onAccept()\">\r\n                </fd-button-bar>\r\n                <fd-button-bar\r\n                    fdkInitialFocus\r\n                    fdType=\"transparent\"\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                    (click)=\"onClose()\"\r\n                >\r\n                </fd-button-bar>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [":host ::ng-deep .cdk-drag{cursor:default!important}:host *{cursor:default!important}li{cursor:pointer}fd-dialog-body,fd-dialog-footer,fd-dialog-header{cursor:default}fd-icon{padding:0 5px}\n"] }]
+            args: [{ selector: 'bt-pin-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'AddToList' | bbbTranslate }}</h1>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body>\r\n        <ul fd-list [navigationIndicator]=\"true\" style=\"margin-bottom: 1rem\">\r\n            <li fd-list-item [navigationIndicator]=\"true\" (click)=\"onNewGroup()\">\r\n                <fd-icon glyph=\"add\"></fd-icon><span fd-list-title>{{ newGroupText }}</span>\r\n            </li>\r\n            @for (appTileGroup of appTileGroups; track appTileGroup) { @if (!appTileGroup.$Disabledpin) {\r\n            <li fd-list-item [selected]=\"appTileGroup.$PinTile\">\r\n                <fd-checkbox [(ngModel)]=\"appTileGroup.$PinTile\"></fd-checkbox>\r\n                <span fd-list-title>{{ appTileGroup.navigatorTitle || appTileGroup.Title }}</span>\r\n            </li>\r\n            } @for (subGroup of appTileGroup.$Children; track subGroup) { @if (!subGroup.$Disabledpin) {\r\n            <li fd-list-item [selected]=\"subGroup.$PinTile\">\r\n                <fd-checkbox [(ngModel)]=\"subGroup.$PinTile\"></fd-checkbox>\r\n                <span fd-list-title>{{ subGroup.navigatorTitle || subGroup.Title }}</span>\r\n            </li>\r\n            } } }\r\n        </ul>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <ng-template fdkTemplate=\"footer\">\r\n            <div fd-bar-left></div>\r\n            <div fd-bar-right>\r\n                <fd-button-bar fdkInitialFocus fdType=\"emphasized\" [label]=\"'OK' | bbbTranslate\" (click)=\"onAccept()\">\r\n                </fd-button-bar>\r\n                <fd-button-bar\r\n                    fdkInitialFocus\r\n                    fdType=\"transparent\"\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                    (click)=\"onClose()\"\r\n                >\r\n                </fd-button-bar>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [":host ::ng-deep .cdk-drag{cursor:default!important}:host *{cursor:default!important}li{cursor:pointer}fd-dialog-body,fd-dialog-footer,fd-dialog-header{cursor:default}fd-icon{padding:0 5px}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DialogService }, { type: i1$1.DialogRef }, { type: i1.BbbTranslatePipe }], propDecorators: { app: [{
                 type: Input
             }], appTileGroups: [{
@@ -2268,7 +2274,7 @@ class FormAppFinderComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormAppFinderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-form-app-finder', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-app-finder\r\n    [appGroups]=\"(appGroups$ | async)!!\"\r\n    [selectedAppGroupId]=\"(selectedAppGroupId$ | async)!!\"\r\n    [selectedAppGroup]=\"(selectedAppGroup$ | async)!!\"\r\n    [mobile]=\"(mobile$ | async)!!\"\r\n    [sideContentSize]=\"(sideContentSize$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async) ?? 'compact'\"\r\n    [pinnedAppInAppTileGroups]=\"(pinnedAppInAppTileGroups$ | async)!!\"\r\n    [contentHeight]=\"contentHeight\"\r\n    (selectedAppGroupIdChange)=\"onSelectedAppGroupChange($event)\"\r\n    (pinClick)=\"onPinClick($event)\"\r\n>\r\n</bt-app-finder>\r\n", styles: [":host{display:block;min-height:100vh}\n"] }]
+            args: [{ selector: 'bt-form-app-finder', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-app-finder\r\n    [appGroups]=\"(appGroups$ | async)!!\"\r\n    [selectedAppGroupId]=\"(selectedAppGroupId$ | async)!!\"\r\n    [selectedAppGroup]=\"(selectedAppGroup$ | async)!!\"\r\n    [mobile]=\"(mobile$ | async)!!\"\r\n    [sideContentSize]=\"(sideContentSize$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async) ?? 'compact'\"\r\n    [pinnedAppInAppTileGroups]=\"(pinnedAppInAppTileGroups$ | async)!!\"\r\n    [contentHeight]=\"contentHeight\"\r\n    (selectedAppGroupIdChange)=\"onSelectedAppGroupChange($event)\"\r\n    (pinClick)=\"onPinClick($event)\"\r\n>\r\n</bt-app-finder>\r\n", styles: [":host{display:block;min-height:100vh}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.DialogService }, { type: AppFinderService }, { type: i0.ElementRef }, { type: i1$1.ContentDensityService }] });
 
 class FooterEditTileComponent extends BaseComponent {
@@ -2277,7 +2283,7 @@ class FooterEditTileComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FooterEditTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-footer-edit-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button fd-button [glyph]=\"'pushpin-off'\" fdType=\"\"></button>\r\n", styles: [":host{border-top:1px solid #ccc;padding-bottom:5px}\n"] }]
+            args: [{ selector: 'bt-footer-edit-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<button fd-button [glyph]=\"'pushpin-off'\" fdType=\"\"></button>\r\n", styles: [":host{border-top:1px solid #ccc;padding-bottom:5px}\n"] }]
         }] });
 
 class NumericTileComponent extends BaseBtTileComponent {
@@ -2334,7 +2340,7 @@ class NumericTileComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NumericTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-numeric-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [backColor]=\"backColor\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [deviceSize]=\"deviceSize\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        <div fd-numeric-content>\n            <div fd-numeric-content-launch-icon-container>\n                <i fd-numeric-content-launch-icon [glyph]=\"launchIcon\" [class]=\"launchIcon | sapFontClass\"></i>\n            </div>\n            <div fd-numeric-content-kpi-container>\n                <div fd-numeric-content-kpi [state]=\"kpiState\" [style.color]=\"kpiStateIsColor ? kpiState : null\">\n                    {{ kpi }}\n                </div>\n            </div>\n            <div fd-numeric-content-scale-container style=\"padding-top: 0.2rem\">\n                <div\n                    fd-numeric-content-scale\n                    [state]=\"scaleState\"\n                    [style.color]=\"scalseStateIsColor ? scaleState : null\"\n                >\n                    <span\n                        fd-numeric-content-scale-arrow\n                        [glyph]=\"scaleArrowIcon\"\n                        [class]=\"scaleArrowIcon | sapFontClass\"\n                        [style.color]=\"scalseStateIsColor ? scaleState : null\"\n                    ></span>\n                    <span fd-numeric-content-scale-text [style.color]=\"scalseStateIsColor ? scaleState : null\">{{\n                        scaleText\n                    }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</bt-tile>\n" }]
+            args: [{ selector: 'bt-numeric-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [backColor]=\"backColor\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [deviceSize]=\"deviceSize\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        <div fd-numeric-content>\n            <div fd-numeric-content-launch-icon-container>\n                <i fd-numeric-content-launch-icon [glyph]=\"launchIcon\" [class]=\"launchIcon | sapFontClass\"></i>\n            </div>\n            <div fd-numeric-content-kpi-container>\n                <div fd-numeric-content-kpi [state]=\"kpiState\" [style.color]=\"kpiStateIsColor ? kpiState : null\">\n                    {{ kpi }}\n                </div>\n            </div>\n            <div fd-numeric-content-scale-container style=\"padding-top: 0.2rem\">\n                <div\n                    fd-numeric-content-scale\n                    [state]=\"scaleState\"\n                    [style.color]=\"scalseStateIsColor ? scaleState : null\"\n                >\n                    <span\n                        fd-numeric-content-scale-arrow\n                        [glyph]=\"scaleArrowIcon\"\n                        [class]=\"scaleArrowIcon | sapFontClass\"\n                        [style.color]=\"scalseStateIsColor ? scaleState : null\"\n                    ></span>\n                    <span fd-numeric-content-scale-text [style.color]=\"scalseStateIsColor ? scaleState : null\">{{\n                        scaleText\n                    }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</bt-tile>\n" }]
         }] });
 
 class LogoTileComponent extends BaseBtTileComponent {
@@ -2350,7 +2356,7 @@ class LogoTileComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-logo-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [deviceSize]=\"deviceSize\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [backColor]=\"backColor\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n>\n    <div fd-tile-content>\n        <img fd-tile-logo [src]=\"fileId | picFieldSrc: 'GetPictureFromFileInfo':null\" />\n    </div>\n</bt-tile>\n" }]
+            args: [{ selector: 'bt-logo-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [deviceSize]=\"deviceSize\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [backColor]=\"backColor\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n>\n    <div fd-tile-content>\n        <img fd-tile-logo [src]=\"fileId | picFieldSrc: 'GetPictureFromFileInfo':null\" />\n    </div>\n</bt-tile>\n" }]
         }] });
 
 class FeedTileComponent extends BaseBtTileComponent {
@@ -2374,7 +2380,7 @@ class FeedTileComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeedTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-feed-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'feed'\"\n    [edit]=\"edit\"\n    [backColor]=\"backColor\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content [twoColumn]=\"twoColumn\">\n        @if (twoColumn) {\n        <div fd-tile-section>\n            <div fd-tile-content-text>{{ text | bbbTranslate }}</div>\n            <div fd-tile-content-byline>{{ byline }}</div>\n        </div>\n        <div fd-tile-section>\n            <div fd-numeric-content>\n                <div fd-numeric-content-kpi-container>\n                    <div fd-numeric-content-kpi [state]=\"state\">{{ kpi }}</div>\n                </div>\n            </div>\n        </div>\n        } @else {\n        <div fd-numeric-content>\n            <div fd-numeric-content-kpi-container>\n                <div fd-numeric-content-kpi [state]=\"state\">{{ kpi }}</div>\n            </div>\n        </div>\n        }\n    </div>\n</bt-tile>\n" }]
+            args: [{ selector: 'bt-feed-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'feed'\"\n    [edit]=\"edit\"\n    [backColor]=\"backColor\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content [twoColumn]=\"twoColumn\">\n        @if (twoColumn) {\n        <div fd-tile-section>\n            <div fd-tile-content-text>{{ text | bbbTranslate }}</div>\n            <div fd-tile-content-byline>{{ byline }}</div>\n        </div>\n        <div fd-tile-section>\n            <div fd-numeric-content>\n                <div fd-numeric-content-kpi-container>\n                    <div fd-numeric-content-kpi [state]=\"state\">{{ kpi }}</div>\n                </div>\n            </div>\n        </div>\n        } @else {\n        <div fd-numeric-content>\n            <div fd-numeric-content-kpi-container>\n                <div fd-numeric-content-kpi [state]=\"state\">{{ kpi }}</div>\n            </div>\n        </div>\n        }\n    </div>\n</bt-tile>\n" }]
         }] });
 
 class SimpleTileComponent extends BaseBtTileComponent {
@@ -2392,7 +2398,7 @@ class SimpleTileComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SimpleTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-simple-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [backColor]=\"backColor\"\n    [deviceSize]=\"deviceSize\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content [class.picture-icon]=\"pictureIcon || iconCalc\">\n        @if(pictureIcon || iconCalc){\n        <span\n            class=\"tile-picture-icon\"\n            fd-tile-profile-img\n            [backgroundImage]=\"iconCalc || (pictureIcon.FileId | picFieldSrc: 'GetPictureFromFileInfo':null)\"\n        ></span>\n        } @else if (icon) {\n        <div class=\"fd-numeric-content__launch-icon-container\" style=\"justify-content: center\">\n            <fd-icon\n                class=\"fd-numeric-content__launch-icon\"\n                fd-numeric-content-launch-icon\n                [glyph]=\"icon\"\n                [font]=\"icon | sapFont\"\n                [style.color]=\"iconColor\"\n            ></fd-icon>\n        </div>\n        }\n    </div>\n</bt-tile>\n", styles: ["fd-icon{font-size:2rem}.tile-picture-icon{background-size:contain;background-position:center;background-repeat:no-repeat;max-width:5rem;width:100%;max-height:5rem;height:100%}\n"] }]
+            args: [{ selector: 'bt-simple-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [backColor]=\"backColor\"\n    [deviceSize]=\"deviceSize\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content [class.picture-icon]=\"pictureIcon || iconCalc\">\n        @if(pictureIcon || iconCalc){\n        <span\n            class=\"tile-picture-icon\"\n            fd-tile-profile-img\n            [backgroundImage]=\"iconCalc || (pictureIcon.FileId | picFieldSrc: 'GetPictureFromFileInfo':null)\"\n        ></span>\n        } @else if (icon) {\n        <div class=\"fd-numeric-content__launch-icon-container\" style=\"justify-content: center\">\n            <fd-icon\n                class=\"fd-numeric-content__launch-icon\"\n                fd-numeric-content-launch-icon\n                [glyph]=\"icon\"\n                [font]=\"icon | sapFont\"\n                [style.color]=\"iconColor\"\n            ></fd-icon>\n        </div>\n        }\n    </div>\n</bt-tile>\n", styles: ["fd-icon{font-size:2rem}.tile-picture-icon{background-size:contain;background-position:center;background-repeat:no-repeat;max-width:5rem;width:100%;max-height:5rem;height:100%}\n"] }]
         }] });
 
 class ProfileTileComponent extends BaseBtTileComponent {
@@ -2417,7 +2423,7 @@ class ProfileTileComponent extends BaseBtTileComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProfileTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-profile-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [backColor]=\"backColor\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [deviceSize]=\"deviceSize\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        @if (fileId2 || calcImage) {\n        <span\n            class=\"profile\"\n            fd-tile-profile-img\n            [backgroundImage]=\"calcImage || (fileId2 | picFieldSrc: 'GetPictureFromFileInfo':null)\"\n        ></span>\n        } @else if(icon){\n        <fd-icon [font]=\"icon | sapFont\" fd-tile-profile-img style=\"font-size: 2rem\" [glyph]=\"icon\"></fd-icon>\n        } @else {\n        <fd-icon font=\"SAP-icons-TNT\" fd-tile-profile-img style=\"font-size: 2rem\" glyph=\"user\"></fd-icon>\n        }\n    </div>\n</bt-tile>\n", styles: [".profile{background-size:contain;background-repeat:no-repeat}\n"] }]
+            args: [{ selector: 'bt-profile-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\n    [data]=\"data\"\n    [type]=\"'launch'\"\n    [edit]=\"edit\"\n    [backColor]=\"backColor\"\n    [setToStorage]=\"setToStorage\"\n    [listMode]=\"listMode\"\n    [deviceSize]=\"deviceSize\"\n    [navigateBackOnClick]=\"navigateBackOnClick\"\n    [title]=\"data | tileProp: 'Title':parameters\"\n    [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\n    [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\n    [footer]=\"data | tileProp: 'Footer':parameters\"\n    (hideClick)=\"hideClick.emit()\"\n    (renameClick)=\"renameClick.emit()\"\n    (click)=\"onTileClick()\"\n>\n    <div fd-tile-content>\n        @if (fileId2 || calcImage) {\n        <span\n            class=\"profile\"\n            fd-tile-profile-img\n            [backgroundImage]=\"calcImage || (fileId2 | picFieldSrc: 'GetPictureFromFileInfo':null)\"\n        ></span>\n        } @else if(icon){\n        <fd-icon [font]=\"icon | sapFont\" fd-tile-profile-img style=\"font-size: 2rem\" [glyph]=\"icon\"></fd-icon>\n        } @else {\n        <fd-icon font=\"SAP-icons-TNT\" fd-tile-profile-img style=\"font-size: 2rem\" glyph=\"user\"></fd-icon>\n        }\n    </div>\n</bt-tile>\n", styles: [".profile{background-size:contain;background-repeat:no-repeat}\n"] }]
         }] });
 
 class NotificationGroupHeaderComponent extends BaseComponent {
@@ -2446,7 +2452,7 @@ class NotificationGroupHeaderComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationGroupHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-notification-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h2 fd-notification-title [unread]=\"false\">\r\n    {{ title | bbbTranslate }} ({{ notifications.length }}) @if (unreadCount !== 0) {\r\n    <strong>{{ 'New' | bbbTranslate }} ({{ unreadCount }})</strong>\r\n    }\r\n</h2>\r\n" }]
+            args: [{ selector: 'bt-notification-group-header', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<h2 fd-notification-title [unread]=\"false\">\r\n    {{ title | bbbTranslate }} ({{ notifications.length }}) @if (unreadCount !== 0) {\r\n    <strong>{{ 'New' | bbbTranslate }} ({{ unreadCount }})</strong>\r\n    }\r\n</h2>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { notifications: [{
                 type: Input
             }], title: [{
@@ -2535,7 +2541,7 @@ class NotificationGroupComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-notification-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (notifications && notifications.length > 0) {\n<ng-container>\n    <fd-notification-group>\n        <fd-tab-list size=\"s\" [expandOverflowText]=\"'More' | bbbTranslate\">\n            @for (tab of tabList; track _trackByTitle(index, tab); let index = $index) {\n            <fd-tab [title]=\"tab.title | bbbTranslate\">\n                @for (groupItem of tab.groupByItems; track _trackByKey(index, groupItem); let index = $index) {\n                <fd-notification-group-list>\n                    <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\n                        <fd-notification-header>\n                            <bt-notification-group-header\n                                [notifications]=\"groupItem.value\"\n                                [title]=\"groupItem.key\"\n                            ></bt-notification-group-header>\n                        </fd-notification-header>\n                        <fd-notification-actions>\n                            <!-- <button fd-button label=\"Accept All\"></button> -->\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\n                                [title]=\"'DeleteAll' | bbbTranslate\"\n                                glyph=\"decline\"\n                                (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\n                            ></button>\n                        </fd-notification-actions>\n                    </fd-notification-group-header>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            notificationBody;\n                            context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\n                        \"\n                    ></ng-container>\n                    <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\n                <h1 fd-notification-limit-title>\n                  There are {{ groupItem.value.length - 4 }} more notifications\n                </h1>\n                <p fd-notification-limit-description>\n                  You need to close or take action on the listed notifications to display more.\n                </p>\n              </fd-notification-limit> -->\n                </fd-notification-group-list>\n                }\n            </fd-tab>\n            }\n        </fd-tab-list>\n    </fd-notification-group>\n</ng-container>\n} @else { @if (!loading) {\n<bsu-no-data [simple]=\"true\" style=\"height: 3rem\"></bsu-no-data>\n} @else {\n<div style=\"height: 30px; position: relative\">\n    <bsu-mask [top]=\"'10px'\"></bsu-mask>\n</div>\n} }\n<ng-template #loadingTpl>\n    <div style=\"height: 30px; position: relative\">\n        <bsu-mask [top]=\"'10px'\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #notificationItem> </ng-template>\n\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\n    <div style=\"max-height: 346px; overflow-y: auto; overflow-x: hidden\">\n        @for (mo of notifications; track _trackMoById($index, mo); let first = $first; let last = $last) {\n        <bsu-notification-item\n            [notificationItem]=\"mo\"\n            (viewed)=\"viewed.emit($event)\"\n            (remove)=\"remove.emit($event)\"\n            (showEvent)=\"showEvent.emit($event)\"\n            (actionClick)=\"actionClick.emit($event)\"\n            intersectionObserver\n            [intersectionThreshold]=\"0.5\"\n            [deviceSize]=\"deviceSize\"\n            (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\n        ></bsu-notification-item>\n        } @if (loading) {\n        <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\n        }\n    </div>\n</ng-template>\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}:host.s{min-width:auto}\n"] }]
+            args: [{ selector: 'bt-notification-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (notifications && notifications.length > 0) {\n<ng-container>\n    <fd-notification-group>\n        <fd-tab-list size=\"s\" [expandOverflowText]=\"'More' | bbbTranslate\">\n            @for (tab of tabList; track _trackByTitle(index, tab); let index = $index) {\n            <fd-tab [title]=\"tab.title | bbbTranslate\">\n                @for (groupItem of tab.groupByItems; track _trackByKey(index, groupItem); let index = $index) {\n                <fd-notification-group-list>\n                    <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\n                        <fd-notification-header>\n                            <bt-notification-group-header\n                                [notifications]=\"groupItem.value\"\n                                [title]=\"groupItem.key\"\n                            ></bt-notification-group-header>\n                        </fd-notification-header>\n                        <fd-notification-actions>\n                            <!-- <button fd-button label=\"Accept All\"></button> -->\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\n                                [title]=\"'DeleteAll' | bbbTranslate\"\n                                glyph=\"decline\"\n                                (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\n                            ></button>\n                        </fd-notification-actions>\n                    </fd-notification-group-header>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            notificationBody;\n                            context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\n                        \"\n                    ></ng-container>\n                    <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\n                <h1 fd-notification-limit-title>\n                  There are {{ groupItem.value.length - 4 }} more notifications\n                </h1>\n                <p fd-notification-limit-description>\n                  You need to close or take action on the listed notifications to display more.\n                </p>\n              </fd-notification-limit> -->\n                </fd-notification-group-list>\n                }\n            </fd-tab>\n            }\n        </fd-tab-list>\n    </fd-notification-group>\n</ng-container>\n} @else { @if (!loading) {\n<bsu-no-data [simple]=\"true\" style=\"height: 3rem\"></bsu-no-data>\n} @else {\n<div style=\"height: 30px; position: relative\">\n    <bsu-mask [top]=\"'10px'\"></bsu-mask>\n</div>\n} }\n<ng-template #loadingTpl>\n    <div style=\"height: 30px; position: relative\">\n        <bsu-mask [top]=\"'10px'\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #notificationItem> </ng-template>\n\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\n    <div style=\"max-height: 346px; overflow-y: auto; overflow-x: hidden\">\n        @for (mo of notifications; track _trackMoById($index, mo); let first = $first; let last = $last) {\n        <bsu-notification-item\n            [notificationItem]=\"mo\"\n            (viewed)=\"viewed.emit($event)\"\n            (remove)=\"remove.emit($event)\"\n            (showEvent)=\"showEvent.emit($event)\"\n            (actionClick)=\"actionClick.emit($event)\"\n            intersectionObserver\n            [intersectionThreshold]=\"0.5\"\n            [deviceSize]=\"deviceSize\"\n            (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\n        ></bsu-notification-item>\n        } @if (loading) {\n        <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\n        }\n    </div>\n</ng-template>\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}:host.s{min-width:auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.GroupByPipe }, { type: i0.ChangeDetectorRef }], propDecorators: { notifications: [{
                 type: Input
             }], loading: [{
@@ -2658,7 +2664,7 @@ class BarsaShellbarComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaShellbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-barsa-shellbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (cssVariableUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssVariableUrl\" />\n} @if (cssUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssUrl\" />\n} @if (cssCustomUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssCustomUrl\" />\n}\n<fd-shellbar\n    [size]=\"deviceSize\"\n    [ngClass]=\"deviceSize\"\n    routeFormChange\n    (stateChanged)=\"onRouteFormStateChange()\"\n    [handleBodyClick]=\"true\"\n>\n    @if (sideMenuTemplate) {\n    <fd-shellbar-action\n        [glyph]=\"'apps'\"\n        [label]=\"'Quick Access' | bbbTranslate\"\n        [notificationCount]=\"notificationCount.unread ?? 0\"\n        [notificationLabel]=\"'Quick Access' | bbbTranslate\"\n        [callback]=\"onOpenQuickAccess\"\n    >\n    </fd-shellbar-action>\n    } @if (sideMenuTemplate) {\n    <button\n        fd-shellbar-side-nav\n        fd-button\n        fdType=\"transparent\"\n        glyph=\"menu2\"\n        style=\"width: 2.75rem\"\n        (click)=\"$event.stopPropagation(); isOpenQuickAccessChanged.emit(!isOpenQuickAccess)\"\n    ></button>\n    } @if (logo) {\n    <fd-shellbar-logo>\n        <a\n            [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\n            href=\"/\"\n            class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced\"\n            aria-label=\"Barsa Novin Ray\"\n        ></a>\n    </fd-shellbar-logo>\n    } @if (!settings?.HideProductMenu && productMenuItems1 && productMenuItems1.length > 0) {\n    <fd-product-menu [control]=\"productMenuControl\" [closePopoverOnSelect]=\"true\" [items]=\"productMenuItems1\">\n    </fd-product-menu>\n    }\n    <fd-shellbar-subtitle> {{ subtitle | bbbTranslate }}{{ showVersion ? appVersion : '' }}</fd-shellbar-subtitle>\n    @if (!hideShellbarActions&& user && (userMenu?.length || !settings?.HideLanguage)) {\n    <fd-shellbar-actions [user]=\"user\" [userMenu]=\"userMenu\" #langRef>\n        @for (action of actions; track action) {\n        <fd-shellbar-action\n            [glyph]=\"action.Icon\"\n            [callback]=\"action.Callback\"\n            [label]=\"action.Label\"\n            notificationLabel=\"login\"\n        >\n        </fd-shellbar-action>\n        } @if (deviceSize === 's' && userLoggedIn && !settings?.HideNotifications) {\n        <fd-shellbar-action\n            [glyph]=\"'bell'\"\n            [label]=\"'Notifications' | bbbTranslate\"\n            [notificationCount]=\"notificationCount.unread ?? 0\"\n            [notificationLabel]=\"'Notifications' | bbbTranslate\"\n            [callback]=\"onBellNotification\"\n        >\n        </fd-shellbar-action>\n        } @if (!settings?.HideNotifications && userLoggedIn) {\n        <fd-popover\n            [(isOpen)]=\"isOpenNotificatoin\"\n            [triggers]=\"[]\"\n            [focusTrapped]=\"true\"\n            [noArrow]=\"true\"\n            placement=\"bottom\"\n            title=\"Notification Popover\"\n            [focusAutoCapture]=\"true\"\n            [mobile]=\"deviceSize === 's'\"\n            #popoverComponent\n        >\n            <fd-popover-control>\n                <fd-shellbar-action\n                    [glyph]=\"'bell'\"\n                    [label]=\"'Notification'\"\n                    [notificationCount]=\"notificationCount.unread\"\n                    [notificationLabel]=\"'Notification Label'\"\n                    [callback]=\"onOpenNotification\"\n                >\n                </fd-shellbar-action>\n            </fd-popover-control>\n            <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\n                <ng-container\n                    *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationCount }\"\n                ></ng-container>\n            </fd-popover-body>\n        </fd-popover>\n        } @if (!settings?.HideLanguage && deviceSize !== 's' && multiLanguages) {\n        <fd-shellbar-action [glyph]=\"'world'\" [label]=\"'language'\" [fdMenuTrigger]=\"menu\" (callback)=\"(onLanguage)\">\n        </fd-shellbar-action>\n        } @if (!settings?.HideLanguage && deviceSize === 's' && multiLanguages) { @for (culture of cultures | keyvalue;\n        track culture) {\n        <fd-shellbar-action\n            [label]=\"culture.value\"\n            [callback]=\"onLanguage\"\n            class=\"culture-abbrivation\"\n            [glyph]=\"culture.key\"\n            [ngClass]=\"'flags'\"\n        >\n        </fd-shellbar-action>\n        } } @if (productSwitcher?.length) {\n        <fd-product-switch>\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\n            </fd-product-switch-body>\n        </fd-product-switch>\n        }\n    </fd-shellbar-actions>\n    }\n</fd-shellbar>\n@if(showExtraButton){\n<div\n    [class.fd-shellbar--xl]=\"isDesktop\"\n    [class.fd-shellbar--m]=\"isTablet\"\n    [class.fd-shellbar--s]=\"isMobile\"\n    class=\"extra-button-wrapper\"\n    [class.service-desk]=\"isServiceDesk\"\n>\n    <ng-content select=\"button\"></ng-content>\n</div>\n}\n<ng-template #loading>\n    <bsu-mask></bsu-mask>\n</ng-template>\n\n<div\n    *ngIf=\"sideMenuTemplate\"\n    class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\n    [class.tw-w-screen]=\"isMobile\"\n    [class.-tw-right-full]=\"isMobile\"\n    [class.tw-w-96]=\"!isMobile\"\n    [class.-tw-right-96]=\"!isMobile\"\n    [class.!tw-right-0]=\"isOpenQuickAccess\"\n    (click)=\"$event.stopPropagation()\"\n>\n    <ng-container *ngTemplateOutlet=\"sideMenuTemplate\"></ng-container>\n</div>\n\n@if(isOpenQuickAccess) {\n<div\n    class=\"sidemenu-h tw-fixed tw-right-0 tw-bg-slate-800/[.5] tw-z-[90] tw-w-screen tw-backdrop-blur-sm\"\n    (click)=\"isOpenQuickAccessChanged.emit(false)\"\n></div>\n}\n<fd-menu #menu>\n    <ul fd-list>\n        @for (culture of cultures | keyvalue; track culture) {\n        <li fd-list-item>\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\n                <span fd-list-title>\n                    <img width=\"14px\" height=\"12px\" [src]=\"'/assets/flags/' + culture.key + '.png'\" />\n                    <span class=\"culture-abbrivation\" [ngClass]=\"culture.key\"> {{ culture.key }}</span>\n                </span>\n            </a>\n        </li>\n        }\n    </ul>\n</fd-menu>\n<ng-template #notificationGroupTpl let-notificationCount=\"notificationCount\">\n    @if (!notifcationLoaded && notificationLoading === true) {\n    <div style=\"position: relative; height: 100px\">\n        <bsu-mask size=\"s\"></bsu-mask>\n    </div>\n    }\n    <bt-notification-group\n        [notifications]=\"notifications\"\n        [notificationCount]=\"notificationCount\"\n        [loading]=\"notificationLoading === true\"\n        (viewed)=\"onNotificationItemViewed($event)\"\n        (remove)=\"onRemoveNotifications($event)\"\n        (showEvent)=\"popoverComponent.close(); onShowNotification($event)\"\n        (actionClick)=\"popoverComponent.close(); onNotificationAction($event)\"\n        (loadMore)=\"onNotificationLoadMore()\"\n        [deviceSize]=\"deviceSize\"\n    ></bt-notification-group>\n</ng-template>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #notificationsDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Notification' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"mobile\">\n            <ng-container\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationCount }\"\n            ></ng-container>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;position:relative}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep fd-combobox .fd-input-group input{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}:host ::ng-deep fd-combobox .fd-input-group span{min-width:2rem;min-height:1.625rem}:host ::ng-deep .fd-shellbar__subtitle{font-size:1rem}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__subtitle{display:block;overflow:hidden;text-wrap:wrap;width:100%;word-break:break-all}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__group.fd-shellbar__group--product{flex:1}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__group.fd-shellbar__group--actions{max-width:120px}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem}.extra-button-wrapper{display:flex;height:100%;align-items:center;position:absolute;left:10px;top:0;gap:.285rem}.sidemenu-h{top:var(--fdShellbar_Height);height:calc(100vh - var(--fdShellbar_Height))}\n"] }]
+            args: [{ selector: 'bt-barsa-shellbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (cssVariableUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssVariableUrl\" />\n} @if (cssUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssUrl\" />\n} @if (cssCustomUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssCustomUrl\" />\n}\n<fd-shellbar\n    [size]=\"deviceSize\"\n    [ngClass]=\"deviceSize\"\n    routeFormChange\n    (stateChanged)=\"onRouteFormStateChange()\"\n    [handleBodyClick]=\"true\"\n>\n    @if (sideMenuTemplate) {\n    <fd-shellbar-action\n        [glyph]=\"'apps'\"\n        [label]=\"'Quick Access' | bbbTranslate\"\n        [notificationCount]=\"notificationCount.unread ?? 0\"\n        [notificationLabel]=\"'Quick Access' | bbbTranslate\"\n        [callback]=\"onOpenQuickAccess\"\n    >\n    </fd-shellbar-action>\n    } @if (sideMenuTemplate) {\n    <button\n        fd-shellbar-side-nav\n        fd-button\n        fdType=\"transparent\"\n        glyph=\"menu2\"\n        style=\"width: 2.75rem\"\n        (click)=\"$event.stopPropagation(); isOpenQuickAccessChanged.emit(!isOpenQuickAccess)\"\n    ></button>\n    } @if (logo) {\n    <fd-shellbar-logo>\n        <a\n            [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\n            href=\"/\"\n            class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced\"\n            aria-label=\"Barsa Novin Ray\"\n        ></a>\n    </fd-shellbar-logo>\n    } @if (!settings?.HideProductMenu && productMenuItems1 && productMenuItems1.length > 0) {\n    <fd-product-menu [control]=\"productMenuControl\" [closePopoverOnSelect]=\"true\" [items]=\"productMenuItems1\">\n    </fd-product-menu>\n    }\n    <fd-shellbar-subtitle> {{ subtitle | bbbTranslate }}{{ showVersion ? appVersion : '' }}</fd-shellbar-subtitle>\n    @if (!hideShellbarActions&& user && (userMenu?.length || !settings?.HideLanguage)) {\n    <fd-shellbar-actions [user]=\"user\" [userMenu]=\"userMenu\" #langRef>\n        @for (action of actions; track action) {\n        <fd-shellbar-action\n            [glyph]=\"action.Icon\"\n            [callback]=\"action.Callback\"\n            [label]=\"action.Label\"\n            notificationLabel=\"login\"\n        >\n        </fd-shellbar-action>\n        } @if (deviceSize === 's' && userLoggedIn && !settings?.HideNotifications) {\n        <fd-shellbar-action\n            [glyph]=\"'bell'\"\n            [label]=\"'Notifications' | bbbTranslate\"\n            [notificationCount]=\"notificationCount.unread ?? 0\"\n            [notificationLabel]=\"'Notifications' | bbbTranslate\"\n            [callback]=\"onBellNotification\"\n        >\n        </fd-shellbar-action>\n        } @if (!settings?.HideNotifications && userLoggedIn) {\n        <fd-popover\n            [(isOpen)]=\"isOpenNotificatoin\"\n            [triggers]=\"[]\"\n            [focusTrapped]=\"true\"\n            [noArrow]=\"true\"\n            placement=\"bottom\"\n            title=\"Notification Popover\"\n            [focusAutoCapture]=\"true\"\n            [mobile]=\"deviceSize === 's'\"\n            #popoverComponent\n        >\n            <fd-popover-control>\n                <fd-shellbar-action\n                    [glyph]=\"'bell'\"\n                    [label]=\"'Notification'\"\n                    [notificationCount]=\"notificationCount.unread\"\n                    [notificationLabel]=\"'Notification Label'\"\n                    [callback]=\"onOpenNotification\"\n                >\n                </fd-shellbar-action>\n            </fd-popover-control>\n            <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\n                <ng-container\n                    *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationCount }\"\n                ></ng-container>\n            </fd-popover-body>\n        </fd-popover>\n        } @if (!settings?.HideLanguage && deviceSize !== 's' && multiLanguages) {\n        <fd-shellbar-action [glyph]=\"'world'\" [label]=\"'language'\" [fdMenuTrigger]=\"menu\" (callback)=\"(onLanguage)\">\n        </fd-shellbar-action>\n        } @if (!settings?.HideLanguage && deviceSize === 's' && multiLanguages) { @for (culture of cultures | keyvalue;\n        track culture) {\n        <fd-shellbar-action\n            [label]=\"culture.value\"\n            [callback]=\"onLanguage\"\n            class=\"culture-abbrivation\"\n            [glyph]=\"culture.key\"\n            [ngClass]=\"'flags'\"\n        >\n        </fd-shellbar-action>\n        } } @if (productSwitcher?.length) {\n        <fd-product-switch>\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\n            </fd-product-switch-body>\n        </fd-product-switch>\n        }\n    </fd-shellbar-actions>\n    }\n</fd-shellbar>\n@if(showExtraButton){\n<div\n    [class.fd-shellbar--xl]=\"isDesktop\"\n    [class.fd-shellbar--m]=\"isTablet\"\n    [class.fd-shellbar--s]=\"isMobile\"\n    class=\"extra-button-wrapper\"\n    [class.service-desk]=\"isServiceDesk\"\n>\n    <ng-content select=\"button\"></ng-content>\n</div>\n}\n<ng-template #loading>\n    <bsu-mask></bsu-mask>\n</ng-template>\n\n<div\n    *ngIf=\"sideMenuTemplate\"\n    class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\n    [class.tw-w-screen]=\"isMobile\"\n    [class.-tw-right-full]=\"isMobile\"\n    [class.tw-w-96]=\"!isMobile\"\n    [class.-tw-right-96]=\"!isMobile\"\n    [class.!tw-right-0]=\"isOpenQuickAccess\"\n    (click)=\"$event.stopPropagation()\"\n>\n    <ng-container *ngTemplateOutlet=\"sideMenuTemplate\"></ng-container>\n</div>\n\n@if(isOpenQuickAccess) {\n<div\n    class=\"sidemenu-h tw-fixed tw-right-0 tw-bg-slate-800/[.5] tw-z-[90] tw-w-screen tw-backdrop-blur-sm\"\n    (click)=\"isOpenQuickAccessChanged.emit(false)\"\n></div>\n}\n<fd-menu #menu>\n    <ul fd-list>\n        @for (culture of cultures | keyvalue; track culture) {\n        <li fd-list-item>\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\n                <span fd-list-title>\n                    <img width=\"14px\" height=\"12px\" [src]=\"'/assets/flags/' + culture.key + '.png'\" />\n                    <span class=\"culture-abbrivation\" [ngClass]=\"culture.key\"> {{ culture.key }}</span>\n                </span>\n            </a>\n        </li>\n        }\n    </ul>\n</fd-menu>\n<ng-template #notificationGroupTpl let-notificationCount=\"notificationCount\">\n    @if (!notifcationLoaded && notificationLoading === true) {\n    <div style=\"position: relative; height: 100px\">\n        <bsu-mask size=\"s\"></bsu-mask>\n    </div>\n    }\n    <bt-notification-group\n        [notifications]=\"notifications\"\n        [notificationCount]=\"notificationCount\"\n        [loading]=\"notificationLoading === true\"\n        (viewed)=\"onNotificationItemViewed($event)\"\n        (remove)=\"onRemoveNotifications($event)\"\n        (showEvent)=\"popoverComponent.close(); onShowNotification($event)\"\n        (actionClick)=\"popoverComponent.close(); onNotificationAction($event)\"\n        (loadMore)=\"onNotificationLoadMore()\"\n        [deviceSize]=\"deviceSize\"\n    ></bt-notification-group>\n</ng-template>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #notificationsDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Notification' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"mobile\">\n            <ng-container\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationCount }\"\n            ></ng-container>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;position:relative}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep fd-combobox .fd-input-group input{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}:host ::ng-deep fd-combobox .fd-input-group span{min-width:2rem;min-height:1.625rem}:host ::ng-deep .fd-shellbar__subtitle{font-size:1rem}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__subtitle{display:block;overflow:hidden;text-wrap:wrap;width:100%;word-break:break-all}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__group.fd-shellbar__group--product{flex:1}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__group.fd-shellbar__group--actions{max-width:120px}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem}.extra-button-wrapper{display:flex;height:100%;align-items:center;position:absolute;left:10px;top:0;gap:.285rem}.sidemenu-h{top:var(--fdShellbar_Height);height:calc(100vh - var(--fdShellbar_Height))}\n"] }]
         }], ctorParameters: () => [{ type: i1.NotificationService }, { type: i1$1.DialogService }, { type: i3$1.Router }, { type: i1.PortalService }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -2959,7 +2965,7 @@ class ShellbarComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShellbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-shellbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (userLoggedIn$ | async; as userloggend) { @if (notifiationCountLoaded$ | async; as notifiationCountLoaded) { @if\n(deviceSize$ | async; as deviceSize) { @if (shellbarData) {\n<bt-barsa-shellbar\n    [class.service-desk]=\"isServiceDesk\"\n    [cssUrl]=\"cssUrl$ | async\"\n    [cssVariableUrl]=\"cssVariableUrl$ | async\"\n    [userProfileImageUrl]=\"userProfileImageUrl$ | async\"\n    [cssCustomUrl]=\"cssCustomUrl$ | async\"\n    [userLoggedIn]=\"true\"\n    [deviceSize]=\"deviceSize\"\n    [shellbarData]=\"shellbarData\"\n    [cssStyle]=\"cssStyles\"\n    [productMenuControl]=\"productMenuControl\"\n    [settings]=\"settings\"\n    [isMobile]=\"isMobile\"\n    [isTablet]=\"isTablet\"\n    [isDesktop]=\"isDesktop\"\n    [multiLanguages]=\"multiLanguages\"\n    [notificationCount]=\"(notificationsCount$ | async)!!\"\n    [notifications]=\"(notifications$ | async) ?? []\"\n    [notifcationLoaded]=\"notifcationLoaded\"\n    [notificationLoading]=\"(notificationLoading$ | async) === true\"\n    [cultures]=\"cultures\"\n    [logo]=\"logo\"\n    [actions]=\"actions\"\n    [userMenu]=\"userMenu\"\n    [productSwitcher]=\"productSwitcher\"\n    [subtitle]=\"subtitle\"\n    [isServiceDesk]=\"isServiceDesk\"\n    [sideMenuTemplate]=\"QuickAccessTemplate\"\n    [productMenuItems1]=\"productMenuItems1\"\n    [isOpenQuickAccess]=\"isOpenQuickAccess\"\n    (isOpenQuickAccessChanged)=\"isOpenQuickAccess = $event\"\n    (cultureChanged)=\"onCultureChanged($event)\"\n    (notificationViewed)=\"onNotificationItemViewed($event)\"\n    (notifiationActionClick)=\"onNotificationAction($event)\"\n    (removeNotification)=\"onRemoveNotifications($event)\"\n    (notificationLoadMore)=\"onNotificationLoadMore()\"\n    (openNotificationPanel)=\"onHandleOpenNotificationPanel()\"\n>\n</bt-barsa-shellbar>\n} } } } @else { @if (notificationsCount$ | async; as notificationCount) {\n<bt-barsa-shellbar\n    [class.service-desk]=\"isServiceDesk\"\n    [cssUrl]=\"''\"\n    [cssStyle]=\"cssStyles\"\n    [cssVariableUrl]=\"''\"\n    [cssCustomUr]=\"''\"\n    [userLoggedIn]=\"false\"\n    [multiLanguages]=\"multiLanguages\"\n    [userMenu]=\"userMenu\"\n    [logo]=\"logo\"\n    [productMenuItems1]=\"productMenuItems1\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [shellbarData]=\"shellbarData\"\n    [cultures]=\"cultures\"\n    [logo]=\"logo\"\n    [isMobile]=\"isMobile\"\n    [isTablet]=\"isTablet\"\n    [isDesktop]=\"isDesktop\"\n    [isServiceDesk]=\"isServiceDesk\"\n    [actions]=\"actions\"\n    [userMenu]=\"userMenu\"\n    [productMenuControl]=\"productMenuControl\"\n    [productSwitcher]=\"productSwitcher\"\n    [subtitle]=\"subtitle\"\n    [settings]=\"settings\"\n    [notificationCount]=\"{ unread: 0, all: 0 }\"\n    [notifications]=\"[]\"\n    [notifcationLoaded]=\"true\"\n    [notificationLoading]=\"false\"\n    [hideShellbarActions]=\"true\"\n    [showExtraButton]=\"true\"\n    [cultures]=\"cultures\"\n    [productMenuItems1]=\"productMenuItems1\"\n    (cultureChanged)=\"onCultureChanged($event)\"\n>\n    @for(btn of userMenu;track btn){\n    <button\n        class=\"extra_btn\"\n        fd-button\n        [label]=\"btn.text\"\n        [glyph]=\"btn.text === ('Login' | bbbTranslate) ? 'person-placeholder' : null\"\n        fdType=\"emphasized\"\n        (click)=\"btn.callback()\"\n    ></button>\n    }\n</bt-barsa-shellbar>\n} }\n<ng-template #QuickAccessTemplate>\n    @if ((notificationLoading$ | async) === true) {\n    <div style=\"position: relative; height: 100px\">\n        <bsu-mask size=\"s\"></bsu-mask>\n    </div>\n    }\n    <bnrc-report-container *ngIf=\"sidebarSettings\" [settings]=\"sidebarSettings\"> </bnrc-report-container>\n    <!-- <bt-popover-app-finder (closeMenu)=\"isOpenQuickAccess = false\"></bt-popover-app-finder> -->\n</ng-template>\n", styles: [":host{display:block;position:relative}:host .extra_btn{background-color:transparent;border-color:transparent}:host #menu_btn{background-color:transparent;border-color:transparent}\n"] }]
+            args: [{ selector: 'bt-shellbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (userLoggedIn$ | async; as userloggend) { @if (notifiationCountLoaded$ | async; as notifiationCountLoaded) { @if\n(deviceSize$ | async; as deviceSize) { @if (shellbarData) {\n<bt-barsa-shellbar\n    [class.service-desk]=\"isServiceDesk\"\n    [cssUrl]=\"cssUrl$ | async\"\n    [cssVariableUrl]=\"cssVariableUrl$ | async\"\n    [userProfileImageUrl]=\"userProfileImageUrl$ | async\"\n    [cssCustomUrl]=\"cssCustomUrl$ | async\"\n    [userLoggedIn]=\"true\"\n    [deviceSize]=\"deviceSize\"\n    [shellbarData]=\"shellbarData\"\n    [cssStyle]=\"cssStyles\"\n    [productMenuControl]=\"productMenuControl\"\n    [settings]=\"settings\"\n    [isMobile]=\"isMobile\"\n    [isTablet]=\"isTablet\"\n    [isDesktop]=\"isDesktop\"\n    [multiLanguages]=\"multiLanguages\"\n    [notificationCount]=\"(notificationsCount$ | async)!!\"\n    [notifications]=\"(notifications$ | async) ?? []\"\n    [notifcationLoaded]=\"notifcationLoaded\"\n    [notificationLoading]=\"(notificationLoading$ | async) === true\"\n    [cultures]=\"cultures\"\n    [logo]=\"logo\"\n    [actions]=\"actions\"\n    [userMenu]=\"userMenu\"\n    [productSwitcher]=\"productSwitcher\"\n    [subtitle]=\"subtitle\"\n    [isServiceDesk]=\"isServiceDesk\"\n    [sideMenuTemplate]=\"QuickAccessTemplate\"\n    [productMenuItems1]=\"productMenuItems1\"\n    [isOpenQuickAccess]=\"isOpenQuickAccess\"\n    (isOpenQuickAccessChanged)=\"isOpenQuickAccess = $event\"\n    (cultureChanged)=\"onCultureChanged($event)\"\n    (notificationViewed)=\"onNotificationItemViewed($event)\"\n    (notifiationActionClick)=\"onNotificationAction($event)\"\n    (removeNotification)=\"onRemoveNotifications($event)\"\n    (notificationLoadMore)=\"onNotificationLoadMore()\"\n    (openNotificationPanel)=\"onHandleOpenNotificationPanel()\"\n>\n</bt-barsa-shellbar>\n} } } } @else { @if (notificationsCount$ | async; as notificationCount) {\n<bt-barsa-shellbar\n    [class.service-desk]=\"isServiceDesk\"\n    [cssUrl]=\"''\"\n    [cssStyle]=\"cssStyles\"\n    [cssVariableUrl]=\"''\"\n    [cssCustomUr]=\"''\"\n    [userLoggedIn]=\"false\"\n    [multiLanguages]=\"multiLanguages\"\n    [userMenu]=\"userMenu\"\n    [logo]=\"logo\"\n    [productMenuItems1]=\"productMenuItems1\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [shellbarData]=\"shellbarData\"\n    [cultures]=\"cultures\"\n    [logo]=\"logo\"\n    [isMobile]=\"isMobile\"\n    [isTablet]=\"isTablet\"\n    [isDesktop]=\"isDesktop\"\n    [isServiceDesk]=\"isServiceDesk\"\n    [actions]=\"actions\"\n    [userMenu]=\"userMenu\"\n    [productMenuControl]=\"productMenuControl\"\n    [productSwitcher]=\"productSwitcher\"\n    [subtitle]=\"subtitle\"\n    [settings]=\"settings\"\n    [notificationCount]=\"{ unread: 0, all: 0 }\"\n    [notifications]=\"[]\"\n    [notifcationLoaded]=\"true\"\n    [notificationLoading]=\"false\"\n    [hideShellbarActions]=\"true\"\n    [showExtraButton]=\"true\"\n    [cultures]=\"cultures\"\n    [productMenuItems1]=\"productMenuItems1\"\n    (cultureChanged)=\"onCultureChanged($event)\"\n>\n    @for(btn of userMenu;track btn){\n    <button\n        class=\"extra_btn\"\n        fd-button\n        [label]=\"btn.text\"\n        [glyph]=\"btn.text === ('Login' | bbbTranslate) ? 'person-placeholder' : null\"\n        fdType=\"emphasized\"\n        (click)=\"btn.callback()\"\n    ></button>\n    }\n</bt-barsa-shellbar>\n} }\n<ng-template #QuickAccessTemplate>\n    @if ((notificationLoading$ | async) === true) {\n    <div style=\"position: relative; height: 100px\">\n        <bsu-mask size=\"s\"></bsu-mask>\n    </div>\n    }\n    <bnrc-report-container *ngIf=\"sidebarSettings\" [settings]=\"sidebarSettings\"> </bnrc-report-container>\n    <!-- <bt-popover-app-finder (closeMenu)=\"isOpenQuickAccess = false\"></bt-popover-app-finder> -->\n</ng-template>\n", styles: [":host{display:block;position:relative}:host .extra_btn{background-color:transparent;border-color:transparent}:host #menu_btn{background-color:transparent;border-color:transparent}\n"] }]
         }], ctorParameters: () => [{ type: i1.BbbTranslatePipe }, { type: i1.PortalService }, { type: i1.BreadcrumbService }, { type: TilesService }, { type: i0.ChangeDetectorRef }, { type: i3$3.DomSanitizer }, { type: i1.NotificationService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [APP_VERSION]
@@ -2995,7 +3001,8 @@ class TileHomeFilterPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TileHomeFilterPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'tileHomeFilter'
+                    name: 'tileHomeFilter',
+                    standalone: false
                 }]
         }] });
 
@@ -3021,7 +3028,8 @@ class GroupTilesPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupTilesPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'groupTiles'
+                    name: 'groupTiles',
+                    standalone: false
                 }]
         }] });
 
@@ -3115,7 +3123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Component,
             args: [{ selector: 'bt-popover-app-finder', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: '!tw-min-h-min'
-                    }, template: "<!-- \n<div>\n    <div class=\"!tw-px-4 !tw-pt-2\" fd-form-item>\n        <fd-input-group\n            glyph=\"decline\"\n            glyphAriaLabel=\"Clear\"\n            placeholder=\"\u062C\u0633\u062A\u062C\u0648\"\n            [button]=\"true\"\n            [disabled]=\"false\"\n            [(ngModel)]=\"searchTerm\"\n            (addOnButtonClicked)=\"searchTerm = ''\"\n        >\n        </fd-input-group>\n    </div>\n    @for (cat of appGroups$ | async | filterAppsGrouped:searchTerm; track cat.Id) {\n    <fd-panel\n        fdCompact\n        expandAriaLabel=\"Panel Expand\"\n        expandAriaLabelledBy=\"panel-compact-1\"\n        [expanded]=\"!!searchTerm?.length\"\n    >\n        <h5 fd-panel-title id=\"panel-compact-1\">{{ cat.Title }}</h5>\n        <div fd-panel-content ariaLabel=\"Panel Content\" id=\"panel-content-3\" class=\"!p-0\">\n            <ul fd-list [noBorder]=\"false\">\n                @for (app of cat.Apps | filterApps:searchTerm; track app.Id) {\n                <li fd-list-item>\n                    <a fd-list-link [navigated]=\"true\" [dynCommand]=\"app.DynamicCommand\" (click)=\"closeMenu.emit()\">\n                        <i fd-list-icon glyph=\"history\"></i>\n                        <span fd-list-title>{{ app.Title }}</span>\n                        <span fd-list-secondary>\n                            @if(pinnedAppInAppTileGroups$ | async; as pinnedAppInAppTileGroups) {\n                            <button\n                                ariaLabel=\"Bookmark\"\n                                fdType=\"transparent\"\n                                title=\"Bookmark\"\n                                fd-button\n                                [glyph]=\"'pushpin-off'\"\n                                [fdType]=\"\n                                    pinnedAppInAppTileGroups[app.Id]\n                                        ? pinnedAppInAppTileGroups[app.Id].length\n                                            ? 'emphasized'\n                                            : 'transparent'\n                                        : app.$HasPinned\n                                        ? 'emphasized'\n                                        : 'transparent'\n                                \"\n                                (click)=\"$event.stopPropagation(); onPinClick(app)\"\n                            ></button>\n                            }\n                        </span>\n                    </a>\n                </li>\n                }\n            </ul>\n        </div>\n    </fd-panel>\n    }\n</div> -->\n", styles: [":host{display:block;min-height:100vh}\n"] }]
+                    }, standalone: false, template: "<!-- \n<div>\n    <div class=\"!tw-px-4 !tw-pt-2\" fd-form-item>\n        <fd-input-group\n            glyph=\"decline\"\n            glyphAriaLabel=\"Clear\"\n            placeholder=\"\u062C\u0633\u062A\u062C\u0648\"\n            [button]=\"true\"\n            [disabled]=\"false\"\n            [(ngModel)]=\"searchTerm\"\n            (addOnButtonClicked)=\"searchTerm = ''\"\n        >\n        </fd-input-group>\n    </div>\n    @for (cat of appGroups$ | async | filterAppsGrouped:searchTerm; track cat.Id) {\n    <fd-panel\n        fdCompact\n        expandAriaLabel=\"Panel Expand\"\n        expandAriaLabelledBy=\"panel-compact-1\"\n        [expanded]=\"!!searchTerm?.length\"\n    >\n        <h5 fd-panel-title id=\"panel-compact-1\">{{ cat.Title }}</h5>\n        <div fd-panel-content ariaLabel=\"Panel Content\" id=\"panel-content-3\" class=\"!p-0\">\n            <ul fd-list [noBorder]=\"false\">\n                @for (app of cat.Apps | filterApps:searchTerm; track app.Id) {\n                <li fd-list-item>\n                    <a fd-list-link [navigated]=\"true\" [dynCommand]=\"app.DynamicCommand\" (click)=\"closeMenu.emit()\">\n                        <i fd-list-icon glyph=\"history\"></i>\n                        <span fd-list-title>{{ app.Title }}</span>\n                        <span fd-list-secondary>\n                            @if(pinnedAppInAppTileGroups$ | async; as pinnedAppInAppTileGroups) {\n                            <button\n                                ariaLabel=\"Bookmark\"\n                                fdType=\"transparent\"\n                                title=\"Bookmark\"\n                                fd-button\n                                [glyph]=\"'pushpin-off'\"\n                                [fdType]=\"\n                                    pinnedAppInAppTileGroups[app.Id]\n                                        ? pinnedAppInAppTileGroups[app.Id].length\n                                            ? 'emphasized'\n                                            : 'transparent'\n                                        : app.$HasPinned\n                                        ? 'emphasized'\n                                        : 'transparent'\n                                \"\n                                (click)=\"$event.stopPropagation(); onPinClick(app)\"\n                            ></button>\n                            }\n                        </span>\n                    </a>\n                </li>\n                }\n            </ul>\n        </div>\n    </fd-panel>\n    }\n</div> -->\n", styles: [":host{display:block;min-height:100vh}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.DialogService }, { type: AppFinderService }, { type: i0.ElementRef }, { type: i1$1.ContentDensityService }], propDecorators: { closeMenu: [{
                 type: Output
             }] } });
@@ -3142,7 +3150,7 @@ class BarsaPinAppComponent extends BarsaTreeItemComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaPinAppComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-barsa-pin-app', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"titleTemplateRef\">\n    <ng-container *ngTemplateOutlet=\"titleTemplateRef\"></ng-container>\n</ng-container>\n<button\n    fd-button\n    [glyph]=\"'pushpin-off'\"\n    [fdType]=\"\n        pinnedAppInAppTileGroups$()[node.Data.Id]\n            ? pinnedAppInAppTileGroups$()[node.Data.Id].length\n                ? 'emphasized'\n                : 'standard'\n            : node.Data.$HasPinned\n            ? 'emphasized'\n            : 'standard'\n    \"\n    (click)=\"onPinTap()\"\n></button>\n" }]
+            args: [{ selector: 'bt-barsa-pin-app', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"titleTemplateRef\">\n    <ng-container *ngTemplateOutlet=\"titleTemplateRef\"></ng-container>\n</ng-container>\n<button\n    fd-button\n    [glyph]=\"'pushpin-off'\"\n    [fdType]=\"\n        pinnedAppInAppTileGroups$()[node.Data.Id]\n            ? pinnedAppInAppTileGroups$()[node.Data.Id].length\n                ? 'emphasized'\n                : 'standard'\n            : node.Data.$HasPinned\n            ? 'emphasized'\n            : 'standard'\n    \"\n    (click)=\"onPinTap()\"\n></button>\n" }]
         }], propDecorators: { titleTemplateRef: [{
                 type: Input
             }] } });
@@ -3196,7 +3204,7 @@ class BarsaTileGroupPageComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTileGroupPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-barsa-tile-group-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], template: "@if(!isSimple ){\n<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 | slice:\n                0:breadCrumbs.length; track breadCrumb.url; let 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        <ng-container *ngTemplateOutlet=\"tilesTpl\"> </ng-container>\n    </fd-dynamic-page-content>\n</fd-dynamic-page>\n} @else {\n<ng-container *ngTemplateOutlet=\"tilesTpl\"> </ng-container>\n}\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n<ng-template #tilesTpl>\n    <div class=\"tw-flex tw-gap-1 tw-flex-wrap\">\n        @for(app of moList();track app.Id){\n        <ng-container *ngTemplateOutlet=\"tile; context: { $implicit: app, deviceSize: deviceSize }\"></ng-container>\n        }\n    </div>\n</ng-template>\n<ng-template #tile let-app let-listMode=\"listMode\" let-navigateBack=\"navigateBack\" let-deviceSize=\"deviceSize\">\n    <span\n        [dynamicCommand]=\"app.DynamicCommand\"\n        [setToStorage]=\"false\"\n        [listMode]=\"false\"\n        [navigateBackOnClick]=\"listMode ? false : isSimple ? true : false\"\n        [enableCommand]=\"app.Component\"\n        tileRenderer\n        [data]=\"app\"\n        [edit]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [component]=\"app.Component\"\n    >\n    </span>\n</ng-template>\n", styles: [":host{width:100%;display:block}.app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"] }]
+            args: [{ selector: 'bt-barsa-tile-group-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], standalone: false, template: "@if(!isSimple ){\n<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 | slice:\n                0:breadCrumbs.length; track breadCrumb.url; let 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        <ng-container *ngTemplateOutlet=\"tilesTpl\"> </ng-container>\n    </fd-dynamic-page-content>\n</fd-dynamic-page>\n} @else {\n<ng-container *ngTemplateOutlet=\"tilesTpl\"> </ng-container>\n}\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n<ng-template #tilesTpl>\n    <div class=\"tw-flex tw-gap-1 tw-flex-wrap\">\n        @for(app of moList();track app.Id){\n        <ng-container *ngTemplateOutlet=\"tile; context: { $implicit: app, deviceSize: deviceSize }\"></ng-container>\n        }\n    </div>\n</ng-template>\n<ng-template #tile let-app let-listMode=\"listMode\" let-navigateBack=\"navigateBack\" let-deviceSize=\"deviceSize\">\n    <span\n        [dynamicCommand]=\"app.DynamicCommand\"\n        [setToStorage]=\"false\"\n        [listMode]=\"false\"\n        [navigateBackOnClick]=\"listMode ? false : isSimple ? true : false\"\n        [enableCommand]=\"app.Component\"\n        tileRenderer\n        [data]=\"app\"\n        [edit]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [component]=\"app.Component\"\n    >\n    </span>\n</ng-template>\n", styles: [":host{width:100%;display:block}.app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"] }]
         }], propDecorators: { _containerRef: [{
                 type: ViewChild,
                 args: ['containerRef', { read: ViewContainerRef }]
@@ -3234,7 +3242,7 @@ class BarsaTileSidebarPageComponent extends EmptyPageComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTileSidebarPageComponent, decorators: [{
             type: Component,
-            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"] }]
+            args: [{ selector: 'bt-barsa-tile-sidebar-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], standalone: false, 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 {
@@ -3248,7 +3256,8 @@ class HomeGroupPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HomeGroupPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'homeGroup'
+                    name: 'homeGroup',
+                    standalone: false
                 }]
         }], ctorParameters: () => [] });
 
@@ -3262,7 +3271,8 @@ class ActionLinksPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionLinksPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'actionLinks'
+                    name: 'actionLinks',
+                    standalone: false
                 }]
         }] });
 
@@ -3321,7 +3331,8 @@ class TileSizeDirective extends BaseDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TileSizeDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[tileSize]'
+                    selector: '[tileSize]',
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.PortalService }] });