barsa-tiles 3.0.7 → 3.0.8

package/fesm2022/barsa-tiles.mjs

@@ -1028,11 +1028,11 @@ class TileComponent extends TilePropsComponent {
         this._footer?.markUpdated();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TileComponent, isStandalone: false, selector: "bt-tile", inputs: { type: "type", footerTemplate: "footerTemplate", footer: "footer", title: "title", icon: "icon", subtitle: "subtitle", isDouble: "isDouble", canReload: "canReload", showUpdateTime: "showUpdateTime", darkMode: "darkMode", disableClick: "disableClick", edit: "edit", dynamicCommand: "dynamicCommand", backColor: "backColor", hideHeader: "hideHeader", setToStorage: "setToStorage", listMode: "listMode", navigateBackOnClick: "navigateBackOnClick", contentOnly: "contentOnly" }, outputs: { changeGroupClick: "changeGroupClick", reloadClick: "reloadClick" }, viewQueries: [{ propertyName: "_footer", first: true, predicate: FooterTileComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(!listMode) {\r\n<fd-tile\r\n    [type]=\"type\"\r\n    [double]=\"isDouble === true\"\r\n    [action]=\"edit\"\r\n    tileStyle\r\n    [backColor]=\"darkMode ? '' : backColor\"\r\n    [size]=\"'s'\"\r\n    tileDynCommand\r\n    [edit]=\"edit\"\r\n    [navigateBackOnClick]=\"navigateBackOnClick\"\r\n    [title]=\"title\"\r\n    [setToStorage]=\"setToStorage\"\r\n    [dynamicCommand]=\"dynamicCommand\"\r\n    [class.bt-tile--content-only]=\"contentOnly\"\r\n    [class.bt-tile--content-only-edit]=\"contentOnly && edit\"\r\n>\r\n    @if (edit && !data.Locked) {\r\n    <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n    } @if (edit && !data.Locked) {\r\n    <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n    } @if(!hideHeader && !contentOnly){\r\n    <div fd-tile-header>\r\n        <h1 fd-tile-title [overflowText]=\"title | bbbTranslate\">\r\n            {{ title | bbbTranslate }}\r\n        </h1>\r\n        <h2 fd-tile-subtitle>\r\n            {{ subtitle | bbbTranslate }}\r\n        </h2>\r\n    </div>\r\n    }\r\n    <ng-content></ng-content>\r\n    @if (!contentOnly) {\r\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\r\n    }\r\n</fd-tile>\r\n}@else{\r\n<span fd-list-title> {{ title | bbbTranslate }} </span>\r\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\r\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\r\n<ng-template #defaultFooter>\r\n    @if (footer) {\r\n    <div\r\n        fd-tile-footer\r\n        bt-footer-tile\r\n        [canReload]=\"canReload\"\r\n        [showUpdateTime]=\"showUpdateTime\"\r\n        [secondSection]=\"footer.SecondSection\"\r\n        [twoColumn]=\"footer.twoColumn\"\r\n        [firstSection]=\"footer.FirstSection\"\r\n        (reloadClick)=\"reloadClick.emit()\"\r\n    ></div>\r\n\r\n    }\r\n</ng-template>\r\n<fd-menu #menu>\r\n    <li fd-menu-item>\r\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n    <li fd-menu-item>\r\n        <a (click)=\"menu.close(); changeGroupClick.emit()\" fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Groups' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n</fd-menu>\r\n", styles: [":host,fd-tile{display:block}fd-tile.bt-tile--content-only{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important}fd-tile.bt-tile--content-only:hover,fd-tile.bt-tile--content-only:active,fd-tile.bt-tile--content-only.is-hover,fd-tile.bt-tile--content-only.is-active{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;box-shadow:none!important}fd-tile.bt-tile--content-only ::ng-deep .fd-tile__content{margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}fd-tile.bt-tile--content-only-edit{outline:var(--sapContent_FocusWidth, .0625rem) dashed var(--sapContent_FocusColor, #0070f2);outline-offset:calc(-1 * var(--sapContent_FocusWidth, .0625rem))}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate", "scope"] }, { kind: "directive", type: i7.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i4.MenuComponent, selector: "fd-menu", inputs: ["openOnHoverTime", "ariaLabel", "ariaLabelledby", "id", "config", "mobile", "mobileConfig", "placement", "closeOnEscapeKey", "focusAutoCapture", "disabled", "disableScrollbar", "triggers", "fillControlMode", "closeOnOutsideClick", "noArrow", "focusTrapped", "additionalBodyClass", "closeOnNavigation", "restoreFocusOnClose", "appendTo", "fixedPosition", "scrollStrategy", "isOpen"], outputs: ["isOpenChange", "activePath", "beforeOpen"] }, { kind: "component", type: i4.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i4.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i4.MenuTitleDirective, selector: "[fd-menu-title]", inputs: ["truncate"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i1$1.TileComponent, selector: "fd-tile, [fd-tile]", inputs: ["size", "double", "type", "action", "clickable", "role", "ariaLabel", "ariaLabelledby", "id"], outputs: ["tileClick"] }, { kind: "directive", type: i1$1.TileHeaderDirective, selector: "[fdTileHeader], [fd-tile-header]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$1.TileFooterDirective, selector: "[fdTileFooter], [fd-tile-footer]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$1.TileTitleDirective, selector: "[fdTileTitle], [fd-tile-title]" }, { kind: "directive", type: i1$1.TileSubtitleDirective, selector: "[fdTileTitle], [fd-tile-subtitle]" }, { kind: "directive", type: i1$1.TileActionCloseDirective, selector: "[fdTileActionClose], [fd-tile-action-close]" }, { kind: "directive", type: i1$1.TileActionIndicatorDirective, selector: "[fdTileActionIndicator], [fd-tile-action-indicator]" }, { kind: "directive", type: i5.OverflowTextDirective, selector: "[overflowText]", exportAs: ["overflowText"] }, { kind: "component", type: FooterTileComponent, selector: "bt-footer-tile,div[bt-footer-tile]", inputs: ["firstSection", "secondSection", "twoColumn", "canReload", "showUpdateTime"], outputs: ["reloadClick"] }, { kind: "directive", type: TileStyleDirective, selector: "[tileStyle]", inputs: ["backColor"] }, { kind: "directive", type: TileDynamicCommandDirective, selector: "[tileDynCommand]", inputs: ["disableClick", "edit", "dynamicCommand", "title", "setToStorage", "navigateBackOnClick"] }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TileComponent, isStandalone: false, selector: "bt-tile", inputs: { type: "type", footerTemplate: "footerTemplate", footer: "footer", title: "title", icon: "icon", subtitle: "subtitle", isDouble: "isDouble", canReload: "canReload", showUpdateTime: "showUpdateTime", darkMode: "darkMode", disableClick: "disableClick", edit: "edit", dynamicCommand: "dynamicCommand", backColor: "backColor", hideHeader: "hideHeader", setToStorage: "setToStorage", listMode: "listMode", navigateBackOnClick: "navigateBackOnClick", contentOnly: "contentOnly" }, outputs: { changeGroupClick: "changeGroupClick", reloadClick: "reloadClick" }, viewQueries: [{ propertyName: "_footer", first: true, predicate: FooterTileComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(!listMode) {\r\n<fd-tile\r\n    [type]=\"type\"\r\n    [double]=\"isDouble === true\"\r\n    [action]=\"edit\"\r\n    tileStyle\r\n    [backColor]=\"darkMode ? '' : backColor\"\r\n    [size]=\"'s'\"\r\n    tileDynCommand\r\n    [disableClick]=\"disableClick\"\r\n    [edit]=\"edit\"\r\n    [navigateBackOnClick]=\"navigateBackOnClick\"\r\n    [title]=\"title\"\r\n    [setToStorage]=\"setToStorage\"\r\n    [dynamicCommand]=\"dynamicCommand\"\r\n    [class.bt-tile--content-only]=\"contentOnly\"\r\n    [class.bt-tile--content-only-edit]=\"contentOnly && edit\"\r\n>\r\n    @if (edit && !data.Locked) {\r\n    <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n    } @if (edit && !data.Locked) {\r\n    <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n    } @if(!hideHeader && !contentOnly){\r\n    <div fd-tile-header>\r\n        <h1 fd-tile-title [overflowText]=\"title | bbbTranslate\">\r\n            {{ title | bbbTranslate }}\r\n        </h1>\r\n        <h2 fd-tile-subtitle>\r\n            {{ subtitle | bbbTranslate }}\r\n        </h2>\r\n    </div>\r\n    }\r\n    <ng-content></ng-content>\r\n    @if (!contentOnly) {\r\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\r\n    }\r\n</fd-tile>\r\n}@else{\r\n<span fd-list-title> {{ title | bbbTranslate }} </span>\r\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\r\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\r\n<ng-template #defaultFooter>\r\n    @if (footer) {\r\n    <div\r\n        fd-tile-footer\r\n        bt-footer-tile\r\n        [canReload]=\"canReload\"\r\n        [showUpdateTime]=\"showUpdateTime\"\r\n        [secondSection]=\"footer.SecondSection\"\r\n        [twoColumn]=\"footer.twoColumn\"\r\n        [firstSection]=\"footer.FirstSection\"\r\n        (reloadClick)=\"reloadClick.emit()\"\r\n    ></div>\r\n\r\n    }\r\n</ng-template>\r\n<fd-menu #menu>\r\n    <li fd-menu-item>\r\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n    <li fd-menu-item>\r\n        <a (click)=\"menu.close(); changeGroupClick.emit()\" fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Groups' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n</fd-menu>\r\n", styles: [":host,fd-tile{display:block}fd-tile.bt-tile--content-only{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important}fd-tile.bt-tile--content-only:hover,fd-tile.bt-tile--content-only:active,fd-tile.bt-tile--content-only.is-hover,fd-tile.bt-tile--content-only.is-active{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;box-shadow:none!important}fd-tile.bt-tile--content-only ::ng-deep .fd-tile__content{margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}fd-tile.bt-tile--content-only-edit{outline:var(--sapContent_FocusWidth, .0625rem) dashed var(--sapContent_FocusColor, #0070f2);outline-offset:calc(-1 * var(--sapContent_FocusWidth, .0625rem))}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate", "scope"] }, { kind: "directive", type: i7.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i4.MenuComponent, selector: "fd-menu", inputs: ["openOnHoverTime", "ariaLabel", "ariaLabelledby", "id", "config", "mobile", "mobileConfig", "placement", "closeOnEscapeKey", "focusAutoCapture", "disabled", "disableScrollbar", "triggers", "fillControlMode", "closeOnOutsideClick", "noArrow", "focusTrapped", "additionalBodyClass", "closeOnNavigation", "restoreFocusOnClose", "appendTo", "fixedPosition", "scrollStrategy", "isOpen"], outputs: ["isOpenChange", "activePath", "beforeOpen"] }, { kind: "component", type: i4.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i4.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i4.MenuTitleDirective, selector: "[fd-menu-title]", inputs: ["truncate"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i1$1.TileComponent, selector: "fd-tile, [fd-tile]", inputs: ["size", "double", "type", "action", "clickable", "role", "ariaLabel", "ariaLabelledby", "id"], outputs: ["tileClick"] }, { kind: "directive", type: i1$1.TileHeaderDirective, selector: "[fdTileHeader], [fd-tile-header]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$1.TileFooterDirective, selector: "[fdTileFooter], [fd-tile-footer]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$1.TileTitleDirective, selector: "[fdTileTitle], [fd-tile-title]" }, { kind: "directive", type: i1$1.TileSubtitleDirective, selector: "[fdTileTitle], [fd-tile-subtitle]" }, { kind: "directive", type: i1$1.TileActionCloseDirective, selector: "[fdTileActionClose], [fd-tile-action-close]" }, { kind: "directive", type: i1$1.TileActionIndicatorDirective, selector: "[fdTileActionIndicator], [fd-tile-action-indicator]" }, { kind: "directive", type: i5.OverflowTextDirective, selector: "[overflowText]", exportAs: ["overflowText"] }, { kind: "component", type: FooterTileComponent, selector: "bt-footer-tile,div[bt-footer-tile]", inputs: ["firstSection", "secondSection", "twoColumn", "canReload", "showUpdateTime"], outputs: ["reloadClick"] }, { kind: "directive", type: TileStyleDirective, selector: "[tileStyle]", inputs: ["backColor"] }, { kind: "directive", type: TileDynamicCommandDirective, selector: "[tileDynCommand]", inputs: ["disableClick", "edit", "dynamicCommand", "title", "setToStorage", "navigateBackOnClick"] }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(!listMode) {\r\n<fd-tile\r\n    [type]=\"type\"\r\n    [double]=\"isDouble === true\"\r\n    [action]=\"edit\"\r\n    tileStyle\r\n    [backColor]=\"darkMode ? '' : backColor\"\r\n    [size]=\"'s'\"\r\n    tileDynCommand\r\n    [edit]=\"edit\"\r\n    [navigateBackOnClick]=\"navigateBackOnClick\"\r\n    [title]=\"title\"\r\n    [setToStorage]=\"setToStorage\"\r\n    [dynamicCommand]=\"dynamicCommand\"\r\n    [class.bt-tile--content-only]=\"contentOnly\"\r\n    [class.bt-tile--content-only-edit]=\"contentOnly && edit\"\r\n>\r\n    @if (edit && !data.Locked) {\r\n    <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n    } @if (edit && !data.Locked) {\r\n    <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n    } @if(!hideHeader && !contentOnly){\r\n    <div fd-tile-header>\r\n        <h1 fd-tile-title [overflowText]=\"title | bbbTranslate\">\r\n            {{ title | bbbTranslate }}\r\n        </h1>\r\n        <h2 fd-tile-subtitle>\r\n            {{ subtitle | bbbTranslate }}\r\n        </h2>\r\n    </div>\r\n    }\r\n    <ng-content></ng-content>\r\n    @if (!contentOnly) {\r\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\r\n    }\r\n</fd-tile>\r\n}@else{\r\n<span fd-list-title> {{ title | bbbTranslate }} </span>\r\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\r\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\r\n<ng-template #defaultFooter>\r\n    @if (footer) {\r\n    <div\r\n        fd-tile-footer\r\n        bt-footer-tile\r\n        [canReload]=\"canReload\"\r\n        [showUpdateTime]=\"showUpdateTime\"\r\n        [secondSection]=\"footer.SecondSection\"\r\n        [twoColumn]=\"footer.twoColumn\"\r\n        [firstSection]=\"footer.FirstSection\"\r\n        (reloadClick)=\"reloadClick.emit()\"\r\n    ></div>\r\n\r\n    }\r\n</ng-template>\r\n<fd-menu #menu>\r\n    <li fd-menu-item>\r\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n    <li fd-menu-item>\r\n        <a (click)=\"menu.close(); changeGroupClick.emit()\" fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Groups' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n</fd-menu>\r\n", styles: [":host,fd-tile{display:block}fd-tile.bt-tile--content-only{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important}fd-tile.bt-tile--content-only:hover,fd-tile.bt-tile--content-only:active,fd-tile.bt-tile--content-only.is-hover,fd-tile.bt-tile--content-only.is-active{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;box-shadow:none!important}fd-tile.bt-tile--content-only ::ng-deep .fd-tile__content{margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}fd-tile.bt-tile--content-only-edit{outline:var(--sapContent_FocusWidth, .0625rem) dashed var(--sapContent_FocusColor, #0070f2);outline-offset:calc(-1 * var(--sapContent_FocusWidth, .0625rem))}\n"] }]
+            args: [{ selector: 'bt-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(!listMode) {\r\n<fd-tile\r\n    [type]=\"type\"\r\n    [double]=\"isDouble === true\"\r\n    [action]=\"edit\"\r\n    tileStyle\r\n    [backColor]=\"darkMode ? '' : backColor\"\r\n    [size]=\"'s'\"\r\n    tileDynCommand\r\n    [disableClick]=\"disableClick\"\r\n    [edit]=\"edit\"\r\n    [navigateBackOnClick]=\"navigateBackOnClick\"\r\n    [title]=\"title\"\r\n    [setToStorage]=\"setToStorage\"\r\n    [dynamicCommand]=\"dynamicCommand\"\r\n    [class.bt-tile--content-only]=\"contentOnly\"\r\n    [class.bt-tile--content-only-edit]=\"contentOnly && edit\"\r\n>\r\n    @if (edit && !data.Locked) {\r\n    <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n    } @if (edit && !data.Locked) {\r\n    <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n    } @if(!hideHeader && !contentOnly){\r\n    <div fd-tile-header>\r\n        <h1 fd-tile-title [overflowText]=\"title | bbbTranslate\">\r\n            {{ title | bbbTranslate }}\r\n        </h1>\r\n        <h2 fd-tile-subtitle>\r\n            {{ subtitle | bbbTranslate }}\r\n        </h2>\r\n    </div>\r\n    }\r\n    <ng-content></ng-content>\r\n    @if (!contentOnly) {\r\n    <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\r\n    }\r\n</fd-tile>\r\n}@else{\r\n<span fd-list-title> {{ title | bbbTranslate }} </span>\r\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\r\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\r\n<ng-template #defaultFooter>\r\n    @if (footer) {\r\n    <div\r\n        fd-tile-footer\r\n        bt-footer-tile\r\n        [canReload]=\"canReload\"\r\n        [showUpdateTime]=\"showUpdateTime\"\r\n        [secondSection]=\"footer.SecondSection\"\r\n        [twoColumn]=\"footer.twoColumn\"\r\n        [firstSection]=\"footer.FirstSection\"\r\n        (reloadClick)=\"reloadClick.emit()\"\r\n    ></div>\r\n\r\n    }\r\n</ng-template>\r\n<fd-menu #menu>\r\n    <li fd-menu-item>\r\n        <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n    <li fd-menu-item>\r\n        <a (click)=\"menu.close(); changeGroupClick.emit()\" fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Groups' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n</fd-menu>\r\n", styles: [":host,fd-tile{display:block}fd-tile.bt-tile--content-only{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important}fd-tile.bt-tile--content-only:hover,fd-tile.bt-tile--content-only:active,fd-tile.bt-tile--content-only.is-hover,fd-tile.bt-tile--content-only.is-active{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;box-shadow:none!important}fd-tile.bt-tile--content-only ::ng-deep .fd-tile__content{margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}fd-tile.bt-tile--content-only-edit{outline:var(--sapContent_FocusWidth, .0625rem) dashed var(--sapContent_FocusColor, #0070f2);outline-offset:calc(-1 * var(--sapContent_FocusWidth, .0625rem))}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], footerTemplate: [{
@@ -3378,11 +3378,11 @@ class ReportTileComponent extends BaseBtTileComponent {
         this.reportContainer.ReloadReport();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportTileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportTileComponent, isStandalone: false, selector: "bt-report-tile", host: { properties: { "style.width": "this._width", "style.height": "this._height" } }, viewQueries: [{ propertyName: "reportContainer", first: true, predicate: ReportContainerComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<bt-tile\r\n    [data]=\"data\"\r\n    [type]=\"'launch'\"\r\n    [edit]=\"edit\"\r\n    [navigateBackOnClick]=\"navigateBackOnClick\"\r\n    [contentOnly]=\"contentOnly\"\r\n    [title]=\"data | tileProp: 'Title':parameters\"\r\n    [setToStorage]=\"setToStorage\"\r\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n    [listMode]=\"listMode\"\r\n    [darkMode]=\"(isDark$ | async) === true\"\r\n    [backColor]=\"backColor\"\r\n    [deviceSize]=\"deviceSize\"\r\n    [canReload]=\"data | tileProp: 'CanReload':parameters\"\r\n    [showUpdateTime]=\"data | tileProp: 'ShowUpdateTime':parameters\"\r\n    [subtitle]=\"data | tileProp: 'Subtitle':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    (changeGroupClick)=\"changeGroupClick.emit()\"\r\n    (click)=\"onTileClick()\"\r\n    (reloadClick)=\"onReloadClick()\"\r\n>\r\n    <div fd-tile-content>\r\n        <bnrc-report-container [settings]=\"reportSettings()\"> </bnrc-report-container>\r\n    </div>\r\n</bt-tile>\r\n", styles: [":host{display:block}:host bt-tile ::ng-deep>fd-tile{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}:host bt-tile ::ng-deep>fd-tile .fd-tile__content{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}\n"], dependencies: [{ kind: "directive", type: i1$1.TileContentDirective, selector: "[fdTileContent], [fd-tile-content]", inputs: ["twoColumn"] }, { kind: "component", type: i5.ReportContainerComponent, selector: "bnrc-report-container", inputs: ["settings"] }, { kind: "component", type: TileComponent, selector: "bt-tile", inputs: ["type", "footerTemplate", "footer", "title", "icon", "subtitle", "isDouble", "canReload", "showUpdateTime", "darkMode", "disableClick", "edit", "dynamicCommand", "backColor", "hideHeader", "setToStorage", "listMode", "navigateBackOnClick", "contentOnly"], outputs: ["changeGroupClick", "reloadClick"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportTileComponent, isStandalone: false, selector: "bt-report-tile", host: { properties: { "style.width": "this._width", "style.height": "this._height" } }, viewQueries: [{ propertyName: "reportContainer", first: true, predicate: ReportContainerComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<bt-tile\r\n    [data]=\"data\"\r\n    [type]=\"'launch'\"\r\n    [edit]=\"edit\"\r\n    [navigateBackOnClick]=\"navigateBackOnClick\"\r\n    [contentOnly]=\"contentOnly\"\r\n    [title]=\"data | tileProp: 'Title':parameters\"\r\n    [setToStorage]=\"setToStorage\"\r\n    [disableClick]=\"(data | tileProp: 'A_App_DisableDynamicCommand':parameters) !== true ? true : false\"\r\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n    [listMode]=\"listMode\"\r\n    [darkMode]=\"(isDark$ | async) === true\"\r\n    [backColor]=\"backColor\"\r\n    [deviceSize]=\"deviceSize\"\r\n    [canReload]=\"data | tileProp: 'CanReload':parameters\"\r\n    [showUpdateTime]=\"data | tileProp: 'ShowUpdateTime':parameters\"\r\n    [subtitle]=\"data | tileProp: 'Subtitle':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    (changeGroupClick)=\"changeGroupClick.emit()\"\r\n    (click)=\"onTileClick()\"\r\n    (reloadClick)=\"onReloadClick()\"\r\n>\r\n    <div fd-tile-content>\r\n        <bnrc-report-container [settings]=\"reportSettings()\"> </bnrc-report-container>\r\n    </div>\r\n</bt-tile>\r\n", styles: [":host{display:block}:host bt-tile ::ng-deep>fd-tile{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}:host bt-tile ::ng-deep>fd-tile .fd-tile__content{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}\n"], dependencies: [{ kind: "directive", type: i1$1.TileContentDirective, selector: "[fdTileContent], [fd-tile-content]", inputs: ["twoColumn"] }, { kind: "component", type: i5.ReportContainerComponent, selector: "bnrc-report-container", inputs: ["settings"] }, { kind: "component", type: TileComponent, selector: "bt-tile", inputs: ["type", "footerTemplate", "footer", "title", "icon", "subtitle", "isDouble", "canReload", "showUpdateTime", "darkMode", "disableClick", "edit", "dynamicCommand", "backColor", "hideHeader", "setToStorage", "listMode", "navigateBackOnClick", "contentOnly"], outputs: ["changeGroupClick", "reloadClick"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-report-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\r\n    [data]=\"data\"\r\n    [type]=\"'launch'\"\r\n    [edit]=\"edit\"\r\n    [navigateBackOnClick]=\"navigateBackOnClick\"\r\n    [contentOnly]=\"contentOnly\"\r\n    [title]=\"data | tileProp: 'Title':parameters\"\r\n    [setToStorage]=\"setToStorage\"\r\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n    [listMode]=\"listMode\"\r\n    [darkMode]=\"(isDark$ | async) === true\"\r\n    [backColor]=\"backColor\"\r\n    [deviceSize]=\"deviceSize\"\r\n    [canReload]=\"data | tileProp: 'CanReload':parameters\"\r\n    [showUpdateTime]=\"data | tileProp: 'ShowUpdateTime':parameters\"\r\n    [subtitle]=\"data | tileProp: 'Subtitle':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    (changeGroupClick)=\"changeGroupClick.emit()\"\r\n    (click)=\"onTileClick()\"\r\n    (reloadClick)=\"onReloadClick()\"\r\n>\r\n    <div fd-tile-content>\r\n        <bnrc-report-container [settings]=\"reportSettings()\"> </bnrc-report-container>\r\n    </div>\r\n</bt-tile>\r\n", styles: [":host{display:block}:host bt-tile ::ng-deep>fd-tile{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}:host bt-tile ::ng-deep>fd-tile .fd-tile__content{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}\n"] }]
+            args: [{ selector: 'bt-report-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\r\n    [data]=\"data\"\r\n    [type]=\"'launch'\"\r\n    [edit]=\"edit\"\r\n    [navigateBackOnClick]=\"navigateBackOnClick\"\r\n    [contentOnly]=\"contentOnly\"\r\n    [title]=\"data | tileProp: 'Title':parameters\"\r\n    [setToStorage]=\"setToStorage\"\r\n    [disableClick]=\"(data | tileProp: 'A_App_DisableDynamicCommand':parameters) !== true ? true : false\"\r\n    [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n    [listMode]=\"listMode\"\r\n    [darkMode]=\"(isDark$ | async) === true\"\r\n    [backColor]=\"backColor\"\r\n    [deviceSize]=\"deviceSize\"\r\n    [canReload]=\"data | tileProp: 'CanReload':parameters\"\r\n    [showUpdateTime]=\"data | tileProp: 'ShowUpdateTime':parameters\"\r\n    [subtitle]=\"data | tileProp: 'Subtitle':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    (changeGroupClick)=\"changeGroupClick.emit()\"\r\n    (click)=\"onTileClick()\"\r\n    (reloadClick)=\"onReloadClick()\"\r\n>\r\n    <div fd-tile-content>\r\n        <bnrc-report-container [settings]=\"reportSettings()\"> </bnrc-report-container>\r\n    </div>\r\n</bt-tile>\r\n", styles: [":host{display:block}:host bt-tile ::ng-deep>fd-tile{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}:host bt-tile ::ng-deep>fd-tile .fd-tile__content{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}\n"] }]
         }], propDecorators: { _width: [{
                 type: HostBinding,
                 args: ['style.width']