barsa-tiles 2.0.68 → 2.0.70

package/esm2022/lib/app-finder-app-list/app-finder-app-list.component.mjs

@@ -18,11 +18,11 @@ export class AppFinderAppListComponent extends BaseComponent {
         this.pinClick.emit(app);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AppFinderAppListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AppFinderAppListComponent, selector: "bt-app-finder-app-list", inputs: { appGroup: "appGroup", mobile: "mobile", searchTerm: "searchTerm", pinnedAppInAppTileGroups: "pinnedAppInAppTileGroups" }, outputs: { pinClick: "pinClick", appTileGroupsPinChange: "appTileGroupsPinChange" }, usesInheritance: true, ngImport: i0, template: "@if (appGroup) {\r\n<h5 fd-title *emptyList=\"appGroup.Apps\"></h5>\r\n@if ((appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }).length > 0) {\r\n<fd-fixed-card-layout [disableDragDrop]=\"true\">\r\n    @for (app of appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }; track app; let i = $index) {\r\n    <fd-card *fdCardDef=\"i\">\r\n        <fd-card-header [dynCommand]=\"app.DynamicCommand\" [mo]=\"app\">\r\n            @if (app.Icon) {\r\n            <fd-avatar [glyph]=\"app.Icon\" size=\"s\" [title]=\"app.Title\"></fd-avatar>\r\n            }\r\n            <h2 fd-card-title class=\"header-title\">\r\n                {{ app.Title }}\r\n            </h2>\r\n            <h3 fd-card-subtitle></h3>\r\n        </fd-card-header>\r\n        <fd-card-content>\r\n            <button\r\n                fd-button\r\n                [glyph]=\"'pushpin-off'\"\r\n                [fdType]=\"\r\n                    pinnedAppInAppTileGroups[app.Id]\r\n                        ? pinnedAppInAppTileGroups[app.Id].length\r\n                            ? 'emphasized'\r\n                            : 'standard'\r\n                        : app.$HasPinned\r\n                        ? 'emphasized'\r\n                        : 'standard'\r\n                \"\r\n                (click)=\"onPinTap(app)\"\r\n            ></button>\r\n        </fd-card-content>\r\n    </fd-card>\r\n    }\r\n</fd-fixed-card-layout>\r\n} }\r\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"], dependencies: [{ kind: "component", type: i1.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i4.FixedCardLayoutComponent, selector: "fd-fixed-card-layout", inputs: ["disableDragDrop", "dragStartDelay", "cardMinimumWidth", "columnsWidthConfig", "maxColumns"], outputs: ["layoutChange", "cardDraggedDropped"] }, { kind: "directive", type: i4.CardDefinitionDirective, selector: "[fdCardDef]", inputs: ["fdCardDef"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i7.EmptyListDirective, selector: "[emptyList]", inputs: ["emptyList"] }, { kind: "pipe", type: i6.FilterStringPipe, name: "filterStr" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AppFinderAppListComponent, selector: "bt-app-finder-app-list", inputs: { appGroup: "appGroup", mobile: "mobile", searchTerm: "searchTerm", pinnedAppInAppTileGroups: "pinnedAppInAppTileGroups" }, outputs: { pinClick: "pinClick", appTileGroupsPinChange: "appTileGroupsPinChange" }, usesInheritance: true, ngImport: i0, 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"], dependencies: [{ kind: "component", type: i1.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "component", type: i3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i4.FixedCardLayoutComponent, selector: "fd-fixed-card-layout", inputs: ["disableDragDrop", "dragStartDelay", "cardMinimumWidth", "columnsWidthConfig", "maxColumns"], outputs: ["layoutChange", "cardDraggedDropped"] }, { kind: "directive", type: i4.CardDefinitionDirective, selector: "[fdCardDef]", inputs: ["fdCardDef"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i7.EmptyListDirective, selector: "[emptyList]", inputs: ["emptyList"] }, { kind: "pipe", type: i6.FilterStringPipe, name: "filterStr" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AppFinderAppListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-app-finder-app-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (appGroup) {\r\n<h5 fd-title *emptyList=\"appGroup.Apps\"></h5>\r\n@if ((appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }).length > 0) {\r\n<fd-fixed-card-layout [disableDragDrop]=\"true\">\r\n    @for (app of appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }; track app; let i = $index) {\r\n    <fd-card *fdCardDef=\"i\">\r\n        <fd-card-header [dynCommand]=\"app.DynamicCommand\" [mo]=\"app\">\r\n            @if (app.Icon) {\r\n            <fd-avatar [glyph]=\"app.Icon\" size=\"s\" [title]=\"app.Title\"></fd-avatar>\r\n            }\r\n            <h2 fd-card-title class=\"header-title\">\r\n                {{ app.Title }}\r\n            </h2>\r\n            <h3 fd-card-subtitle></h3>\r\n        </fd-card-header>\r\n        <fd-card-content>\r\n            <button\r\n                fd-button\r\n                [glyph]=\"'pushpin-off'\"\r\n                [fdType]=\"\r\n                    pinnedAppInAppTileGroups[app.Id]\r\n                        ? pinnedAppInAppTileGroups[app.Id].length\r\n                            ? 'emphasized'\r\n                            : 'standard'\r\n                        : app.$HasPinned\r\n                        ? 'emphasized'\r\n                        : 'standard'\r\n                \"\r\n                (click)=\"onPinTap(app)\"\r\n            ></button>\r\n        </fd-card-content>\r\n    </fd-card>\r\n    }\r\n</fd-fixed-card-layout>\r\n} }\r\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, 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: [{
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
             }], appTileGroupsPinChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWZpbmRlci1hcHAtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2FwcC1maW5kZXItYXBwLWxpc3QvYXBwLWZpbmRlci1hcHAtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2FwcC1maW5kZXItYXBwLWxpc3QvYXBwLWZpbmRlci1hcHAtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxhQUFhLEVBQXVCLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7OztBQVExRSxNQUFNLE9BQU8seUJBQTBCLFNBQVEsYUFBYTtJQU41RDs7UUFZYyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQXVCLENBQUM7UUFDbkQsMkJBQXNCLEdBQUcsSUFBSSxZQUFZLEVBRy9DLENBQUM7S0FJUjtJQUhHLFFBQVEsQ0FBQyxHQUF3QjtRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM1QixDQUFDOzhHQWJRLHlCQUF5QjtrR0FBekIseUJBQXlCLDhTQ1R0Qyw2NkNBbUNBOzsyRkQxQmEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNJLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyx3QkFBd0I7c0JBQWhDLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxzQkFBc0I7c0JBQS9CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCwgTWV0YW9iamVjdERhdGFNb2RlbCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgQXBwVGlsZUdyb3VwUGluIH0gZnJvbSAnLi4vbW9kZWxzJztcclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2J0LWFwcC1maW5kZXItYXBwLWxpc3QnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FwcC1maW5kZXItYXBwLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYXBwLWZpbmRlci1hcHAtbGlzdC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEFwcEZpbmRlckFwcExpc3RDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGFwcEdyb3VwOiBNZXRhb2JqZWN0RGF0YU1vZGVsO1xyXG4gICAgQElucHV0KCkgbW9iaWxlOiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgc2VhcmNoVGVybTogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcGlubmVkQXBwSW5BcHBUaWxlR3JvdXBzOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZ1tdIH07XHJcblxyXG4gICAgQE91dHB1dCgpIHBpbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxNZXRhb2JqZWN0RGF0YU1vZGVsPigpO1xyXG4gICAgQE91dHB1dCgpIGFwcFRpbGVHcm91cHNQaW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHtcclxuICAgICAgICBhcHBUaWxlR3JvdXBzUGluOiBBcHBUaWxlR3JvdXBQaW5bXTtcclxuICAgICAgICBhcHA6IE1ldGFvYmplY3REYXRhTW9kZWw7XHJcbiAgICB9PigpO1xyXG4gICAgb25QaW5UYXAoYXBwOiBNZXRhb2JqZWN0RGF0YU1vZGVsKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5waW5DbGljay5lbWl0KGFwcCk7XHJcbiAgICB9XHJcbn1cclxuIiwiQGlmIChhcHBHcm91cCkge1xyXG48aDUgZmQtdGl0bGUgKmVtcHR5TGlzdD1cImFwcEdyb3VwLkFwcHNcIj48L2g1PlxyXG5AaWYgKChhcHBHcm91cC5BcHBzIHwgZmlsdGVyU3RyOiB7IFRpdGxlOiBzZWFyY2hUZXJtLCBtb2RlOiAnY29udGFpbnMnIH0pLmxlbmd0aCA+IDApIHtcclxuPGZkLWZpeGVkLWNhcmQtbGF5b3V0IFtkaXNhYmxlRHJhZ0Ryb3BdPVwidHJ1ZVwiPlxyXG4gICAgQGZvciAoYXBwIG9mIGFwcEdyb3VwLkFwcHMgfCBmaWx0ZXJTdHI6IHsgVGl0bGU6IHNlYXJjaFRlcm0sIG1vZGU6ICdjb250YWlucycgfTsgdHJhY2sgYXBwOyBsZXQgaSA9ICRpbmRleCkge1xyXG4gICAgPGZkLWNhcmQgKmZkQ2FyZERlZj1cImlcIj5cclxuICAgICAgICA8ZmQtY2FyZC1oZWFkZXIgW2R5bkNvbW1hbmRdPVwiYXBwLkR5bmFtaWNDb21tYW5kXCIgW21vXT1cImFwcFwiPlxyXG4gICAgICAgICAgICBAaWYgKGFwcC5JY29uKSB7XHJcbiAgICAgICAgICAgIDxmZC1hdmF0YXIgW2dseXBoXT1cImFwcC5JY29uXCIgc2l6ZT1cInNcIiBbdGl0bGVdPVwiYXBwLlRpdGxlXCI+PC9mZC1hdmF0YXI+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgPGgyIGZkLWNhcmQtdGl0bGUgY2xhc3M9XCJoZWFkZXItdGl0bGVcIj5cclxuICAgICAgICAgICAgICAgIHt7IGFwcC5UaXRsZSB9fVxyXG4gICAgICAgICAgICA8L2gyPlxyXG4gICAgICAgICAgICA8aDMgZmQtY2FyZC1zdWJ0aXRsZT48L2gzPlxyXG4gICAgICAgIDwvZmQtY2FyZC1oZWFkZXI+XHJcbiAgICAgICAgPGZkLWNhcmQtY29udGVudD5cclxuICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgZmQtYnV0dG9uXHJcbiAgICAgICAgICAgICAgICBbZ2x5cGhdPVwiJ3B1c2hwaW4tb2ZmJ1wiXHJcbiAgICAgICAgICAgICAgICBbZmRUeXBlXT1cIlxyXG4gICAgICAgICAgICAgICAgICAgIHBpbm5lZEFwcEluQXBwVGlsZUdyb3Vwc1thcHAuSWRdXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gcGlubmVkQXBwSW5BcHBUaWxlR3JvdXBzW2FwcC5JZF0ubGVuZ3RoXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICdlbXBoYXNpemVkJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnc3RhbmRhcmQnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDogYXBwLiRIYXNQaW5uZWRcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyAnZW1waGFzaXplZCdcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiAnc3RhbmRhcmQnXHJcbiAgICAgICAgICAgICAgICBcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uUGluVGFwKGFwcClcIlxyXG4gICAgICAgICAgICA+PC9idXR0b24+XHJcbiAgICAgICAgPC9mZC1jYXJkLWNvbnRlbnQ+XHJcbiAgICA8L2ZkLWNhcmQ+XHJcbiAgICB9XHJcbjwvZmQtZml4ZWQtY2FyZC1sYXlvdXQ+XHJcbn0gfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWZpbmRlci1hcHAtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2FwcC1maW5kZXItYXBwLWxpc3QvYXBwLWZpbmRlci1hcHAtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2FwcC1maW5kZXItYXBwLWxpc3QvYXBwLWZpbmRlci1hcHAtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxhQUFhLEVBQXVCLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7OztBQVExRSxNQUFNLE9BQU8seUJBQTBCLFNBQVEsYUFBYTtJQU41RDs7UUFZYyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQXVCLENBQUM7UUFDbkQsMkJBQXNCLEdBQUcsSUFBSSxZQUFZLEVBRy9DLENBQUM7S0FJUjtJQUhHLFFBQVEsQ0FBQyxHQUF3QjtRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM1QixDQUFDOzhHQWJRLHlCQUF5QjtrR0FBekIseUJBQXlCLDhTQ1R0QywwOENBcUNBOzsyRkQ1QmEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNJLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyx3QkFBd0I7c0JBQWhDLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxzQkFBc0I7c0JBQS9CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCwgTWV0YW9iamVjdERhdGFNb2RlbCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgQXBwVGlsZUdyb3VwUGluIH0gZnJvbSAnLi4vbW9kZWxzJztcclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2J0LWFwcC1maW5kZXItYXBwLWxpc3QnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FwcC1maW5kZXItYXBwLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYXBwLWZpbmRlci1hcHAtbGlzdC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEFwcEZpbmRlckFwcExpc3RDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGFwcEdyb3VwOiBNZXRhb2JqZWN0RGF0YU1vZGVsO1xyXG4gICAgQElucHV0KCkgbW9iaWxlOiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgc2VhcmNoVGVybTogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcGlubmVkQXBwSW5BcHBUaWxlR3JvdXBzOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZ1tdIH07XHJcblxyXG4gICAgQE91dHB1dCgpIHBpbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxNZXRhb2JqZWN0RGF0YU1vZGVsPigpO1xyXG4gICAgQE91dHB1dCgpIGFwcFRpbGVHcm91cHNQaW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHtcclxuICAgICAgICBhcHBUaWxlR3JvdXBzUGluOiBBcHBUaWxlR3JvdXBQaW5bXTtcclxuICAgICAgICBhcHA6IE1ldGFvYmplY3REYXRhTW9kZWw7XHJcbiAgICB9PigpO1xyXG4gICAgb25QaW5UYXAoYXBwOiBNZXRhb2JqZWN0RGF0YU1vZGVsKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5waW5DbGljay5lbWl0KGFwcCk7XHJcbiAgICB9XHJcbn1cclxuIiwiQGlmIChhcHBHcm91cCkge1xuPGg1IGZkLXRpdGxlICplbXB0eUxpc3Q9XCJhcHBHcm91cC5BcHBzXCI+PC9oNT5cbkBpZiAoKGFwcEdyb3VwLkFwcHMgfCBmaWx0ZXJTdHI6IHsgVGl0bGU6IHNlYXJjaFRlcm0sIG1vZGU6ICdjb250YWlucycgfSkubGVuZ3RoID4gMCkge1xuPGZkLWZpeGVkLWNhcmQtbGF5b3V0IFtkaXNhYmxlRHJhZ0Ryb3BdPVwidHJ1ZVwiPlxuICAgIEBmb3IgKGFwcCBvZiBhcHBHcm91cC5BcHBzIHwgZmlsdGVyU3RyOiB7IFRpdGxlOiBzZWFyY2hUZXJtLCBtb2RlOiAnY29udGFpbnMnIH07IHRyYWNrIGFwcDsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICA8ZmQtY2FyZCAqZmRDYXJkRGVmPVwiaVwiPlxuICAgICAgICA8ZmQtY2FyZC1oZWFkZXIgW2R5bkNvbW1hbmRdPVwiYXBwLkR5bmFtaWNDb21tYW5kXCIgW21vXT1cImFwcFwiPlxuICAgICAgICAgICAgPGZkLWNhcmQtbWFpbi1oZWFkZXI+XG4gICAgICAgICAgICAgICAgQGlmIChhcHAuSWNvbikge1xuICAgICAgICAgICAgICAgIDxmZC1hdmF0YXIgW2dseXBoXT1cImFwcC5JY29uXCIgc2l6ZT1cInNcIiBbdGl0bGVdPVwiYXBwLlRpdGxlXCI+PC9mZC1hdmF0YXI+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDxoMiBmZC1jYXJkLXRpdGxlIGNsYXNzPVwiaGVhZGVyLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGFwcC5UaXRsZSB9fVxuICAgICAgICAgICAgICAgIDwvaDI+XG4gICAgICAgICAgICAgICAgPGgzIGZkLWNhcmQtc3VidGl0bGU+PC9oMz5cbiAgICAgICAgICAgIDwvZmQtY2FyZC1tYWluLWhlYWRlcj5cbiAgICAgICAgPC9mZC1jYXJkLWhlYWRlcj5cbiAgICAgICAgPGZkLWNhcmQtY29udGVudD5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgICAgICBbZ2x5cGhdPVwiJ3B1c2hwaW4tb2ZmJ1wiXG4gICAgICAgICAgICAgICAgW2ZkVHlwZV09XCJcbiAgICAgICAgICAgICAgICAgICAgcGlubmVkQXBwSW5BcHBUaWxlR3JvdXBzW2FwcC5JZF1cbiAgICAgICAgICAgICAgICAgICAgICAgID8gcGlubmVkQXBwSW5BcHBUaWxlR3JvdXBzW2FwcC5JZF0ubGVuZ3RoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnZW1waGFzaXplZCdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICdzdGFuZGFyZCdcbiAgICAgICAgICAgICAgICAgICAgICAgIDogYXBwLiRIYXNQaW5uZWRcbiAgICAgICAgICAgICAgICAgICAgICAgID8gJ2VtcGhhc2l6ZWQnXG4gICAgICAgICAgICAgICAgICAgICAgICA6ICdzdGFuZGFyZCdcbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvblBpblRhcChhcHApXCJcbiAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgPC9mZC1jYXJkLWNvbnRlbnQ+XG4gICAgPC9mZC1jYXJkPlxuICAgIH1cbjwvZmQtZml4ZWQtY2FyZC1sYXlvdXQ+XG59IH1cbiJdfQ==

package/esm2022/lib/profile-tile/profile-tile.component.mjs

@@ -9,17 +9,26 @@ import * as i5 from "barsa-sap-ui";
 import * as i6 from "../pipes/tile-prop.pipe";
 export class ProfileTileComponent extends BaseBtTileComponent {
     get fileId() {
-        let fileId = this.settings.Image?.FileId;
+        let fileId = this.settings?.Image?.FileId;
         if (!fileId) {
-            fileId = this.settings.CalcImage;
+            fileId = this.settings?.CalcImage;
         }
         return fileId;
     }
+    ngOnInit() {
+        super.ngOnInit();
+        this.icon = this.settings?.Icon;
+        this.fileId2 = this.fileId;
+        this.calcImage = this.settings?.CalcImage;
+        if (this.calcImage && this.calcImage.toLowerCase().startsWith('ih')) {
+            this.iconCalc = this.calcImage;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ProfileTileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ProfileTileComponent, selector: "bt-profile-tile", usesInheritance: true, ngImport: i0, 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 (fileId) {\n        <span\n            class=\"profile\"\n            fd-tile-profile-img\n            [backgroundImage]=\"fileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\n        ></span>\n        } @else { @if (settings.Icon) {\n        <fd-icon\n            [font]=\"settings.Icon | sapFont\"\n            fd-tile-profile-img\n            style=\"font-size: 2rem\"\n            [glyph]=\"settings.Icon\"\n        ></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"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i2.TileContentDirective, selector: "[fdTileContent], [fd-tile-content]", inputs: ["twoColumn"] }, { kind: "directive", type: i2.TileProfileImgDirective, selector: "[fdTileProfileImg], [fd-tile-profile-img]", inputs: ["id", "ariaLabel", "ariaLabelledby", "backgroundImage"] }, { kind: "component", type: i3.TileComponent, selector: "bt-tile", inputs: ["type", "footerTemplate", "footer", "disableClick", "title", "icon", "subtitle", "isDouble", "edit", "backColor", "dynamicCommand", "hideHeader", "setToStorage", "listMode", "navigateBackOnClick"] }, { kind: "pipe", type: i4.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i5.SapFontPipe, name: "sapFont" }, { kind: "pipe", type: i6.TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ProfileTileComponent, selector: "bt-profile-tile", usesInheritance: true, ngImport: i0, 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"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i2.TileContentDirective, selector: "[fdTileContent], [fd-tile-content]", inputs: ["twoColumn"] }, { kind: "directive", type: i2.TileProfileImgDirective, selector: "[fdTileProfileImg], [fd-tile-profile-img]", inputs: ["id", "ariaLabel", "ariaLabelledby", "backgroundImage"] }, { kind: "component", type: i3.TileComponent, selector: "bt-tile", inputs: ["type", "footerTemplate", "footer", "disableClick", "title", "icon", "subtitle", "isDouble", "edit", "backColor", "dynamicCommand", "hideHeader", "setToStorage", "listMode", "navigateBackOnClick"] }, { kind: "pipe", type: i4.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i5.SapFontPipe, name: "sapFont" }, { kind: "pipe", type: i6.TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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 (fileId) {\n        <span\n            class=\"profile\"\n            fd-tile-profile-img\n            [backgroundImage]=\"fileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\n        ></span>\n        } @else { @if (settings.Icon) {\n        <fd-icon\n            [font]=\"settings.Icon | sapFont\"\n            fd-tile-profile-img\n            style=\"font-size: 2rem\"\n            [glyph]=\"settings.Icon\"\n        ></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, 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS10aWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvcHJvZmlsZS10aWxlL3Byb2ZpbGUtdGlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL3Byb2ZpbGUtdGlsZS9wcm9maWxlLXRpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQXNCLE1BQU0sV0FBVyxDQUFDOzs7Ozs7OztBQU9wRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsbUJBQXVDO0lBQzdFLElBQUksTUFBTTtRQUNOLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQztRQUN6QyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDVixNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7UUFDckMsQ0FBQztRQUNELE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7OEdBUFEsb0JBQW9CO2tHQUFwQixvQkFBb0IsOEVDVGpDLGt5Q0FxQ0E7OzJGRDVCYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0ksaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBCYXNlQnRUaWxlQ29tcG9uZW50LCBQcm9maWxlVGlsZVNldHRpbmcgfSBmcm9tICcuLi9tb2RlbHMnO1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnQtcHJvZmlsZS10aWxlJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9wcm9maWxlLXRpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vcHJvZmlsZS10aWxlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJvZmlsZVRpbGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlQnRUaWxlQ29tcG9uZW50PFByb2ZpbGVUaWxlU2V0dGluZz4ge1xyXG4gICAgZ2V0IGZpbGVJZCgpOiBzdHJpbmcge1xyXG4gICAgICAgIGxldCBmaWxlSWQgPSB0aGlzLnNldHRpbmdzLkltYWdlPy5GaWxlSWQ7XHJcbiAgICAgICAgaWYgKCFmaWxlSWQpIHtcclxuICAgICAgICAgICAgZmlsZUlkID0gdGhpcy5zZXR0aW5ncy5DYWxjSW1hZ2U7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiBmaWxlSWQ7XHJcbiAgICB9XHJcbn1cclxuIiwiPGJ0LXRpbGVcbiAgICBbZGF0YV09XCJkYXRhXCJcbiAgICBbdHlwZV09XCInbGF1bmNoJ1wiXG4gICAgW2VkaXRdPVwiZWRpdFwiXG4gICAgW2JhY2tDb2xvcl09XCJiYWNrQ29sb3JcIlxuICAgIFtzZXRUb1N0b3JhZ2VdPVwic2V0VG9TdG9yYWdlXCJcbiAgICBbbGlzdE1vZGVdPVwibGlzdE1vZGVcIlxuICAgIFtkZXZpY2VTaXplXT1cImRldmljZVNpemVcIlxuICAgIFtuYXZpZ2F0ZUJhY2tPbkNsaWNrXT1cIm5hdmlnYXRlQmFja09uQ2xpY2tcIlxuICAgIFt0aXRsZV09XCJkYXRhIHwgdGlsZVByb3A6ICdUaXRsZSc6cGFyYW1ldGVyc1wiXG4gICAgW3N1YnRpdGxlXT1cImRhdGEgfCB0aWxlUHJvcDogJ1N1YnRpdGxlJzpwYXJhbWV0ZXJzXCJcbiAgICBbZHluYW1pY0NvbW1hbmRdPVwiZGF0YSB8IHRpbGVQcm9wOiAnRHluYW1pY0NvbW1hbmQnOnBhcmFtZXRlcnNcIlxuICAgIFtpc0RvdWJsZV09XCJkYXRhIHwgdGlsZVByb3A6ICdJc0RvdWJsZSc6cGFyYW1ldGVyc1wiXG4gICAgW2Zvb3Rlcl09XCJkYXRhIHwgdGlsZVByb3A6ICdGb290ZXInOnBhcmFtZXRlcnNcIlxuICAgIChoaWRlQ2xpY2spPVwiaGlkZUNsaWNrLmVtaXQoKVwiXG4gICAgKHJlbmFtZUNsaWNrKT1cInJlbmFtZUNsaWNrLmVtaXQoKVwiXG4gICAgKGNsaWNrKT1cIm9uVGlsZUNsaWNrKClcIlxuPlxuICAgIDxkaXYgZmQtdGlsZS1jb250ZW50PlxuICAgICAgICBAaWYgKGZpbGVJZCkge1xuICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJwcm9maWxlXCJcbiAgICAgICAgICAgIGZkLXRpbGUtcHJvZmlsZS1pbWdcbiAgICAgICAgICAgIFtiYWNrZ3JvdW5kSW1hZ2VdPVwiZmlsZUlkIHwgcGljRmllbGRTcmM6ICdHZXRQaWN0dXJlRnJvbUZpbGVJbmZvJzpudWxsXCJcbiAgICAgICAgPjwvc3Bhbj5cbiAgICAgICAgfSBAZWxzZSB7IEBpZiAoc2V0dGluZ3MuSWNvbikge1xuICAgICAgICA8ZmQtaWNvblxuICAgICAgICAgICAgW2ZvbnRdPVwic2V0dGluZ3MuSWNvbiB8IHNhcEZvbnRcIlxuICAgICAgICAgICAgZmQtdGlsZS1wcm9maWxlLWltZ1xuICAgICAgICAgICAgc3R5bGU9XCJmb250LXNpemU6IDJyZW1cIlxuICAgICAgICAgICAgW2dseXBoXT1cInNldHRpbmdzLkljb25cIlxuICAgICAgICA+PC9mZC1pY29uPlxuICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgPGZkLWljb24gZm9udD1cIlNBUC1pY29ucy1UTlRcIiBmZC10aWxlLXByb2ZpbGUtaW1nIHN0eWxlPVwiZm9udC1zaXplOiAycmVtXCIgZ2x5cGg9XCJ1c2VyXCI+PC9mZC1pY29uPlxuICAgICAgICB9IH1cbiAgICA8L2Rpdj5cbjwvYnQtdGlsZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS10aWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvcHJvZmlsZS10aWxlL3Byb2ZpbGUtdGlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL3Byb2ZpbGUtdGlsZS9wcm9maWxlLXRpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQXNCLE1BQU0sV0FBVyxDQUFDOzs7Ozs7OztBQVFwRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsbUJBQXVDO0lBTzdFLElBQUksTUFBTTtRQUNOLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQztRQUMxQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDVixNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUM7UUFDdEMsQ0FBQztRQUNELE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7SUFDRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUM7UUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzNCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUM7UUFDMUMsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7WUFDbEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ25DLENBQUM7SUFDTCxDQUFDOzhHQXRCUSxvQkFBb0I7a0dBQXBCLG9CQUFvQiw4RUNWakMsZ3VDQWdDQTs7MkZEdEJhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDSSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQmFzZUJ0VGlsZUNvbXBvbmVudCwgUHJvZmlsZVRpbGVTZXR0aW5nIH0gZnJvbSAnLi4vbW9kZWxzJztcbmltcG9ydCB7IEZpbGVQaWN0dXJlSW5mb01vZGVsIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdidC1wcm9maWxlLXRpbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wcm9maWxlLXRpbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Byb2ZpbGUtdGlsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFByb2ZpbGVUaWxlQ29tcG9uZW50IGV4dGVuZHMgQmFzZUJ0VGlsZUNvbXBvbmVudDxQcm9maWxlVGlsZVNldHRpbmc+IHtcbiAgICBpY29uOiBzdHJpbmc7XG4gICAgaWNvbkNhbGM6IHN0cmluZztcbiAgICBpY29uQ29sb3I6IHN0cmluZztcbiAgICBjYWxjSW1hZ2U6IHN0cmluZztcbiAgICBpbWFnZTogRmlsZVBpY3R1cmVJbmZvTW9kZWw7XG4gICAgZmlsZUlkMjogc3RyaW5nO1xuICAgIGdldCBmaWxlSWQoKTogc3RyaW5nIHtcbiAgICAgICAgbGV0IGZpbGVJZCA9IHRoaXMuc2V0dGluZ3M/LkltYWdlPy5GaWxlSWQ7XG4gICAgICAgIGlmICghZmlsZUlkKSB7XG4gICAgICAgICAgICBmaWxlSWQgPSB0aGlzLnNldHRpbmdzPy5DYWxjSW1hZ2U7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZpbGVJZDtcbiAgICB9XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuaWNvbiA9IHRoaXMuc2V0dGluZ3M/Lkljb247XG4gICAgICAgIHRoaXMuZmlsZUlkMiA9IHRoaXMuZmlsZUlkO1xuICAgICAgICB0aGlzLmNhbGNJbWFnZSA9IHRoaXMuc2V0dGluZ3M/LkNhbGNJbWFnZTtcbiAgICAgICAgaWYgKHRoaXMuY2FsY0ltYWdlICYmIHRoaXMuY2FsY0ltYWdlLnRvTG93ZXJDYXNlKCkuc3RhcnRzV2l0aCgnaWgnKSkge1xuICAgICAgICAgICAgdGhpcy5pY29uQ2FsYyA9IHRoaXMuY2FsY0ltYWdlO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGJ0LXRpbGVcbiAgICBbZGF0YV09XCJkYXRhXCJcbiAgICBbdHlwZV09XCInbGF1bmNoJ1wiXG4gICAgW2VkaXRdPVwiZWRpdFwiXG4gICAgW2JhY2tDb2xvcl09XCJiYWNrQ29sb3JcIlxuICAgIFtzZXRUb1N0b3JhZ2VdPVwic2V0VG9TdG9yYWdlXCJcbiAgICBbbGlzdE1vZGVdPVwibGlzdE1vZGVcIlxuICAgIFtkZXZpY2VTaXplXT1cImRldmljZVNpemVcIlxuICAgIFtuYXZpZ2F0ZUJhY2tPbkNsaWNrXT1cIm5hdmlnYXRlQmFja09uQ2xpY2tcIlxuICAgIFt0aXRsZV09XCJkYXRhIHwgdGlsZVByb3A6ICdUaXRsZSc6cGFyYW1ldGVyc1wiXG4gICAgW3N1YnRpdGxlXT1cImRhdGEgfCB0aWxlUHJvcDogJ1N1YnRpdGxlJzpwYXJhbWV0ZXJzXCJcbiAgICBbZHluYW1pY0NvbW1hbmRdPVwiZGF0YSB8IHRpbGVQcm9wOiAnRHluYW1pY0NvbW1hbmQnOnBhcmFtZXRlcnNcIlxuICAgIFtpc0RvdWJsZV09XCJkYXRhIHwgdGlsZVByb3A6ICdJc0RvdWJsZSc6cGFyYW1ldGVyc1wiXG4gICAgW2Zvb3Rlcl09XCJkYXRhIHwgdGlsZVByb3A6ICdGb290ZXInOnBhcmFtZXRlcnNcIlxuICAgIChoaWRlQ2xpY2spPVwiaGlkZUNsaWNrLmVtaXQoKVwiXG4gICAgKHJlbmFtZUNsaWNrKT1cInJlbmFtZUNsaWNrLmVtaXQoKVwiXG4gICAgKGNsaWNrKT1cIm9uVGlsZUNsaWNrKClcIlxuPlxuICAgIDxkaXYgZmQtdGlsZS1jb250ZW50PlxuICAgICAgICBAaWYgKGZpbGVJZDIgfHwgY2FsY0ltYWdlKSB7XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzcz1cInByb2ZpbGVcIlxuICAgICAgICAgICAgZmQtdGlsZS1wcm9maWxlLWltZ1xuICAgICAgICAgICAgW2JhY2tncm91bmRJbWFnZV09XCJjYWxjSW1hZ2UgfHwgKGZpbGVJZDIgfCBwaWNGaWVsZFNyYzogJ0dldFBpY3R1cmVGcm9tRmlsZUluZm8nOm51bGwpXCJcbiAgICAgICAgPjwvc3Bhbj5cbiAgICAgICAgfSBAZWxzZSBpZihpY29uKXtcbiAgICAgICAgPGZkLWljb24gW2ZvbnRdPVwiaWNvbiB8IHNhcEZvbnRcIiBmZC10aWxlLXByb2ZpbGUtaW1nIHN0eWxlPVwiZm9udC1zaXplOiAycmVtXCIgW2dseXBoXT1cImljb25cIj48L2ZkLWljb24+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8ZmQtaWNvbiBmb250PVwiU0FQLWljb25zLVROVFwiIGZkLXRpbGUtcHJvZmlsZS1pbWcgc3R5bGU9XCJmb250LXNpemU6IDJyZW1cIiBnbHlwaD1cInVzZXJcIj48L2ZkLWljb24+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbjwvYnQtdGlsZT5cbiJdfQ==

package/fesm2022/barsa-tiles.mjs

@@ -1178,11 +1178,11 @@ class AppFinderAppListComponent extends BaseComponent {
         this.pinClick.emit(app);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AppFinderAppListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AppFinderAppListComponent, selector: "bt-app-finder-app-list", inputs: { appGroup: "appGroup", mobile: "mobile", searchTerm: "searchTerm", pinnedAppInAppTileGroups: "pinnedAppInAppTileGroups" }, outputs: { pinClick: "pinClick", appTileGroupsPinChange: "appTileGroupsPinChange" }, usesInheritance: true, ngImport: i0, template: "@if (appGroup) {\r\n<h5 fd-title *emptyList=\"appGroup.Apps\"></h5>\r\n@if ((appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }).length > 0) {\r\n<fd-fixed-card-layout [disableDragDrop]=\"true\">\r\n    @for (app of appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }; track app; let i = $index) {\r\n    <fd-card *fdCardDef=\"i\">\r\n        <fd-card-header [dynCommand]=\"app.DynamicCommand\" [mo]=\"app\">\r\n            @if (app.Icon) {\r\n            <fd-avatar [glyph]=\"app.Icon\" size=\"s\" [title]=\"app.Title\"></fd-avatar>\r\n            }\r\n            <h2 fd-card-title class=\"header-title\">\r\n                {{ app.Title }}\r\n            </h2>\r\n            <h3 fd-card-subtitle></h3>\r\n        </fd-card-header>\r\n        <fd-card-content>\r\n            <button\r\n                fd-button\r\n                [glyph]=\"'pushpin-off'\"\r\n                [fdType]=\"\r\n                    pinnedAppInAppTileGroups[app.Id]\r\n                        ? pinnedAppInAppTileGroups[app.Id].length\r\n                            ? 'emphasized'\r\n                            : 'standard'\r\n                        : app.$HasPinned\r\n                        ? 'emphasized'\r\n                        : 'standard'\r\n                \"\r\n                (click)=\"onPinTap(app)\"\r\n            ></button>\r\n        </fd-card-content>\r\n    </fd-card>\r\n    }\r\n</fd-fixed-card-layout>\r\n} }\r\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"], dependencies: [{ kind: "component", type: i1$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$2.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i3$2.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i3$2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i3$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i4$2.FixedCardLayoutComponent, selector: "fd-fixed-card-layout", inputs: ["disableDragDrop", "dragStartDelay", "cardMinimumWidth", "columnsWidthConfig", "maxColumns"], outputs: ["layoutChange", "cardDraggedDropped"] }, { kind: "directive", type: i4$2.CardDefinitionDirective, selector: "[fdCardDef]", inputs: ["fdCardDef"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: EmptyListDirective, selector: "[emptyList]", inputs: ["emptyList"] }, { kind: "pipe", type: i1.FilterStringPipe, name: "filterStr" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AppFinderAppListComponent, selector: "bt-app-finder-app-list", inputs: { appGroup: "appGroup", mobile: "mobile", searchTerm: "searchTerm", pinnedAppInAppTileGroups: "pinnedAppInAppTileGroups" }, outputs: { pinClick: "pinClick", appTileGroupsPinChange: "appTileGroupsPinChange" }, usesInheritance: true, ngImport: i0, 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"], dependencies: [{ kind: "component", type: i1$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3$2.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i3$2.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "component", type: i3$2.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i3$2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i3$2.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i4$2.FixedCardLayoutComponent, selector: "fd-fixed-card-layout", inputs: ["disableDragDrop", "dragStartDelay", "cardMinimumWidth", "columnsWidthConfig", "maxColumns"], outputs: ["layoutChange", "cardDraggedDropped"] }, { kind: "directive", type: i4$2.CardDefinitionDirective, selector: "[fdCardDef]", inputs: ["fdCardDef"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: EmptyListDirective, selector: "[emptyList]", inputs: ["emptyList"] }, { kind: "pipe", type: i1.FilterStringPipe, name: "filterStr" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AppFinderAppListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-app-finder-app-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (appGroup) {\r\n<h5 fd-title *emptyList=\"appGroup.Apps\"></h5>\r\n@if ((appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }).length > 0) {\r\n<fd-fixed-card-layout [disableDragDrop]=\"true\">\r\n    @for (app of appGroup.Apps | filterStr: { Title: searchTerm, mode: 'contains' }; track app; let i = $index) {\r\n    <fd-card *fdCardDef=\"i\">\r\n        <fd-card-header [dynCommand]=\"app.DynamicCommand\" [mo]=\"app\">\r\n            @if (app.Icon) {\r\n            <fd-avatar [glyph]=\"app.Icon\" size=\"s\" [title]=\"app.Title\"></fd-avatar>\r\n            }\r\n            <h2 fd-card-title class=\"header-title\">\r\n                {{ app.Title }}\r\n            </h2>\r\n            <h3 fd-card-subtitle></h3>\r\n        </fd-card-header>\r\n        <fd-card-content>\r\n            <button\r\n                fd-button\r\n                [glyph]=\"'pushpin-off'\"\r\n                [fdType]=\"\r\n                    pinnedAppInAppTileGroups[app.Id]\r\n                        ? pinnedAppInAppTileGroups[app.Id].length\r\n                            ? 'emphasized'\r\n                            : 'standard'\r\n                        : app.$HasPinned\r\n                        ? 'emphasized'\r\n                        : 'standard'\r\n                \"\r\n                (click)=\"onPinTap(app)\"\r\n            ></button>\r\n        </fd-card-content>\r\n    </fd-card>\r\n    }\r\n</fd-fixed-card-layout>\r\n} }\r\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, 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: [{
@@ -2394,18 +2394,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
 
 class ProfileTileComponent extends BaseBtTileComponent {
     get fileId() {
-        let fileId = this.settings.Image?.FileId;
+        let fileId = this.settings?.Image?.FileId;
         if (!fileId) {
-            fileId = this.settings.CalcImage;
+            fileId = this.settings?.CalcImage;
         }
         return fileId;
     }
+    ngOnInit() {
+        super.ngOnInit();
+        this.icon = this.settings?.Icon;
+        this.fileId2 = this.fileId;
+        this.calcImage = this.settings?.CalcImage;
+        if (this.calcImage && this.calcImage.toLowerCase().startsWith('ih')) {
+            this.iconCalc = this.calcImage;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ProfileTileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ProfileTileComponent, selector: "bt-profile-tile", usesInheritance: true, ngImport: i0, 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 (fileId) {\n        <span\n            class=\"profile\"\n            fd-tile-profile-img\n            [backgroundImage]=\"fileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\n        ></span>\n        } @else { @if (settings.Icon) {\n        <fd-icon\n            [font]=\"settings.Icon | sapFont\"\n            fd-tile-profile-img\n            style=\"font-size: 2rem\"\n            [glyph]=\"settings.Icon\"\n        ></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"], dependencies: [{ kind: "component", type: i1$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i1$3.TileContentDirective, selector: "[fdTileContent], [fd-tile-content]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$3.TileProfileImgDirective, selector: "[fdTileProfileImg], [fd-tile-profile-img]", inputs: ["id", "ariaLabel", "ariaLabelledby", "backgroundImage"] }, { kind: "component", type: TileComponent, selector: "bt-tile", inputs: ["type", "footerTemplate", "footer", "disableClick", "title", "icon", "subtitle", "isDouble", "edit", "backColor", "dynamicCommand", "hideHeader", "setToStorage", "listMode", "navigateBackOnClick"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i6.SapFontPipe, name: "sapFont" }, { kind: "pipe", type: TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ProfileTileComponent, selector: "bt-profile-tile", usesInheritance: true, ngImport: i0, 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"], dependencies: [{ kind: "component", type: i1$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i1$3.TileContentDirective, selector: "[fdTileContent], [fd-tile-content]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$3.TileProfileImgDirective, selector: "[fdTileProfileImg], [fd-tile-profile-img]", inputs: ["id", "ariaLabel", "ariaLabelledby", "backgroundImage"] }, { kind: "component", type: TileComponent, selector: "bt-tile", inputs: ["type", "footerTemplate", "footer", "disableClick", "title", "icon", "subtitle", "isDouble", "edit", "backColor", "dynamicCommand", "hideHeader", "setToStorage", "listMode", "navigateBackOnClick"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i6.SapFontPipe, name: "sapFont" }, { kind: "pipe", type: TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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 (fileId) {\n        <span\n            class=\"profile\"\n            fd-tile-profile-img\n            [backgroundImage]=\"fileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\n        ></span>\n        } @else { @if (settings.Icon) {\n        <fd-icon\n            [font]=\"settings.Icon | sapFont\"\n            fd-tile-profile-img\n            style=\"font-size: 2rem\"\n            [glyph]=\"settings.Icon\"\n        ></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, 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 {