barsa-tiles 2.3.144 → 2.3.147

package/fesm2022/barsa-tiles.mjs

@@ -389,19 +389,22 @@ class TilesService {
         const g = this._findCanonicalAppTileGroup(allApps, groupId);
         return g ? this._isAppTileGroupTilesLoaded(g) : !!this._appTileGroupLoaded[groupId];
     }
-    loadAppTileGroupsById(appTileGroupId) {
+    loadAppTileGroupsById(appTileGroupId, forceReload = false) {
         const allApps = this._store.appTileGroups();
         if (!allApps) {
             return;
         }
         const selectedAppTilegroup = this._findCanonicalAppTileGroup(allApps, appTileGroupId);
-        if (!selectedAppTilegroup || this._isAppTileGroupTilesLoaded(selectedAppTilegroup)) {
+        if (!selectedAppTilegroup) {
+            return;
+        }
+        if (!this._isAppTileGroupTilesLoaded(selectedAppTilegroup) && !forceReload) {
             return;
         }
         const callback = () => {
             this._nextAllAppTileGroups(allApps);
         };
-        this._loadAppTilesByAppTileGroupSetting(selectedAppTilegroup, callback);
+        selectedAppTilegroup && this._loadAppTilesByAppTileGroupSetting(selectedAppTilegroup, callback);
     }
     saveTilesStackContent(tilesStackContent) {
         const userPortalSettings = this._portalService.userPortalSettings['UserPortalSettings'];
@@ -771,7 +774,7 @@ class TilesService {
         return false;
     }
     _isAppTileGroupTilesLoaded(g) {
-        return (!!g.$TilesLoaded || !!this._appTileGroupLoaded[g.Id]);
+        return !!g.$TilesLoaded || !!this._appTileGroupLoaded[g.Id];
     }
     /** Replaces the node with the same {@link AppTileGroup#Id} anywhere under {@link $Children}. */
     _replaceAppTileGroupInTreeList(list, appTileGroup) {
@@ -3594,11 +3597,11 @@ class BarsaShellbarComponent extends BaseComponent {
         this.cultureChanged.emit(culture);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaShellbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaShellbarComponent, isStandalone: false, selector: "bt-barsa-shellbar", inputs: { showSidebar: "showSidebar", multiLanguages: "multiLanguages", userLoggedIn: "userLoggedIn", settings: "settings", productMenuControl: "productMenuControl", dastoratSarasari: "dastoratSarasari", workflowMenuItems: "workflowMenuItems", groupedCommandMenus: "groupedCommandMenus", deviceSize: "deviceSize", cultures: "cultures", shellbarData: "shellbarData", notificationsUnreadCount: "notificationsUnreadCount", productMenuItems1: "productMenuItems1", bodyClick: "bodyClick", logo: "logo", actions: "actions", userMenu: "userMenu", footerButtons: "footerButtons", productSwitcher: "productSwitcher", subtitle: "subtitle", isMobile: "isMobile", hideShellbarActions: "hideShellbarActions", flatButtons: "flatButtons", isTablet: "isTablet", userInfo: "userInfo", isDesktop: "isDesktop", informativeText: "informativeText", informativeStatus: "informativeStatus", hideProductMenu: "hideProductMenu", enableSearch: "enableSearch", hideNotifications: "hideNotifications", isServiceDesk: "isServiceDesk", isOpenQuickAccess: "isOpenQuickAccess", sideMenuTemplate: "sideMenuTemplate", notificationReport: "notificationReport", profileDynamicCommand: "profileDynamicCommand", profileDynamicCommandText: "profileDynamicCommandText", profileDynamicCommandIcon: "profileDynamicCommandIcon", displayName: "displayName", hideBranding: "hideBranding", showSearchInSystem: "showSearchInSystem", rtl: "rtl", suggestions: "suggestions" }, outputs: { appTileGroupChange: "appTileGroupChange", searchItemClick: "searchItemClick", searchInput: "searchInput", isOpenQuickAccessChanged: "isOpenQuickAccessChanged", openNotificationPanel: "openNotificationPanel", openQuickAccessPanel: "openQuickAccessPanel", cultureChanged: "cultureChanged", notifiationActionClick: "notifiationActionClick" }, viewQueries: [{ propertyName: "searchDialogContent", first: true, predicate: ["searchContent"], descendants: true, read: TemplateRef }, { propertyName: "searchDialogSubHeader", first: true, predicate: ["searchSubHeader"], descendants: true, read: TemplateRef }, { propertyName: "shellbar", first: true, predicate: ShellbarComponent$1, descendants: true, static: true }, { 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, usesOnChanges: true, ngImport: i0, template: "<fd-shellbar\r\n    [ngClass]=\"deviceSize\"\r\n    routeFormChange\r\n    (stateChanged)=\"onRouteFormStateChange()\"\r\n    [showNavigationButton]=\"sideMenuTemplate || showSidebar ? true : false\"\r\n    (navigationButtonClicked)=\"$event.stopPropagation(); isOpenQuickAccessChanged.emit(!isOpenQuickAccess)\"\r\n    [handleBodyClick]=\"true\"\r\n    [size]=\"deviceSize === 's' && userLoggedIn ? 'm' : deviceSize\"\r\n>\r\n    <fd-shellbar-branding [interactiveBranding]=\"true\" [style.display]=\"hideBranding ? 'none' : null\">\r\n        <fd-shellbar-logo>\r\n            <a\r\n                [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\r\n                href=\"/\"\r\n                class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced tw-bg-center !tw-bg-auto\"\r\n                [attr.aria-label]=\"subtitle | bbbTranslate\"\r\n            ></a>\r\n        </fd-shellbar-logo>\r\n        <fd-shellbar-title> {{ subtitle | bbbTranslate }} {{ showVersion ? appVersion : '' }}</fd-shellbar-title>\r\n    </fd-shellbar-branding>\r\n\r\n    <fd-shellbar-context-area>       \r\n        <span\r\n            [class.hide]=\"!informativeText\"\r\n            fdShellbarHidePriority=\"1\"\r\n            fd-object-status\r\n            [status]=\"informativeStatus || 'informative'\"\r\n            [inverted]=\"true\"\r\n            [label]=\"informativeText\"\r\n        ></span>\r\n        <fd-product-switch\r\n            fdShellbarHidePriority=\"3\"\r\n            [class.hide]=\"!productSwitcher?.length\"\r\n            [restoreFocusOnClose]=\"false\"\r\n        >\r\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\r\n            </fd-product-switch-body>\r\n        </fd-product-switch>\r\n        <span\r\n            [class.hide]=\"!showSearchInSystem\"\r\n            fdShellbarHidePriority=\"4\"\r\n            class=\"fd-shellbar__button\"\r\n            fd-button\r\n            glyph=\"search\"\r\n            fdType=\"transparent\"\r\n            (click)=\"onOpenSearchDialog()\"\r\n        >\r\n        </span>\r\n        <fd-product-menu\r\n            fdShellbarHidePriority=\"2\"\r\n            [control]=\"productMenuControl\"\r\n            [closePopoverOnSelect]=\"true\"\r\n            [items]=\"productMenuItems1\"\r\n            [class.hide]=\"!productMenuItems1?.length\"            \r\n        >\r\n        </fd-product-menu>\r\n        <fd-shellbar-separator fdshellbarhidepriority=\"5\"  style=\"flex-shrink: 0;\"></fd-shellbar-separator>\r\n        @for(dastor of dastoratSarasari; track dastor.label){\r\n            @if(dastor.children?.length){\r\n            <button\r\n                type=\"button\"\r\n                class=\"fd-shellbar__button\"\r\n                [fdShellbarHidePriority]=\"dastor.priority\"\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [glyph]=\"dastor.glyph\"\r\n                [label]=\"dastor.label | bbbTranslate\"\r\n                [fdMenuTrigger]=\"globalCommandMenu\"\r\n        \r\n                >                \r\n        </button>\r\n            <fd-menu #globalCommandMenu>\r\n                @for(item of dastor.children; track item.key) {\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        globalSubmenuTemplate;\r\n                        context: { item: item, parentSubmenu: undefined, rootMenu: globalCommandMenu }\r\n                    \"\r\n                ></ng-container>\r\n                }\r\n                <ng-template #globalSubmenuTemplate let-item=\"item\" let-parentSubmenu=\"parentSubmenu\" let-rootMenu=\"rootMenu\">\r\n                    <li fd-menu-item [submenu]=\"item.children?.length ? submenu : undefined\" [parentSubmenu]=\"parentSubmenu\">\r\n                        @if(item.children?.length){\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                            <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\r\n                        </div>\r\n                        } @else {\r\n                        <a\r\n                            fd-menu-interactive\r\n                            href=\"\"\r\n                            [class.shellbar-command-action--image-glyph]=\"item.useImageGlyph\"\r\n                            (click)=\"$event.preventDefault(); rootMenu.close(); item.callback?.()\"\r\n                        >\r\n                            @if(item.useImageGlyph){\r\n                            <img\r\n                                class=\"shellbar-command-action__image\"\r\n                                [src]=\"item.glyph\"\r\n                                [alt]=\"item.label | bbbTranslate\"\r\n                                loading=\"lazy\"\r\n                            />\r\n                            }\r\n                            <span fd-menu-title class=\"shellbar-command-action__label\">{{ item.label | bbbTranslate }}</span>\r\n                        </a>\r\n                        }\r\n                    </li>\r\n                    <fd-submenu #submenu>\r\n                        @if(item.children?.length){\r\n                        @for(subItem of item.children; track subItem.key) {\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                globalSubmenuTemplate;\r\n                                context: { item: subItem, parentSubmenu: submenu, rootMenu: rootMenu }\r\n                            \"\r\n                        ></ng-container>\r\n                        }\r\n                        }\r\n                    </fd-submenu>\r\n                </ng-template>\r\n            </fd-menu>\r\n            } @else {\r\n            <span                                \r\n                [fdShellbarHidePriority]=\"dastor.priority\"\r\n                fd-button\r\n                [glyph]=\"dastor.glyph\"\r\n                class=\"fd-shellbar__button\"\r\n                [label]=\"dastor.useImageGlyph ? undefined : (dastor.label | bbbTranslate)\"\r\n                [class.shellbar-command-action--image-glyph]=\"dastor.useImageGlyph\"\r\n                (click)=\"dastor.callback?.()\"\r\n            >\r\n                @if(dastor.useImageGlyph){\r\n                <img\r\n                    class=\"shellbar-command-action__image\"\r\n                    [src]=\"dastor.glyph\"\r\n                    [alt]=\"dastor.label | bbbTranslate\"\r\n                    loading=\"lazy\"\r\n                />\r\n                <span class=\"shellbar-command-action__label\">{{ dastor.label | bbbTranslate }}</span>\r\n                }\r\n            </span>\r\n            }\r\n        }\r\n\r\n\r\n        @if(workflowMenuItems.length){\r\n            <button\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [label]=\"'Workflow' | bbbTranslate\"\r\n                [fdMenu]=\"true\"\r\n                [fdMenuTrigger]=\"workflowMenu\"\r\n            ></button>\r\n            <fd-menu #workflowMenu>\r\n                @for(item of workflowMenuItems; track item.key) {\r\n                <li fd-menu-item>\r\n                    <a fd-menu-interactive href=\"\" (click)=\"$event.preventDefault(); workflowMenu.close(); item.callback?.()\">\r\n                        <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                    </a>\r\n                </li>\r\n                }\r\n            </fd-menu>\r\n        }\r\n\r\n        @for(group of groupedCommandMenus; track group.Caption){\r\n            <button                                \r\n                fd-button                \r\n                [label]=\"group.Caption | bbbTranslate\"\r\n                [fdMenu]=\"true\"\r\n                [fdMenuTrigger]=\"groupMenu\"\r\n            ></button>\r\n            <fd-menu #groupMenu>\r\n                @for(item of group.Commands; track item.key) {\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        groupSubmenuTemplate;\r\n                        context: { item: item, parentSubmenu: undefined, rootMenu: groupMenu }\r\n                    \"\r\n                ></ng-container>\r\n                }\r\n                <ng-template #groupSubmenuTemplate let-item=\"item\" let-parentSubmenu=\"parentSubmenu\" let-rootMenu=\"rootMenu\">\r\n                    <li fd-menu-item [submenu]=\"item.children?.length ? submenu : undefined\" [parentSubmenu]=\"parentSubmenu\">\r\n                        @if(item.children?.length){\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                            <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\r\n                        </div>\r\n                        } @else {\r\n                        <a\r\n                            fd-menu-interactive\r\n                            href=\"\"\r\n                            [class.shellbar-command-action--image-glyph]=\"item.useImageGlyph\"\r\n                            (click)=\"$event.preventDefault(); rootMenu.close(); item.callback?.()\"\r\n                        >\r\n                            @if(item.useImageGlyph){\r\n                            <img\r\n                                class=\"shellbar-command-action__image\"\r\n                                [src]=\"item.glyph\"\r\n                                [alt]=\"item.label | bbbTranslate\"\r\n                                loading=\"lazy\"\r\n                            />\r\n                            }\r\n                            <span fd-menu-title class=\"shellbar-command-action__label\">{{ item.label | bbbTranslate }}</span>\r\n                        </a>\r\n                        }\r\n                    </li>\r\n                    <fd-submenu #submenu>\r\n                        @if(item.children?.length){\r\n                        @for(subItem of item.children; track subItem.key) {\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                groupSubmenuTemplate;\r\n                                context: { item: subItem, parentSubmenu: submenu, rootMenu: rootMenu }\r\n                            \"\r\n                        ></ng-container>\r\n                        }\r\n                        }\r\n                    </fd-submenu>\r\n                </ng-template>\r\n            </fd-menu>\r\n        }\r\n    </fd-shellbar-context-area>\r\n\r\n    @if(inputEnableSearch()){\r\n    <fdp-search-field\r\n        [placeholder]=\"'Search' | bbbTranslate\"\r\n        (inputChange)=\"onSearchInputChange($event)\"\r\n        [suggestions]=\"suggestions\"\r\n        (searchSubmit)=\"onSearchSubmit($event)\"\r\n    ></fdp-search-field>\r\n    }\r\n    <fd-shellbar-actions\r\n        #shellbarActions\r\n        (searchOpen)=\"onSearchOpen($event)\"\r\n        [class.flat-buttons]=\"flatButtons?.length && !showSearch()\"\r\n    >\r\n        <fd-user-menu>\r\n            <fd-user-menu-control>\r\n                <fd-avatar size=\"xs\" [circle]=\"true\" [attr.ariaLabel]=\"displayName\" [image]=\"userInfo?.Url\"></fd-avatar>\r\n            </fd-user-menu-control>\r\n            <fd-user-menu-body>\r\n                <div fd-user-menu-header>\r\n                    <fd-avatar\r\n                        [circle]=\"true\"\r\n                        [size]=\"deviceSize\"\r\n                        [label]=\"userInfo?.Url ? '' : displayName\"\r\n                        zoomGlyph=\"\"\r\n                        title=\"Edit avatar\"\r\n                        [image]=\"userInfo?.Url\"\r\n                    ></fd-avatar>\r\n                    <div fd-user-menu-header-container>\r\n                        <div fd-user-menu-user-name>{{ displayName }}</div>\r\n                        @for(item of userInfo?.Sublines;track item){\r\n                        <div fd-user-menu-subline>{{ item }}</div>\r\n                        }\r\n                    </div>\r\n                    @if(profileDynamicCommandText){\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"profileDynamicCommandText || 'Edit' | bbbTranslate\"\r\n                        [glyph]=\"profileDynamicCommandIcon || 'edit'\"\r\n                        [attr.ariaLabel]=\"'\u0648\u06CC\u0631\u0627\u06CC\u0634 \u067E\u0631\u0648\u0641\u0627\u06CC\u0644'\"\r\n                        [dynCommand]=\"profileDynamicCommand\"\r\n                        bodyClick\r\n                    ></button>\r\n                    }\r\n                </div>\r\n                <div fd-user-menu-content-container>\r\n                    @if(userMenu?.length){\r\n                    <fd-panel transparent noRadius [fixed]=\"true\" class=\"hide-panel-header\"> </fd-panel>}\r\n\r\n                    <fd-user-menu-list>\r\n                        @for(item of userMenu;track item.text){\r\n                        <li fd-user-menu-list-item [icon]=\"item.icon\" [text]=\"item.text\" (click)=\"item.callback()\"></li>\r\n                        }\r\n                    </fd-user-menu-list>\r\n                </div>\r\n            </fd-user-menu-body>\r\n\r\n            <fd-user-menu-footer>\r\n                <div fd-bar barDesign=\"footer\">\r\n                    <div fd-bar-right>\r\n                        @for(item of footerButtons;track item.text){\r\n                        <button\r\n                            fd-button\r\n                            [label]=\"item.text\"\r\n                            fdType=\"transparent\"\r\n                            [glyph]=\"item.icon\"\r\n                            [attr.ariaLabel]=\"item.text\"\r\n                            (click)=\"item.callback()\"\r\n                        ></button>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </fd-user-menu-footer>\r\n        </fd-user-menu>\r\n        @for (action of actions; track action) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"action.Icon\"\r\n            [callback]=\"action.Callback\"\r\n            [label]=\"action.Label\"\r\n            [notificationLabel]=\"action.label\"\r\n        >\r\n        </fd-shellbar-action>\r\n\r\n        } @if (!settings?.HideLanguage && multiLanguages && userLoggedIn) {\r\n        <button\r\n            class=\"fd-shellbar__button\"\r\n            fd-button\r\n            glyph=\"world\"\r\n            fdType=\"transparent\"\r\n            [fdMenuTrigger]=\"menu\"\r\n        ></button>\r\n        } @if (deviceSize !== 's' && userLoggedIn && !hideNotifications) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"'bell'\"\r\n            [label]=\"'Notification'\"\r\n            [notificationCount]=\"notificationsUnreadCount\"\r\n            [notificationLabel]=\"'Notification Label'\"\r\n            [callback]=\"onOpenNotification\"\r\n        >\r\n        </fd-shellbar-action>\r\n        } @if (deviceSize === 's' && userLoggedIn && !hideNotifications) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"'bell'\"\r\n            [label]=\"'Notifications' | bbbTranslate\"\r\n            [notificationCount]=\"notificationsUnreadCount\"\r\n            [notificationLabel]=\"'Notifications' | bbbTranslate\"\r\n            [callback]=\"onBellNotification\"\r\n        >\r\n        </fd-shellbar-action>\r\n        } @if(flatButtons?.length){\r\n        <div class=\"tw-flex tw-gap-1\">\r\n            @if (!settings?.HideLanguage && multiLanguages){\r\n            <button\r\n                class=\"fd-shellbar__button\"\r\n                fd-button\r\n                glyph=\"world\"\r\n                fdType=\"transparent\"\r\n                [fdMenuTrigger]=\"menu\"\r\n            ></button>\r\n            } @for(btn of flatButtons;track btn){\r\n            <button\r\n                fd-button\r\n                [label]=\"btn.text\"\r\n                [glyph]=\"btn.text === ('Login' | bbbTranslate) ? 'person-placeholder' : null\"\r\n                fdType=\"emphasized\"\r\n                (click)=\"btn.callback()\"\r\n            ></button>\r\n            }\r\n        </div>\r\n        }\r\n    </fd-shellbar-actions>\r\n    <fd-popover\r\n        [(isOpen)]=\"isOpenNotificatoin\"\r\n        [noArrow]=\"true\"\r\n        placement=\"top-end\"\r\n        title=\"Notification Popover\"\r\n        [appendTo]=\"el\"\r\n        [mobile]=\"false\"\r\n        #popoverComponent\r\n    >\r\n        <fd-popover-control>\r\n            <!-- <fd-shellbar-action\r\n                    [glyph]=\"'bell'\"\r\n                    [label]=\"'Notification'\"\r\n                    [notificationCount]=\"notificationsUnreadCount\"\r\n                    [notificationLabel]=\"'Notification Label'\"\r\n                    [callback]=\"onOpenNotification\"\r\n                >\r\n                </fd-shellbar-action> -->\r\n        </fd-popover-control>\r\n        <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\r\n            @if(isOpenNotificatoin){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationsUnreadCount }\"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</fd-shellbar>\r\n\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n\r\n<div\r\n    *ngIf=\"sideMenuTemplate\"\r\n    class=\"sidemenu-h tw-fixed tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\r\n    [class.tw-w-screen]=\"isMobile\"\r\n    [class.-tw-right-full]=\"isMobile\"\r\n    [class.tw-w-96]=\"!isMobile\"\r\n    [class.-tw-right-96]=\"!isMobile && rtl\"\r\n    [class.!tw-right-0]=\"rtl && isOpenQuickAccess\"\r\n    [class.-tw-left-96]=\"!isMobile && !rtl\"\r\n    [class.!tw-left-0]=\"!rtl && isOpenQuickAccess\"\r\n    (click)=\"$event.stopPropagation()\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"sideMenuTemplate\"></ng-container>\r\n</div>\r\n\r\n<fd-menu #menu>\r\n    <ul fd-list>\r\n        @for (culture of cultures | keyvalue; track culture) {\r\n        <li fd-list-item>\r\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\r\n                <span fd-list-title class=\"tw-flex tw-items-center tw-gap-1\">\r\n                    <img width=\"14px\" height=\"12px\" [src]=\"'/assets/flags/' + culture.key + '.png'\" loading=\"lazy\" />\r\n                    <span class=\"culture-abbrivation\" [ngClass]=\"culture.key\"> {{ culture.key }}</span>\r\n                </span>\r\n            </a>\r\n        </li>\r\n        }\r\n    </ul>\r\n</fd-menu>\r\n<ng-template #notificationGroupTpl let-notificationCount=\"notificationCount\">\r\n    <bt-notification-group\r\n        [notificationReport]=\"notificationReport\"\r\n        [notificationCount]=\"notificationCount\"\r\n        (actionClick)=\"popoverComponent.close()\"\r\n        [deviceSize]=\"deviceSize\"\r\n    ></bt-notification-group>\r\n</ng-template>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #notificationsDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Notification' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body class=\"mobile\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationsUnreadCount }\"\r\n            ></ng-container>\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n<ng-template #searchContent>\r\n    <ul fd-list [byline]=\"true\">\r\n        @for (item of (suggestions | suggestionsFilter:selectedSuggestionFiltertype) ; track item.data.path) {\r\n        <li\r\n            fd-list-item\r\n            [interactive]=\"true\"\r\n            (click)=\"onSearchItemClick(item)\"\r\n            class=\"!tw-ps-1\"\r\n            [class.!tw-bg-blue-600]=\"item.data.source === 'Report'\"\r\n            [class.!tw-bg-green-600]=\"item.data.source === 'Command'\"\r\n            [class.!tw-bg-gray-600]=\"item.data.source !== 'Command' && item.data.source !== 'Report'\"\r\n        >\r\n            <a fd-list-link [attr.href]=\"!item.data.url ? null : item.data.url\" (click)=\"onSearchLink(item, $event)\">\r\n                <div fd-list-content>\r\n                    <div fd-list-title>{{ item.value }}</div>\r\n                    <div fd-list-byline>{{ item.data.path }}</div>\r\n                </div>\r\n                <span fd-list-secondary>\r\n                    @if(item.data.canPin){\r\n                    <button\r\n                        class=\"!tw-m-[0.1rem]\"\r\n                        [ariaLabel]=\"'AddToFavorite' | bbbTranslate\"\r\n                        [title]=\"'Add To Favorite' | bbbTranslate\"\r\n                        fd-button\r\n                        glyph=\"shortcut\"\r\n                        (click)=\"oFavoriteLink(item, $event)\"\r\n                    ></button>\r\n                    }\r\n                </span>\r\n            </a>\r\n        </li>\r\n        }\r\n    </ul>\r\n</ng-template>\r\n<ng-template #searchSubHeader>\r\n    <div class=\"tw-flex tw-flex-col tw-w-full\">\r\n        <fd-input-group\r\n            glyph=\"search\"\r\n            fdkInitialFocus\r\n            glyphAriaLabel=\"Submit\"\r\n            [button]=\"true\"\r\n            (input)=\"onSearchInputChange($event)\"\r\n        >\r\n        </fd-input-group>\r\n        @if(suggestions.length){\r\n        <div class=\"tw-flex tw-gap-4 tw-overflow-x-auto suggestion-filters-cat tw-pb-4\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: { name: '\u0647\u0645\u0647', count: (suggestions | suggestionsCountFilter: 'all'), type: '' }\r\n                \"\r\n            ></ng-container>\r\n\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: { name: '\u0632\u06CC\u0631\u0633\u06CC\u0633\u062A\u0645', count: (suggestions | suggestionsCountFilter: 'subsystem'), type: '' }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u06AF\u0631\u0648\u0647 \u0646\u0648\u06CC\u06AF\u06CC\u062A\u0648\u0631',\r\n                        count: (suggestions | suggestionsCountFilter: 'navgroup'),\r\n                        type: ''\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u06AF\u0632\u0627\u0631\u0634\u0627\u062A',\r\n                        count: (suggestions | suggestionsCountFilter: 'report'),\r\n                        type: 'information'\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u062F\u0633\u062A\u0648\u0631\u0627\u062A',\r\n                        count: (suggestions | suggestionsCountFilter: 'command'),\r\n                        type: 'success'\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template #catTag let-name=\"name\" let-count=\"count\" let-type=\"type\">\r\n    @if(count && count!==' '){\r\n    <div fd-generic-tag [name]=\"name\" [value]=\"count\" (click)=\"selectedSuggestionFiltertype = name\" [type]=\"type\"></div>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block;position:relative}:host fd-user-menu{background-color:transparent}:host fd-shellbar-actions.flat-buttons{flex-direction:row-reverse}:host.hide-user-menu fd-shellbar-actions ::ng-deep .fd-user-menu{display:none}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep .fd-shellbar--s .fd-shellbar__title{display:block;max-width:10rem;text-wrap:auto;font-size:.8rem}: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}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem;margin:0!important}.extra-button-wrapper{display:flex;height:100%;align-items:center;position:absolute;left:10px;top:0;gap:.285rem}.hide-panel-header ::ng-deep .fd-panel__header{min-height:auto;height:auto}:host ::ng-deep .shellbar-command-action--image-glyph{display:inline-flex;align-items:center;flex-direction:row-reverse;gap:.375rem}:host ::ng-deep .shellbar-command-action--image-glyph ::ng-deep fd-icon{display:none}.shellbar-command-action__image{width:1rem;height:1rem;object-fit:contain;flex-shrink:0}.shellbar-command-action__label{line-height:1}:host ::ng-deep .fd-shellbar{height:var(--shellbar-height)}:host ::ng-deep fd-shellbar.s .fd-shellbar__product{max-width:120px}:host ::ng-deep fd-shellbar.s .fd-shellbar--has-context-area{justify-content:center!important}:host ::ng-deep fd-shellbar.s .fd-shellbar--has-context-area .fd-shellbar__action--shrink button{color:var(--fdButtonIconColor, var(--sapShell_InteractiveTextColor))}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "interactive", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: i2$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: i4$1.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: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "theme", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"], exportAs: ["fdListItem"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate"] }, { kind: "directive", type: i6.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i6.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i6.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i6.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "component", type: i4.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i4.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i4.SubmenuComponent, selector: "fd-submenu", inputs: ["ariaLabel", "ariaLabelledby"], exportAs: ["fdSubmenu"] }, { kind: "component", type: i4.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i4.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i4.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i5$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i5$2.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i5$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i5$2.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7$1.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i11.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i6$3.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded", "transparent", "noRadius"], outputs: ["expandedChange"] }, { kind: "component", type: i13.ProductSwitchComponent, selector: "fd-product-switch", inputs: ["placement", "disabled"] }, { kind: "component", type: i13.ProductSwitchBodyComponent, selector: "fd-product-switch-body", inputs: ["dragAndDropEnabled", "products", "forceListMode"], outputs: ["productsChange", "itemClicked"] }, { kind: "component", type: i14.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i14.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i14.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i15.ShellbarComponent, selector: "fd-shellbar", inputs: ["size", "breakpoints", "sideNav", "groupFlex", "showNavigationButton", "showBackButton", "navigationButtonLabel", "backButtonLabel"], outputs: ["navigationButtonClicked", "backButtonClicked"] }, { kind: "component", type: i15.ProductMenuComponent, selector: "fd-product-menu", inputs: ["closeOnEscapeKey", "closeOnOutsideClick", "triggers", "placement", "disabled", "fillControlMode", "control", "items", "closePopoverOnSelect"] }, { kind: "component", type: i15.ShellbarActionsComponent, selector: "fd-shellbar-actions", inputs: ["user", "userMenu", "closePopoverOnSelect", "assistiveTools", "assistiveToolsCallback"], outputs: ["searchOpen"] }, { kind: "component", type: i15.ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "glyphFont", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: i15.ShellbarLogoComponent, selector: "fd-shellbar-logo" }, { kind: "component", type: i15.ShellbarTitleComponent, selector: "fd-shellbar-title" }, { kind: "component", type: i15.ShellbarBrandingComponent, selector: "fd-shellbar-branding", inputs: ["interactiveBranding"] }, { kind: "component", type: i15.ShellbarContextAreaComponent, selector: "fd-shellbar-context-area", outputs: ["contentItemVisibilityChange"] }, { kind: "component", type: i15.ShellbarSeparatorComponent, selector: "fd-shellbar-separator" }, { kind: "directive", type: i15.ShellbarHidePriorityDirective, selector: "[fdShellbarHidePriority]", inputs: ["fdShellbarHidePriority"] }, { kind: "component", type: i16.GenericTagComponent, selector: "[fd-generic-tag]", inputs: ["class", "type", "name", "value", "ariaRoleDescription"] }, { kind: "component", type: i8$1.SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: i18.UserMenuComponent, selector: "fd-user-menu", inputs: ["mobile"], outputs: ["isOpenChange"] }, { kind: "component", type: i18.UserMenuControlComponent, selector: "fd-user-menu-control", outputs: ["clicked"] }, { kind: "component", type: i18.UserMenuBodyComponent, selector: "fd-user-menu-body" }, { kind: "component", type: i18.UserMenuListComponent, selector: "fd-user-menu-list" }, { kind: "component", type: i18.UserMenuFooterComponent, selector: "fd-user-menu-footer" }, { kind: "directive", type: i18.UserMenuHeaderDirective, selector: "[fd-user-menu-header]" }, { kind: "directive", type: i18.UserMenuSublineDirective, selector: "[fd-user-menu-subline]", inputs: ["truncate"] }, { kind: "directive", type: i18.UserMenuUserNameDirective, selector: "[fd-user-menu-user-name]", inputs: ["truncate"] }, { kind: "directive", type: i18.UserMenuHeaderContainerDirective, selector: "[fd-user-menu-header-container]" }, { kind: "component", type: i18.UserMenuListItemComponent, selector: "[fd-user-menu-list-item]", inputs: ["uniqueId", "icon", "text", "textId", "hasSubmenu", "submenu", "selected"], outputs: ["keyDown", "isOpenChange", "showSubmenu", "updateTitle"] }, { kind: "directive", type: i5.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i5.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i5.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "directive", type: i5.RouteFormChangeDirective, selector: "[routeFormChange]", inputs: ["handleBodyClick"], outputs: ["stateChanged"] }, { kind: "component", type: i3.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: NotificationGroupComponent, selector: "bt-notification-group", inputs: ["notifications", "loading", "deviceSize", "notificationCount", "notificationReport"], outputs: ["viewed", "remove", "actionClick", "showEvent", "loadMore"] }, { kind: "pipe", type: i1$2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: SuggestionsFilterPipe, name: "suggestionsFilter" }, { kind: "pipe", type: SuggestionsCountFilterPipe, name: "suggestionsCountFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaShellbarComponent, isStandalone: false, selector: "bt-barsa-shellbar", inputs: { showSidebar: "showSidebar", multiLanguages: "multiLanguages", userLoggedIn: "userLoggedIn", settings: "settings", productMenuControl: "productMenuControl", dastoratSarasari: "dastoratSarasari", workflowMenuItems: "workflowMenuItems", groupedCommandMenus: "groupedCommandMenus", deviceSize: "deviceSize", cultures: "cultures", shellbarData: "shellbarData", notificationsUnreadCount: "notificationsUnreadCount", productMenuItems1: "productMenuItems1", bodyClick: "bodyClick", logo: "logo", actions: "actions", userMenu: "userMenu", footerButtons: "footerButtons", productSwitcher: "productSwitcher", subtitle: "subtitle", isMobile: "isMobile", hideShellbarActions: "hideShellbarActions", flatButtons: "flatButtons", isTablet: "isTablet", userInfo: "userInfo", isDesktop: "isDesktop", informativeText: "informativeText", informativeStatus: "informativeStatus", hideProductMenu: "hideProductMenu", enableSearch: "enableSearch", hideNotifications: "hideNotifications", isServiceDesk: "isServiceDesk", isOpenQuickAccess: "isOpenQuickAccess", sideMenuTemplate: "sideMenuTemplate", notificationReport: "notificationReport", profileDynamicCommand: "profileDynamicCommand", profileDynamicCommandText: "profileDynamicCommandText", profileDynamicCommandIcon: "profileDynamicCommandIcon", displayName: "displayName", hideBranding: "hideBranding", showSearchInSystem: "showSearchInSystem", rtl: "rtl", suggestions: "suggestions" }, outputs: { appTileGroupChange: "appTileGroupChange", searchItemClick: "searchItemClick", searchInput: "searchInput", isOpenQuickAccessChanged: "isOpenQuickAccessChanged", openNotificationPanel: "openNotificationPanel", openQuickAccessPanel: "openQuickAccessPanel", cultureChanged: "cultureChanged", notifiationActionClick: "notifiationActionClick" }, viewQueries: [{ propertyName: "searchDialogContent", first: true, predicate: ["searchContent"], descendants: true, read: TemplateRef }, { propertyName: "searchDialogSubHeader", first: true, predicate: ["searchSubHeader"], descendants: true, read: TemplateRef }, { propertyName: "shellbar", first: true, predicate: ShellbarComponent$1, descendants: true, static: true }, { 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, usesOnChanges: true, ngImport: i0, template: "<fd-shellbar\r\n    [ngClass]=\"deviceSize\"\r\n    routeFormChange\r\n    (stateChanged)=\"onRouteFormStateChange()\"\r\n    [showNavigationButton]=\"sideMenuTemplate || showSidebar ? true : false\"\r\n    (navigationButtonClicked)=\"$event.stopPropagation(); isOpenQuickAccessChanged.emit(!isOpenQuickAccess)\"\r\n    [handleBodyClick]=\"true\"\r\n    [size]=\"deviceSize === 's' && userLoggedIn ? 'm' : deviceSize\"\r\n>\r\n    <fd-shellbar-branding [interactiveBranding]=\"true\" [style.display]=\"hideBranding ? 'none' : null\">\r\n        <fd-shellbar-logo>\r\n            <a\r\n                [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\r\n                href=\"/\"\r\n                class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced tw-bg-center !tw-bg-auto\"\r\n                [attr.aria-label]=\"subtitle | bbbTranslate\"\r\n            ></a>\r\n        </fd-shellbar-logo>\r\n        <fd-shellbar-title> {{ subtitle | bbbTranslate }} {{ showVersion ? appVersion : '' }}</fd-shellbar-title>\r\n    </fd-shellbar-branding>\r\n\r\n    <fd-shellbar-context-area>       \r\n        <span\r\n            [class.hide]=\"!informativeText\"\r\n            fdShellbarHidePriority=\"1\"\r\n            fd-object-status\r\n            [status]=\"informativeStatus || 'informative'\"\r\n            [inverted]=\"true\"\r\n            [label]=\"informativeText\"\r\n        ></span>\r\n        <fd-product-switch\r\n            fdShellbarHidePriority=\"3\"\r\n            [class.hide]=\"!productSwitcher?.length\"\r\n            [restoreFocusOnClose]=\"false\"\r\n        >\r\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\r\n            </fd-product-switch-body>\r\n        </fd-product-switch>\r\n        <span\r\n            [class.hide]=\"!showSearchInSystem\"\r\n            fdShellbarHidePriority=\"4\"\r\n            class=\"fd-shellbar__button\"\r\n            fd-button\r\n            glyph=\"search\"\r\n            fdType=\"transparent\"\r\n            (click)=\"onOpenSearchDialog()\"\r\n        >\r\n        </span>\r\n        <fd-product-menu\r\n            fdShellbarHidePriority=\"2\"\r\n            [control]=\"productMenuControl\"\r\n            [closePopoverOnSelect]=\"true\"\r\n            [items]=\"productMenuItems1\"\r\n            [class.hide]=\"!productMenuItems1?.length\"            \r\n        >\r\n        </fd-product-menu>\r\n        <fd-shellbar-separator fdshellbarhidepriority=\"5\"  style=\"flex-shrink: 0;\"></fd-shellbar-separator>\r\n        @for(dastor of dastoratSarasari; track dastor.label){\r\n            @if(dastor.children?.length){\r\n            <button\r\n                type=\"button\"\r\n                class=\"fd-shellbar__button\"\r\n                [fdShellbarHidePriority]=\"dastor.priority\"\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [glyph]=\"dastor.glyph\"\r\n                [label]=\"dastor.label | bbbTranslate\"\r\n                [fdMenuTrigger]=\"globalCommandMenu\"\r\n        \r\n                >                \r\n        </button>\r\n            <fd-menu #globalCommandMenu>\r\n                @for(item of dastor.children; track item.key) {\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        globalSubmenuTemplate;\r\n                        context: { item: item, parentSubmenu: undefined, rootMenu: globalCommandMenu }\r\n                    \"\r\n                ></ng-container>\r\n                }\r\n                <ng-template #globalSubmenuTemplate let-item=\"item\" let-parentSubmenu=\"parentSubmenu\" let-rootMenu=\"rootMenu\">\r\n                    <li fd-menu-item [submenu]=\"item.children?.length ? submenu : undefined\" [parentSubmenu]=\"parentSubmenu\">\r\n                        @if(item.children?.length){\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                            <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\r\n                        </div>\r\n                        } @else {\r\n                        <a\r\n                            fd-menu-interactive\r\n                            href=\"\"\r\n                            [class.shellbar-command-action--image-glyph]=\"item.useImageGlyph\"\r\n                            (click)=\"$event.preventDefault(); rootMenu.close(); item.callback?.()\"\r\n                        >\r\n                            @if(item.useImageGlyph){\r\n                            <img\r\n                                class=\"shellbar-command-action__image\"\r\n                                [src]=\"item.glyph\"\r\n                                [alt]=\"item.label | bbbTranslate\"\r\n                                loading=\"lazy\"\r\n                            />\r\n                            }\r\n                            <span fd-menu-title class=\"shellbar-command-action__label\">{{ item.label | bbbTranslate }}</span>\r\n                        </a>\r\n                        }\r\n                    </li>\r\n                    <fd-submenu #submenu>\r\n                        @if(item.children?.length){\r\n                        @for(subItem of item.children; track subItem.key) {\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                globalSubmenuTemplate;\r\n                                context: { item: subItem, parentSubmenu: submenu, rootMenu: rootMenu }\r\n                            \"\r\n                        ></ng-container>\r\n                        }\r\n                        }\r\n                    </fd-submenu>\r\n                </ng-template>\r\n            </fd-menu>\r\n            } @else {\r\n            <span                                \r\n                [fdShellbarHidePriority]=\"dastor.priority\"\r\n                fd-button\r\n                [glyph]=\"dastor.glyph\"\r\n                class=\"fd-shellbar__button\"\r\n                [label]=\"dastor.useImageGlyph ? undefined : (dastor.label | bbbTranslate)\"\r\n                [class.shellbar-command-action--image-glyph]=\"dastor.useImageGlyph\"\r\n                (click)=\"dastor.callback?.()\"\r\n            >\r\n                @if(dastor.useImageGlyph){\r\n                <img\r\n                    class=\"shellbar-command-action__image\"\r\n                    [src]=\"dastor.glyph\"\r\n                    [alt]=\"dastor.label | bbbTranslate\"\r\n                    loading=\"lazy\"\r\n                />\r\n                <span class=\"shellbar-command-action__label\">{{ dastor.label | bbbTranslate }}</span>\r\n                }\r\n            </span>\r\n            }\r\n        }\r\n\r\n\r\n        @if(workflowMenuItems.length){\r\n            <button\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [label]=\"'Workflow' | bbbTranslate\"\r\n                [fdMenu]=\"true\"\r\n                [fdMenuTrigger]=\"workflowMenu\"\r\n            ></button>\r\n            <fd-menu #workflowMenu>\r\n                @for(item of workflowMenuItems; track item.key) {\r\n                <li fd-menu-item>\r\n                    <a fd-menu-interactive href=\"\" (click)=\"$event.preventDefault(); workflowMenu.close(); item.callback?.()\">\r\n                        <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                    </a>\r\n                </li>\r\n                }\r\n            </fd-menu>\r\n        }\r\n\r\n        @for(group of groupedCommandMenus; track group.Caption){\r\n            <button                                \r\n                fd-button                \r\n                [label]=\"group.Caption | bbbTranslate\"\r\n                [fdMenu]=\"true\"\r\n                [fdMenuTrigger]=\"groupMenu\"\r\n            ></button>\r\n            <fd-menu #groupMenu>\r\n                @for(item of group.Commands; track item.key) {\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        groupSubmenuTemplate;\r\n                        context: { item: item, parentSubmenu: undefined, rootMenu: groupMenu }\r\n                    \"\r\n                ></ng-container>\r\n                }\r\n                <ng-template #groupSubmenuTemplate let-item=\"item\" let-parentSubmenu=\"parentSubmenu\" let-rootMenu=\"rootMenu\">\r\n                    <li fd-menu-item [submenu]=\"item.children?.length ? submenu : undefined\" [parentSubmenu]=\"parentSubmenu\">\r\n                        @if(item.children?.length){\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                            <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\r\n                        </div>\r\n                        } @else {\r\n                        <a\r\n                            fd-menu-interactive                            \r\n                            class=\"tw-gap-2\"\r\n                            [class.shellbar-command-action--image-glyph]=\"item.useImageGlyph\"\r\n                            (click)=\"$event.preventDefault(); rootMenu.close(); item.callback?.()\"\r\n                        >\r\n                            @if(item.useImageGlyph){\r\n                            <img\r\n                                class=\"shellbar-command-action__image\"\r\n                                [src]=\"item.glyph\"\r\n                                [alt]=\"item.label | bbbTranslate\"\r\n                                loading=\"lazy\"\r\n                            />\r\n                            }\r\n                            <span fd-menu-title class=\"shellbar-command-action__label\">{{ item.label | bbbTranslate }}</span>\r\n                        </a>\r\n                        }\r\n                    </li>\r\n                    <fd-submenu #submenu>\r\n                        @if(item.children?.length){\r\n                        @for(subItem of item.children; track subItem.key) {\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                groupSubmenuTemplate;\r\n                                context: { item: subItem, parentSubmenu: submenu, rootMenu: rootMenu }\r\n                            \"\r\n                        ></ng-container>\r\n                        }\r\n                        }\r\n                    </fd-submenu>\r\n                </ng-template>\r\n            </fd-menu>\r\n        }\r\n    </fd-shellbar-context-area>\r\n\r\n    @if(inputEnableSearch()){\r\n    <fdp-search-field\r\n        [placeholder]=\"'Search' | bbbTranslate\"\r\n        (inputChange)=\"onSearchInputChange($event)\"\r\n        [suggestions]=\"suggestions\"\r\n        (searchSubmit)=\"onSearchSubmit($event)\"\r\n    ></fdp-search-field>\r\n    }\r\n    <fd-shellbar-actions\r\n        #shellbarActions\r\n        (searchOpen)=\"onSearchOpen($event)\"\r\n        [class.flat-buttons]=\"flatButtons?.length && !showSearch()\"\r\n    >\r\n        <fd-user-menu>\r\n            <fd-user-menu-control>\r\n                <fd-avatar size=\"xs\" [circle]=\"true\" [attr.ariaLabel]=\"displayName\" [image]=\"userInfo?.Url\"></fd-avatar>\r\n            </fd-user-menu-control>\r\n            <fd-user-menu-body>\r\n                <div fd-user-menu-header>\r\n                    <fd-avatar\r\n                        [circle]=\"true\"\r\n                        [size]=\"deviceSize\"\r\n                        [label]=\"userInfo?.Url ? '' : displayName\"\r\n                        zoomGlyph=\"\"\r\n                        title=\"Edit avatar\"\r\n                        [image]=\"userInfo?.Url\"\r\n                    ></fd-avatar>\r\n                    <div fd-user-menu-header-container>\r\n                        <div fd-user-menu-user-name>{{ displayName }}</div>\r\n                        @for(item of userInfo?.Sublines;track item){\r\n                        <div fd-user-menu-subline>{{ item }}</div>\r\n                        }\r\n                    </div>\r\n                    @if(profileDynamicCommandText){\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"profileDynamicCommandText || 'Edit' | bbbTranslate\"\r\n                        [glyph]=\"profileDynamicCommandIcon || 'edit'\"\r\n                        [attr.ariaLabel]=\"'\u0648\u06CC\u0631\u0627\u06CC\u0634 \u067E\u0631\u0648\u0641\u0627\u06CC\u0644'\"\r\n                        [dynCommand]=\"profileDynamicCommand\"\r\n                        bodyClick\r\n                    ></button>\r\n                    }\r\n                </div>\r\n                <div fd-user-menu-content-container>\r\n                    @if(userMenu?.length){\r\n                    <fd-panel transparent noRadius [fixed]=\"true\" class=\"hide-panel-header\"> </fd-panel>}\r\n\r\n                    <fd-user-menu-list>\r\n                        @for(item of userMenu;track item.text){\r\n                        <li fd-user-menu-list-item [icon]=\"item.icon\" [text]=\"item.text\" (click)=\"item.callback()\"></li>\r\n                        }\r\n                    </fd-user-menu-list>\r\n                </div>\r\n            </fd-user-menu-body>\r\n\r\n            <fd-user-menu-footer>\r\n                <div fd-bar barDesign=\"footer\">\r\n                    <div fd-bar-right>\r\n                        @for(item of footerButtons;track item.text){\r\n                        <button\r\n                            fd-button\r\n                            [label]=\"item.text\"\r\n                            fdType=\"transparent\"\r\n                            [glyph]=\"item.icon\"\r\n                            [attr.ariaLabel]=\"item.text\"\r\n                            (click)=\"item.callback()\"\r\n                        ></button>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </fd-user-menu-footer>\r\n        </fd-user-menu>\r\n        @for (action of actions; track action) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"action.Icon\"\r\n            [callback]=\"action.Callback\"\r\n            [label]=\"action.Label\"\r\n            [notificationLabel]=\"action.label\"\r\n        >\r\n        </fd-shellbar-action>\r\n\r\n        } @if (!settings?.HideLanguage && multiLanguages && userLoggedIn) {\r\n        <button\r\n            class=\"fd-shellbar__button\"\r\n            fd-button\r\n            glyph=\"world\"\r\n            fdType=\"transparent\"\r\n            [fdMenuTrigger]=\"menu\"\r\n        ></button>\r\n        } @if (deviceSize !== 's' && userLoggedIn && !hideNotifications) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"'bell'\"\r\n            [label]=\"'Notification'\"\r\n            [notificationCount]=\"notificationsUnreadCount\"\r\n            [notificationLabel]=\"'Notification Label'\"\r\n            [callback]=\"onOpenNotification\"\r\n        >\r\n        </fd-shellbar-action>\r\n        } @if (deviceSize === 's' && userLoggedIn && !hideNotifications) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"'bell'\"\r\n            [label]=\"'Notifications' | bbbTranslate\"\r\n            [notificationCount]=\"notificationsUnreadCount\"\r\n            [notificationLabel]=\"'Notifications' | bbbTranslate\"\r\n            [callback]=\"onBellNotification\"\r\n        >\r\n        </fd-shellbar-action>\r\n        } @if(flatButtons?.length){\r\n        <div class=\"tw-flex tw-gap-1\">\r\n            @if (!settings?.HideLanguage && multiLanguages){\r\n            <button\r\n                class=\"fd-shellbar__button\"\r\n                fd-button\r\n                glyph=\"world\"\r\n                fdType=\"transparent\"\r\n                [fdMenuTrigger]=\"menu\"\r\n            ></button>\r\n            } @for(btn of flatButtons;track btn){\r\n            <button\r\n                fd-button\r\n                [label]=\"btn.text\"\r\n                [glyph]=\"btn.text === ('Login' | bbbTranslate) ? 'person-placeholder' : null\"\r\n                fdType=\"emphasized\"\r\n                (click)=\"btn.callback()\"\r\n            ></button>\r\n            }\r\n        </div>\r\n        }\r\n    </fd-shellbar-actions>\r\n    <fd-popover\r\n        [(isOpen)]=\"isOpenNotificatoin\"\r\n        [noArrow]=\"true\"\r\n        placement=\"top-end\"\r\n        title=\"Notification Popover\"\r\n        [appendTo]=\"el\"\r\n        [mobile]=\"false\"\r\n        #popoverComponent\r\n    >\r\n        <fd-popover-control>\r\n            <!-- <fd-shellbar-action\r\n                    [glyph]=\"'bell'\"\r\n                    [label]=\"'Notification'\"\r\n                    [notificationCount]=\"notificationsUnreadCount\"\r\n                    [notificationLabel]=\"'Notification Label'\"\r\n                    [callback]=\"onOpenNotification\"\r\n                >\r\n                </fd-shellbar-action> -->\r\n        </fd-popover-control>\r\n        <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\r\n            @if(isOpenNotificatoin){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationsUnreadCount }\"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</fd-shellbar>\r\n\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n\r\n<div\r\n    *ngIf=\"sideMenuTemplate\"\r\n    class=\"sidemenu-h tw-fixed tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\r\n    [class.tw-w-screen]=\"isMobile\"\r\n    [class.-tw-right-full]=\"isMobile\"\r\n    [class.tw-w-96]=\"!isMobile\"\r\n    [class.-tw-right-96]=\"!isMobile && rtl\"\r\n    [class.!tw-right-0]=\"rtl && isOpenQuickAccess\"\r\n    [class.-tw-left-96]=\"!isMobile && !rtl\"\r\n    [class.!tw-left-0]=\"!rtl && isOpenQuickAccess\"\r\n    (click)=\"$event.stopPropagation()\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"sideMenuTemplate\"></ng-container>\r\n</div>\r\n\r\n<fd-menu #menu>\r\n    <ul fd-list>\r\n        @for (culture of cultures | keyvalue; track culture) {\r\n        <li fd-list-item>\r\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\r\n                <span fd-list-title class=\"tw-flex tw-items-center tw-gap-1\">\r\n                    <img width=\"14px\" height=\"12px\" [src]=\"'/assets/flags/' + culture.key + '.png'\" loading=\"lazy\" />\r\n                    <span class=\"culture-abbrivation\" [ngClass]=\"culture.key\"> {{ culture.key }}</span>\r\n                </span>\r\n            </a>\r\n        </li>\r\n        }\r\n    </ul>\r\n</fd-menu>\r\n<ng-template #notificationGroupTpl let-notificationCount=\"notificationCount\">\r\n    <bt-notification-group\r\n        [notificationReport]=\"notificationReport\"\r\n        [notificationCount]=\"notificationCount\"\r\n        (actionClick)=\"popoverComponent.close()\"\r\n        [deviceSize]=\"deviceSize\"\r\n    ></bt-notification-group>\r\n</ng-template>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #notificationsDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Notification' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body class=\"mobile\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationsUnreadCount }\"\r\n            ></ng-container>\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n<ng-template #searchContent>\r\n    <ul fd-list [byline]=\"true\">\r\n        @for (item of (suggestions | suggestionsFilter:selectedSuggestionFiltertype) ; track item.data.path) {\r\n        <li\r\n            fd-list-item\r\n            [interactive]=\"true\"\r\n            (click)=\"onSearchItemClick(item)\"\r\n            class=\"!tw-ps-1\"\r\n            [class.!tw-bg-blue-600]=\"item.data.source === 'Report'\"\r\n            [class.!tw-bg-green-600]=\"item.data.source === 'Command'\"\r\n            [class.!tw-bg-gray-600]=\"item.data.source !== 'Command' && item.data.source !== 'Report'\"\r\n        >\r\n            <a fd-list-link [attr.href]=\"!item.data.url ? null : item.data.url\" (click)=\"onSearchLink(item, $event)\">\r\n                <div fd-list-content>\r\n                    <div fd-list-title>{{ item.value }}</div>\r\n                    <div fd-list-byline>{{ item.data.path }}</div>\r\n                </div>\r\n                <span fd-list-secondary>\r\n                    @if(item.data.canPin){\r\n                    <button\r\n                        class=\"!tw-m-[0.1rem]\"\r\n                        [ariaLabel]=\"'AddToFavorite' | bbbTranslate\"\r\n                        [title]=\"'Add To Favorite' | bbbTranslate\"\r\n                        fd-button\r\n                        glyph=\"shortcut\"\r\n                        (click)=\"oFavoriteLink(item, $event)\"\r\n                    ></button>\r\n                    }\r\n                </span>\r\n            </a>\r\n        </li>\r\n        }\r\n    </ul>\r\n</ng-template>\r\n<ng-template #searchSubHeader>\r\n    <div class=\"tw-flex tw-flex-col tw-w-full\">\r\n        <fd-input-group\r\n            glyph=\"search\"\r\n            fdkInitialFocus\r\n            glyphAriaLabel=\"Submit\"\r\n            [button]=\"true\"\r\n            (input)=\"onSearchInputChange($event)\"\r\n        >\r\n        </fd-input-group>\r\n        @if(suggestions.length){\r\n        <div class=\"tw-flex tw-gap-4 tw-overflow-x-auto suggestion-filters-cat tw-pb-4\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: { name: '\u0647\u0645\u0647', count: (suggestions | suggestionsCountFilter: 'all'), type: '' }\r\n                \"\r\n            ></ng-container>\r\n\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: { name: '\u0632\u06CC\u0631\u0633\u06CC\u0633\u062A\u0645', count: (suggestions | suggestionsCountFilter: 'subsystem'), type: '' }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u06AF\u0631\u0648\u0647 \u0646\u0648\u06CC\u06AF\u06CC\u062A\u0648\u0631',\r\n                        count: (suggestions | suggestionsCountFilter: 'navgroup'),\r\n                        type: ''\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u06AF\u0632\u0627\u0631\u0634\u0627\u062A',\r\n                        count: (suggestions | suggestionsCountFilter: 'report'),\r\n                        type: 'information'\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u062F\u0633\u062A\u0648\u0631\u0627\u062A',\r\n                        count: (suggestions | suggestionsCountFilter: 'command'),\r\n                        type: 'success'\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template #catTag let-name=\"name\" let-count=\"count\" let-type=\"type\">\r\n    @if(count && count!==' '){\r\n    <div fd-generic-tag [name]=\"name\" [value]=\"count\" (click)=\"selectedSuggestionFiltertype = name\" [type]=\"type\"></div>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block;position:relative}:host fd-user-menu{background-color:transparent}:host fd-shellbar-actions.flat-buttons{flex-direction:row-reverse}:host.hide-user-menu fd-shellbar-actions ::ng-deep .fd-user-menu{display:none}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep .fd-shellbar--s .fd-shellbar__title{display:block;max-width:10rem;text-wrap:auto;font-size:.8rem}: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}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem;margin:0!important}.extra-button-wrapper{display:flex;height:100%;align-items:center;position:absolute;left:10px;top:0;gap:.285rem}.hide-panel-header ::ng-deep .fd-panel__header{min-height:auto;height:auto}:host ::ng-deep .shellbar-command-action--image-glyph{gap:.375rem}:host ::ng-deep .shellbar-command-action--image-glyph ::ng-deep fd-icon{display:none}.shellbar-command-action__image{width:1rem;height:1rem;object-fit:contain;flex-shrink:0}:host ::ng-deep .fd-shellbar{height:var(--shellbar-height)}:host ::ng-deep fd-shellbar.s .fd-shellbar__product{max-width:120px}:host ::ng-deep fd-shellbar.s .fd-shellbar--has-context-area{justify-content:center!important}:host ::ng-deep fd-shellbar.s .fd-shellbar--has-context-area .fd-shellbar__action--shrink button{color:var(--fdButtonIconColor, var(--sapShell_InteractiveTextColor))}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "interactive", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: i2$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: i4$1.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: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "theme", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"], exportAs: ["fdListItem"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate"] }, { kind: "directive", type: i6.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i6.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i6.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i6.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "component", type: i4.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i4.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i4.SubmenuComponent, selector: "fd-submenu", inputs: ["ariaLabel", "ariaLabelledby"], exportAs: ["fdSubmenu"] }, { kind: "component", type: i4.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i4.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i4.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i5$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i5$2.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i5$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i5$2.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7$1.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i11.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i6$3.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded", "transparent", "noRadius"], outputs: ["expandedChange"] }, { kind: "component", type: i13.ProductSwitchComponent, selector: "fd-product-switch", inputs: ["placement", "disabled"] }, { kind: "component", type: i13.ProductSwitchBodyComponent, selector: "fd-product-switch-body", inputs: ["dragAndDropEnabled", "products", "forceListMode"], outputs: ["productsChange", "itemClicked"] }, { kind: "component", type: i14.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i14.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i14.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i15.ShellbarComponent, selector: "fd-shellbar", inputs: ["size", "breakpoints", "sideNav", "groupFlex", "showNavigationButton", "showBackButton", "navigationButtonLabel", "backButtonLabel"], outputs: ["navigationButtonClicked", "backButtonClicked"] }, { kind: "component", type: i15.ProductMenuComponent, selector: "fd-product-menu", inputs: ["closeOnEscapeKey", "closeOnOutsideClick", "triggers", "placement", "disabled", "fillControlMode", "control", "items", "closePopoverOnSelect"] }, { kind: "component", type: i15.ShellbarActionsComponent, selector: "fd-shellbar-actions", inputs: ["user", "userMenu", "closePopoverOnSelect", "assistiveTools", "assistiveToolsCallback"], outputs: ["searchOpen"] }, { kind: "component", type: i15.ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "glyphFont", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: i15.ShellbarLogoComponent, selector: "fd-shellbar-logo" }, { kind: "component", type: i15.ShellbarTitleComponent, selector: "fd-shellbar-title" }, { kind: "component", type: i15.ShellbarBrandingComponent, selector: "fd-shellbar-branding", inputs: ["interactiveBranding"] }, { kind: "component", type: i15.ShellbarContextAreaComponent, selector: "fd-shellbar-context-area", outputs: ["contentItemVisibilityChange"] }, { kind: "component", type: i15.ShellbarSeparatorComponent, selector: "fd-shellbar-separator" }, { kind: "directive", type: i15.ShellbarHidePriorityDirective, selector: "[fdShellbarHidePriority]", inputs: ["fdShellbarHidePriority"] }, { kind: "component", type: i16.GenericTagComponent, selector: "[fd-generic-tag]", inputs: ["class", "type", "name", "value", "ariaRoleDescription"] }, { kind: "component", type: i8$1.SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: i18.UserMenuComponent, selector: "fd-user-menu", inputs: ["mobile"], outputs: ["isOpenChange"] }, { kind: "component", type: i18.UserMenuControlComponent, selector: "fd-user-menu-control", outputs: ["clicked"] }, { kind: "component", type: i18.UserMenuBodyComponent, selector: "fd-user-menu-body" }, { kind: "component", type: i18.UserMenuListComponent, selector: "fd-user-menu-list" }, { kind: "component", type: i18.UserMenuFooterComponent, selector: "fd-user-menu-footer" }, { kind: "directive", type: i18.UserMenuHeaderDirective, selector: "[fd-user-menu-header]" }, { kind: "directive", type: i18.UserMenuSublineDirective, selector: "[fd-user-menu-subline]", inputs: ["truncate"] }, { kind: "directive", type: i18.UserMenuUserNameDirective, selector: "[fd-user-menu-user-name]", inputs: ["truncate"] }, { kind: "directive", type: i18.UserMenuHeaderContainerDirective, selector: "[fd-user-menu-header-container]" }, { kind: "component", type: i18.UserMenuListItemComponent, selector: "[fd-user-menu-list-item]", inputs: ["uniqueId", "icon", "text", "textId", "hasSubmenu", "submenu", "selected"], outputs: ["keyDown", "isOpenChange", "showSubmenu", "updateTitle"] }, { kind: "directive", type: i5.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i5.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i5.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "directive", type: i5.RouteFormChangeDirective, selector: "[routeFormChange]", inputs: ["handleBodyClick"], outputs: ["stateChanged"] }, { kind: "component", type: i3.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: NotificationGroupComponent, selector: "bt-notification-group", inputs: ["notifications", "loading", "deviceSize", "notificationCount", "notificationReport"], outputs: ["viewed", "remove", "actionClick", "showEvent", "loadMore"] }, { kind: "pipe", type: i1$2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: SuggestionsFilterPipe, name: "suggestionsFilter" }, { kind: "pipe", type: SuggestionsCountFilterPipe, name: "suggestionsCountFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaShellbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-barsa-shellbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-shellbar\r\n    [ngClass]=\"deviceSize\"\r\n    routeFormChange\r\n    (stateChanged)=\"onRouteFormStateChange()\"\r\n    [showNavigationButton]=\"sideMenuTemplate || showSidebar ? true : false\"\r\n    (navigationButtonClicked)=\"$event.stopPropagation(); isOpenQuickAccessChanged.emit(!isOpenQuickAccess)\"\r\n    [handleBodyClick]=\"true\"\r\n    [size]=\"deviceSize === 's' && userLoggedIn ? 'm' : deviceSize\"\r\n>\r\n    <fd-shellbar-branding [interactiveBranding]=\"true\" [style.display]=\"hideBranding ? 'none' : null\">\r\n        <fd-shellbar-logo>\r\n            <a\r\n                [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\r\n                href=\"/\"\r\n                class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced tw-bg-center !tw-bg-auto\"\r\n                [attr.aria-label]=\"subtitle | bbbTranslate\"\r\n            ></a>\r\n        </fd-shellbar-logo>\r\n        <fd-shellbar-title> {{ subtitle | bbbTranslate }} {{ showVersion ? appVersion : '' }}</fd-shellbar-title>\r\n    </fd-shellbar-branding>\r\n\r\n    <fd-shellbar-context-area>       \r\n        <span\r\n            [class.hide]=\"!informativeText\"\r\n            fdShellbarHidePriority=\"1\"\r\n            fd-object-status\r\n            [status]=\"informativeStatus || 'informative'\"\r\n            [inverted]=\"true\"\r\n            [label]=\"informativeText\"\r\n        ></span>\r\n        <fd-product-switch\r\n            fdShellbarHidePriority=\"3\"\r\n            [class.hide]=\"!productSwitcher?.length\"\r\n            [restoreFocusOnClose]=\"false\"\r\n        >\r\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\r\n            </fd-product-switch-body>\r\n        </fd-product-switch>\r\n        <span\r\n            [class.hide]=\"!showSearchInSystem\"\r\n            fdShellbarHidePriority=\"4\"\r\n            class=\"fd-shellbar__button\"\r\n            fd-button\r\n            glyph=\"search\"\r\n            fdType=\"transparent\"\r\n            (click)=\"onOpenSearchDialog()\"\r\n        >\r\n        </span>\r\n        <fd-product-menu\r\n            fdShellbarHidePriority=\"2\"\r\n            [control]=\"productMenuControl\"\r\n            [closePopoverOnSelect]=\"true\"\r\n            [items]=\"productMenuItems1\"\r\n            [class.hide]=\"!productMenuItems1?.length\"            \r\n        >\r\n        </fd-product-menu>\r\n        <fd-shellbar-separator fdshellbarhidepriority=\"5\"  style=\"flex-shrink: 0;\"></fd-shellbar-separator>\r\n        @for(dastor of dastoratSarasari; track dastor.label){\r\n            @if(dastor.children?.length){\r\n            <button\r\n                type=\"button\"\r\n                class=\"fd-shellbar__button\"\r\n                [fdShellbarHidePriority]=\"dastor.priority\"\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [glyph]=\"dastor.glyph\"\r\n                [label]=\"dastor.label | bbbTranslate\"\r\n                [fdMenuTrigger]=\"globalCommandMenu\"\r\n        \r\n                >                \r\n        </button>\r\n            <fd-menu #globalCommandMenu>\r\n                @for(item of dastor.children; track item.key) {\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        globalSubmenuTemplate;\r\n                        context: { item: item, parentSubmenu: undefined, rootMenu: globalCommandMenu }\r\n                    \"\r\n                ></ng-container>\r\n                }\r\n                <ng-template #globalSubmenuTemplate let-item=\"item\" let-parentSubmenu=\"parentSubmenu\" let-rootMenu=\"rootMenu\">\r\n                    <li fd-menu-item [submenu]=\"item.children?.length ? submenu : undefined\" [parentSubmenu]=\"parentSubmenu\">\r\n                        @if(item.children?.length){\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                            <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\r\n                        </div>\r\n                        } @else {\r\n                        <a\r\n                            fd-menu-interactive\r\n                            href=\"\"\r\n                            [class.shellbar-command-action--image-glyph]=\"item.useImageGlyph\"\r\n                            (click)=\"$event.preventDefault(); rootMenu.close(); item.callback?.()\"\r\n                        >\r\n                            @if(item.useImageGlyph){\r\n                            <img\r\n                                class=\"shellbar-command-action__image\"\r\n                                [src]=\"item.glyph\"\r\n                                [alt]=\"item.label | bbbTranslate\"\r\n                                loading=\"lazy\"\r\n                            />\r\n                            }\r\n                            <span fd-menu-title class=\"shellbar-command-action__label\">{{ item.label | bbbTranslate }}</span>\r\n                        </a>\r\n                        }\r\n                    </li>\r\n                    <fd-submenu #submenu>\r\n                        @if(item.children?.length){\r\n                        @for(subItem of item.children; track subItem.key) {\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                globalSubmenuTemplate;\r\n                                context: { item: subItem, parentSubmenu: submenu, rootMenu: rootMenu }\r\n                            \"\r\n                        ></ng-container>\r\n                        }\r\n                        }\r\n                    </fd-submenu>\r\n                </ng-template>\r\n            </fd-menu>\r\n            } @else {\r\n            <span                                \r\n                [fdShellbarHidePriority]=\"dastor.priority\"\r\n                fd-button\r\n                [glyph]=\"dastor.glyph\"\r\n                class=\"fd-shellbar__button\"\r\n                [label]=\"dastor.useImageGlyph ? undefined : (dastor.label | bbbTranslate)\"\r\n                [class.shellbar-command-action--image-glyph]=\"dastor.useImageGlyph\"\r\n                (click)=\"dastor.callback?.()\"\r\n            >\r\n                @if(dastor.useImageGlyph){\r\n                <img\r\n                    class=\"shellbar-command-action__image\"\r\n                    [src]=\"dastor.glyph\"\r\n                    [alt]=\"dastor.label | bbbTranslate\"\r\n                    loading=\"lazy\"\r\n                />\r\n                <span class=\"shellbar-command-action__label\">{{ dastor.label | bbbTranslate }}</span>\r\n                }\r\n            </span>\r\n            }\r\n        }\r\n\r\n\r\n        @if(workflowMenuItems.length){\r\n            <button\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [label]=\"'Workflow' | bbbTranslate\"\r\n                [fdMenu]=\"true\"\r\n                [fdMenuTrigger]=\"workflowMenu\"\r\n            ></button>\r\n            <fd-menu #workflowMenu>\r\n                @for(item of workflowMenuItems; track item.key) {\r\n                <li fd-menu-item>\r\n                    <a fd-menu-interactive href=\"\" (click)=\"$event.preventDefault(); workflowMenu.close(); item.callback?.()\">\r\n                        <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                    </a>\r\n                </li>\r\n                }\r\n            </fd-menu>\r\n        }\r\n\r\n        @for(group of groupedCommandMenus; track group.Caption){\r\n            <button                                \r\n                fd-button                \r\n                [label]=\"group.Caption | bbbTranslate\"\r\n                [fdMenu]=\"true\"\r\n                [fdMenuTrigger]=\"groupMenu\"\r\n            ></button>\r\n            <fd-menu #groupMenu>\r\n                @for(item of group.Commands; track item.key) {\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        groupSubmenuTemplate;\r\n                        context: { item: item, parentSubmenu: undefined, rootMenu: groupMenu }\r\n                    \"\r\n                ></ng-container>\r\n                }\r\n                <ng-template #groupSubmenuTemplate let-item=\"item\" let-parentSubmenu=\"parentSubmenu\" let-rootMenu=\"rootMenu\">\r\n                    <li fd-menu-item [submenu]=\"item.children?.length ? submenu : undefined\" [parentSubmenu]=\"parentSubmenu\">\r\n                        @if(item.children?.length){\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                            <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\r\n                        </div>\r\n                        } @else {\r\n                        <a\r\n                            fd-menu-interactive\r\n                            href=\"\"\r\n                            [class.shellbar-command-action--image-glyph]=\"item.useImageGlyph\"\r\n                            (click)=\"$event.preventDefault(); rootMenu.close(); item.callback?.()\"\r\n                        >\r\n                            @if(item.useImageGlyph){\r\n                            <img\r\n                                class=\"shellbar-command-action__image\"\r\n                                [src]=\"item.glyph\"\r\n                                [alt]=\"item.label | bbbTranslate\"\r\n                                loading=\"lazy\"\r\n                            />\r\n                            }\r\n                            <span fd-menu-title class=\"shellbar-command-action__label\">{{ item.label | bbbTranslate }}</span>\r\n                        </a>\r\n                        }\r\n                    </li>\r\n                    <fd-submenu #submenu>\r\n                        @if(item.children?.length){\r\n                        @for(subItem of item.children; track subItem.key) {\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                groupSubmenuTemplate;\r\n                                context: { item: subItem, parentSubmenu: submenu, rootMenu: rootMenu }\r\n                            \"\r\n                        ></ng-container>\r\n                        }\r\n                        }\r\n                    </fd-submenu>\r\n                </ng-template>\r\n            </fd-menu>\r\n        }\r\n    </fd-shellbar-context-area>\r\n\r\n    @if(inputEnableSearch()){\r\n    <fdp-search-field\r\n        [placeholder]=\"'Search' | bbbTranslate\"\r\n        (inputChange)=\"onSearchInputChange($event)\"\r\n        [suggestions]=\"suggestions\"\r\n        (searchSubmit)=\"onSearchSubmit($event)\"\r\n    ></fdp-search-field>\r\n    }\r\n    <fd-shellbar-actions\r\n        #shellbarActions\r\n        (searchOpen)=\"onSearchOpen($event)\"\r\n        [class.flat-buttons]=\"flatButtons?.length && !showSearch()\"\r\n    >\r\n        <fd-user-menu>\r\n            <fd-user-menu-control>\r\n                <fd-avatar size=\"xs\" [circle]=\"true\" [attr.ariaLabel]=\"displayName\" [image]=\"userInfo?.Url\"></fd-avatar>\r\n            </fd-user-menu-control>\r\n            <fd-user-menu-body>\r\n                <div fd-user-menu-header>\r\n                    <fd-avatar\r\n                        [circle]=\"true\"\r\n                        [size]=\"deviceSize\"\r\n                        [label]=\"userInfo?.Url ? '' : displayName\"\r\n                        zoomGlyph=\"\"\r\n                        title=\"Edit avatar\"\r\n                        [image]=\"userInfo?.Url\"\r\n                    ></fd-avatar>\r\n                    <div fd-user-menu-header-container>\r\n                        <div fd-user-menu-user-name>{{ displayName }}</div>\r\n                        @for(item of userInfo?.Sublines;track item){\r\n                        <div fd-user-menu-subline>{{ item }}</div>\r\n                        }\r\n                    </div>\r\n                    @if(profileDynamicCommandText){\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"profileDynamicCommandText || 'Edit' | bbbTranslate\"\r\n                        [glyph]=\"profileDynamicCommandIcon || 'edit'\"\r\n                        [attr.ariaLabel]=\"'\u0648\u06CC\u0631\u0627\u06CC\u0634 \u067E\u0631\u0648\u0641\u0627\u06CC\u0644'\"\r\n                        [dynCommand]=\"profileDynamicCommand\"\r\n                        bodyClick\r\n                    ></button>\r\n                    }\r\n                </div>\r\n                <div fd-user-menu-content-container>\r\n                    @if(userMenu?.length){\r\n                    <fd-panel transparent noRadius [fixed]=\"true\" class=\"hide-panel-header\"> </fd-panel>}\r\n\r\n                    <fd-user-menu-list>\r\n                        @for(item of userMenu;track item.text){\r\n                        <li fd-user-menu-list-item [icon]=\"item.icon\" [text]=\"item.text\" (click)=\"item.callback()\"></li>\r\n                        }\r\n                    </fd-user-menu-list>\r\n                </div>\r\n            </fd-user-menu-body>\r\n\r\n            <fd-user-menu-footer>\r\n                <div fd-bar barDesign=\"footer\">\r\n                    <div fd-bar-right>\r\n                        @for(item of footerButtons;track item.text){\r\n                        <button\r\n                            fd-button\r\n                            [label]=\"item.text\"\r\n                            fdType=\"transparent\"\r\n                            [glyph]=\"item.icon\"\r\n                            [attr.ariaLabel]=\"item.text\"\r\n                            (click)=\"item.callback()\"\r\n                        ></button>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </fd-user-menu-footer>\r\n        </fd-user-menu>\r\n        @for (action of actions; track action) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"action.Icon\"\r\n            [callback]=\"action.Callback\"\r\n            [label]=\"action.Label\"\r\n            [notificationLabel]=\"action.label\"\r\n        >\r\n        </fd-shellbar-action>\r\n\r\n        } @if (!settings?.HideLanguage && multiLanguages && userLoggedIn) {\r\n        <button\r\n            class=\"fd-shellbar__button\"\r\n            fd-button\r\n            glyph=\"world\"\r\n            fdType=\"transparent\"\r\n            [fdMenuTrigger]=\"menu\"\r\n        ></button>\r\n        } @if (deviceSize !== 's' && userLoggedIn && !hideNotifications) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"'bell'\"\r\n            [label]=\"'Notification'\"\r\n            [notificationCount]=\"notificationsUnreadCount\"\r\n            [notificationLabel]=\"'Notification Label'\"\r\n            [callback]=\"onOpenNotification\"\r\n        >\r\n        </fd-shellbar-action>\r\n        } @if (deviceSize === 's' && userLoggedIn && !hideNotifications) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"'bell'\"\r\n            [label]=\"'Notifications' | bbbTranslate\"\r\n            [notificationCount]=\"notificationsUnreadCount\"\r\n            [notificationLabel]=\"'Notifications' | bbbTranslate\"\r\n            [callback]=\"onBellNotification\"\r\n        >\r\n        </fd-shellbar-action>\r\n        } @if(flatButtons?.length){\r\n        <div class=\"tw-flex tw-gap-1\">\r\n            @if (!settings?.HideLanguage && multiLanguages){\r\n            <button\r\n                class=\"fd-shellbar__button\"\r\n                fd-button\r\n                glyph=\"world\"\r\n                fdType=\"transparent\"\r\n                [fdMenuTrigger]=\"menu\"\r\n            ></button>\r\n            } @for(btn of flatButtons;track btn){\r\n            <button\r\n                fd-button\r\n                [label]=\"btn.text\"\r\n                [glyph]=\"btn.text === ('Login' | bbbTranslate) ? 'person-placeholder' : null\"\r\n                fdType=\"emphasized\"\r\n                (click)=\"btn.callback()\"\r\n            ></button>\r\n            }\r\n        </div>\r\n        }\r\n    </fd-shellbar-actions>\r\n    <fd-popover\r\n        [(isOpen)]=\"isOpenNotificatoin\"\r\n        [noArrow]=\"true\"\r\n        placement=\"top-end\"\r\n        title=\"Notification Popover\"\r\n        [appendTo]=\"el\"\r\n        [mobile]=\"false\"\r\n        #popoverComponent\r\n    >\r\n        <fd-popover-control>\r\n            <!-- <fd-shellbar-action\r\n                    [glyph]=\"'bell'\"\r\n                    [label]=\"'Notification'\"\r\n                    [notificationCount]=\"notificationsUnreadCount\"\r\n                    [notificationLabel]=\"'Notification Label'\"\r\n                    [callback]=\"onOpenNotification\"\r\n                >\r\n                </fd-shellbar-action> -->\r\n        </fd-popover-control>\r\n        <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\r\n            @if(isOpenNotificatoin){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationsUnreadCount }\"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</fd-shellbar>\r\n\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n\r\n<div\r\n    *ngIf=\"sideMenuTemplate\"\r\n    class=\"sidemenu-h tw-fixed tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\r\n    [class.tw-w-screen]=\"isMobile\"\r\n    [class.-tw-right-full]=\"isMobile\"\r\n    [class.tw-w-96]=\"!isMobile\"\r\n    [class.-tw-right-96]=\"!isMobile && rtl\"\r\n    [class.!tw-right-0]=\"rtl && isOpenQuickAccess\"\r\n    [class.-tw-left-96]=\"!isMobile && !rtl\"\r\n    [class.!tw-left-0]=\"!rtl && isOpenQuickAccess\"\r\n    (click)=\"$event.stopPropagation()\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"sideMenuTemplate\"></ng-container>\r\n</div>\r\n\r\n<fd-menu #menu>\r\n    <ul fd-list>\r\n        @for (culture of cultures | keyvalue; track culture) {\r\n        <li fd-list-item>\r\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\r\n                <span fd-list-title class=\"tw-flex tw-items-center tw-gap-1\">\r\n                    <img width=\"14px\" height=\"12px\" [src]=\"'/assets/flags/' + culture.key + '.png'\" loading=\"lazy\" />\r\n                    <span class=\"culture-abbrivation\" [ngClass]=\"culture.key\"> {{ culture.key }}</span>\r\n                </span>\r\n            </a>\r\n        </li>\r\n        }\r\n    </ul>\r\n</fd-menu>\r\n<ng-template #notificationGroupTpl let-notificationCount=\"notificationCount\">\r\n    <bt-notification-group\r\n        [notificationReport]=\"notificationReport\"\r\n        [notificationCount]=\"notificationCount\"\r\n        (actionClick)=\"popoverComponent.close()\"\r\n        [deviceSize]=\"deviceSize\"\r\n    ></bt-notification-group>\r\n</ng-template>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #notificationsDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Notification' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body class=\"mobile\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationsUnreadCount }\"\r\n            ></ng-container>\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n<ng-template #searchContent>\r\n    <ul fd-list [byline]=\"true\">\r\n        @for (item of (suggestions | suggestionsFilter:selectedSuggestionFiltertype) ; track item.data.path) {\r\n        <li\r\n            fd-list-item\r\n            [interactive]=\"true\"\r\n            (click)=\"onSearchItemClick(item)\"\r\n            class=\"!tw-ps-1\"\r\n            [class.!tw-bg-blue-600]=\"item.data.source === 'Report'\"\r\n            [class.!tw-bg-green-600]=\"item.data.source === 'Command'\"\r\n            [class.!tw-bg-gray-600]=\"item.data.source !== 'Command' && item.data.source !== 'Report'\"\r\n        >\r\n            <a fd-list-link [attr.href]=\"!item.data.url ? null : item.data.url\" (click)=\"onSearchLink(item, $event)\">\r\n                <div fd-list-content>\r\n                    <div fd-list-title>{{ item.value }}</div>\r\n                    <div fd-list-byline>{{ item.data.path }}</div>\r\n                </div>\r\n                <span fd-list-secondary>\r\n                    @if(item.data.canPin){\r\n                    <button\r\n                        class=\"!tw-m-[0.1rem]\"\r\n                        [ariaLabel]=\"'AddToFavorite' | bbbTranslate\"\r\n                        [title]=\"'Add To Favorite' | bbbTranslate\"\r\n                        fd-button\r\n                        glyph=\"shortcut\"\r\n                        (click)=\"oFavoriteLink(item, $event)\"\r\n                    ></button>\r\n                    }\r\n                </span>\r\n            </a>\r\n        </li>\r\n        }\r\n    </ul>\r\n</ng-template>\r\n<ng-template #searchSubHeader>\r\n    <div class=\"tw-flex tw-flex-col tw-w-full\">\r\n        <fd-input-group\r\n            glyph=\"search\"\r\n            fdkInitialFocus\r\n            glyphAriaLabel=\"Submit\"\r\n            [button]=\"true\"\r\n            (input)=\"onSearchInputChange($event)\"\r\n        >\r\n        </fd-input-group>\r\n        @if(suggestions.length){\r\n        <div class=\"tw-flex tw-gap-4 tw-overflow-x-auto suggestion-filters-cat tw-pb-4\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: { name: '\u0647\u0645\u0647', count: (suggestions | suggestionsCountFilter: 'all'), type: '' }\r\n                \"\r\n            ></ng-container>\r\n\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: { name: '\u0632\u06CC\u0631\u0633\u06CC\u0633\u062A\u0645', count: (suggestions | suggestionsCountFilter: 'subsystem'), type: '' }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u06AF\u0631\u0648\u0647 \u0646\u0648\u06CC\u06AF\u06CC\u062A\u0648\u0631',\r\n                        count: (suggestions | suggestionsCountFilter: 'navgroup'),\r\n                        type: ''\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u06AF\u0632\u0627\u0631\u0634\u0627\u062A',\r\n                        count: (suggestions | suggestionsCountFilter: 'report'),\r\n                        type: 'information'\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u062F\u0633\u062A\u0648\u0631\u0627\u062A',\r\n                        count: (suggestions | suggestionsCountFilter: 'command'),\r\n                        type: 'success'\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template #catTag let-name=\"name\" let-count=\"count\" let-type=\"type\">\r\n    @if(count && count!==' '){\r\n    <div fd-generic-tag [name]=\"name\" [value]=\"count\" (click)=\"selectedSuggestionFiltertype = name\" [type]=\"type\"></div>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block;position:relative}:host fd-user-menu{background-color:transparent}:host fd-shellbar-actions.flat-buttons{flex-direction:row-reverse}:host.hide-user-menu fd-shellbar-actions ::ng-deep .fd-user-menu{display:none}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep .fd-shellbar--s .fd-shellbar__title{display:block;max-width:10rem;text-wrap:auto;font-size:.8rem}: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}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem;margin:0!important}.extra-button-wrapper{display:flex;height:100%;align-items:center;position:absolute;left:10px;top:0;gap:.285rem}.hide-panel-header ::ng-deep .fd-panel__header{min-height:auto;height:auto}:host ::ng-deep .shellbar-command-action--image-glyph{display:inline-flex;align-items:center;flex-direction:row-reverse;gap:.375rem}:host ::ng-deep .shellbar-command-action--image-glyph ::ng-deep fd-icon{display:none}.shellbar-command-action__image{width:1rem;height:1rem;object-fit:contain;flex-shrink:0}.shellbar-command-action__label{line-height:1}:host ::ng-deep .fd-shellbar{height:var(--shellbar-height)}:host ::ng-deep fd-shellbar.s .fd-shellbar__product{max-width:120px}:host ::ng-deep fd-shellbar.s .fd-shellbar--has-context-area{justify-content:center!important}:host ::ng-deep fd-shellbar.s .fd-shellbar--has-context-area .fd-shellbar__action--shrink button{color:var(--fdButtonIconColor, var(--sapShell_InteractiveTextColor))}\n"] }]
+            args: [{ selector: 'bt-barsa-shellbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-shellbar\r\n    [ngClass]=\"deviceSize\"\r\n    routeFormChange\r\n    (stateChanged)=\"onRouteFormStateChange()\"\r\n    [showNavigationButton]=\"sideMenuTemplate || showSidebar ? true : false\"\r\n    (navigationButtonClicked)=\"$event.stopPropagation(); isOpenQuickAccessChanged.emit(!isOpenQuickAccess)\"\r\n    [handleBodyClick]=\"true\"\r\n    [size]=\"deviceSize === 's' && userLoggedIn ? 'm' : deviceSize\"\r\n>\r\n    <fd-shellbar-branding [interactiveBranding]=\"true\" [style.display]=\"hideBranding ? 'none' : null\">\r\n        <fd-shellbar-logo>\r\n            <a\r\n                [style.backgroundImage]=\"'url(' + (logo?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) + ')'\"\r\n                href=\"/\"\r\n                class=\"fd-shellbar__logo fd-shellbar__logo--image-replaced tw-bg-center !tw-bg-auto\"\r\n                [attr.aria-label]=\"subtitle | bbbTranslate\"\r\n            ></a>\r\n        </fd-shellbar-logo>\r\n        <fd-shellbar-title> {{ subtitle | bbbTranslate }} {{ showVersion ? appVersion : '' }}</fd-shellbar-title>\r\n    </fd-shellbar-branding>\r\n\r\n    <fd-shellbar-context-area>       \r\n        <span\r\n            [class.hide]=\"!informativeText\"\r\n            fdShellbarHidePriority=\"1\"\r\n            fd-object-status\r\n            [status]=\"informativeStatus || 'informative'\"\r\n            [inverted]=\"true\"\r\n            [label]=\"informativeText\"\r\n        ></span>\r\n        <fd-product-switch\r\n            fdShellbarHidePriority=\"3\"\r\n            [class.hide]=\"!productSwitcher?.length\"\r\n            [restoreFocusOnClose]=\"false\"\r\n        >\r\n            <fd-product-switch-body [products]=\"productSwitcher\" [forceListMode]=\"deviceSize === 's'\">\r\n            </fd-product-switch-body>\r\n        </fd-product-switch>\r\n        <span\r\n            [class.hide]=\"!showSearchInSystem\"\r\n            fdShellbarHidePriority=\"4\"\r\n            class=\"fd-shellbar__button\"\r\n            fd-button\r\n            glyph=\"search\"\r\n            fdType=\"transparent\"\r\n            (click)=\"onOpenSearchDialog()\"\r\n        >\r\n        </span>\r\n        <fd-product-menu\r\n            fdShellbarHidePriority=\"2\"\r\n            [control]=\"productMenuControl\"\r\n            [closePopoverOnSelect]=\"true\"\r\n            [items]=\"productMenuItems1\"\r\n            [class.hide]=\"!productMenuItems1?.length\"            \r\n        >\r\n        </fd-product-menu>\r\n        <fd-shellbar-separator fdshellbarhidepriority=\"5\"  style=\"flex-shrink: 0;\"></fd-shellbar-separator>\r\n        @for(dastor of dastoratSarasari; track dastor.label){\r\n            @if(dastor.children?.length){\r\n            <button\r\n                type=\"button\"\r\n                class=\"fd-shellbar__button\"\r\n                [fdShellbarHidePriority]=\"dastor.priority\"\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [glyph]=\"dastor.glyph\"\r\n                [label]=\"dastor.label | bbbTranslate\"\r\n                [fdMenuTrigger]=\"globalCommandMenu\"\r\n        \r\n                >                \r\n        </button>\r\n            <fd-menu #globalCommandMenu>\r\n                @for(item of dastor.children; track item.key) {\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        globalSubmenuTemplate;\r\n                        context: { item: item, parentSubmenu: undefined, rootMenu: globalCommandMenu }\r\n                    \"\r\n                ></ng-container>\r\n                }\r\n                <ng-template #globalSubmenuTemplate let-item=\"item\" let-parentSubmenu=\"parentSubmenu\" let-rootMenu=\"rootMenu\">\r\n                    <li fd-menu-item [submenu]=\"item.children?.length ? submenu : undefined\" [parentSubmenu]=\"parentSubmenu\">\r\n                        @if(item.children?.length){\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                            <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\r\n                        </div>\r\n                        } @else {\r\n                        <a\r\n                            fd-menu-interactive\r\n                            href=\"\"\r\n                            [class.shellbar-command-action--image-glyph]=\"item.useImageGlyph\"\r\n                            (click)=\"$event.preventDefault(); rootMenu.close(); item.callback?.()\"\r\n                        >\r\n                            @if(item.useImageGlyph){\r\n                            <img\r\n                                class=\"shellbar-command-action__image\"\r\n                                [src]=\"item.glyph\"\r\n                                [alt]=\"item.label | bbbTranslate\"\r\n                                loading=\"lazy\"\r\n                            />\r\n                            }\r\n                            <span fd-menu-title class=\"shellbar-command-action__label\">{{ item.label | bbbTranslate }}</span>\r\n                        </a>\r\n                        }\r\n                    </li>\r\n                    <fd-submenu #submenu>\r\n                        @if(item.children?.length){\r\n                        @for(subItem of item.children; track subItem.key) {\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                globalSubmenuTemplate;\r\n                                context: { item: subItem, parentSubmenu: submenu, rootMenu: rootMenu }\r\n                            \"\r\n                        ></ng-container>\r\n                        }\r\n                        }\r\n                    </fd-submenu>\r\n                </ng-template>\r\n            </fd-menu>\r\n            } @else {\r\n            <span                                \r\n                [fdShellbarHidePriority]=\"dastor.priority\"\r\n                fd-button\r\n                [glyph]=\"dastor.glyph\"\r\n                class=\"fd-shellbar__button\"\r\n                [label]=\"dastor.useImageGlyph ? undefined : (dastor.label | bbbTranslate)\"\r\n                [class.shellbar-command-action--image-glyph]=\"dastor.useImageGlyph\"\r\n                (click)=\"dastor.callback?.()\"\r\n            >\r\n                @if(dastor.useImageGlyph){\r\n                <img\r\n                    class=\"shellbar-command-action__image\"\r\n                    [src]=\"dastor.glyph\"\r\n                    [alt]=\"dastor.label | bbbTranslate\"\r\n                    loading=\"lazy\"\r\n                />\r\n                <span class=\"shellbar-command-action__label\">{{ dastor.label | bbbTranslate }}</span>\r\n                }\r\n            </span>\r\n            }\r\n        }\r\n\r\n\r\n        @if(workflowMenuItems.length){\r\n            <button\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [label]=\"'Workflow' | bbbTranslate\"\r\n                [fdMenu]=\"true\"\r\n                [fdMenuTrigger]=\"workflowMenu\"\r\n            ></button>\r\n            <fd-menu #workflowMenu>\r\n                @for(item of workflowMenuItems; track item.key) {\r\n                <li fd-menu-item>\r\n                    <a fd-menu-interactive href=\"\" (click)=\"$event.preventDefault(); workflowMenu.close(); item.callback?.()\">\r\n                        <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                    </a>\r\n                </li>\r\n                }\r\n            </fd-menu>\r\n        }\r\n\r\n        @for(group of groupedCommandMenus; track group.Caption){\r\n            <button                                \r\n                fd-button                \r\n                [label]=\"group.Caption | bbbTranslate\"\r\n                [fdMenu]=\"true\"\r\n                [fdMenuTrigger]=\"groupMenu\"\r\n            ></button>\r\n            <fd-menu #groupMenu>\r\n                @for(item of group.Commands; track item.key) {\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        groupSubmenuTemplate;\r\n                        context: { item: item, parentSubmenu: undefined, rootMenu: groupMenu }\r\n                    \"\r\n                ></ng-container>\r\n                }\r\n                <ng-template #groupSubmenuTemplate let-item=\"item\" let-parentSubmenu=\"parentSubmenu\" let-rootMenu=\"rootMenu\">\r\n                    <li fd-menu-item [submenu]=\"item.children?.length ? submenu : undefined\" [parentSubmenu]=\"parentSubmenu\">\r\n                        @if(item.children?.length){\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ item.label | bbbTranslate }}</span>\r\n                            <fd-menu-addon [submenuIndicator]=\"true\"></fd-menu-addon>\r\n                        </div>\r\n                        } @else {\r\n                        <a\r\n                            fd-menu-interactive                            \r\n                            class=\"tw-gap-2\"\r\n                            [class.shellbar-command-action--image-glyph]=\"item.useImageGlyph\"\r\n                            (click)=\"$event.preventDefault(); rootMenu.close(); item.callback?.()\"\r\n                        >\r\n                            @if(item.useImageGlyph){\r\n                            <img\r\n                                class=\"shellbar-command-action__image\"\r\n                                [src]=\"item.glyph\"\r\n                                [alt]=\"item.label | bbbTranslate\"\r\n                                loading=\"lazy\"\r\n                            />\r\n                            }\r\n                            <span fd-menu-title class=\"shellbar-command-action__label\">{{ item.label | bbbTranslate }}</span>\r\n                        </a>\r\n                        }\r\n                    </li>\r\n                    <fd-submenu #submenu>\r\n                        @if(item.children?.length){\r\n                        @for(subItem of item.children; track subItem.key) {\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                groupSubmenuTemplate;\r\n                                context: { item: subItem, parentSubmenu: submenu, rootMenu: rootMenu }\r\n                            \"\r\n                        ></ng-container>\r\n                        }\r\n                        }\r\n                    </fd-submenu>\r\n                </ng-template>\r\n            </fd-menu>\r\n        }\r\n    </fd-shellbar-context-area>\r\n\r\n    @if(inputEnableSearch()){\r\n    <fdp-search-field\r\n        [placeholder]=\"'Search' | bbbTranslate\"\r\n        (inputChange)=\"onSearchInputChange($event)\"\r\n        [suggestions]=\"suggestions\"\r\n        (searchSubmit)=\"onSearchSubmit($event)\"\r\n    ></fdp-search-field>\r\n    }\r\n    <fd-shellbar-actions\r\n        #shellbarActions\r\n        (searchOpen)=\"onSearchOpen($event)\"\r\n        [class.flat-buttons]=\"flatButtons?.length && !showSearch()\"\r\n    >\r\n        <fd-user-menu>\r\n            <fd-user-menu-control>\r\n                <fd-avatar size=\"xs\" [circle]=\"true\" [attr.ariaLabel]=\"displayName\" [image]=\"userInfo?.Url\"></fd-avatar>\r\n            </fd-user-menu-control>\r\n            <fd-user-menu-body>\r\n                <div fd-user-menu-header>\r\n                    <fd-avatar\r\n                        [circle]=\"true\"\r\n                        [size]=\"deviceSize\"\r\n                        [label]=\"userInfo?.Url ? '' : displayName\"\r\n                        zoomGlyph=\"\"\r\n                        title=\"Edit avatar\"\r\n                        [image]=\"userInfo?.Url\"\r\n                    ></fd-avatar>\r\n                    <div fd-user-menu-header-container>\r\n                        <div fd-user-menu-user-name>{{ displayName }}</div>\r\n                        @for(item of userInfo?.Sublines;track item){\r\n                        <div fd-user-menu-subline>{{ item }}</div>\r\n                        }\r\n                    </div>\r\n                    @if(profileDynamicCommandText){\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"profileDynamicCommandText || 'Edit' | bbbTranslate\"\r\n                        [glyph]=\"profileDynamicCommandIcon || 'edit'\"\r\n                        [attr.ariaLabel]=\"'\u0648\u06CC\u0631\u0627\u06CC\u0634 \u067E\u0631\u0648\u0641\u0627\u06CC\u0644'\"\r\n                        [dynCommand]=\"profileDynamicCommand\"\r\n                        bodyClick\r\n                    ></button>\r\n                    }\r\n                </div>\r\n                <div fd-user-menu-content-container>\r\n                    @if(userMenu?.length){\r\n                    <fd-panel transparent noRadius [fixed]=\"true\" class=\"hide-panel-header\"> </fd-panel>}\r\n\r\n                    <fd-user-menu-list>\r\n                        @for(item of userMenu;track item.text){\r\n                        <li fd-user-menu-list-item [icon]=\"item.icon\" [text]=\"item.text\" (click)=\"item.callback()\"></li>\r\n                        }\r\n                    </fd-user-menu-list>\r\n                </div>\r\n            </fd-user-menu-body>\r\n\r\n            <fd-user-menu-footer>\r\n                <div fd-bar barDesign=\"footer\">\r\n                    <div fd-bar-right>\r\n                        @for(item of footerButtons;track item.text){\r\n                        <button\r\n                            fd-button\r\n                            [label]=\"item.text\"\r\n                            fdType=\"transparent\"\r\n                            [glyph]=\"item.icon\"\r\n                            [attr.ariaLabel]=\"item.text\"\r\n                            (click)=\"item.callback()\"\r\n                        ></button>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </fd-user-menu-footer>\r\n        </fd-user-menu>\r\n        @for (action of actions; track action) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"action.Icon\"\r\n            [callback]=\"action.Callback\"\r\n            [label]=\"action.Label\"\r\n            [notificationLabel]=\"action.label\"\r\n        >\r\n        </fd-shellbar-action>\r\n\r\n        } @if (!settings?.HideLanguage && multiLanguages && userLoggedIn) {\r\n        <button\r\n            class=\"fd-shellbar__button\"\r\n            fd-button\r\n            glyph=\"world\"\r\n            fdType=\"transparent\"\r\n            [fdMenuTrigger]=\"menu\"\r\n        ></button>\r\n        } @if (deviceSize !== 's' && userLoggedIn && !hideNotifications) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"'bell'\"\r\n            [label]=\"'Notification'\"\r\n            [notificationCount]=\"notificationsUnreadCount\"\r\n            [notificationLabel]=\"'Notification Label'\"\r\n            [callback]=\"onOpenNotification\"\r\n        >\r\n        </fd-shellbar-action>\r\n        } @if (deviceSize === 's' && userLoggedIn && !hideNotifications) {\r\n        <fd-shellbar-action\r\n            [glyph]=\"'bell'\"\r\n            [label]=\"'Notifications' | bbbTranslate\"\r\n            [notificationCount]=\"notificationsUnreadCount\"\r\n            [notificationLabel]=\"'Notifications' | bbbTranslate\"\r\n            [callback]=\"onBellNotification\"\r\n        >\r\n        </fd-shellbar-action>\r\n        } @if(flatButtons?.length){\r\n        <div class=\"tw-flex tw-gap-1\">\r\n            @if (!settings?.HideLanguage && multiLanguages){\r\n            <button\r\n                class=\"fd-shellbar__button\"\r\n                fd-button\r\n                glyph=\"world\"\r\n                fdType=\"transparent\"\r\n                [fdMenuTrigger]=\"menu\"\r\n            ></button>\r\n            } @for(btn of flatButtons;track btn){\r\n            <button\r\n                fd-button\r\n                [label]=\"btn.text\"\r\n                [glyph]=\"btn.text === ('Login' | bbbTranslate) ? 'person-placeholder' : null\"\r\n                fdType=\"emphasized\"\r\n                (click)=\"btn.callback()\"\r\n            ></button>\r\n            }\r\n        </div>\r\n        }\r\n    </fd-shellbar-actions>\r\n    <fd-popover\r\n        [(isOpen)]=\"isOpenNotificatoin\"\r\n        [noArrow]=\"true\"\r\n        placement=\"top-end\"\r\n        title=\"Notification Popover\"\r\n        [appendTo]=\"el\"\r\n        [mobile]=\"false\"\r\n        #popoverComponent\r\n    >\r\n        <fd-popover-control>\r\n            <!-- <fd-shellbar-action\r\n                    [glyph]=\"'bell'\"\r\n                    [label]=\"'Notification'\"\r\n                    [notificationCount]=\"notificationsUnreadCount\"\r\n                    [notificationLabel]=\"'Notification Label'\"\r\n                    [callback]=\"onOpenNotification\"\r\n                >\r\n                </fd-shellbar-action> -->\r\n        </fd-popover-control>\r\n        <fd-popover-body style=\"min-width: 320px; overflow-x: auto; box-shadow: var(--sapContent_Shadow0)\">\r\n            @if(isOpenNotificatoin){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationsUnreadCount }\"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</fd-shellbar>\r\n\r\n<ng-template #loading>\r\n    <bsu-mask></bsu-mask>\r\n</ng-template>\r\n\r\n<div\r\n    *ngIf=\"sideMenuTemplate\"\r\n    class=\"sidemenu-h tw-fixed tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\r\n    [class.tw-w-screen]=\"isMobile\"\r\n    [class.-tw-right-full]=\"isMobile\"\r\n    [class.tw-w-96]=\"!isMobile\"\r\n    [class.-tw-right-96]=\"!isMobile && rtl\"\r\n    [class.!tw-right-0]=\"rtl && isOpenQuickAccess\"\r\n    [class.-tw-left-96]=\"!isMobile && !rtl\"\r\n    [class.!tw-left-0]=\"!rtl && isOpenQuickAccess\"\r\n    (click)=\"$event.stopPropagation()\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"sideMenuTemplate\"></ng-container>\r\n</div>\r\n\r\n<fd-menu #menu>\r\n    <ul fd-list>\r\n        @for (culture of cultures | keyvalue; track culture) {\r\n        <li fd-list-item>\r\n            <a fd-list-link (click)=\"onCultureChange(culture.value)\">\r\n                <span fd-list-title class=\"tw-flex tw-items-center tw-gap-1\">\r\n                    <img width=\"14px\" height=\"12px\" [src]=\"'/assets/flags/' + culture.key + '.png'\" loading=\"lazy\" />\r\n                    <span class=\"culture-abbrivation\" [ngClass]=\"culture.key\"> {{ culture.key }}</span>\r\n                </span>\r\n            </a>\r\n        </li>\r\n        }\r\n    </ul>\r\n</fd-menu>\r\n<ng-template #notificationGroupTpl let-notificationCount=\"notificationCount\">\r\n    <bt-notification-group\r\n        [notificationReport]=\"notificationReport\"\r\n        [notificationCount]=\"notificationCount\"\r\n        (actionClick)=\"popoverComponent.close()\"\r\n        [deviceSize]=\"deviceSize\"\r\n    ></bt-notification-group>\r\n</ng-template>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #notificationsDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Notification' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body class=\"mobile\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"notificationGroupTpl; context: { notificationCount: notificationsUnreadCount }\"\r\n            ></ng-container>\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n<ng-template #searchContent>\r\n    <ul fd-list [byline]=\"true\">\r\n        @for (item of (suggestions | suggestionsFilter:selectedSuggestionFiltertype) ; track item.data.path) {\r\n        <li\r\n            fd-list-item\r\n            [interactive]=\"true\"\r\n            (click)=\"onSearchItemClick(item)\"\r\n            class=\"!tw-ps-1\"\r\n            [class.!tw-bg-blue-600]=\"item.data.source === 'Report'\"\r\n            [class.!tw-bg-green-600]=\"item.data.source === 'Command'\"\r\n            [class.!tw-bg-gray-600]=\"item.data.source !== 'Command' && item.data.source !== 'Report'\"\r\n        >\r\n            <a fd-list-link [attr.href]=\"!item.data.url ? null : item.data.url\" (click)=\"onSearchLink(item, $event)\">\r\n                <div fd-list-content>\r\n                    <div fd-list-title>{{ item.value }}</div>\r\n                    <div fd-list-byline>{{ item.data.path }}</div>\r\n                </div>\r\n                <span fd-list-secondary>\r\n                    @if(item.data.canPin){\r\n                    <button\r\n                        class=\"!tw-m-[0.1rem]\"\r\n                        [ariaLabel]=\"'AddToFavorite' | bbbTranslate\"\r\n                        [title]=\"'Add To Favorite' | bbbTranslate\"\r\n                        fd-button\r\n                        glyph=\"shortcut\"\r\n                        (click)=\"oFavoriteLink(item, $event)\"\r\n                    ></button>\r\n                    }\r\n                </span>\r\n            </a>\r\n        </li>\r\n        }\r\n    </ul>\r\n</ng-template>\r\n<ng-template #searchSubHeader>\r\n    <div class=\"tw-flex tw-flex-col tw-w-full\">\r\n        <fd-input-group\r\n            glyph=\"search\"\r\n            fdkInitialFocus\r\n            glyphAriaLabel=\"Submit\"\r\n            [button]=\"true\"\r\n            (input)=\"onSearchInputChange($event)\"\r\n        >\r\n        </fd-input-group>\r\n        @if(suggestions.length){\r\n        <div class=\"tw-flex tw-gap-4 tw-overflow-x-auto suggestion-filters-cat tw-pb-4\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: { name: '\u0647\u0645\u0647', count: (suggestions | suggestionsCountFilter: 'all'), type: '' }\r\n                \"\r\n            ></ng-container>\r\n\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: { name: '\u0632\u06CC\u0631\u0633\u06CC\u0633\u062A\u0645', count: (suggestions | suggestionsCountFilter: 'subsystem'), type: '' }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u06AF\u0631\u0648\u0647 \u0646\u0648\u06CC\u06AF\u06CC\u062A\u0648\u0631',\r\n                        count: (suggestions | suggestionsCountFilter: 'navgroup'),\r\n                        type: ''\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u06AF\u0632\u0627\u0631\u0634\u0627\u062A',\r\n                        count: (suggestions | suggestionsCountFilter: 'report'),\r\n                        type: 'information'\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    catTag;\r\n                    context: {\r\n                        name: '\u062F\u0633\u062A\u0648\u0631\u0627\u062A',\r\n                        count: (suggestions | suggestionsCountFilter: 'command'),\r\n                        type: 'success'\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template #catTag let-name=\"name\" let-count=\"count\" let-type=\"type\">\r\n    @if(count && count!==' '){\r\n    <div fd-generic-tag [name]=\"name\" [value]=\"count\" (click)=\"selectedSuggestionFiltertype = name\" [type]=\"type\"></div>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block;position:relative}:host fd-user-menu{background-color:transparent}:host fd-shellbar-actions.flat-buttons{flex-direction:row-reverse}:host.hide-user-menu fd-shellbar-actions ::ng-deep .fd-user-menu{display:none}:host ::ng-deep fd-shellbar-actions fd-avatar{background-color:transparent!important;color:var(--sapShell_InteractiveTextColor, #d1e8ff)}:host ::ng-deep .fd-shellbar--s .fd-shellbar__title{display:block;max-width:10rem;text-wrap:auto;font-size:.8rem}: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}.fd-shellbar__logo{min-height:3rem;height:3rem;width:3rem;margin:0!important}.extra-button-wrapper{display:flex;height:100%;align-items:center;position:absolute;left:10px;top:0;gap:.285rem}.hide-panel-header ::ng-deep .fd-panel__header{min-height:auto;height:auto}:host ::ng-deep .shellbar-command-action--image-glyph{gap:.375rem}:host ::ng-deep .shellbar-command-action--image-glyph ::ng-deep fd-icon{display:none}.shellbar-command-action__image{width:1rem;height:1rem;object-fit:contain;flex-shrink:0}:host ::ng-deep .fd-shellbar{height:var(--shellbar-height)}:host ::ng-deep fd-shellbar.s .fd-shellbar__product{max-width:120px}:host ::ng-deep fd-shellbar.s .fd-shellbar--has-context-area{justify-content:center!important}:host ::ng-deep fd-shellbar.s .fd-shellbar--has-context-area .fd-shellbar__action--shrink button{color:var(--fdButtonIconColor, var(--sapShell_InteractiveTextColor))}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchDialogContent: [{
                 type: ViewChild,
                 args: ['searchContent', { read: TemplateRef }]
@@ -3881,7 +3884,7 @@ class ShellbarComponent extends BaseComponent {
         });
     }
     onAppTileGroupChange(appTileGroupId) {
-        this._tilesService.loadAppTileGroupsById(appTileGroupId);
+        this._tilesService.loadAppTileGroupsById(appTileGroupId, true);
     }
     onCultureChange(culture) {
         this._changeCulture(culture);
@@ -4207,7 +4210,7 @@ class BarsaTileSidebarPageComponent extends EmptyPageComponent {
         this._router.navigate(['../']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaTileSidebarPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaTileSidebarPageComponent, isStandalone: false, selector: "bt-barsa-tile-sidebar-page", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: "<div fd-bar>\r\n    <div fd-bar-left style=\"flex: 1; width: 100%\">\r\n        <fd-breadcrumb style=\"width: 100%\">\r\n            @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let i =\r\n            $index; let last = $last) {\r\n            <fd-breadcrumb-item>\r\n                <bsu-breadcrumb\r\n                    [index]=\"i\"\r\n                    [isLast]=\"last\"\r\n                    [breadCrumb]=\"breadCrumb\"\r\n                    [allBreadCrumb]=\"breadCrumbs\"\r\n                ></bsu-breadcrumb>\r\n            </fd-breadcrumb-item>\r\n            } }\r\n        </fd-breadcrumb>\r\n    </div>\r\n</div>\r\n\r\n<fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace style=\"overflow: auto\">\r\n    <fd-dynamic-side-content-side>\r\n        <ng-container #containerRef></ng-container>\r\n    </fd-dynamic-side-content-side>\r\n    <fd-dynamic-side-content-main style=\"padding: 2rem\">\r\n        @if(firstReportLoaded()===false){\r\n        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\r\n            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\r\n        </fd-message-page>\r\n        }\r\n        <router-outlet name=\"mainside\"> </router-outlet>\r\n    </fd-dynamic-side-content-main>\r\n</fd-dynamic-side-content>\r\n<div class=\"sidbar-outlet\">\r\n    <router-outlet></router-outlet>\r\n</div>\r\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0;background-color:var(--sapBaseColor);border:.0625rem solid var(--sapTile_SeparatorColor, #ccc);border-top:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:B-Font Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"], dependencies: [{ kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: i2$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "component", type: i3$3.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i3$3.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i4$3.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4$3.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4$3.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i5$4.MessagePageComponent, selector: "fd-message-page", inputs: ["class", "type", "hasIcon", "glyphFont", "glyph"] }, { kind: "component", type: i5$4.MessagePageTitleComponent, selector: "fd-message-page-title" }, { kind: "directive", type: i5.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight", "setMaxHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i3.BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaTileSidebarPageComponent, isStandalone: false, selector: "bt-barsa-tile-sidebar-page", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: "<div fd-bar>\r\n    <div fd-bar-left style=\"flex: 1; width: 100%\">\r\n        <fd-breadcrumb style=\"width: 100%\">\r\n            @if (breadcrumbs$ | async; as breadCrumbs) { @for ( breadCrumb of breadCrumbs ;track breadCrumb.url; let i =\r\n            $index; let last = $last) {\r\n            <fd-breadcrumb-item>\r\n                <bsu-breadcrumb\r\n                    [index]=\"i\"\r\n                    [isLast]=\"last\"\r\n                    [breadCrumb]=\"breadCrumb\"\r\n                    [allBreadCrumb]=\"breadCrumbs\"\r\n                ></bsu-breadcrumb>\r\n            </fd-breadcrumb-item>\r\n            } }\r\n        </fd-breadcrumb>\r\n    </div>\r\n</div>\r\n\r\n<fd-dynamic-side-content class=\"tiles-sidebar-wrapper\" fillEmptySpace style=\"overflow: auto\">\r\n    <fd-dynamic-side-content-side>\r\n        <ng-container #containerRef></ng-container>\r\n    </fd-dynamic-side-content-side>\r\n    <fd-dynamic-side-content-main style=\"padding: 2rem\">\r\n        @if(firstReportLoaded()===false){\r\n        <fd-message-page type=\"no-items\" style=\"align-self: center; background: transparent\">\r\n            <fd-message-page-title>{{ 'SearchInReports' | bbbTranslate }}</fd-message-page-title>\r\n        </fd-message-page>\r\n        }\r\n        <router-outlet name=\"mainside\"> </router-outlet>\r\n    </fd-dynamic-side-content-main>\r\n</fd-dynamic-side-content>\r\n<div class=\"sidbar-outlet\">\r\n    <router-outlet></router-outlet>\r\n</div>\r\n", styles: [":host{width:100%;display:block}fd-dynamic-page ::ng-deep article fd-dynamic-page-content{padding:0}fd-dynamic-page ::ng-deep article fd-layout-panel{background-color:var(--sapBackgroundColor)}fd-dynamic-page ::ng-deep article li{border:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{max-width:20svw;width:20svw;overflow-y:auto;padding:0;background-color:var(--sapBaseColor);border:.0625rem solid var(--sapTile_SeparatorColor, #ccc);border-top:none}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep li span.haschildren{font-family:B-Font Medium}.tiles-sidebar-wrapper>fd-dynamic-side-content-side ::ng-deep bsu-barsa-ulv-main,.tiles-sidebar-wrapper>fd-dynamic-side-content-main ::ng-deep bsu-barsa-ulv-main{margin:0!important}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:80svw;max-width:80svw;background-color:var(--sapBaseColor)}@media (max-width: 799px){.tiles-sidebar-wrapper{flex-direction:column}.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:100svw;max-width:100svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:100svw;max-width:100svw}}@media (min-width: 800px) and (max-width: 1439px){.tiles-sidebar-wrapper>fd-dynamic-side-content-side{width:35svw;max-width:35svw;overflow:hidden}.tiles-sidebar-wrapper>fd-dynamic-side-content-main{width:65svw;max-width:65svw}}\n"], dependencies: [{ kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: i2$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "component", type: i3$3.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i3$3.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i4$3.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4$3.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4$3.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i5$4.MessagePageComponent, selector: "fd-message-page", inputs: ["class", "type", "hasIcon", "glyphFont", "glyph"] }, { kind: "component", type: i5$4.MessagePageTitleComponent, selector: "fd-message-page-title" }, { kind: "directive", type: i5.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["mode", "containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight", "setMaxHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i3.BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaTileSidebarPageComponent, decorators: [{
             type: Component,