barsa-tiles 2.0.46 → 2.0.48

package/esm2022/lib/action-item/action-item.component.mjs

@@ -8,7 +8,7 @@ import * as i4 from "@fundamental-ngx/core/tile";
 import * as i5 from "barsa-novin-ray-core";
 export class ActionItemComponent extends TileComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ActionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ActionItemComponent, selector: "bt-action-item", usesInheritance: true, ngImport: i0, template: "<div [class.action-item-edit-mode]=\"edit\" class=\"action-item\">\r\n    @if (icon) {\r\n    <fd-icon [glyph]=\"icon\"></fd-icon>\r\n    }\r\n    <h1 fd-tile-title>{{ title }}</h1>\r\n\r\n    @if (subtitle) {\r\n    <h2 fd-tile-subtitle>{{ subtitle }}</h2>\r\n    } @if (edit && !data.Locked) {\r\n    <div class=\"buttons\">\r\n        <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n        <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n    </div>\r\n    }\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    </fd-menu>\r\n</div>\r\n", styles: [".action-item{display:flex;justify-content:space-between;height:100%;align-items:center;column-gap:10px;padding:7px;background-color:var(--sapTile_Background, #fff);cursor:pointer;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid var(--sapTile_BorderColor, transparent)}.action-item:hover{background-color:var(--sapBackgroundColor);border-color:var(--sapTile_Interactive_BorderColor)}.action-item fd-icon{color:var(--sapLinkColor, #0a6ed1);font-size:1.3rem;line-height:0}.action-item-edit-mode h1,.action-item-edit-mode h2{opacity:.3}.action-item-edit-mode .buttons{display:flex;column-gap:2px}.action-item-edit-mode .buttons button{display:flex}h1{text-decoration:none;color:var(--sapLinkColor, #0a6ed1);text-shadow:var(--sapContent_TextShadow, 0 0 .125rem #fff)}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i3.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "directive", type: i4.TileTitleDirective, selector: "[fdTileTitle], [fd-tile-title]" }, { kind: "directive", type: i4.TileSubtitleDirective, selector: "[fdTileTitle], [fd-tile-subtitle]" }, { kind: "directive", type: i4.TileActionCloseDirective, selector: "[fdTileActionClose], [fd-tile-action-close]", inputs: ["class"] }, { kind: "directive", type: i4.TileActionIndicatorDirective, selector: "[fdTileActionIndicator], [fd-tile-action-indicator]", inputs: ["class"] }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ActionItemComponent, selector: "bt-action-item", usesInheritance: true, ngImport: i0, template: "<div [class.action-item-edit-mode]=\"edit\" class=\"action-item\">\r\n    @if (icon) {\r\n    <fd-icon [glyph]=\"icon\"></fd-icon>\r\n    }\r\n    <h1 fd-tile-title>{{ title }}</h1>\r\n\r\n    @if (subtitle) {\r\n    <h2 fd-tile-subtitle>{{ subtitle }}</h2>\r\n    } @if (edit && !data.Locked) {\r\n    <div class=\"buttons\">\r\n        <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n        <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n    </div>\r\n    }\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    </fd-menu>\r\n</div>\r\n", styles: [".action-item{display:flex;justify-content:space-between;height:100%;align-items:center;column-gap:10px;padding:7px;background-color:var(--sapTile_Background, #fff);cursor:pointer;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid var(--sapTile_BorderColor, transparent)}.action-item:hover{background-color:var(--sapBackgroundColor);border-color:var(--sapTile_Interactive_BorderColor)}.action-item fd-icon{color:var(--sapLinkColor, #0a6ed1);font-size:1.3rem;line-height:0}.action-item-edit-mode h1,.action-item-edit-mode h2{opacity:.3}.action-item-edit-mode .buttons{display:flex;column-gap:2px}.action-item-edit-mode .buttons button{display:flex}h1{text-decoration:none;color:var(--sapLinkColor, #0a6ed1);text-shadow:var(--sapContent_TextShadow, 0 0 .125rem #fff)}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i3.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "directive", type: i4.TileTitleDirective, selector: "[fdTileTitle], [fd-tile-title]" }, { kind: "directive", type: i4.TileSubtitleDirective, selector: "[fdTileTitle], [fd-tile-subtitle]" }, { kind: "directive", type: i4.TileActionCloseDirective, selector: "[fdTileActionClose], [fd-tile-action-close]", inputs: ["class"] }, { kind: "directive", type: i4.TileActionIndicatorDirective, selector: "[fdTileActionIndicator], [fd-tile-action-indicator]", inputs: ["class"] }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ActionItemComponent, decorators: [{
             type: Component,

package/esm2022/lib/actions-link/actions-link.component.mjs

@@ -11,10 +11,12 @@ export class ActionsLinkComponent extends BaseComponent {
     constructor(_cdr) {
         super();
         this._cdr = _cdr;
+        this._class = '';
     }
     ngOnInit() {
         super.ngOnInit();
         this.hide = this.actionsLink?.length === 0;
+        this._class = this.deviceSize;
     }
     ngOnChanges(changes) {
         super.ngOnChanges(changes);
@@ -25,11 +27,11 @@ export class ActionsLinkComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ActionsLinkComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ActionsLinkComponent, selector: "bt-actions-link", inputs: { actionsLink: "actionsLink", edit: "edit" }, host: { properties: { "class.hide": "this.hide" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@for (actionItem of actionsLink; track actionItem) {\r\n<bt-action-item\r\n    cdkDrag\r\n    [data]=\"actionItem\"\r\n    [edit]=\"edit\"\r\n    [title]=\"actionItem | tileProp: 'Title'\"\r\n    [subtitle]=\"actionItem | tileProp: 'Subtitle'\"\r\n    [dynamicCommand]=\"actionItem | tileProp: 'DynamicCommand'\"\r\n    [isDouble]=\"actionItem | tileProp: 'IsDouble'\"\r\n    [footer]=\"actionItem | tileProp: 'Footer'\"\r\n    [icon]=\"actionItem | tileProp: 'Icon'\"\r\n    [cdkDragDisabled]=\"!actionItem || actionItem.Locked\"\r\n    [mo]=\"actionItem\"\r\n>\r\n</bt-action-item>\r\n}\r\n", styles: [":host{display:flex;width:100%;row-gap:3px;flex-wrap:wrap;border-radius:var(--sapElement_BorderCornerRadius, .25rem);column-gap:3px;padding:1rem 0}bt-action-item{margin-top:auto;margin-bottom:auto}\n"], dependencies: [{ kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i2.ActionItemComponent, selector: "bt-action-item" }, { kind: "pipe", type: i3.TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ActionsLinkComponent, selector: "bt-actions-link", inputs: { actionsLink: "actionsLink", edit: "edit", deviceSize: "deviceSize" }, host: { properties: { "class.hide": "this.hide", "class": "this._class" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@for (actionItem of actionsLink; track actionItem) {\n<bt-action-item\n    cdkDrag\n    [data]=\"actionItem\"\n    [edit]=\"edit\"\n    [title]=\"actionItem | tileProp: 'Title'\"\n    [subtitle]=\"actionItem | tileProp: 'Subtitle'\"\n    [dynamicCommand]=\"actionItem | tileProp: 'DynamicCommand'\"\n    [isDouble]=\"actionItem | tileProp: 'IsDouble'\"\n    [footer]=\"actionItem | tileProp: 'Footer'\"\n    [icon]=\"actionItem | tileProp: 'Icon'\"\n    [cdkDragDisabled]=\"!actionItem || actionItem.Locked\"\n    [mo]=\"actionItem\"\n>\n</bt-action-item>\n}\n", styles: [":host{display:flex;width:100%;row-gap:3px;flex-wrap:wrap;border-radius:var(--sapElement_BorderCornerRadius, .25rem);column-gap:3px;padding:1rem 0}:host.s{padding:0 1.3rem}bt-action-item{margin-top:auto;margin-bottom:auto}\n"], dependencies: [{ kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i2.ActionItemComponent, selector: "bt-action-item" }, { kind: "pipe", type: i3.TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ActionsLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-actions-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (actionItem of actionsLink; track actionItem) {\r\n<bt-action-item\r\n    cdkDrag\r\n    [data]=\"actionItem\"\r\n    [edit]=\"edit\"\r\n    [title]=\"actionItem | tileProp: 'Title'\"\r\n    [subtitle]=\"actionItem | tileProp: 'Subtitle'\"\r\n    [dynamicCommand]=\"actionItem | tileProp: 'DynamicCommand'\"\r\n    [isDouble]=\"actionItem | tileProp: 'IsDouble'\"\r\n    [footer]=\"actionItem | tileProp: 'Footer'\"\r\n    [icon]=\"actionItem | tileProp: 'Icon'\"\r\n    [cdkDragDisabled]=\"!actionItem || actionItem.Locked\"\r\n    [mo]=\"actionItem\"\r\n>\r\n</bt-action-item>\r\n}\r\n", styles: [":host{display:flex;width:100%;row-gap:3px;flex-wrap:wrap;border-radius:var(--sapElement_BorderCornerRadius, .25rem);column-gap:3px;padding:1rem 0}bt-action-item{margin-top:auto;margin-bottom:auto}\n"] }]
+            args: [{ selector: 'bt-actions-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (actionItem of actionsLink; track actionItem) {\n<bt-action-item\n    cdkDrag\n    [data]=\"actionItem\"\n    [edit]=\"edit\"\n    [title]=\"actionItem | tileProp: 'Title'\"\n    [subtitle]=\"actionItem | tileProp: 'Subtitle'\"\n    [dynamicCommand]=\"actionItem | tileProp: 'DynamicCommand'\"\n    [isDouble]=\"actionItem | tileProp: 'IsDouble'\"\n    [footer]=\"actionItem | tileProp: 'Footer'\"\n    [icon]=\"actionItem | tileProp: 'Icon'\"\n    [cdkDragDisabled]=\"!actionItem || actionItem.Locked\"\n    [mo]=\"actionItem\"\n>\n</bt-action-item>\n}\n", styles: [":host{display:flex;width:100%;row-gap:3px;flex-wrap:wrap;border-radius:var(--sapElement_BorderCornerRadius, .25rem);column-gap:3px;padding:1rem 0}:host.s{padding:0 1.3rem}bt-action-item{margin-top:auto;margin-bottom:auto}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { hide: [{
                 type: HostBinding,
                 args: ['class.hide']
@@ -37,5 +39,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 type: Input
             }], edit: [{
                 type: Input
+            }], deviceSize: [{
+                type: Input
+            }], _class: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvYWN0aW9ucy1saW5rL2FjdGlvbnMtbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2FjdGlvbnMtbGluay9hY3Rpb25zLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFHUixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7O0FBT3JELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxhQUFhO0lBSW5EOztPQUVHO0lBQ0gsWUFBc0IsSUFBdUI7UUFDekMsS0FBSyxFQUFFLENBQUM7UUFEVSxTQUFJLEdBQUosSUFBSSxDQUFtQjtJQUU3QyxDQUFDO0lBQ0QsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTSxLQUFLLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBQ0QsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLEtBQUssQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDM0IsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUNoQyxJQUFJLFdBQVcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUMxQyxJQUFJLENBQUMsSUFBSSxHQUFHLFdBQVcsQ0FBQyxZQUFZLEVBQUUsTUFBTSxLQUFLLENBQUMsQ0FBQztZQUNuRCxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzlCLENBQUM7SUFDTCxDQUFDOzhHQXJCUSxvQkFBb0I7a0dBQXBCLG9CQUFvQiw4TUNqQmpDLGtsQkFnQkE7OzJGRENhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDSSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTtzRkFHcEIsSUFBSTtzQkFBOUIsV0FBVzt1QkFBQyxZQUFZO2dCQUNoQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdidC1hY3Rpb25zLWxpbmsnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb25zLWxpbmsuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FjdGlvbnMtbGluay5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbnNMaW5rQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5oaWRlJykgaGlkZTtcbiAgICBASW5wdXQoKSBhY3Rpb25zTGluaztcbiAgICBASW5wdXQoKSBlZGl0OiBib29sZWFuO1xuICAgIC8qKlxuICAgICAqXG4gICAgICovXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLmhpZGUgPSB0aGlzLmFjdGlvbnNMaW5rPy5sZW5ndGggPT09IDA7XG4gICAgfVxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkNoYW5nZXMoY2hhbmdlcyk7XG4gICAgICAgIGNvbnN0IHsgYWN0aW9uc0xpbmsgfSA9IGNoYW5nZXM7XG4gICAgICAgIGlmIChhY3Rpb25zTGluayAmJiAhYWN0aW9uc0xpbmsuZmlyc3RDaGFuZ2UpIHtcbiAgICAgICAgICAgIHRoaXMuaGlkZSA9IGFjdGlvbnNMaW5rLmN1cnJlbnRWYWx1ZT8ubGVuZ3RoID09PSAwO1xuICAgICAgICAgICAgdGhpcy5fY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBmb3IgKGFjdGlvbkl0ZW0gb2YgYWN0aW9uc0xpbms7IHRyYWNrIGFjdGlvbkl0ZW0pIHtcclxuPGJ0LWFjdGlvbi1pdGVtXHJcbiAgICBjZGtEcmFnXHJcbiAgICBbZGF0YV09XCJhY3Rpb25JdGVtXCJcclxuICAgIFtlZGl0XT1cImVkaXRcIlxyXG4gICAgW3RpdGxlXT1cImFjdGlvbkl0ZW0gfCB0aWxlUHJvcDogJ1RpdGxlJ1wiXHJcbiAgICBbc3VidGl0bGVdPVwiYWN0aW9uSXRlbSB8IHRpbGVQcm9wOiAnU3VidGl0bGUnXCJcclxuICAgIFtkeW5hbWljQ29tbWFuZF09XCJhY3Rpb25JdGVtIHwgdGlsZVByb3A6ICdEeW5hbWljQ29tbWFuZCdcIlxyXG4gICAgW2lzRG91YmxlXT1cImFjdGlvbkl0ZW0gfCB0aWxlUHJvcDogJ0lzRG91YmxlJ1wiXHJcbiAgICBbZm9vdGVyXT1cImFjdGlvbkl0ZW0gfCB0aWxlUHJvcDogJ0Zvb3RlcidcIlxyXG4gICAgW2ljb25dPVwiYWN0aW9uSXRlbSB8IHRpbGVQcm9wOiAnSWNvbidcIlxyXG4gICAgW2Nka0RyYWdEaXNhYmxlZF09XCIhYWN0aW9uSXRlbSB8fCBhY3Rpb25JdGVtLkxvY2tlZFwiXHJcbiAgICBbbW9dPVwiYWN0aW9uSXRlbVwiXHJcbj5cclxuPC9idC1hY3Rpb24taXRlbT5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvYWN0aW9ucy1saW5rL2FjdGlvbnMtbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2FjdGlvbnMtbGluay9hY3Rpb25zLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFHUixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQXlCLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7OztBQU81RSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsYUFBYTtJQU1uRDs7T0FFRztJQUNILFlBQXNCLElBQXVCO1FBQ3pDLEtBQUssRUFBRSxDQUFDO1FBRFUsU0FBSSxHQUFKLElBQUksQ0FBbUI7UUFKdkIsV0FBTSxHQUFHLEVBQUUsQ0FBQztJQU1sQyxDQUFDO0lBQ0QsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTSxLQUFLLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDbEMsQ0FBQztJQUNELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixLQUFLLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzNCLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDaEMsSUFBSSxXQUFXLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDMUMsSUFBSSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUMsWUFBWSxFQUFFLE1BQU0sS0FBSyxDQUFDLENBQUM7WUFDbkQsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUM5QixDQUFDO0lBQ0wsQ0FBQzs4R0F4QlEsb0JBQW9CO2tHQUFwQixvQkFBb0IsZ1FDakJqQyxrakJBZ0JBOzsyRkRDYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0ksaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU07c0ZBR3BCLElBQUk7c0JBQTlCLFdBQVc7dUJBQUMsWUFBWTtnQkFDaEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDZ0IsTUFBTTtzQkFBM0IsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFiYnJldmF0aW9uRGV2aWNlU2l6ZSwgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnQtYWN0aW9ucy1saW5rJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9ucy1saW5rLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY3Rpb25zLWxpbmsuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25zTGlua0NvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuaGlkZScpIGhpZGU7XG4gICAgQElucHV0KCkgYWN0aW9uc0xpbms7XG4gICAgQElucHV0KCkgZWRpdDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBkZXZpY2VTaXplOiBBYmJyZXZhdGlvbkRldmljZVNpemU7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIF9jbGFzcyA9ICcnO1xuICAgIC8qKlxuICAgICAqXG4gICAgICovXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLmhpZGUgPSB0aGlzLmFjdGlvbnNMaW5rPy5sZW5ndGggPT09IDA7XG4gICAgICAgIHRoaXMuX2NsYXNzID0gdGhpcy5kZXZpY2VTaXplO1xuICAgIH1cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25DaGFuZ2VzKGNoYW5nZXMpO1xuICAgICAgICBjb25zdCB7IGFjdGlvbnNMaW5rIH0gPSBjaGFuZ2VzO1xuICAgICAgICBpZiAoYWN0aW9uc0xpbmsgJiYgIWFjdGlvbnNMaW5rLmZpcnN0Q2hhbmdlKSB7XG4gICAgICAgICAgICB0aGlzLmhpZGUgPSBhY3Rpb25zTGluay5jdXJyZW50VmFsdWU/Lmxlbmd0aCA9PT0gMDtcbiAgICAgICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAZm9yIChhY3Rpb25JdGVtIG9mIGFjdGlvbnNMaW5rOyB0cmFjayBhY3Rpb25JdGVtKSB7XG48YnQtYWN0aW9uLWl0ZW1cbiAgICBjZGtEcmFnXG4gICAgW2RhdGFdPVwiYWN0aW9uSXRlbVwiXG4gICAgW2VkaXRdPVwiZWRpdFwiXG4gICAgW3RpdGxlXT1cImFjdGlvbkl0ZW0gfCB0aWxlUHJvcDogJ1RpdGxlJ1wiXG4gICAgW3N1YnRpdGxlXT1cImFjdGlvbkl0ZW0gfCB0aWxlUHJvcDogJ1N1YnRpdGxlJ1wiXG4gICAgW2R5bmFtaWNDb21tYW5kXT1cImFjdGlvbkl0ZW0gfCB0aWxlUHJvcDogJ0R5bmFtaWNDb21tYW5kJ1wiXG4gICAgW2lzRG91YmxlXT1cImFjdGlvbkl0ZW0gfCB0aWxlUHJvcDogJ0lzRG91YmxlJ1wiXG4gICAgW2Zvb3Rlcl09XCJhY3Rpb25JdGVtIHwgdGlsZVByb3A6ICdGb290ZXInXCJcbiAgICBbaWNvbl09XCJhY3Rpb25JdGVtIHwgdGlsZVByb3A6ICdJY29uJ1wiXG4gICAgW2Nka0RyYWdEaXNhYmxlZF09XCIhYWN0aW9uSXRlbSB8fCBhY3Rpb25JdGVtLkxvY2tlZFwiXG4gICAgW21vXT1cImFjdGlvbkl0ZW1cIlxuPlxuPC9idC1hY3Rpb24taXRlbT5cbn1cbiJdfQ==

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

@@ -21,7 +21,7 @@ export class AppFinderComponent extends BaseComponent {
         this.searchTerm = this.searchTerm2;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AppFinderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AppFinderComponent, selector: "bt-app-finder", inputs: { appGroups: "appGroups", deviceSize: "deviceSize", sideContentSize: "sideContentSize", selectedAppGroup: "selectedAppGroup", selectedAppGroupId: "selectedAppGroupId", mobile: "mobile", contentDensity: "contentDensity", contentHeight: "contentHeight", pinnedAppInAppTileGroups: "pinnedAppInAppTileGroups" }, outputs: { pinClick: "pinClick", selectedAppGroupIdChange: "selectedAppGroupIdChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\">\r\n    @if (appGroups) {\r\n    <fd-toolbar [fdType]=\"'solid'\">\r\n        @if (deviceSize === 's') {\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            [fdMenu]=\"true\"\r\n            [glyph]=\"'menu2'\"\r\n            [fdType]=\"'transparent'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n            [label]=\"selectedAppGroup?.Title\"\r\n        ></button>\r\n        }\r\n        <fd-toolbar-spacer></fd-toolbar-spacer>\r\n        <fd-input-group\r\n            fd-toolbar-item\r\n            type=\"search\"\r\n            glyph=\"search\"\r\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n            [placeholder]=\"'Search' | bbbTranslate\"\r\n            [button]=\"true\"\r\n            [disabled]=\"false\"\r\n            [(ngModel)]=\"searchTerm2\"\r\n            (addOnButtonClicked)=\"onSearchSubmit()\"\r\n            (keydown.enter)=\"onSearchSubmit()\"\r\n        >\r\n        </fd-input-group>\r\n    </fd-toolbar>\r\n    <div style=\"display: flex; overflow-y: auto\" [style.height]=\"contentHeight\">\r\n        <div class=\"app-groups\">\r\n            @if (deviceSize !== 's') {\r\n            <bt-app-finder-group\r\n                [appGroups]=\"appGroups\"\r\n                [listMode]=\"true\"\r\n                [selectedId]=\"selectedAppGroupId\"\r\n                (selectedIdChange)=\"selectedAppGroupIdChange.emit($event)\"\r\n            >\r\n            </bt-app-finder-group>\r\n            }\r\n        </div>\r\n        <bt-app-finder-app-list\r\n            [appGroup]=\"selectedAppGroup\"\r\n            [mobile]=\"mobile\"\r\n            [searchTerm]=\"searchTerm\"\r\n            [pinnedAppInAppTileGroups]=\"pinnedAppInAppTileGroups\"\r\n            (pinClick)=\"pinClick.emit($event)\"\r\n        ></bt-app-finder-app-list>\r\n    </div>\r\n    <fd-menu\r\n        #menu\r\n        [mobile]=\"deviceSize === 's'\"\r\n        [mobileConfig]=\"{ title: 'Groups' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        @if (deviceSize === 's') {\r\n        <bt-app-finder-group\r\n            [appGroups]=\"appGroups\"\r\n            [selectedId]=\"selectedAppGroupId\"\r\n            (selectedIdChange)=\"menu.close(); selectedAppGroupIdChange.emit($event)\"\r\n        >\r\n        </bt-app-finder-group>\r\n        }\r\n    </fd-menu>\r\n    } @else {\r\n    <bsu-mask></bsu-mask>\r\n    }\r\n</div>\r\n", styles: [":host{display:block;background-color:var(--sapBackgroundColor, #f7f7f7);color:var(--sapTextColor, #32363a)}:host ::ng-deep .fd-list__title{line-height:1.5rem}.wrapper{display:flex;flex-direction:column}fd-toolbar{width:100%}::ng-deep span.fd-toolbar__spacer{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i4.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i5.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i5.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i5.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i6.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i7.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i8.AppFinderGroupComponent, selector: "bt-app-finder-group", inputs: ["appGroups", "selectedId", "listMode"], outputs: ["selectedIdChange"] }, { kind: "component", type: i9.AppFinderAppListComponent, selector: "bt-app-finder-app-list", inputs: ["appGroup", "mobile", "searchTerm", "pinnedAppInAppTileGroups"], outputs: ["pinClick", "appTileGroupsPinChange"] }, { kind: "pipe", type: i6.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AppFinderComponent, selector: "bt-app-finder", inputs: { appGroups: "appGroups", deviceSize: "deviceSize", sideContentSize: "sideContentSize", selectedAppGroup: "selectedAppGroup", selectedAppGroupId: "selectedAppGroupId", mobile: "mobile", contentDensity: "contentDensity", contentHeight: "contentHeight", pinnedAppInAppTileGroups: "pinnedAppInAppTileGroups" }, outputs: { pinClick: "pinClick", selectedAppGroupIdChange: "selectedAppGroupIdChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\">\r\n    @if (appGroups) {\r\n    <fd-toolbar [fdType]=\"'solid'\">\r\n        @if (deviceSize === 's') {\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            [fdMenu]=\"true\"\r\n            [glyph]=\"'menu2'\"\r\n            [fdType]=\"'transparent'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n            [label]=\"selectedAppGroup?.Title\"\r\n        ></button>\r\n        }\r\n        <fd-toolbar-spacer></fd-toolbar-spacer>\r\n        <fd-input-group\r\n            fd-toolbar-item\r\n            type=\"search\"\r\n            glyph=\"search\"\r\n            [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n            [placeholder]=\"'Search' | bbbTranslate\"\r\n            [button]=\"true\"\r\n            [disabled]=\"false\"\r\n            [(ngModel)]=\"searchTerm2\"\r\n            (addOnButtonClicked)=\"onSearchSubmit()\"\r\n            (keydown.enter)=\"onSearchSubmit()\"\r\n        >\r\n        </fd-input-group>\r\n    </fd-toolbar>\r\n    <div style=\"display: flex; overflow-y: auto\" [style.height]=\"contentHeight\">\r\n        <div class=\"app-groups\">\r\n            @if (deviceSize !== 's') {\r\n            <bt-app-finder-group\r\n                [appGroups]=\"appGroups\"\r\n                [listMode]=\"true\"\r\n                [selectedId]=\"selectedAppGroupId\"\r\n                (selectedIdChange)=\"selectedAppGroupIdChange.emit($event)\"\r\n            >\r\n            </bt-app-finder-group>\r\n            }\r\n        </div>\r\n        <bt-app-finder-app-list\r\n            [appGroup]=\"selectedAppGroup\"\r\n            [mobile]=\"mobile\"\r\n            [searchTerm]=\"searchTerm\"\r\n            [pinnedAppInAppTileGroups]=\"pinnedAppInAppTileGroups\"\r\n            (pinClick)=\"pinClick.emit($event)\"\r\n        ></bt-app-finder-app-list>\r\n    </div>\r\n    <fd-menu\r\n        #menu\r\n        [mobile]=\"deviceSize === 's'\"\r\n        [mobileConfig]=\"{ title: 'Groups' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        @if (deviceSize === 's') {\r\n        <bt-app-finder-group\r\n            [appGroups]=\"appGroups\"\r\n            [selectedId]=\"selectedAppGroupId\"\r\n            (selectedIdChange)=\"menu.close(); selectedAppGroupIdChange.emit($event)\"\r\n        >\r\n        </bt-app-finder-group>\r\n        }\r\n    </fd-menu>\r\n    } @else {\r\n    <bsu-mask></bsu-mask>\r\n    }\r\n</div>\r\n", styles: [":host{display:block;background-color:var(--sapBackgroundColor, #f7f7f7);color:var(--sapTextColor, #32363a)}:host ::ng-deep .fd-list__title{line-height:1.5rem}.wrapper{display:flex;flex-direction:column}fd-toolbar{width:100%}::ng-deep span.fd-toolbar__spacer{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i4.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i5.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i5.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i5.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i6.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i7.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i8.AppFinderGroupComponent, selector: "bt-app-finder-group", inputs: ["appGroups", "selectedId", "listMode"], outputs: ["selectedIdChange"] }, { kind: "component", type: i9.AppFinderAppListComponent, selector: "bt-app-finder-app-list", inputs: ["appGroup", "mobile", "searchTerm", "pinnedAppInAppTileGroups"], outputs: ["pinClick", "appTileGroupsPinChange"] }, { kind: "pipe", type: i6.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AppFinderComponent, decorators: [{
             type: Component,

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

@@ -18,7 +18,7 @@ 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]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { 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) {\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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AppFinderAppListComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-pin-app/barsa-pin-app.component.mjs

@@ -23,7 +23,7 @@ export class BarsaPinAppComponent extends BarsaTreeItemComponent {
     }
     onPinTap() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaPinAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: BarsaPinAppComponent, selector: "bt-barsa-pin-app", inputs: { titleTemplateRef: "titleTemplateRef" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"titleTemplateRef\">\n    <ng-container *ngTemplateOutlet=\"titleTemplateRef\"></ng-container>\n</ng-container>\n<button\n    fd-button\n    [glyph]=\"'pushpin-off'\"\n    [fdType]=\"\n        pinnedAppInAppTileGroups$()[node.Data.Id]\n            ? pinnedAppInAppTileGroups$()[node.Data.Id].length\n                ? 'emphasized'\n                : 'standard'\n            : node.Data.$HasPinned\n            ? 'emphasized'\n            : 'standard'\n    \"\n    (click)=\"onPinTap()\"\n></button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: BarsaPinAppComponent, selector: "bt-barsa-pin-app", inputs: { titleTemplateRef: "titleTemplateRef" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"titleTemplateRef\">\n    <ng-container *ngTemplateOutlet=\"titleTemplateRef\"></ng-container>\n</ng-container>\n<button\n    fd-button\n    [glyph]=\"'pushpin-off'\"\n    [fdType]=\"\n        pinnedAppInAppTileGroups$()[node.Data.Id]\n            ? pinnedAppInAppTileGroups$()[node.Data.Id].length\n                ? 'emphasized'\n                : 'standard'\n            : node.Data.$HasPinned\n            ? 'emphasized'\n            : 'standard'\n    \"\n    (click)=\"onPinTap()\"\n></button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaPinAppComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-shellbar/barsa-shellbar.component.mjs

@@ -106,7 +106,7 @@ export class BarsaShellbarComponent extends BaseComponent {
         this.cultureChanged.emit(culture);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaShellbarComponent, deps: [{ token: i1.NotificationService }, { token: i2.DialogService }, { token: i3.Router }, { token: i1.PortalService }, { token: DOCUMENT }, { token: APP_VERSION }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaShellbarComponent, selector: "bt-barsa-shellbar", inputs: { cssCustomUrl: "cssCustomUrl", cssUrl: "cssUrl", allowAnonymous: "allowAnonymous", multiLanguages: "multiLanguages", userLoggedIn: "userLoggedIn", settings: "settings", productMenuControl: "productMenuControl", deviceSize: "deviceSize", cultures: "cultures", shellbarData: "shellbarData", notificationCount: "notificationCount", notifcationLoaded: "notifcationLoaded", notificationLoading: "notificationLoading", notifications: "notifications", productMenuItems1: "productMenuItems1", bodyClick: "bodyClick", logo: "logo", actions: "actions", userMenu: "userMenu", productSwitcher: "productSwitcher", subtitle: "subtitle", isMobile: "isMobile", hideShellbarActions: "hideShellbarActions", showExtraButton: "showExtraButton", isTablet: "isTablet", isDesktop: "isDesktop", isServiceDesk: "isServiceDesk", isOpenQuickAccess: "isOpenQuickAccess", sideMenuTemplate: "sideMenuTemplate" }, outputs: { isOpenQuickAccessChanged: "isOpenQuickAccessChanged", openNotificationPanel: "openNotificationPanel", openQuickAccessPanel: "openQuickAccessPanel", cultureChanged: "cultureChanged", notificationLoadMore: "notificationLoadMore", removeNotification: "removeNotification", notifiationActionClick: "notifiationActionClick", notificationViewed: "notificationViewed" }, viewQueries: [{ propertyName: "comboboxComponent", first: true, predicate: ComboboxComponent, descendants: true }, { propertyName: "popoverComponent", first: true, predicate: ["popoverComponent"], descendants: true }, { propertyName: "_notificationsDialog", first: true, predicate: ["notificationsDialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "@if (cssUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssUrl\" />\n} @if (cssCustomUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssCustomUrl\" />\n} @if (userLoggedIn || allowAnonymous) {\n<fd-shellbar\n    [size]=\"deviceSize\"\n    [ngClass]=\"deviceSize\"\n    routeFormChange\n    (stateChanged)=\"onRouteFormStateChange()\"\n    [handleBodyClick]=\"true\"\n>\n    @if (sideMenuTemplate) {\n    <fd-shellbar-action\n        [glyph]=\"'apps'\"\n        [label]=\"'Quick Access' | bbbTranslate\"\n        [notificationCount]=\"notificationCount.unread ?? 0\"\n        [notificationLabel]=\"'Quick Access' | bbbTranslate\"\n        [callback]=\"onOpenQuickAccess\"\n    >\n    </fd-shellbar-action>\n    } @if (sideMenuTemplate) {\n    <button\n        fd-shellbar-side-nav\n        fd-button\n        fdType=\"transparent\"\n        glyph=\"menu2\"\n        style=\"width: 2.75rem\"\n        (click)=\"$event.stopPropagation(); isOpenQuickAccessChanged.emit(!isOpenQuickAccess)\"\n    ></button>\n    } @if (logo) {\n    <fd-shellbar-logo>\n        <a\n            [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\n            href=\"/\"\n            class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced\"\n            aria-label=\"Barsa Novin Ray\"\n        ></a>\n    </fd-shellbar-logo>\n    } @if (!settings?.HideProductMenu && productMenuItems1 && productMenuItems1.length > 0) {\n    <fd-product-menu [control]=\"productMenuControl\" [closePopoverOnSelect]=\"true\" [items]=\"productMenuItems1\">\n    </fd-product-menu>\n    }\n    <fd-shellbar-subtitle> {{ subtitle | bbbTranslate }}{{ showVersion ? appVersion : '' }}</fd-shellbar-subtitle>\n    @if (!hideShellbarActions&& user && (userMenu?.length || !settings?.HideLanguage)) {\n    <fd-shellbar-actions [user]=\"user\" [userMenu]=\"userMenu\" #langRef>\n        @for (action of actions; track action) {\n        <fd-shellbar-action\n            [glyph]=\"action.Icon\"\n            [callback]=\"action.Callback\"\n            [label]=\"action.Label\"\n            notificationLabel=\"login\"\n        >\n        </fd-shellbar-action>\n        } @if (deviceSize === 's' && userLoggedIn && !settings?.HideNotifications) {\n        <fd-shellbar-action\n            [glyph]=\"'bell'\"\n            [label]=\"'Notifications' | bbbTranslate\"\n            [notificationCount]=\"notificationCount.unread ?? 0\"\n            [notificationLabel]=\"'Notifications' | bbbTranslate\"\n            [callback]=\"onBellNotification\"\n        >\n        </fd-shellbar-action>\n        } @if (!settings?.HideNotifications && userLoggedIn) {\n        <fd-popover\n            [(isOpen)]=\"isOpenNotificatoin\"\n            [triggers]=\"[]\"\n            [focusTrapped]=\"true\"\n            [noArrow]=\"true\"\n            placement=\"bottom\"\n            title=\"Notification Popover\"\n            [focusAutoCapture]=\"true\"\n            [mobile]=\"deviceSize === 's'\"\n            #popoverComponent\n        >\n            <fd-popover-control>\n                <fd-shellbar-action\n                    [glyph]=\"'bell'\"\n                    [label]=\"'Notification'\"\n                    [notificationCount]=\"notificationCount.unread\"\n                    [notificationLabel]=\"'Notification Label'\"\n                    [callback]=\"onOpenNotification\"\n                >\n                </fd-shellbar-action>\n            </fd-popover-control>\n            <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\n                <ng-container\n                    *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationCount }\"\n                ></ng-container>\n            </fd-popover-body>\n        </fd-popover>\n        } @if (!settings?.HideLanguage && deviceSize !== 's' && multiLanguages) {\n        <fd-shellbar-action [glyph]=\"'world'\" [label]=\"'language'\" [fdMenuTrigger]=\"menu\" (callback)=\"(onLanguage)\">\n        </fd-shellbar-action>\n        } @if (!settings?.HideLanguage && deviceSize === 's' && multiLanguages) { @for (culture of cultures | keyvalue;\n        track culture) {\n        <fd-shellbar-action\n            [label]=\"culture.value\"\n            [callback]=\"onLanguage\"\n            class=\"culture-abbrivation\"\n            [glyph]=\"culture.key\"\n            [ngClass]=\"'flags'\"\n        >\n        </fd-shellbar-action>\n        } } @if (productSwitcher?.length) {\n        <fd-product-switch>\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\n            </fd-product-switch-body>\n        </fd-product-switch>\n        }\n    </fd-shellbar-actions>\n    }\n</fd-shellbar>\n} @if(showExtraButton){\n<div\n    [class.fd-shellbar--xl]=\"isDesktop\"\n    [class.fd-shellbar--m]=\"isTablet\"\n    [class.fd-shellbar--s]=\"isMobile\"\n    class=\"extra-button-wrapper\"\n    [class.service-desk]=\"isServiceDesk\"\n>\n    <ng-content select=\"button\"></ng-content>\n</div>\n}\n<ng-template #loading>\n    <bsu-mask></bsu-mask>\n</ng-template>\n\n<div\n    *ngIf=\"sideMenuTemplate\"\n    class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\n    [class.tw-w-screen]=\"isMobile\"\n    [class.-tw-right-full]=\"isMobile\"\n    [class.tw-w-96]=\"!isMobile\"\n    [class.-tw-right-96]=\"!isMobile\"\n    [class.!tw-right-0]=\"isOpenQuickAccess\"\n    (click)=\"$event.stopPropagation()\"\n>\n    <ng-container *ngTemplateOutlet=\"sideMenuTemplate\"></ng-container>\n</div>\n\n@if(isOpenQuickAccess) {\n<div\n    class=\"sidemenu-h tw-fixed tw-right-0 tw-bg-slate-800/[.5] tw-z-[90] tw-w-screen tw-backdrop-blur-sm\"\n    (click)=\"isOpenQuickAccessChanged.emit(false)\"\n></div>\n}\n<fd-menu #menu>\n    <ul fd-list>\n        @for (culture of cultures | keyvalue; track culture) {\n        <li fd-list-item>\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\n                <span fd-list-title>\n                    <img width=\"14px\" height=\"12px\" [src]=\"'/assets/flags/' + culture.key + '.png'\" />\n                    <span class=\"culture-abbrivation\" [ngClass]=\"culture.key\"> {{ culture.key }}</span>\n                </span>\n            </a>\n        </li>\n        }\n    </ul>\n</fd-menu>\n<ng-template #notificationGroupTpl let-notificationCount=\"notificationCount\">\n    @if (!notifcationLoaded && notificationLoading === true) {\n    <div style=\"position: relative; height: 100px\">\n        <bsu-mask size=\"s\"></bsu-mask>\n    </div>\n    }\n    <bt-notification-group\n        [notifications]=\"notifications\"\n        [notificationCount]=\"notificationCount\"\n        [loading]=\"notificationLoading === true\"\n        (viewed)=\"onNotificationItemViewed($event)\"\n        (remove)=\"onRemoveNotifications($event)\"\n        (showEvent)=\"popoverComponent.close(); onShowNotification($event)\"\n        (actionClick)=\"popoverComponent.close(); onNotificationAction($event)\"\n        (loadMore)=\"onNotificationLoadMore()\"\n        [deviceSize]=\"deviceSize\"\n    ></bt-notification-group>\n</ng-template>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #notificationsDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Notification' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"mobile\">\n            <ng-container\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationCount }\"\n            ></ng-container>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;position:relative}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep fd-combobox .fd-input-group input{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}:host ::ng-deep fd-combobox .fd-input-group span{min-width:2rem;min-height:1.625rem}:host ::ng-deep .fd-shellbar__subtitle{font-size:1rem}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__subtitle{display:block;overflow:hidden;text-wrap:wrap;width:100%;word-break:break-all}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__group.fd-shellbar__group--product{flex:1}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__group.fd-shellbar__group--actions{max-width:120px}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem}.extra-button-wrapper{display:flex;height:100%;align-items:center;position:absolute;left:10px;top:0;gap:.285rem}.sidemenu-h{top:var(--fdShellbar_Height);height:calc(100vh - var(--fdShellbar_Height))}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i7.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i7.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i8.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i8.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i8.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i8.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i9.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i10.ProductSwitchComponent, selector: "fd-product-switch", inputs: ["placement", "disabled"] }, { kind: "component", type: i10.ProductSwitchBodyComponent, selector: "fd-product-switch-body", inputs: ["dragAndDropEnabled", "products", "forceListMode"], outputs: ["productsChange", "itemClicked"] }, { kind: "component", type: i11.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i11.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i11.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i12.ShellbarComponent, selector: "fd-shellbar", inputs: ["size", "breakpoints", "sideNav", "groupFlex"] }, { kind: "component", type: i12.ProductMenuComponent, selector: "fd-product-menu", inputs: ["closeOnEscapeKey", "closeOnOutsideClick", "triggers", "placement", "disabled", "fillControlMode", "control", "items", "closePopoverOnSelect"] }, { kind: "component", type: i12.ShellbarSubtitleComponent, selector: "fd-shellbar-subtitle" }, { kind: "component", type: i12.ShellbarActionsComponent, selector: "fd-shellbar-actions", inputs: ["user", "userMenu", "closePopoverOnSelect"], outputs: ["searchOpen"] }, { kind: "component", type: i12.ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "glyphFont", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: i12.ShellbarLogoComponent, selector: "fd-shellbar-logo" }, { kind: "directive", type: i12.ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]" }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i1.RouteFormChangeDirective, selector: "[routeFormChange]", inputs: ["handleBodyClick"], outputs: ["stateChanged"] }, { kind: "component", type: i13.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i14.NotificationGroupComponent, selector: "bt-notification-group", inputs: ["notifications", "loading", "deviceSize", "notificationCount"], outputs: ["viewed", "remove", "actionClick", "showEvent", "loadMore"] }, { kind: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaShellbarComponent, selector: "bt-barsa-shellbar", inputs: { cssCustomUrl: "cssCustomUrl", cssUrl: "cssUrl", allowAnonymous: "allowAnonymous", multiLanguages: "multiLanguages", userLoggedIn: "userLoggedIn", settings: "settings", productMenuControl: "productMenuControl", deviceSize: "deviceSize", cultures: "cultures", shellbarData: "shellbarData", notificationCount: "notificationCount", notifcationLoaded: "notifcationLoaded", notificationLoading: "notificationLoading", notifications: "notifications", productMenuItems1: "productMenuItems1", bodyClick: "bodyClick", logo: "logo", actions: "actions", userMenu: "userMenu", productSwitcher: "productSwitcher", subtitle: "subtitle", isMobile: "isMobile", hideShellbarActions: "hideShellbarActions", showExtraButton: "showExtraButton", isTablet: "isTablet", isDesktop: "isDesktop", isServiceDesk: "isServiceDesk", isOpenQuickAccess: "isOpenQuickAccess", sideMenuTemplate: "sideMenuTemplate" }, outputs: { isOpenQuickAccessChanged: "isOpenQuickAccessChanged", openNotificationPanel: "openNotificationPanel", openQuickAccessPanel: "openQuickAccessPanel", cultureChanged: "cultureChanged", notificationLoadMore: "notificationLoadMore", removeNotification: "removeNotification", notifiationActionClick: "notifiationActionClick", notificationViewed: "notificationViewed" }, viewQueries: [{ propertyName: "comboboxComponent", first: true, predicate: ComboboxComponent, descendants: true }, { propertyName: "popoverComponent", first: true, predicate: ["popoverComponent"], descendants: true }, { propertyName: "_notificationsDialog", first: true, predicate: ["notificationsDialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "@if (cssUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssUrl\" />\n} @if (cssCustomUrl) {\n<link type=\"text/css\" rel=\"stylesheet\" [href]=\"cssCustomUrl\" />\n} @if (userLoggedIn || allowAnonymous) {\n<fd-shellbar\n    [size]=\"deviceSize\"\n    [ngClass]=\"deviceSize\"\n    routeFormChange\n    (stateChanged)=\"onRouteFormStateChange()\"\n    [handleBodyClick]=\"true\"\n>\n    @if (sideMenuTemplate) {\n    <fd-shellbar-action\n        [glyph]=\"'apps'\"\n        [label]=\"'Quick Access' | bbbTranslate\"\n        [notificationCount]=\"notificationCount.unread ?? 0\"\n        [notificationLabel]=\"'Quick Access' | bbbTranslate\"\n        [callback]=\"onOpenQuickAccess\"\n    >\n    </fd-shellbar-action>\n    } @if (sideMenuTemplate) {\n    <button\n        fd-shellbar-side-nav\n        fd-button\n        fdType=\"transparent\"\n        glyph=\"menu2\"\n        style=\"width: 2.75rem\"\n        (click)=\"$event.stopPropagation(); isOpenQuickAccessChanged.emit(!isOpenQuickAccess)\"\n    ></button>\n    } @if (logo) {\n    <fd-shellbar-logo>\n        <a\n            [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\n            href=\"/\"\n            class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced\"\n            aria-label=\"Barsa Novin Ray\"\n        ></a>\n    </fd-shellbar-logo>\n    } @if (!settings?.HideProductMenu && productMenuItems1 && productMenuItems1.length > 0) {\n    <fd-product-menu [control]=\"productMenuControl\" [closePopoverOnSelect]=\"true\" [items]=\"productMenuItems1\">\n    </fd-product-menu>\n    }\n    <fd-shellbar-subtitle> {{ subtitle | bbbTranslate }}{{ showVersion ? appVersion : '' }}</fd-shellbar-subtitle>\n    @if (!hideShellbarActions&& user && (userMenu?.length || !settings?.HideLanguage)) {\n    <fd-shellbar-actions [user]=\"user\" [userMenu]=\"userMenu\" #langRef>\n        @for (action of actions; track action) {\n        <fd-shellbar-action\n            [glyph]=\"action.Icon\"\n            [callback]=\"action.Callback\"\n            [label]=\"action.Label\"\n            notificationLabel=\"login\"\n        >\n        </fd-shellbar-action>\n        } @if (deviceSize === 's' && userLoggedIn && !settings?.HideNotifications) {\n        <fd-shellbar-action\n            [glyph]=\"'bell'\"\n            [label]=\"'Notifications' | bbbTranslate\"\n            [notificationCount]=\"notificationCount.unread ?? 0\"\n            [notificationLabel]=\"'Notifications' | bbbTranslate\"\n            [callback]=\"onBellNotification\"\n        >\n        </fd-shellbar-action>\n        } @if (!settings?.HideNotifications && userLoggedIn) {\n        <fd-popover\n            [(isOpen)]=\"isOpenNotificatoin\"\n            [triggers]=\"[]\"\n            [focusTrapped]=\"true\"\n            [noArrow]=\"true\"\n            placement=\"bottom\"\n            title=\"Notification Popover\"\n            [focusAutoCapture]=\"true\"\n            [mobile]=\"deviceSize === 's'\"\n            #popoverComponent\n        >\n            <fd-popover-control>\n                <fd-shellbar-action\n                    [glyph]=\"'bell'\"\n                    [label]=\"'Notification'\"\n                    [notificationCount]=\"notificationCount.unread\"\n                    [notificationLabel]=\"'Notification Label'\"\n                    [callback]=\"onOpenNotification\"\n                >\n                </fd-shellbar-action>\n            </fd-popover-control>\n            <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\n                <ng-container\n                    *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationCount }\"\n                ></ng-container>\n            </fd-popover-body>\n        </fd-popover>\n        } @if (!settings?.HideLanguage && deviceSize !== 's' && multiLanguages) {\n        <fd-shellbar-action [glyph]=\"'world'\" [label]=\"'language'\" [fdMenuTrigger]=\"menu\" (callback)=\"(onLanguage)\">\n        </fd-shellbar-action>\n        } @if (!settings?.HideLanguage && deviceSize === 's' && multiLanguages) { @for (culture of cultures | keyvalue;\n        track culture) {\n        <fd-shellbar-action\n            [label]=\"culture.value\"\n            [callback]=\"onLanguage\"\n            class=\"culture-abbrivation\"\n            [glyph]=\"culture.key\"\n            [ngClass]=\"'flags'\"\n        >\n        </fd-shellbar-action>\n        } } @if (productSwitcher?.length) {\n        <fd-product-switch>\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\n            </fd-product-switch-body>\n        </fd-product-switch>\n        }\n    </fd-shellbar-actions>\n    }\n</fd-shellbar>\n} @if(showExtraButton){\n<div\n    [class.fd-shellbar--xl]=\"isDesktop\"\n    [class.fd-shellbar--m]=\"isTablet\"\n    [class.fd-shellbar--s]=\"isMobile\"\n    class=\"extra-button-wrapper\"\n    [class.service-desk]=\"isServiceDesk\"\n>\n    <ng-content select=\"button\"></ng-content>\n</div>\n}\n<ng-template #loading>\n    <bsu-mask></bsu-mask>\n</ng-template>\n\n<div\n    *ngIf=\"sideMenuTemplate\"\n    class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\n    [class.tw-w-screen]=\"isMobile\"\n    [class.-tw-right-full]=\"isMobile\"\n    [class.tw-w-96]=\"!isMobile\"\n    [class.-tw-right-96]=\"!isMobile\"\n    [class.!tw-right-0]=\"isOpenQuickAccess\"\n    (click)=\"$event.stopPropagation()\"\n>\n    <ng-container *ngTemplateOutlet=\"sideMenuTemplate\"></ng-container>\n</div>\n\n@if(isOpenQuickAccess) {\n<div\n    class=\"sidemenu-h tw-fixed tw-right-0 tw-bg-slate-800/[.5] tw-z-[90] tw-w-screen tw-backdrop-blur-sm\"\n    (click)=\"isOpenQuickAccessChanged.emit(false)\"\n></div>\n}\n<fd-menu #menu>\n    <ul fd-list>\n        @for (culture of cultures | keyvalue; track culture) {\n        <li fd-list-item>\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\n                <span fd-list-title>\n                    <img width=\"14px\" height=\"12px\" [src]=\"'/assets/flags/' + culture.key + '.png'\" />\n                    <span class=\"culture-abbrivation\" [ngClass]=\"culture.key\"> {{ culture.key }}</span>\n                </span>\n            </a>\n        </li>\n        }\n    </ul>\n</fd-menu>\n<ng-template #notificationGroupTpl let-notificationCount=\"notificationCount\">\n    @if (!notifcationLoaded && notificationLoading === true) {\n    <div style=\"position: relative; height: 100px\">\n        <bsu-mask size=\"s\"></bsu-mask>\n    </div>\n    }\n    <bt-notification-group\n        [notifications]=\"notifications\"\n        [notificationCount]=\"notificationCount\"\n        [loading]=\"notificationLoading === true\"\n        (viewed)=\"onNotificationItemViewed($event)\"\n        (remove)=\"onRemoveNotifications($event)\"\n        (showEvent)=\"popoverComponent.close(); onShowNotification($event)\"\n        (actionClick)=\"popoverComponent.close(); onNotificationAction($event)\"\n        (loadMore)=\"onNotificationLoadMore()\"\n        [deviceSize]=\"deviceSize\"\n    ></bt-notification-group>\n</ng-template>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #notificationsDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Notification' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"mobile\">\n            <ng-container\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationCount }\"\n            ></ng-container>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;position:relative}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep fd-combobox .fd-input-group input{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}:host ::ng-deep fd-combobox .fd-input-group span{min-width:2rem;min-height:1.625rem}:host ::ng-deep .fd-shellbar__subtitle{font-size:1rem}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__subtitle{display:block;overflow:hidden;text-wrap:wrap;width:100%;word-break:break-all}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__group.fd-shellbar__group--product{flex:1}:host ::ng-deep .fd-shellbar--s ::ng-deep .fd-shellbar__group.fd-shellbar__group--actions{max-width:120px}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem}.extra-button-wrapper{display:flex;height:100%;align-items:center;position:absolute;left:10px;top:0;gap:.285rem}.sidemenu-h{top:var(--fdShellbar_Height);height:calc(100vh - var(--fdShellbar_Height))}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i7.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i7.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i8.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i8.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i8.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i8.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i9.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i10.ProductSwitchComponent, selector: "fd-product-switch", inputs: ["placement", "disabled"] }, { kind: "component", type: i10.ProductSwitchBodyComponent, selector: "fd-product-switch-body", inputs: ["dragAndDropEnabled", "products", "forceListMode"], outputs: ["productsChange", "itemClicked"] }, { kind: "component", type: i11.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i11.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i11.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i12.ShellbarComponent, selector: "fd-shellbar", inputs: ["size", "breakpoints", "sideNav", "groupFlex"] }, { kind: "component", type: i12.ProductMenuComponent, selector: "fd-product-menu", inputs: ["closeOnEscapeKey", "closeOnOutsideClick", "triggers", "placement", "disabled", "fillControlMode", "control", "items", "closePopoverOnSelect"] }, { kind: "component", type: i12.ShellbarSubtitleComponent, selector: "fd-shellbar-subtitle" }, { kind: "component", type: i12.ShellbarActionsComponent, selector: "fd-shellbar-actions", inputs: ["user", "userMenu", "closePopoverOnSelect"], outputs: ["searchOpen"] }, { kind: "component", type: i12.ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "glyphFont", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: i12.ShellbarLogoComponent, selector: "fd-shellbar-logo" }, { kind: "directive", type: i12.ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]" }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i1.RouteFormChangeDirective, selector: "[routeFormChange]", inputs: ["handleBodyClick"], outputs: ["stateChanged"] }, { kind: "component", type: i13.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i14.NotificationGroupComponent, selector: "bt-notification-group", inputs: ["notifications", "loading", "deviceSize", "notificationCount"], outputs: ["viewed", "remove", "actionClick", "showEvent", "loadMore"] }, { kind: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaShellbarComponent, decorators: [{
             type: Component,

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

@@ -1,33 +1,42 @@
-import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, inject, signal } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { BarsaApi, BaseComponent, getDeviceIsMobile, LogService } from 'barsa-novin-ray-core';
+import { BarsaApi, BaseComponent, getDeviceIsMobile, LogService, LocalStorageService } from 'barsa-novin-ray-core';
 import * as i0 from "@angular/core";
-import * as i1 from "barsa-novin-ray-core";
-import * as i2 from "@angular/router";
-import * as i3 from "@angular/cdk/scrolling";
-import * as i4 from "@fundamental-ngx/core/button";
-import * as i5 from "@fundamental-ngx/core/dynamic-page";
-import * as i6 from "@fundamental-ngx/core/toolbar";
-import * as i7 from "barsa-sap-ui";
-import * as i8 from "../tile-renderer.directive";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/scrolling";
+import * as i3 from "@fundamental-ngx/core/button";
+import * as i4 from "@fundamental-ngx/core/dynamic-page";
+import * as i5 from "@fundamental-ngx/core/dynamic-side-content";
+import * as i6 from "@fundamental-ngx/core/input-group";
+import * as i7 from "@fundamental-ngx/core/list";
+import * as i8 from "@fundamental-ngx/core/toolbar";
+import * as i9 from "barsa-novin-ray-core";
+import * as i10 from "barsa-sap-ui";
+import * as i11 from "../tile-renderer.directive";
 export class BarsaTileGroupPageComponent extends BaseComponent {
-    /**
-     *
-     */
-    constructor(_breadcrumbService) {
-        super();
-        this._breadcrumbService = _breadcrumbService;
-        this._logService = inject(LogService);
-        this._activatedRoute = inject(ActivatedRoute);
-        this._router = inject(Router);
+    constructor() {
+        super(...arguments);
+        this._position = 'absolute';
         this.moList = signal([]);
         this.isMobile = getDeviceIsMobile();
         this.rtl = BarsaApi.LoginFormData.IsRtl;
+        this._logService = inject(LogService);
+        this._activatedRoute = inject(ActivatedRoute);
+        this._cdr = inject(ChangeDetectorRef);
+        this._router = inject(Router);
+        this._localStorage = inject(LocalStorageService);
     }
     ngOnInit() {
         super.ngOnInit();
-        this.breadCrumbs$ = this._breadcrumbService.breadcrumbs$;
+        this.title = localStorage.getItem('ActiveTile');
+        if (this.parameters?.IsSimple) {
+            this._position = 'relative';
+        }
+        if (this.parameters?.IsSimple) {
+            this._position = 'relative';
+        }
         const id = this._activatedRoute.snapshot.params['id'];
+        this.sidebar = this._activatedRoute.snapshot.params['sidebar'];
         BarsaApi.Bw.RunBlMethodAsync({
             Parameters: [id],
             Method: 'GetTileGroupApps',
@@ -43,13 +52,16 @@ export class BarsaTileGroupPageComponent extends BaseComponent {
         super.ngOnChanges(changes);
     }
     onClose() {
-        this._router.navigate(['/home']);
+        this._router.navigate(['../']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileGroupPageComponent, deps: [{ token: i1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTileGroupPageComponent, selector: "bt-barsa-tile-group-page", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<router-outlet></router-outlet>\n\n<fd-dynamic-page size=\"large\" [autoResponsive]=\"true\">\n    <fd-dynamic-page-header\n        [class.simple-title]=\"true\"\n        [title]=\"''\"\n        [class.p-b0]=\"true\"\n        [class.hide-title]=\"false\"\n        #titleRef\n    >\n        <!-- @if (!isMobile ){\n        @if(breadCrumbs$ | async ; as breadCrumbs)\n        {\n        <fd-breadcrumb>\n            @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n            breadCrumb; let i = $index; let last = $last) {\n            <fd-breadcrumb-item>\n                <bsu-breadcrumb\n                    [index]=\"i\"\n                    [isLast]=\"last\"\n                    [breadCrumb]=\"breadCrumb\"\n                    [allBreadCrumb]=\"breadCrumbs\"\n                ></bsu-breadcrumb>\n            </fd-breadcrumb-item>\n            } }\n        </fd-breadcrumb>\n        }\n    } -->\n        <fd-dynamic-page-layout-actions>\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n                    <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n\n    <fd-dynamic-page-content cdkScrollable>\n        <div class=\"tw-flex tw-gap-1\">\n            @for(app of moList();track app.Id){\n            <span\n                [dynamicCommand]=\"app.DynamicCommand\"\n                [enableCommand]=\"app.Component\"\n                tileRenderer\n                [data]=\"app\"\n                [edit]=\"false\"\n                [component]=\"app.Component\"\n            >\n            </span>\n            }\n        </div>\n    </fd-dynamic-page-content>\n</fd-dynamic-page>\n\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n", styles: [".app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"], dependencies: [{ kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i5.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap"] }, { kind: "component", type: i5.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i5.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i6.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i7.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "directive", type: i8.TileRendererDirective, selector: "[tileRenderer]", inputs: ["component", "data", "edit"], outputs: ["hideClick", "renameClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileGroupPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTileGroupPageComponent, selector: "bt-barsa-tile-group-page", host: { properties: { "style.position": "this._position" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if(!parameters?.IsSimple){\n<fd-dynamic-page [autoResponsive]=\"true\">\n    <fd-dynamic-page-header\n        [class.simple-title]=\"true\"\n        [title]=\"title | bbbTranslate\"\n        [class.p-b0]=\"true\"\n        [class.hide-title]=\"false\"\n    >\n        <fd-dynamic-page-layout-actions>\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n                    <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n\n    <fd-dynamic-page-content cdkScrollable>\n        @if(sidebar){\n        <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [disable]=\"true\" [setMinHeight]=\"true\">\n            <fd-dynamic-side-content-side>\n                <ng-container *ngTemplateOutlet=\"tilesListTpl\"> </ng-container>\n            </fd-dynamic-side-content-side>\n            <fd-dynamic-side-content-main>\n                <bsu-barsa-tab-route-manager></bsu-barsa-tab-route-manager>\n            </fd-dynamic-side-content-main>\n        </fd-dynamic-side-content>\n        }@else{\n        <ng-container *ngTemplateOutlet=\"tilesTpl\"> </ng-container>\n        }\n    </fd-dynamic-page-content>\n</fd-dynamic-page>\n} @else {\n<ng-container *ngTemplateOutlet=\"tilesTpl\"> </ng-container>\n}\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n<ng-template #tilesTpl>\n    <div class=\"tw-flex tw-gap-1\">\n        @for(app of moList();track app.Id){\n        <ng-container *ngTemplateOutlet=\"tile; context: { $implicit: app }\"></ng-container>\n        }\n    </div>\n</ng-template>\n<ng-template #tilesListTpl>\n    <fd-toolbar>\n        <label fd-toolbar-label>\u0644\u06CC\u0633\u062A \u0627\u067E \u0647\u0627 </label>\n        <fd-toolbar-spacer></fd-toolbar-spacer>\n        <fd-input-group glyph=\"decline\" glyphAriaLabel=\"Clear\" placeholder=\"Search\" [button]=\"true\" [disabled]=\"false\">\n        </fd-input-group>\n    </fd-toolbar>\n\n    <ul fd-list [hasNavigation]=\"true\">\n        @for(app of moList();track app.Id){\n        <li fd-list-item [interactive]=\"true\" class=\"tile-list-item\">\n            <ng-container *ngTemplateOutlet=\"tile; context: { $implicit: app, listMode: true }\"></ng-container>\n        </li>\n        }\n    </ul>\n</ng-template>\n<ng-template #tile let-app let-listMode=\"listMode\">\n    <span\n        [dynamicCommand]=\"app.DynamicCommand\"\n        [setToStorage]=\"false\"\n        [listMode]=\"listMode\"\n        [navigateBackOnClick]=\"parameters?.IsSimple === true\"\n        [enableCommand]=\"app.Component\"\n        tileRenderer\n        [data]=\"app\"\n        [edit]=\"false\"\n        [component]=\"app.Component\"\n    >\n    </span>\n</ng-template>\n", styles: [":host{width:100%}.app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: i4.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "component", type: i4.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i4.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i5.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i5.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i5.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i6.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i8.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i8.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }, { kind: "directive", type: i9.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i10.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i10.BarsaTabRouteManagerComponent, selector: "bsu-barsa-tab-route-manager" }, { kind: "directive", type: i11.TileRendererDirective, selector: "[tileRenderer]", inputs: ["component", "data", "edit", "setToStorage", "listMode", "navigateBackOnClick"], outputs: ["hideClick", "renameClick"] }, { kind: "pipe", type: i9.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileGroupPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-barsa-tile-group-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<router-outlet></router-outlet>\n\n<fd-dynamic-page size=\"large\" [autoResponsive]=\"true\">\n    <fd-dynamic-page-header\n        [class.simple-title]=\"true\"\n        [title]=\"''\"\n        [class.p-b0]=\"true\"\n        [class.hide-title]=\"false\"\n        #titleRef\n    >\n        <!-- @if (!isMobile ){\n        @if(breadCrumbs$ | async ; as breadCrumbs)\n        {\n        <fd-breadcrumb>\n            @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n            breadCrumb; let i = $index; let last = $last) {\n            <fd-breadcrumb-item>\n                <bsu-breadcrumb\n                    [index]=\"i\"\n                    [isLast]=\"last\"\n                    [breadCrumb]=\"breadCrumb\"\n                    [allBreadCrumb]=\"breadCrumbs\"\n                ></bsu-breadcrumb>\n            </fd-breadcrumb-item>\n            } }\n        </fd-breadcrumb>\n        }\n    } -->\n        <fd-dynamic-page-layout-actions>\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n                    <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n\n    <fd-dynamic-page-content cdkScrollable>\n        <div class=\"tw-flex tw-gap-1\">\n            @for(app of moList();track app.Id){\n            <span\n                [dynamicCommand]=\"app.DynamicCommand\"\n                [enableCommand]=\"app.Component\"\n                tileRenderer\n                [data]=\"app\"\n                [edit]=\"false\"\n                [component]=\"app.Component\"\n            >\n            </span>\n            }\n        </div>\n    </fd-dynamic-page-content>\n</fd-dynamic-page>\n\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n", styles: [".app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.BreadcrumbService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGlsZS1ncm91cC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvYmFyc2EtdGlsZS1ncm91cC1wYWdlL2JhcnNhLXRpbGUtZ3JvdXAtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2JhcnNhLXRpbGUtZ3JvdXAtcGFnZS9iYXJzYS10aWxlLWdyb3VwLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQWEsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXpELE9BQU8sRUFDSCxRQUFRLEVBQ1IsYUFBYSxFQUdiLGlCQUFpQixFQUNqQixVQUFVLEVBRWIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQVM5QixNQUFNLE9BQU8sMkJBQTRCLFNBQVEsYUFBYTtJQVExRDs7T0FFRztJQUNILFlBQW9CLGtCQUFxQztRQUNyRCxLQUFLLEVBQUUsQ0FBQztRQURRLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFWL0MsZ0JBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDakMsb0JBQWUsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDekMsWUFBTyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNuQyxXQUFNLEdBQUcsTUFBTSxDQUFvQixFQUFFLENBQUMsQ0FBQztRQUV2QyxhQUFRLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQztRQUMvQixRQUFHLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7SUFNbkMsQ0FBQztJQUNELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDO1FBRXpELE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0RCxRQUFRLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLFVBQVUsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNoQixNQUFNLEVBQUUsa0JBQWtCO1lBQzFCLFNBQVMsRUFBRSxDQUFDLENBQW1CLEVBQUUsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQW9DLENBQUMsQ0FBQztZQUM1RCxDQUFDO1lBQ0QsTUFBTSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ1YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDOUIsQ0FBQztTQUNKLENBQUMsQ0FBQztJQUNQLENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsT0FBTztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUNyQyxDQUFDOzhHQW5DUSwyQkFBMkI7a0dBQTNCLDJCQUEyQiw0R0NwQnhDLG8vREF5REE7OzJGRHJDYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0ksMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBPbkNoYW5nZXMsIHNpZ25hbCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7XG4gICAgQmFyc2FBcGksXG4gICAgQmFzZUNvbXBvbmVudCxcbiAgICBCcmVhZENydW1iSW5mbyxcbiAgICBCcmVhZGNydW1iU2VydmljZSxcbiAgICBnZXREZXZpY2VJc01vYmlsZSxcbiAgICBMb2dTZXJ2aWNlLFxuICAgIE1vRm9yUmVwb3J0TW9kZWxcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuaW1wb3J0IHsgQmFzZVRpbGVTZXR0aW5nIH0gZnJvbSAnLi4vbW9kZWxzJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnQtYmFyc2EtdGlsZS1ncm91cC1wYWdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYmFyc2EtdGlsZS1ncm91cC1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS10aWxlLWdyb3VwLXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBCYXJzYVRpbGVHcm91cFBhZ2VDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBwcm90ZWN0ZWQgX2xvZ1NlcnZpY2UgPSBpbmplY3QoTG9nU2VydmljZSk7XG4gICAgcHJvdGVjdGVkIF9hY3RpdmF0ZWRSb3V0ZSA9IGluamVjdChBY3RpdmF0ZWRSb3V0ZSk7XG4gICAgcHJvdGVjdGVkIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgICBtb0xpc3QgPSBzaWduYWw8QmFzZVRpbGVTZXR0aW5nW10+KFtdKTtcbiAgICBicmVhZENydW1icyQ6IE9ic2VydmFibGU8QnJlYWRDcnVtYkluZm9bXT47XG4gICAgaXNNb2JpbGUgPSBnZXREZXZpY2VJc01vYmlsZSgpO1xuICAgIHJ0bCA9IEJhcnNhQXBpLkxvZ2luRm9ybURhdGEuSXNSdGw7XG4gICAgLyoqXG4gICAgICpcbiAgICAgKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9icmVhZGNydW1iU2VydmljZTogQnJlYWRjcnVtYlNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuYnJlYWRDcnVtYnMkID0gdGhpcy5fYnJlYWRjcnVtYlNlcnZpY2UuYnJlYWRjcnVtYnMkO1xuXG4gICAgICAgIGNvbnN0IGlkID0gdGhpcy5fYWN0aXZhdGVkUm91dGUuc25hcHNob3QucGFyYW1zWydpZCddO1xuICAgICAgICBCYXJzYUFwaS5Cdy5SdW5CbE1ldGhvZEFzeW5jKHtcbiAgICAgICAgICAgIFBhcmFtZXRlcnM6IFtpZF0sXG4gICAgICAgICAgICBNZXRob2Q6ICdHZXRUaWxlR3JvdXBBcHBzJyxcbiAgICAgICAgICAgIFN1Y2Nlc3NGbjogKGU6IE1vRm9yUmVwb3J0TW9kZWwpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm1vTGlzdC5zZXQoZS5Nb0RhdGFMaXN0IGFzIEFycmF5PEJhc2VUaWxlU2V0dGluZz4pO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIEZhaWxGbjogKGUpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLl9sb2dTZXJ2aWNlLmVycm9yKGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcbiAgICB9XG4gICAgb25DbG9zZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFsnL2hvbWUnXSk7XG4gICAgfVxufVxuIiwiPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuXG48ZmQtZHluYW1pYy1wYWdlIHNpemU9XCJsYXJnZVwiIFthdXRvUmVzcG9uc2l2ZV09XCJ0cnVlXCI+XG4gICAgPGZkLWR5bmFtaWMtcGFnZS1oZWFkZXJcbiAgICAgICAgW2NsYXNzLnNpbXBsZS10aXRsZV09XCJ0cnVlXCJcbiAgICAgICAgW3RpdGxlXT1cIicnXCJcbiAgICAgICAgW2NsYXNzLnAtYjBdPVwidHJ1ZVwiXG4gICAgICAgIFtjbGFzcy5oaWRlLXRpdGxlXT1cImZhbHNlXCJcbiAgICAgICAgI3RpdGxlUmVmXG4gICAgPlxuICAgICAgICA8IS0tIEBpZiAoIWlzTW9iaWxlICl7XG4gICAgICAgIEBpZihicmVhZENydW1icyQgfCBhc3luYyA7IGFzIGJyZWFkQ3J1bWJzKVxuICAgICAgICB7XG4gICAgICAgIDxmZC1icmVhZGNydW1iPlxuICAgICAgICAgICAgQGlmIChicmVhZENydW1icyAmJiAhaXNNb2JpbGUpIHsgQGZvciAoYnJlYWRDcnVtYiBvZiBicmVhZENydW1icyB8IHNsaWNlOiAwOmJyZWFkQ3J1bWJzLmxlbmd0aDsgdHJhY2tcbiAgICAgICAgICAgIGJyZWFkQ3J1bWI7IGxldCBpID0gJGluZGV4OyBsZXQgbGFzdCA9ICRsYXN0KSB7XG4gICAgICAgICAgICA8ZmQtYnJlYWRjcnVtYi1pdGVtPlxuICAgICAgICAgICAgICAgIDxic3UtYnJlYWRjcnVtYlxuICAgICAgICAgICAgICAgICAgICBbaW5kZXhdPVwiaVwiXG4gICAgICAgICAgICAgICAgICAgIFtpc0xhc3RdPVwibGFzdFwiXG4gICAgICAgICAgICAgICAgICAgIFticmVhZENydW1iXT1cImJyZWFkQ3J1bWJcIlxuICAgICAgICAgICAgICAgICAgICBbYWxsQnJlYWRDcnVtYl09XCJicmVhZENydW1ic1wiXG4gICAgICAgICAgICAgICAgPjwvYnN1LWJyZWFkY3J1bWI+XG4gICAgICAgICAgICA8L2ZkLWJyZWFkY3J1bWItaXRlbT5cbiAgICAgICAgICAgIH0gfVxuICAgICAgICA8L2ZkLWJyZWFkY3J1bWI+XG4gICAgICAgIH1cbiAgICB9IC0tPlxuICAgICAgICA8ZmQtZHluYW1pYy1wYWdlLWxheW91dC1hY3Rpb25zPlxuICAgICAgICAgICAgPGZkLXRvb2xiYXIgZmRUeXBlPVwidHJhbnNwYXJlbnRcIiBbY2xlYXJCb3JkZXJdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gZmQtYnV0dG9uIGZkVHlwZT1cInRyYW5zcGFyZW50XCIgYXJpYS1sYWJlbD1cIkNsb3NlXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiIHRpdGxlPVwiQ2xvc2VcIj5cbiAgICAgICAgICAgICAgICAgICAgPGkgW2NsYXNzXT1cIidzYXAtaWNvbi0tJyArIChpc01vYmlsZSA/IChydGwgPyAnYXJyb3ctcmlnaHQnIDogJ2Fycm93LWxlZnQnKSA6ICdkZWNsaW5lJylcIj48L2k+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2ZkLXRvb2xiYXI+XG4gICAgICAgIDwvZmQtZHluYW1pYy1wYWdlLWxheW91dC1hY3Rpb25zPlxuICAgIDwvZmQtZHluYW1pYy1wYWdlLWhlYWRlcj5cblxuICAgIDxmZC1keW5hbWljLXBhZ2UtY29udGVudCBjZGtTY3JvbGxhYmxlPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidHctZmxleCB0dy1nYXAtMVwiPlxuICAgICAgICAgICAgQGZvcihhcHAgb2YgbW9MaXN0KCk7dHJhY2sgYXBwLklkKXtcbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgW2R5bmFtaWNDb21tYW5kXT1cImFwcC5EeW5hbWljQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgW2VuYWJsZUNvbW1hbmRdPVwiYXBwLkNvbXBvbmVudFwiXG4gICAgICAgICAgICAgICAgdGlsZVJlbmRlcmVyXG4gICAgICAgICAgICAgICAgW2RhdGFdPVwiYXBwXCJcbiAgICAgICAgICAgICAgICBbZWRpdF09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgW2NvbXBvbmVudF09XCJhcHAuQ29tcG9uZW50XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9mZC1keW5hbWljLXBhZ2UtY29udGVudD5cbjwvZmQtZHluYW1pYy1wYWdlPlxuXG48bmctdGVtcGxhdGUgI2xvYWRpbmdUcGw+XG4gICAgPGJzdS1tYXNrPjwvYnN1LW1hc2s+XG48L25nLXRlbXBsYXRlPlxuIl19
+            args: [{ selector: 'bt-barsa-tile-group-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(!parameters?.IsSimple){\n<fd-dynamic-page [autoResponsive]=\"true\">\n    <fd-dynamic-page-header\n        [class.simple-title]=\"true\"\n        [title]=\"title | bbbTranslate\"\n        [class.p-b0]=\"true\"\n        [class.hide-title]=\"false\"\n    >\n        <fd-dynamic-page-layout-actions>\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n                    <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                </button>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n\n    <fd-dynamic-page-content cdkScrollable>\n        @if(sidebar){\n        <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [disable]=\"true\" [setMinHeight]=\"true\">\n            <fd-dynamic-side-content-side>\n                <ng-container *ngTemplateOutlet=\"tilesListTpl\"> </ng-container>\n            </fd-dynamic-side-content-side>\n            <fd-dynamic-side-content-main>\n                <bsu-barsa-tab-route-manager></bsu-barsa-tab-route-manager>\n            </fd-dynamic-side-content-main>\n        </fd-dynamic-side-content>\n        }@else{\n        <ng-container *ngTemplateOutlet=\"tilesTpl\"> </ng-container>\n        }\n    </fd-dynamic-page-content>\n</fd-dynamic-page>\n} @else {\n<ng-container *ngTemplateOutlet=\"tilesTpl\"> </ng-container>\n}\n<ng-template #loadingTpl>\n    <bsu-mask></bsu-mask>\n</ng-template>\n<ng-template #tilesTpl>\n    <div class=\"tw-flex tw-gap-1\">\n        @for(app of moList();track app.Id){\n        <ng-container *ngTemplateOutlet=\"tile; context: { $implicit: app }\"></ng-container>\n        }\n    </div>\n</ng-template>\n<ng-template #tilesListTpl>\n    <fd-toolbar>\n        <label fd-toolbar-label>\u0644\u06CC\u0633\u062A \u0627\u067E \u0647\u0627 </label>\n        <fd-toolbar-spacer></fd-toolbar-spacer>\n        <fd-input-group glyph=\"decline\" glyphAriaLabel=\"Clear\" placeholder=\"Search\" [button]=\"true\" [disabled]=\"false\">\n        </fd-input-group>\n    </fd-toolbar>\n\n    <ul fd-list [hasNavigation]=\"true\">\n        @for(app of moList();track app.Id){\n        <li fd-list-item [interactive]=\"true\" class=\"tile-list-item\">\n            <ng-container *ngTemplateOutlet=\"tile; context: { $implicit: app, listMode: true }\"></ng-container>\n        </li>\n        }\n    </ul>\n</ng-template>\n<ng-template #tile let-app let-listMode=\"listMode\">\n    <span\n        [dynamicCommand]=\"app.DynamicCommand\"\n        [setToStorage]=\"false\"\n        [listMode]=\"listMode\"\n        [navigateBackOnClick]=\"parameters?.IsSimple === true\"\n        [enableCommand]=\"app.Component\"\n        tileRenderer\n        [data]=\"app\"\n        [edit]=\"false\"\n        [component]=\"app.Component\"\n    >\n    </span>\n</ng-template>\n", styles: [":host{width:100%}.app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"] }]
+        }], propDecorators: { _position: [{
+                type: HostBinding,
+                args: ['style.position']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGlsZS1ncm91cC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvYmFyc2EtdGlsZS1ncm91cC1wYWdlL2JhcnNhLXRpbGUtZ3JvdXAtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2JhcnNhLXRpbGUtZ3JvdXAtcGFnZS9iYXJzYS10aWxlLWdyb3VwLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFdBQVcsRUFDWCxNQUFNLEVBRU4sTUFBTSxFQUVULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekQsT0FBTyxFQUNILFFBQVEsRUFDUixhQUFhLEVBQ2IsaUJBQWlCLEVBQ2pCLFVBQVUsRUFFVixtQkFBbUIsRUFFdEIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7Ozs7OztBQVM5QixNQUFNLE9BQU8sMkJBQTRCLFNBQVEsYUFBYTtJQU45RDs7UUFPbUMsY0FBUyxHQUFHLFVBQVUsQ0FBQztRQUN0RCxXQUFNLEdBQUcsTUFBTSxDQUFvQixFQUFFLENBQUMsQ0FBQztRQUN2QyxhQUFRLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQztRQUMvQixRQUFHLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7UUFJekIsZ0JBQVcsR0FBZSxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDN0Msb0JBQWUsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDekMsU0FBSSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2pDLFlBQU8sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekIsa0JBQWEsR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztLQWdDekQ7SUE3QkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDaEQsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsVUFBVSxDQUFDO1FBQ2hDLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsUUFBUSxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7UUFDaEMsQ0FBQztRQUNELE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUUvRCxRQUFRLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLFVBQVUsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNoQixNQUFNLEVBQUUsa0JBQWtCO1lBQzFCLFNBQVMsRUFBRSxDQUFDLENBQW1CLEVBQUUsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQW9DLENBQUMsQ0FBQztZQUM1RCxDQUFDO1lBQ0QsTUFBTSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ1YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDOUIsQ0FBQztTQUNKLENBQUMsQ0FBQztJQUNQLENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsT0FBTztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNuQyxDQUFDOzhHQTNDUSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwwS0M3QnhDLDY1RkEyRUE7OzJGRDlDYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0ksMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdoQixTQUFTO3NCQUF2QyxXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIGluamVjdCxcbiAgICBPbkNoYW5nZXMsXG4gICAgc2lnbmFsLFxuICAgIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHtcbiAgICBCYXJzYUFwaSxcbiAgICBCYXNlQ29tcG9uZW50LFxuICAgIGdldERldmljZUlzTW9iaWxlLFxuICAgIExvZ1NlcnZpY2UsXG4gICAgTW9Gb3JSZXBvcnRNb2RlbCxcbiAgICBMb2NhbFN0b3JhZ2VTZXJ2aWNlLFxuICAgIE1ldGFvYmplY3REYXRhTW9kZWxcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuaW1wb3J0IHsgQmFzZVRpbGVTZXR0aW5nIH0gZnJvbSAnLi4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdidC1iYXJzYS10aWxlLWdyb3VwLXBhZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYXJzYS10aWxlLWdyb3VwLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JhcnNhLXRpbGUtZ3JvdXAtcGFnZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEJhcnNhVGlsZUdyb3VwUGFnZUNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAgIEBIb3N0QmluZGluZygnc3R5bGUucG9zaXRpb24nKSBfcG9zaXRpb24gPSAnYWJzb2x1dGUnO1xuICAgIG1vTGlzdCA9IHNpZ25hbDxCYXNlVGlsZVNldHRpbmdbXT4oW10pO1xuICAgIGlzTW9iaWxlID0gZ2V0RGV2aWNlSXNNb2JpbGUoKTtcbiAgICBydGwgPSBCYXJzYUFwaS5Mb2dpbkZvcm1EYXRhLklzUnRsO1xuICAgIHRpdGxlOiBzdHJpbmcgfCBudWxsO1xuICAgIGRpYWxvZ1JlZjogYW55O1xuICAgIHBhcmFtZXRlcnM6IEJhcnNhVGlsZUdyb3VwUGFnZVNldHRpbmdzO1xuICAgIHByb3RlY3RlZCBfbG9nU2VydmljZTogTG9nU2VydmljZSA9IGluamVjdChMb2dTZXJ2aWNlKTtcbiAgICBwcm90ZWN0ZWQgX2FjdGl2YXRlZFJvdXRlID0gaW5qZWN0KEFjdGl2YXRlZFJvdXRlKTtcbiAgICBwcm90ZWN0ZWQgX2NkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gICAgcHJvdGVjdGVkIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgICBwcm90ZWN0ZWQgX2xvY2FsU3RvcmFnZSA9IGluamVjdChMb2NhbFN0b3JhZ2VTZXJ2aWNlKTtcbiAgICBzaWRlYmFyOiBhbnk7XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy50aXRsZSA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdBY3RpdmVUaWxlJyk7XG4gICAgICAgIGlmICh0aGlzLnBhcmFtZXRlcnM/LklzU2ltcGxlKSB7XG4gICAgICAgICAgICB0aGlzLl9wb3NpdGlvbiA9ICdyZWxhdGl2ZSc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMucGFyYW1ldGVycz8uSXNTaW1wbGUpIHtcbiAgICAgICAgICAgIHRoaXMuX3Bvc2l0aW9uID0gJ3JlbGF0aXZlJztcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBpZCA9IHRoaXMuX2FjdGl2YXRlZFJvdXRlLnNuYXBzaG90LnBhcmFtc1snaWQnXTtcbiAgICAgICAgdGhpcy5zaWRlYmFyID0gdGhpcy5fYWN0aXZhdGVkUm91dGUuc25hcHNob3QucGFyYW1zWydzaWRlYmFyJ107XG5cbiAgICAgICAgQmFyc2FBcGkuQncuUnVuQmxNZXRob2RBc3luYyh7XG4gICAgICAgICAgICBQYXJhbWV0ZXJzOiBbaWRdLFxuICAgICAgICAgICAgTWV0aG9kOiAnR2V0VGlsZUdyb3VwQXBwcycsXG4gICAgICAgICAgICBTdWNjZXNzRm46IChlOiBNb0ZvclJlcG9ydE1vZGVsKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5tb0xpc3Quc2V0KGUuTW9EYXRhTGlzdCBhcyBBcnJheTxCYXNlVGlsZVNldHRpbmc+KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBGYWlsRm46IChlKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5fbG9nU2VydmljZS5lcnJvcihlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkNoYW5nZXMoY2hhbmdlcyk7XG4gICAgfVxuICAgIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbJy4uLyddKTtcbiAgICB9XG59XG5pbnRlcmZhY2UgQmFyc2FUaWxlR3JvdXBQYWdlU2V0dGluZ3MgZXh0ZW5kcyBNZXRhb2JqZWN0RGF0YU1vZGVsIHtcbiAgICBJc1NpbXBsZTogYm9vbGVhbjtcbn1cbiIsIkBpZighcGFyYW1ldGVycz8uSXNTaW1wbGUpe1xuPGZkLWR5bmFtaWMtcGFnZSBbYXV0b1Jlc3BvbnNpdmVdPVwidHJ1ZVwiPlxuICAgIDxmZC1keW5hbWljLXBhZ2UtaGVhZGVyXG4gICAgICAgIFtjbGFzcy5zaW1wbGUtdGl0bGVdPVwidHJ1ZVwiXG4gICAgICAgIFt0aXRsZV09XCJ0aXRsZSB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgIFtjbGFzcy5wLWIwXT1cInRydWVcIlxuICAgICAgICBbY2xhc3MuaGlkZS10aXRsZV09XCJmYWxzZVwiXG4gICAgPlxuICAgICAgICA8ZmQtZHluYW1pYy1wYWdlLWxheW91dC1hY3Rpb25zPlxuICAgICAgICAgICAgPGZkLXRvb2xiYXIgZmRUeXBlPVwidHJhbnNwYXJlbnRcIiBbY2xlYXJCb3JkZXJdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gZmQtYnV0dG9uIGZkVHlwZT1cInRyYW5zcGFyZW50XCIgYXJpYS1sYWJlbD1cIkNsb3NlXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiIHRpdGxlPVwiQ2xvc2VcIj5cbiAgICAgICAgICAgICAgICAgICAgPGkgW2NsYXNzXT1cIidzYXAtaWNvbi0tJyArIChpc01vYmlsZSA/IChydGwgPyAnYXJyb3ctcmlnaHQnIDogJ2Fycm93LWxlZnQnKSA6ICdkZWNsaW5lJylcIj48L2k+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2ZkLXRvb2xiYXI+XG4gICAgICAgIDwvZmQtZHluYW1pYy1wYWdlLWxheW91dC1hY3Rpb25zPlxuICAgIDwvZmQtZHluYW1pYy1wYWdlLWhlYWRlcj5cblxuICAgIDxmZC1keW5hbWljLXBhZ2UtY29udGVudCBjZGtTY3JvbGxhYmxlPlxuICAgICAgICBAaWYoc2lkZWJhcil7XG4gICAgICAgIDxmZC1keW5hbWljLXNpZGUtY29udGVudCBbY2xhc3MucnRsXT1cInJ0bFwiIGZpbGxFbXB0eVNwYWNlIFtkaXNhYmxlXT1cInRydWVcIiBbc2V0TWluSGVpZ2h0XT1cInRydWVcIj5cbiAgICAgICAgICAgIDxmZC1keW5hbWljLXNpZGUtY29udGVudC1zaWRlPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aWxlc0xpc3RUcGxcIj4gPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2ZkLWR5bmFtaWMtc2lkZS1jb250ZW50LXNpZGU+XG4gICAgICAgICAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtbWFpbj5cbiAgICAgICAgICAgICAgICA8YnN1LWJhcnNhLXRhYi1yb3V0ZS1tYW5hZ2VyPjwvYnN1LWJhcnNhLXRhYi1yb3V0ZS1tYW5hZ2VyPlxuICAgICAgICAgICAgPC9mZC1keW5hbWljLXNpZGUtY29udGVudC1tYWluPlxuICAgICAgICA8L2ZkLWR5bmFtaWMtc2lkZS1jb250ZW50PlxuICAgICAgICB9QGVsc2V7XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aWxlc1RwbFwiPiA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgfVxuICAgIDwvZmQtZHluYW1pYy1wYWdlLWNvbnRlbnQ+XG48L2ZkLWR5bmFtaWMtcGFnZT5cbn0gQGVsc2Uge1xuPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRpbGVzVHBsXCI+IDwvbmctY29udGFpbmVyPlxufVxuPG5nLXRlbXBsYXRlICNsb2FkaW5nVHBsPlxuICAgIDxic3UtbWFzaz48L2JzdS1tYXNrPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjdGlsZXNUcGw+XG4gICAgPGRpdiBjbGFzcz1cInR3LWZsZXggdHctZ2FwLTFcIj5cbiAgICAgICAgQGZvcihhcHAgb2YgbW9MaXN0KCk7dHJhY2sgYXBwLklkKXtcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRpbGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBhcHAgfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICB9XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICN0aWxlc0xpc3RUcGw+XG4gICAgPGZkLXRvb2xiYXI+XG4gICAgICAgIDxsYWJlbCBmZC10b29sYmFyLWxhYmVsPtmE24zYs9iqINin2b4g2YfYpyA8L2xhYmVsPlxuICAgICAgICA8ZmQtdG9vbGJhci1zcGFjZXI+PC9mZC10b29sYmFyLXNwYWNlcj5cbiAgICAgICAgPGZkLWlucHV0LWdyb3VwIGdseXBoPVwiZGVjbGluZVwiIGdseXBoQXJpYUxhYmVsPVwiQ2xlYXJcIiBwbGFjZWhvbGRlcj1cIlNlYXJjaFwiIFtidXR0b25dPVwidHJ1ZVwiIFtkaXNhYmxlZF09XCJmYWxzZVwiPlxuICAgICAgICA8L2ZkLWlucHV0LWdyb3VwPlxuICAgIDwvZmQtdG9vbGJhcj5cblxuICAgIDx1bCBmZC1saXN0IFtoYXNOYXZpZ2F0aW9uXT1cInRydWVcIj5cbiAgICAgICAgQGZvcihhcHAgb2YgbW9MaXN0KCk7dHJhY2sgYXBwLklkKXtcbiAgICAgICAgPGxpIGZkLWxpc3QtaXRlbSBbaW50ZXJhY3RpdmVdPVwidHJ1ZVwiIGNsYXNzPVwidGlsZS1saXN0LWl0ZW1cIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aWxlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogYXBwLCBsaXN0TW9kZTogdHJ1ZSB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbGk+XG4gICAgICAgIH1cbiAgICA8L3VsPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjdGlsZSBsZXQtYXBwIGxldC1saXN0TW9kZT1cImxpc3RNb2RlXCI+XG4gICAgPHNwYW5cbiAgICAgICAgW2R5bmFtaWNDb21tYW5kXT1cImFwcC5EeW5hbWljQ29tbWFuZFwiXG4gICAgICAgIFtzZXRUb1N0b3JhZ2VdPVwiZmFsc2VcIlxuICAgICAgICBbbGlzdE1vZGVdPVwibGlzdE1vZGVcIlxuICAgICAgICBbbmF2aWdhdGVCYWNrT25DbGlja109XCJwYXJhbWV0ZXJzPy5Jc1NpbXBsZSA9PT0gdHJ1ZVwiXG4gICAgICAgIFtlbmFibGVDb21tYW5kXT1cImFwcC5Db21wb25lbnRcIlxuICAgICAgICB0aWxlUmVuZGVyZXJcbiAgICAgICAgW2RhdGFdPVwiYXBwXCJcbiAgICAgICAgW2VkaXRdPVwiZmFsc2VcIlxuICAgICAgICBbY29tcG9uZW50XT1cImFwcC5Db21wb25lbnRcIlxuICAgID5cbiAgICA8L3NwYW4+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/change-app-tile/change-app-tile.component.mjs

@@ -37,7 +37,7 @@ export class ChangeAppTileComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ChangeAppTileComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.DialogRef }, { token: i3.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ChangeAppTileComponent, selector: "bt-change-app-tile", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.$Caption }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body [formGroup]=\"appGroupForm\">\r\n        <div fd-form-item>\r\n            <label fd-form-label [required]=\"true\">{{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                @if (submitted && appGroupForm.controls.title.errors) {\r\n                <fd-form-message type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n                }\r\n            </fd-form-input-message-group>\r\n        </div>\r\n        <br />\r\n        <div fd-form-item>\r\n            <label fd-form-label>{{ 'Subtitle' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group formControlName=\"subtitle\" form-control [button]=\"true\" [(ngModel)]=\"subtitle\">\r\n                </fd-input-group>\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdkInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.close()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i5.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i5.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: i6.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i7.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i7.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i7.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i7.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i7.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i9.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ChangeAppTileComponent, selector: "bt-change-app-tile", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.$Caption }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body [formGroup]=\"appGroupForm\">\r\n        <div fd-form-item>\r\n            <label fd-form-label [required]=\"true\">{{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                @if (submitted && appGroupForm.controls.title.errors) {\r\n                <fd-form-message type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n                }\r\n            </fd-form-input-message-group>\r\n        </div>\r\n        <br />\r\n        <div fd-form-item>\r\n            <label fd-form-label>{{ 'Subtitle' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group formControlName=\"subtitle\" form-control [button]=\"true\" [(ngModel)]=\"subtitle\">\r\n                </fd-input-group>\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdkInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.close()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i5.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i5.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: i6.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i7.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i7.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i7.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i7.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i7.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i9.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ChangeAppTileComponent, decorators: [{
             type: Component,

package/esm2022/lib/create-app-group/create-app-group.component.mjs

@@ -34,7 +34,7 @@ export class CreateAppGroupComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CreateAppGroupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.DialogRef }, { token: i3.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CreateAppGroupComponent, selector: "bt-create-app-group", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.title }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <div fd-form-item [formGroup]=\"appGroupForm\">\r\n            <label fd-form-label [required]=\"true\"> {{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                @if (submitted && appGroupForm.controls.title.errors) {\r\n                <fd-form-message type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n                }\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdkInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.dismiss()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i5.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i5.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: i6.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i7.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i7.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i7.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i7.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i7.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i9.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CreateAppGroupComponent, selector: "bt-create-app-group", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.title }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <div fd-form-item [formGroup]=\"appGroupForm\">\r\n            <label fd-form-label [required]=\"true\"> {{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                @if (submitted && appGroupForm.controls.title.errors) {\r\n                <fd-form-message type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n                }\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdkInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.dismiss()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i5.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i5.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: i6.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i7.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i7.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i7.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i7.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i7.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i9.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CreateAppGroupComponent, decorators: [{
             type: Component,