@thetradeengineorg1/snova-shell-module 0.0.8 → 1.0.0

package/fesm2015/thetradeengineorg1-snova-shell-module.js

@@ -6,14 +6,14 @@ import * as i8 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i7 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
-import * as i28 from '@angular/material/progress-bar';
+import * as i27 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i7$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i17 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
-import * as i23 from '@angular/material/input';
+import * as i22 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i14 from '@angular/material/core';
 import { MAT_DATE_LOCALE, MAT_DATE_FORMATS, DateAdapter } from '@angular/material/core';
@@ -21,15 +21,12 @@ import * as i1$3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
 import * as i16 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i13 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import * as i12 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i19 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i12$1 from '@angular/material/grid-list';
 import { MatGridListModule } from '@angular/material/grid-list';
-import * as i34 from '@angular/material/select';
+import * as i33 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTableModule } from '@angular/material/table';
 import * as i2$4 from '@angular/material/tabs';
@@ -45,13 +42,13 @@ import { FlexLayoutModule } from '@angular/flex-layout';
 import { MomentDateAdapter, MAT_MOMENT_DATE_FORMATS } from '@angular/material-moment-adapter';
 import * as i2 from '@angular/router';
 import { NavigationEnd, NavigationError, NavigationCancel, NavigationStart, RouteConfigLoadStart, ResolveStart, RouteConfigLoadEnd, ResolveEnd, RouterModule } from '@angular/router';
-import * as i29 from '@thetradeengineorg1/snova-avatar';
+import * as i6$1 from '@thetradeengineorg1/snova-avatar';
 import { SnovasysAvatarModule } from '@thetradeengineorg1/snova-avatar';
 import * as i2$1 from '@thetradeengineorg1/snova-ndc-dynamic';
 import { DynamicModule } from '@thetradeengineorg1/snova-ndc-dynamic';
 import * as i5$1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import * as i20$1 from '@ncstate/sat-popover';
+import * as i23 from '@ncstate/sat-popover';
 import { SatPopoverModule } from '@ncstate/sat-popover';
 import * as i4 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
@@ -67,7 +64,7 @@ import * as i1$2 from '@ngrx/effects';
 import { ofType, Effect, EffectsModule } from '@ngrx/effects';
 import * as i2$3 from 'ngx-perfect-scrollbar';
 import { PERFECT_SCROLLBAR_CONFIG, PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
-import * as i35 from 'ngx-timeago';
+import * as i16$1 from 'ngx-timeago';
 import { TimeagoModule } from 'ngx-timeago';
 import { Guid } from 'guid-typescript';
 import * as _ from 'underscore';
@@ -83,23 +80,23 @@ import { faBox, faMapMarker, faKey, faGraduationCap, faBriefcase, faLanguage, fa
 import * as i3$1 from 'ngx-ui-loader';
 import { SPINNER, NgxUiLoaderModule } from 'ngx-ui-loader';
 import * as signalR from '@microsoft/signalr';
-import * as i11$1 from '@angular/cdk/bidi';
-import * as i22$1 from '@angular/flex-layout/extended';
+import * as i12$1 from '@angular/cdk/bidi';
 import { trigger, transition, style, animate } from '@angular/animations';
-import * as i20 from '@angular/flex-layout/flex';
-import * as i22 from '@angular/material/form-field';
-import * as i15 from '@thetradeengineorg1/snova-document-management';
+import * as i30 from '@angular/flex-layout/flex';
+import * as i21 from '@angular/material/form-field';
+import * as i15$1 from '@thetradeengineorg1/snova-document-management';
 import { FileResultModel, DocumentManagementModule } from '@thetradeengineorg1/snova-document-management';
 import Resumable from 'resumablejs';
 import * as i1$4 from 'ng-push-ivy';
 import { PushNotificationsModule } from 'ng-push-ivy';
-import * as i30 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i15 from '@angular/flex-layout/extended';
 import * as i7$2 from '@angular/material/divider';
-import * as i33 from 'ngx-dropzone';
+import * as i32 from 'ngx-dropzone';
 import { NgxDropzoneModule } from 'ngx-dropzone';
+import * as bootstrap from 'bootstrap';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { OWL_DATE_TIME_LOCALE, OwlDateTimeModule, OwlNativeDateTimeModule } from 'ng-pick-datetime';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { DropZoneModule } from '@thetradeengineorg1/snova-file-uploader';
 import * as i8$1 from '@swimlane/ngx-datatable';
 import { NgxDatatableModule } from '@swimlane/ngx-datatable';
@@ -1761,6 +1758,7 @@ function removeClass(el, className) {
 }
 function addClass(el, className) {
     const themeBaseColor = localStorage.getItem('themeColor');
+    // const themeBaseColor = '#2C3E50';
     if (themeBaseColor) {
         document.documentElement.style.setProperty('--primary-theme-color', themeBaseColor);
     }
@@ -6055,8 +6053,8 @@ class UserStoryParkNotificationModel extends NotificationOutputModel {
 class ExportConfigurationModel {
 }
 
-const _c0$b = ["allModuleSelected"];
-const _c1$5 = ["allDataSelected"];
+const _c0$a = ["allModuleSelected"];
+const _c1$3 = ["allDataSelected"];
 function ExportConfigurationDialogComponent_mat_option_21_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-option", 9, 10);
@@ -6397,8 +6395,8 @@ class ExportConfigurationDialogComponent {
 }
 ExportConfigurationDialogComponent.ɵfac = function ExportConfigurationDialogComponent_Factory(t) { return new (t || ExportConfigurationDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(CommonService), i0.ɵɵdirectiveInject(i6.ToastrService), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
 ExportConfigurationDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExportConfigurationDialogComponent, selectors: [["export-configuration-dialog"]], viewQuery: function ExportConfigurationDialogComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$b, 5);
-        i0.ɵɵviewQuery(_c1$5, 5);
+        i0.ɵɵviewQuery(_c0$a, 5);
+        i0.ɵɵviewQuery(_c1$3, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.allModuleSelected = _t.first);
@@ -6512,7 +6510,7 @@ ExportConfigurationDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent(
         i0.ɵɵproperty("ngIf", ctx.exportDataLoading);
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(44, 37, "ASSETS.CANCEL"), " ");
-    } }, directives: [i7.MatCardContent, i9.ɵNgNoValidate, i9.NgControlStatusGroup, i20.DefaultLayoutDirective, i9.FormGroupDirective, i20.DefaultFlexDirective, i11.MatCheckbox, i9.NgControlStatus, i9.FormControlName, i22.MatFormField, i34.MatSelect, i14.MatOption, i10.NgForOf, i8.MatButton, i4.FaIconComponent, i10.NgIf], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
+    } }, directives: [i7.MatCardContent, i9.ɵNgNoValidate, i9.NgControlStatusGroup, i30.DefaultLayoutDirective, i9.FormGroupDirective, i30.DefaultFlexDirective, i11.MatCheckbox, i9.NgControlStatus, i9.FormControlName, i21.MatFormField, i33.MatSelect, i14.MatOption, i10.NgForOf, i8.MatButton, i4.FaIconComponent, i10.NgIf], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExportConfigurationDialogComponent, [{
         type: Component,
         args: [{
@@ -6751,43 +6749,21 @@ RecentSearchService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: Rece
             }]
     }], function () { return [{ type: i1$1.HttpClient }]; }, null); })();
 
-class HighLightTextPipe {
-    transform(value, searchText) {
-        if (searchText == null || searchText == "") {
-            return value;
-        }
-        const regex = new RegExp(searchText, 'gi');
-        return value.replace(regex, (match) => `<strong>${match.replace(/\*/g, '')}</strong>`);
-    }
-}
-HighLightTextPipe.ɵfac = function HighLightTextPipe_Factory(t) { return new (t || HighLightTextPipe)(); };
-HighLightTextPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "highLightText", type: HighLightTextPipe, pure: true });
-HighLightTextPipe.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: HighLightTextPipe, factory: HighLightTextPipe.ɵfac, providedIn: 'root' });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HighLightTextPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'highLightText'
-            }]
-    }, {
-        type: Injectable,
-        args: [{ providedIn: 'root' }]
-    }], null, null); })();
-
-const _c0$a = ["menuTrigger"];
-const _c1$4 = ["element"];
-const _c2$3 = ["workspaceElement"];
-const _c3$2 = ["menuElement"];
+const _c0$9 = ["menuTrigger"];
+const _c1$2 = ["element"];
+const _c2$1 = ["workspaceElement"];
+const _c3$1 = ["menuElement"];
 const _c4$1 = ["addWorkspace"];
 const _c5$1 = ["allSelected"];
 const _c6$1 = ["allEditSelected"];
 const _c7$1 = ["allDeleteSelected"];
 const _c8$1 = ["infoPopOver"];
 const _c9$1 = ["openMenuPopUp"];
-function MenuComponent_div_9_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
+function MenuComponent_div_5_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 55);
-    i0.ɵɵlistener("click", function MenuComponent_div_9_div_1_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r36); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r34 = i0.ɵɵnextContext(); return ctx_r34.selectMenu(item_r32, $event); });
+    i0.ɵɵelementStart(1, "button", 31);
+    i0.ɵɵlistener("click", function MenuComponent_div_5_div_1_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r19); const item_r15 = i0.ɵɵnextContext().$implicit; const ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.selectMenu(item_r15, $event); });
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -6796,29 +6772,29 @@ function MenuComponent_div_9_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r32 = i0.ɵɵnextContext().$implicit;
-    const ctx_r33 = i0.ɵɵnextContext();
+    const item_r15 = i0.ɵɵnextContext().$implicit;
+    const ctx_r16 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate1("routerLink", "/", item_r32.state, "");
+    i0.ɵɵpropertyInterpolate1("routerLink", "/", item_r15.state, "");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r32.icon);
+    i0.ɵɵtextInterpolate(item_r15.icon);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(5, 3, item_r32.menu, ctx_r33.softLabels), " ");
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(5, 3, item_r15.menu, ctx_r16.softLabels), " ");
 } }
-function MenuComponent_div_9_Template(rf, ctx) { if (rf & 1) {
+function MenuComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, MenuComponent_div_9_div_1_Template, 6, 6, "div", 16);
+    i0.ɵɵtemplate(1, MenuComponent_div_5_div_1_Template, 6, 6, "div", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r32 = ctx.$implicit;
+    const item_r15 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r32.type == "link" || item_r32.type == "applicationlink");
+    i0.ɵɵproperty("ngIf", item_r15.type == "link" || item_r15.type == "applicationlink");
 } }
-function MenuComponent_div_10_Template(rf, ctx) { if (rf & 1) {
-    const _r39 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵelementStart(1, "fa-icon", 57);
-    i0.ɵɵlistener("click", function MenuComponent_div_10_Template_fa_icon_click_1_listener() { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return ctx_r38.openApps(); });
+function MenuComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelementStart(1, "fa-icon", 33);
+    i0.ɵɵlistener("click", function MenuComponent_div_6_Template_fa_icon_click_1_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(); return ctx_r21.openApps(); });
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -6828,434 +6804,7 @@ function MenuComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(2, 2, "APP.APPSTORE"));
 } }
-function MenuComponent_span_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 58);
-    i0.ɵɵtext(1, "@ \u00A0");
-    i0.ɵɵelementEnd();
-} }
-function MenuComponent_span_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 58);
-    i0.ɵɵtext(1, "# \u00A0");
-    i0.ɵɵelementEnd();
-} }
-function MenuComponent_span_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span");
-} }
-function MenuComponent_mat_icon_20_Template(rf, ctx) { if (rf & 1) {
-    const _r41 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-icon", 59);
-    i0.ɵɵlistener("click", function MenuComponent_mat_icon_20_Template_mat_icon_click_0_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(); return ctx_r40.closeSearch($event); });
-    i0.ɵɵtext(1, " close");
-    i0.ɵɵelementEnd();
-} }
-function MenuComponent_mat_progress_bar_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-progress-bar", 60);
-} }
-const _c10$1 = function () { return { exact: true }; };
-function MenuComponent_div_29_ng_container_5_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r49 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 65);
-    i0.ɵɵlistener("mousedown", function MenuComponent_div_29_ng_container_5_div_1_div_1_Template_button_mousedown_1_listener($event) { i0.ɵɵrestoreView(_r49); const item_r44 = i0.ɵɵnextContext().$implicit; const ctx_r47 = i0.ɵɵnextContext(3); return ctx_r47.selectAdimnTool(item_r44.state, $event, item_r44); });
-    i0.ɵɵpipe(2, "softLabelsPipe");
-    i0.ɵɵelementStart(3, "mat-icon", 66);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "span", 67);
-    i0.ɵɵpipe(6, "highLightText");
-    i0.ɵɵpipe(7, "softLabelsPipe");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r50 = i0.ɵɵnextContext();
-    const item_r44 = ctx_r50.$implicit;
-    const i_r45 = ctx_r50.index;
-    const ctx_r46 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate1("routerLink", "/", item_r44.state, "");
-    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r46.translateapplicationname(i0.ɵɵpipeBind2(2, 7, item_r44.menu, ctx_r46.softLabels)));
-    i0.ɵɵproperty("ngClass", ctx_r46.selectedRowIndex == i_r45 ? "color-text" : "color-text1")("routerLinkActiveOptions", i0.ɵɵpureFunction0(16, _c10$1));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r46.selectedRowIndex == i_r45 ? "color-text" : "color-text1");
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", item_r44.icon, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(6, 10, i0.ɵɵpipeBind2(7, 13, ctx_r46.translateapplicationname(item_r44.menu), ctx_r46.softLabels), ctx_r46.searchText), i0.ɵɵsanitizeHtml);
-} }
-function MenuComponent_div_29_ng_container_5_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, MenuComponent_div_29_ng_container_5_div_1_div_1_Template, 8, 17, "div", 16);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r44 = ctx.$implicit;
-    const i_r45 = ctx.index;
-    const ctx_r43 = i0.ɵɵnextContext(3);
-    i0.ɵɵstyleProp("background-color", ctx_r43.selectedRowIndex == i_r45 ? ctx_r43.themeBaseColor : "white");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r44.type == "link" || item_r44.type == "applicationlink");
-} }
-function MenuComponent_div_29_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, MenuComponent_div_29_ng_container_5_div_1_Template, 2, 3, "div", 64);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r42 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r42.items);
-} }
-function MenuComponent_div_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61);
-    i0.ɵɵelementStart(1, "div", 62);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 63);
-    i0.ɵɵtemplate(5, MenuComponent_div_29_ng_container_5_Template, 2, 1, "ng-container", 16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r10 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "SHELL.APPLICATIONS"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r10.items && ctx_r10.items.length > 0);
-} }
-function MenuComponent_div_30_div_1_fa_icon_4_Template(rf, ctx) { if (rf & 1) {
-    const _r55 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "fa-icon", 72);
-    i0.ɵɵlistener("click", function MenuComponent_div_30_div_1_fa_icon_4_Template_fa_icon_click_0_listener() { i0.ɵɵrestoreView(_r55); const ctx_r54 = i0.ɵɵnextContext(3); ctx_r54.initializeWorkspaceForm(); return ctx_r54.openWorkspaceForm(); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext(3);
-    const _r18 = i0.ɵɵreference(38);
-    i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(1, 2, "APP.ADDDASHBOARD"));
-    i0.ɵɵproperty("satPopoverAnchorFor", _r18);
-} }
-function MenuComponent_div_30_div_1_ng_container_6_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r61 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 74, 75);
-    i0.ɵɵelementStart(2, "button", 76);
-    i0.ɵɵlistener("mousedown", function MenuComponent_div_30_div_1_ng_container_6_div_1_Template_button_mousedown_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r61); const wc_r57 = restoredCtx.$implicit; const ctx_r60 = i0.ɵɵnextContext(4); return ctx_r60.selectMenu(wc_r57, $event); })("click", function MenuComponent_div_30_div_1_ng_container_6_div_1_Template_button_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r61); const wc_r57 = restoredCtx.$implicit; const ctx_r62 = i0.ɵɵnextContext(4); return ctx_r62.navigateToUrl(wc_r57.workspaceId); });
-    i0.ɵɵelement(3, "span", 67);
-    i0.ɵɵpipe(4, "highLightText");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const wc_r57 = ctx.$implicit;
-    const i_r58 = ctx.index;
-    const ctx_r56 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleProp("background-color", ctx_r56.ws == i_r58 ? ctx_r56.themeBaseColor : "white");
-    i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate1("routerLink", "/dashboard-management/dashboard/", wc_r57.workspaceId, "");
-    i0.ɵɵpropertyInterpolate("matTooltip", wc_r57.workspaceName);
-    i0.ɵɵproperty("ngClass", ctx_r56.ws == i_r58 ? "color-text" : "color-text1");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(4, 6, wc_r57.workspaceName, ctx_r56.searchText), i0.ɵɵsanitizeHtml);
-} }
-function MenuComponent_div_30_div_1_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, MenuComponent_div_30_div_1_ng_container_6_div_1_Template, 5, 9, "div", 73);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r53 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r53.workspaces);
-} }
-function MenuComponent_div_30_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵelementStart(1, "div", 62);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵtemplate(4, MenuComponent_div_30_div_1_fa_icon_4_Template, 2, 4, "fa-icon", 70);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 71);
-    i0.ɵɵtemplate(6, MenuComponent_div_30_div_1_ng_container_6_Template, 2, 1, "ng-container", 16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r51 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 3, "SHELL.DASHBOARDS"), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r51.canAccess_feature_AddDashboard);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r51.workspaces && ctx_r51.workspaces.length > 0);
-} }
-function MenuComponent_div_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68);
-    i0.ɵɵtemplate(1, MenuComponent_div_30_div_1_Template, 7, 5, "div", 27);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r11.workspaces && ctx_r11.workspaces.length > 0);
-} }
-function MenuComponent_div_31_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r67 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 79);
-    i0.ɵɵlistener("mousedown", function MenuComponent_div_31_div_5_Template_button_mousedown_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r67); const widget_r64 = restoredCtx.$implicit; const ctx_r66 = i0.ɵɵnextContext(2); return ctx_r66.OnSelect(widget_r64, $event); });
-    i0.ɵɵpipe(2, "softLabelsPipe");
-    i0.ɵɵelement(3, "span", 67);
-    i0.ɵɵpipe(4, "highLightText");
-    i0.ɵɵpipe(5, "softLabelsPipe");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const widget_r64 = ctx.$implicit;
-    const i_r65 = ctx.index;
-    const ctx_r63 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("background-color", ctx_r63.wd == i_r65 ? ctx_r63.themeBaseColor : "white");
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate1("routerLink", "/dashboard-management/widgets/", widget_r64.widgetId, "");
-    i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind2(2, 7, widget_r64.widgetName, ctx_r63.softLabels));
-    i0.ɵɵproperty("routerLinkActiveOptions", i0.ɵɵpureFunction0(16, _c10$1))("ngClass", ctx_r63.wd == i_r65 ? "color-text" : "color-text1");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(4, 10, i0.ɵɵpipeBind2(5, 13, widget_r64.widgetName, ctx_r63.softLabels), ctx_r63.searchText), i0.ɵɵsanitizeHtml);
-} }
-function MenuComponent_div_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵelementStart(1, "div", 62);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 78);
-    i0.ɵɵtemplate(5, MenuComponent_div_31_div_5_Template, 6, 17, "div", 64);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r12 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "SHELL.FAVOURITEAPPS"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", ctx_r12.widgets);
-} }
-function MenuComponent_div_32_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r72 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 81);
-    i0.ɵɵlistener("mousedown", function MenuComponent_div_32_div_4_Template_button_mousedown_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r72); const project_r69 = restoredCtx.$implicit; const ctx_r71 = i0.ɵɵnextContext(2); return ctx_r71.onProjectSelect(project_r69, $event); });
-    i0.ɵɵpipe(2, "softLabelsPipe");
-    i0.ɵɵelement(3, "span", 67);
-    i0.ɵɵpipe(4, "highLightText");
-    i0.ɵɵpipe(5, "softLabelsPipe");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const project_r69 = ctx.$implicit;
-    const i_r70 = ctx.index;
-    const ctx_r68 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("background-color", ctx_r68.projectIndex == i_r70 ? ctx_r68.themeBaseColor : "white");
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind2(2, 6, project_r69.itemName, ctx_r68.softLabels));
-    i0.ɵɵproperty("routerLinkActiveOptions", i0.ɵɵpureFunction0(15, _c10$1))("ngClass", ctx_r68.projectIndex == i_r70 ? "color-text" : "color-text1");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(4, 9, i0.ɵɵpipeBind2(5, 12, project_r69.itemName, ctx_r68.softLabels), ctx_r68.searchText), i0.ɵɵsanitizeHtml);
-} }
-function MenuComponent_div_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵelementStart(1, "div", 62);
-    i0.ɵɵtext(2, "Projects");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 80);
-    i0.ɵɵtemplate(4, MenuComponent_div_32_div_4_Template, 6, 16, "div", 64);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r13.projectList);
-} }
-function MenuComponent_div_33_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "SHELL.WIBUG"));
-} }
-function MenuComponent_div_33_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "SHELL.WI"));
-} }
-function MenuComponent_div_33_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r79 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 81);
-    i0.ɵɵlistener("mousedown", function MenuComponent_div_33_div_4_Template_button_mousedown_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r79); const userStory_r76 = restoredCtx.$implicit; const ctx_r78 = i0.ɵɵnextContext(2); return ctx_r78.OnUserStorySelect(userStory_r76, $event); });
-    i0.ɵɵpipe(2, "softLabelsPipe");
-    i0.ɵɵelement(3, "span", 67);
-    i0.ɵɵpipe(4, "highLightText");
-    i0.ɵɵpipe(5, "softLabelsPipe");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const userStory_r76 = ctx.$implicit;
-    const i_r77 = ctx.index;
-    const ctx_r75 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("background-color", ctx_r75.users == i_r77 ? ctx_r75.themeBaseColor : "white");
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind2(2, 6, userStory_r76.itemName, ctx_r75.softLabels));
-    i0.ɵɵproperty("routerLinkActiveOptions", i0.ɵɵpureFunction0(15, _c10$1))("ngClass", ctx_r75.users == i_r77 ? "color-text" : "color-text1");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(4, 9, i0.ɵɵpipeBind2(5, 12, userStory_r76.itemName, ctx_r75.softLabels), ctx_r75.searchText), i0.ɵɵsanitizeHtml);
-} }
-function MenuComponent_div_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵtemplate(1, MenuComponent_div_33_div_1_Template, 3, 3, "div", 82);
-    i0.ɵɵtemplate(2, MenuComponent_div_33_div_2_Template, 3, 3, "div", 82);
-    i0.ɵɵelementStart(3, "div", 83);
-    i0.ɵɵtemplate(4, MenuComponent_div_33_div_4_Template, 6, 16, "div", 64);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r14 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r14.isEnableBugBoard);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r14.isEnableBugBoard);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", ctx_r14.userStorySearchList);
-} }
-function MenuComponent_div_34_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r84 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 81);
-    i0.ɵɵlistener("mousedown", function MenuComponent_div_34_div_5_Template_button_mousedown_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r84); const goal_r81 = restoredCtx.$implicit; const ctx_r83 = i0.ɵɵnextContext(2); return ctx_r83.OnGoalSelect(goal_r81, $event); });
-    i0.ɵɵpipe(2, "softLabelsPipe");
-    i0.ɵɵelement(3, "span", 67);
-    i0.ɵɵpipe(4, "highLightText");
-    i0.ɵɵpipe(5, "softLabelsPipe");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const goal_r81 = ctx.$implicit;
-    const i_r82 = ctx.index;
-    const ctx_r80 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("background-color", ctx_r80.goalIndex == i_r82 ? ctx_r80.themeBaseColor : "white");
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind2(2, 6, goal_r81.itemName, ctx_r80.softLabels));
-    i0.ɵɵproperty("routerLinkActiveOptions", i0.ɵɵpureFunction0(15, _c10$1))("ngClass", ctx_r80.goalIndex == i_r82 ? "color-text" : "color-text1");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(4, 9, i0.ɵɵpipeBind2(5, 12, goal_r81.itemName, ctx_r80.softLabels), ctx_r80.searchText), i0.ɵɵsanitizeHtml);
-} }
-function MenuComponent_div_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵelementStart(1, "div", 62);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 84);
-    i0.ɵɵtemplate(5, MenuComponent_div_34_div_5_Template, 6, 16, "div", 64);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r15 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "SHELL.GOALSPRINT"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", ctx_r15.goalSearchList);
-} }
-function MenuComponent_div_35_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r90 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 87, 75);
-    i0.ɵɵelementStart(2, "button", 88);
-    i0.ɵɵlistener("mousedown", function MenuComponent_div_35_div_4_Template_button_mousedown_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r90); const employee_r86 = restoredCtx.$implicit; const ctx_r89 = i0.ɵɵnextContext(2); return ctx_r89.selectEmployee(employee_r86, $event); });
-    i0.ɵɵelementStart(3, "div", 89);
-    i0.ɵɵelementStart(4, "app-avatar", 90);
-    i0.ɵɵlistener("click", function MenuComponent_div_35_div_4_Template_app_avatar_click_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r90); const employee_r86 = restoredCtx.$implicit; const ctx_r91 = i0.ɵɵnextContext(2); ctx_r91.profilePage(employee_r86.userId); return $event.stopPropagation(); });
-    i0.ɵɵpipe(5, "removeSpecialCharacters");
-    i0.ɵɵpipe(6, "fetchSizedAndCachedImage");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 91);
-    i0.ɵɵelement(8, "span", 67);
-    i0.ɵɵpipe(9, "highLightText");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const employee_r86 = ctx.$implicit;
-    const i_r87 = ctx.index;
-    const ctx_r85 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("background-color", ctx_r85.selectedEmployeeIndex == i_r87 ? ctx_r85.themeBaseColor : "white");
-    i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate1("routerLink", "/dashboard/profile/", employee_r86.itemId, "/overview");
-    i0.ɵɵpropertyInterpolate("matTooltip", employee_r86.itemName);
-    i0.ɵɵproperty("ngClass", ctx_r85.selectedEmployeeIndex == i_r87 ? "color-text" : "color-text1");
-    i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate("matTooltip", employee_r86.itemName);
-    i0.ɵɵproperty("name", i0.ɵɵpipeBind1(5, 10, employee_r86.itemName))("src", i0.ɵɵpipeBind3(6, 12, employee_r86.profileImage, "20", ""))("isRound", true);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(9, 16, employee_r86.itemName, ctx_r85.searchText), i0.ɵɵsanitizeHtml);
-} }
-function MenuComponent_div_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵelementStart(1, "div", 62);
-    i0.ɵɵtext(2, "Employees");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 85);
-    i0.ɵɵtemplate(4, MenuComponent_div_35_div_4_Template, 10, 19, "div", 86);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r16 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r16.employeeList);
-} }
-function MenuComponent_div_36_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r96 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 93);
-    i0.ɵɵlistener("mousedown", function MenuComponent_div_36_div_5_Template_button_mousedown_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r96); const search_r93 = restoredCtx.$implicit; const ctx_r95 = i0.ɵɵnextContext(2); ctx_r95.searchText = search_r93.recentSearch; return ctx_r95.SearchRecentItem(search_r93, $event); });
-    i0.ɵɵpipe(2, "softLabelsPipe");
-    i0.ɵɵpipe(3, "timeago");
-    i0.ɵɵelement(4, "span", 67);
-    i0.ɵɵpipe(5, "highLightText");
-    i0.ɵɵpipe(6, "softLabelsPipe");
-    i0.ɵɵtext(7);
-    i0.ɵɵpipe(8, "timeago");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const search_r93 = ctx.$implicit;
-    const i_r94 = ctx.index;
-    const ctx_r92 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("background-color", ctx_r92.rs == i_r94 ? ctx_r92.themeBaseColor : "white");
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate2("matTooltip", "", i0.ɵɵpipeBind2(2, 7, search_r93.recentSearch, ctx_r92.softLabels), " \n          (", i0.ɵɵpipeBind1(3, 10, ctx_r92.convertToLocalTime(search_r93.createdDateTime)), ")");
-    i0.ɵɵproperty("ngClass", ctx_r92.rs == i_r94 ? "color-text" : "color-text1");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 12, i0.ɵɵpipeBind2(6, 15, search_r93.recentSearch, ctx_r92.softLabels), ctx_r92.searchText), i0.ɵɵsanitizeHtml);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" (", i0.ɵɵpipeBind1(8, 18, ctx_r92.convertToLocalTime(search_r93.createdDateTime)), ") ");
-} }
-function MenuComponent_div_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵelementStart(1, "div", 62);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 92);
-    i0.ɵɵtemplate(5, MenuComponent_div_36_div_5_Template, 9, 20, "div", 64);
-    i0.ɵɵpipe(6, "slice");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r17 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "SHELL.RECENTSEARCHS"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind3(6, 4, ctx_r17.recentSearches, 0, 9));
-} }
-function MenuComponent_mat_error_50_Template(rf, ctx) { if (rf & 1) {
+function MenuComponent_mat_error_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-error");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
@@ -7264,7 +6813,7 @@ function MenuComponent_mat_error_50_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "APP.DASHBOARDNAMEREQUIRED"), " ");
 } }
-function MenuComponent_mat_error_51_Template(rf, ctx) { if (rf & 1) {
+function MenuComponent_mat_error_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-error");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
@@ -7273,7 +6822,7 @@ function MenuComponent_mat_error_51_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "APP.DASHBOARDNAMELENGTHEXCEED"), " ");
 } }
-function MenuComponent_mat_error_55_Template(rf, ctx) { if (rf & 1) {
+function MenuComponent_mat_error_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-error");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
@@ -7282,19 +6831,19 @@ function MenuComponent_mat_error_55_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "APP.CUSTOMAPPDESCRIPTIONMAXLENGTHERROR"), " ");
 } }
-function MenuComponent_mat_option_63_Template(rf, ctx) { if (rf & 1) {
-    const _r100 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-option", 40, 41);
-    i0.ɵɵlistener("click", function MenuComponent_mat_option_63_Template_mat_option_click_0_listener() { i0.ɵɵrestoreView(_r100); const _r98 = i0.ɵɵreference(1); const ctx_r99 = i0.ɵɵnextContext(); return ctx_r99.toggleRolesPerOne(_r98.value); });
+function MenuComponent_mat_option_33_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-option", 19, 20);
+    i0.ɵɵlistener("click", function MenuComponent_mat_option_33_Template_mat_option_click_0_listener() { i0.ɵɵrestoreView(_r26); const _r24 = i0.ɵɵreference(1); const ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.toggleRolesPerOne(_r24.value); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const roles_r97 = ctx.$implicit;
-    i0.ɵɵproperty("value", roles_r97.roleId);
+    const roles_r23 = ctx.$implicit;
+    i0.ɵɵproperty("value", roles_r23.roleId);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", roles_r97.roleName, " ");
+    i0.ɵɵtextInterpolate1(" ", roles_r23.roleName, " ");
 } }
-function MenuComponent_mat_error_64_Template(rf, ctx) { if (rf & 1) {
+function MenuComponent_mat_error_34_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-error");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
@@ -7303,39 +6852,33 @@ function MenuComponent_mat_error_64_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "APP.SELECTANYROLE"), " ");
 } }
-function MenuComponent_mat_option_72_Template(rf, ctx) { if (rf & 1) {
-    const _r104 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-option", 40, 44);
-    i0.ɵɵlistener("click", function MenuComponent_mat_option_72_Template_mat_option_click_0_listener() { i0.ɵɵrestoreView(_r104); const ctx_r103 = i0.ɵɵnextContext(); return ctx_r103.toggleEditRolesPerOne(); });
+function MenuComponent_mat_option_42_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-option", 19, 23);
+    i0.ɵɵlistener("click", function MenuComponent_mat_option_42_Template_mat_option_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return ctx_r29.toggleEditRolesPerOne(); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const role_r101 = ctx.$implicit;
-    i0.ɵɵproperty("value", role_r101.roleId);
+    const role_r27 = ctx.$implicit;
+    i0.ɵɵproperty("value", role_r27.roleId);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", role_r101.roleName, " ");
+    i0.ɵɵtextInterpolate1(" ", role_r27.roleName, " ");
 } }
-function MenuComponent_mat_option_80_Template(rf, ctx) { if (rf & 1) {
-    const _r108 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-option", 40, 46);
-    i0.ɵɵlistener("click", function MenuComponent_mat_option_80_Template_mat_option_click_0_listener() { i0.ɵɵrestoreView(_r108); const ctx_r107 = i0.ɵɵnextContext(); return ctx_r107.toggleDeleteRolesPerOne(); });
+function MenuComponent_mat_option_50_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-option", 19, 25);
+    i0.ɵɵlistener("click", function MenuComponent_mat_option_50_Template_mat_option_click_0_listener() { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.toggleDeleteRolesPerOne(); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const role_r105 = ctx.$implicit;
-    i0.ɵɵproperty("value", role_r105.roleId);
+    const role_r31 = ctx.$implicit;
+    i0.ɵɵproperty("value", role_r31.roleId);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", role_r105.roleName, " ");
-} }
-function MenuComponent_mat_progress_bar_83_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-progress-bar", 60);
+    i0.ɵɵtextInterpolate1(" ", role_r31.roleName, " ");
 } }
-function MenuComponent_mat_spinner_127_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-spinner", 94);
-} if (rf & 2) {
-    i0.ɵɵproperty("diameter", 100);
+function MenuComponent_mat_progress_bar_53_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-progress-bar", 34);
 } }
-const _c11 = function (a0, a1) { return { "d-block": a0, "d-none": a1 }; };
 /** @dynamic */
 class MenuComponent extends CustomAppBaseComponent {
     constructor(store, cookieService, routes, toastr, translateService, authenticationService, route, dialog, rss, location, themeService, actionUpdates$, cdRef, window, googleAnalyticsService, commonService) {
@@ -7413,7 +6956,10 @@ class MenuComponent extends CustomAppBaseComponent {
         var companySettingsModel = JSON.parse(localStorage.getItem(LocalStorageProperties.CompanySettings));
         this.companyMainLogo = companySettingsModel.find(x => x.key.toLowerCase() == "mainlogo") != null ? companySettingsModel.find(x => x.key.toLowerCase() == "mainlogo").value : this.companyMainLogo;
         this.companyMiniLogo = companySettingsModel.find(x => x.key.toLowerCase() == "minilogo") != null ? companySettingsModel.find(x => x.key.toLowerCase() == "minilogo").value : this.companyMiniLogo;
-        document.getElementById("shortcut-fav-icon").setAttribute("href", this.themeModel.companyMiniLogo);
+        const favicon = document.getElementById("shortcut-fav-icon");
+        if (favicon) {
+            favicon.setAttribute("href", this.themeModel.companyMiniLogo);
+        }
         this.themeBaseColor = localStorage.getItem('themeColor');
         // // this.themeModel = this.cookieService.check('CompanyTheme') ? JSON.parse(this.cookieService.get("CompanyTheme")) : null;
         // // if (this.themeModel && this.themeModel.companyThemeId !== "00000000-0000-0000-0000-000000000000") {
@@ -9695,10 +9241,10 @@ class MenuComponent extends CustomAppBaseComponent {
 }
 MenuComponent.ɵfac = function MenuComponent_Factory(t) { return new (t || MenuComponent)(i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i6.ToastrService), i0.ɵɵdirectiveInject(i5$1.TranslateService), i0.ɵɵdirectiveInject(AuthenticationService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(RecentSearchService), i0.ɵɵdirectiveInject(i10.Location), i0.ɵɵdirectiveInject(ThemeService), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(WINDOW), i0.ɵɵdirectiveInject(GoogleAnalyticsService), i0.ɵɵdirectiveInject(CommonService)); };
 MenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuComponent, selectors: [["app-menu"]], viewQuery: function MenuComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$a, 5);
-        i0.ɵɵviewQuery(_c1$4, 5);
-        i0.ɵɵviewQuery(_c2$3, 5);
-        i0.ɵɵviewQuery(_c3$2, 5);
+        i0.ɵɵviewQuery(_c0$9, 5);
+        i0.ɵɵviewQuery(_c1$2, 5);
+        i0.ɵɵviewQuery(_c2$1, 5);
+        i0.ɵɵviewQuery(_c3$1, 5);
         i0.ɵɵviewQuery(_c4$1, 5);
         i0.ɵɵviewQuery(_c5$1, 5);
         i0.ɵɵviewQuery(_c6$1, 5);
@@ -9719,284 +9265,145 @@ MenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuComponent
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.openMenuPopOver = _t);
     } }, hostBindings: function MenuComponent_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("keydown.control.q", function MenuComponent_keydown_control_q_HostBindingHandler() { return ctx.keyOpenEvent(); }, false, i0.ɵɵresolveDocument)("keydown.control.m", function MenuComponent_keydown_control_m_HostBindingHandler() { return ctx.keyCloseEvent(); }, false, i0.ɵɵresolveDocument)("keydown.control.b", function MenuComponent_keydown_control_b_HostBindingHandler() { return ctx.remoteSearchByText(); }, false, i0.ɵɵresolveDocument)("keydown.control.y", function MenuComponent_keydown_control_y_HostBindingHandler() { return ctx.remoteSearchById(); }, false, i0.ɵɵresolveDocument);
-    } }, inputs: { reloadAll: ["reload", "reloadAll"] }, outputs: { isOpened: "isOpened", openNewDashboard: "openNewDashboard" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 128, vars: 93, consts: [["type", "submit", "mat-icon-button", "", "fxHide.gt-xs", "", "fxShow", "", 1, "visibles", 3, "matMenuTriggerFor"], [1, "newMenu"], ["fxFlex", "", "fxHide.gt-xs", "", "fxShow", "", 1, "newLogo", "default-bg", "top-logo-bg", "newminilogo", "zoom-image-hover"], ["alt", "", "id", "mini-logo-topbar", 2, "width", "30px", "height", "30px", 3, "src", "click"], ["fxFlex", "", "fxHide", "", "fxShow.gt-xs", "", 1, "newLogo", "top-logo-bg", "apps-button", "zoom-image-hover", 2, "left", "0px"], ["id", "main-logo-topbar", 1, "img-height-main-logo-topbar", 2, "cursor", "pointer", "left", "20px", "left", "20px", "position", "relative", 3, "src", "click"], ["yPosition", "below", 1, "filter-panel", 2, "height", "auto", 3, "click"], ["menus", "matMenu"], [4, "ngFor", "ngForOf"], ["style", "position: relative;\nleft: 90%", "class", "store-icom mat-icon-button", 3, "ngClass", 4, "ngIf"], [1, "SearchBox", "dropdown", 2, "position", "absolute !important"], ["class", "mat-color-accent input-group-addon", 4, "ngIf"], ["type", "text", "autocomplete", "off", 1, "SearchBox-input", "dropbtn", 3, "placeholder", "ngModel", "ngModelChange", "input", "click", "focus", "blur", "keydown.enter", "keydown.arrowdown", "keydown.arrowup", "keydown.arrowleft", "keydown.arrowright"], ["element", ""], [1, "SearchBox-button"], [1, "close_icon_search"], [4, "ngIf"], ["class", "icon-button mr-05", "aria-hidden", "false", "style", "cursor:pointer", 3, "click", 4, "ngIf"], ["color", "primary", 1, "SearchBox-icon", "icon-color", "mt-lg-n2", "mr-05", "info-class", 3, "satPopoverAnchorFor", "click"], ["infoPopOver", "satPopoverAnchor"], ["color", "primary", 1, "SearchBox-icon", "icon-color", "mt-lg-n2"], [1, "dropdown-content", 3, "ngClass"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [1, "row", "rowselect"], ["class", "column columnselect-next pl-05", 4, "ngIf"], ["class", "column pl-05", 4, "ngIf"], ["class", "column columnselect-apps ml-0", 4, "ngIf"], ["class", "columnselect-next ml-0", 4, "ngIf"], ["backdropClass", "backdrop-color", "hasBackdrop", "", "verticalAlign", "below", "horizontalAlign", "end", 3, "interactiveClose"], ["addWorkspace", ""], [1, "filter-data", "p-0"], [1, "text-center"], [1, "card-title-text", "mat-bg-primary", "p-05", "mb-1"], ["novalidate", "", 3, "formGroup", "submit"], [1, "card-content"], [1, "full-width"], ["matInput", "", "formControlName", "workspaceName", 3, "placeholder"], ["matInput", "", "formControlName", "description", "rows", "2", 3, "placeholder"], [1, "full-width", 3, "click"], ["formControlName", "selectedRoles", "multiple", "", "required", "", 3, "compareWith", "placeholder"], [3, "value", "click"], ["allSelected", ""], [3, "value", "click", 4, "ngFor", "ngForOf"], ["formControlName", "editRoleIds", "multiple", "", 3, "compareWith", "placeholder"], ["allEditSelected", ""], ["formControlName", "deleteRoleIds", "multiple", "", 3, "compareWith", "placeholder"], ["allDeleteSelected", ""], ["mat-button", "", "mat-raised-button", "", "color", "primary", "type", "button", 1, "mr-1", 3, "disabled", "click"], ["icon", "plus", 1, "mr-05"], ["mat-button", "", "mat-raised-button", "", "type", "button", 3, "click"], ["icon", "times", 1, "mr-05"], ["hasBackdrop", "", "verticalAlign", "above", 3, "interactiveClose"], ["p", ""], [1, "tooltip-wrapper"], ["class", "spinner-class", 3, "diameter", 4, "ngIf"], ["mat-menu-item", "", "routerLinkActive", "item-active", 3, "routerLink", "click"], [1, "store-icom", "mat-icon-button", 2, "position", "relative", "left", "90%", 3, "ngClass"], ["icon", "store", "matTooltipClass", "tooltipClass-mat", 1, "mat-color-accent", "cursor-pointer", "theme-navbar-icon-color", 2, "font-size", "20px !important", 3, "matTooltip", "click"], [1, "mat-color-accent", "input-group-addon"], ["aria-hidden", "false", 1, "icon-button", "mr-05", 2, "cursor", "pointer", 3, "click"], ["color", "primary", "mode", "indeterminate"], [1, "column", "columnselect-next", "pl-05"], [1, "in-header"], ["id", "style-1", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], [3, "background-color", 4, "ngFor", "ngForOf"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "routerLink", "ngClass", "routerLinkActiveOptions", "matTooltip", "mousedown"], [1, "icon-color", 3, "ngClass"], [3, "innerHTML"], [1, "column", "pl-05"], [1, "columnselect-next", "ml-0"], ["icon", "plus-square", "class", "mat-color-accent cursor-pointer", 3, "matTooltip", "satPopoverAnchorFor", "click", 4, "ngIf"], ["id", "style-2", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["icon", "plus-square", 1, "mat-color-accent", "cursor-pointer", 3, "matTooltip", "satPopoverAnchorFor", "click"], ["class", "scroll", 3, "background-color", 4, "ngFor", "ngForOf"], [1, "scroll"], ["workspaceElement", ""], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "ngClass", "routerLink", "matTooltip", "mousedown", "click"], [1, "column", "columnselect-apps", "ml-0"], ["id", "style-3", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "routerLinkActiveOptions", "routerLink", "ngClass", "matTooltip", "mousedown"], ["id", "style-7", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "routerLinkActiveOptions", "ngClass", "matTooltip", "mousedown"], ["class", "in-header", 4, "ngIf"], ["id", "style-5", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["id", "style-6", 1, "scroll", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["id", "style-4", 2, "background-color", "white !important", "height", "445px !important", "overflow", "auto"], ["style", "background-color: white;", 3, "background-color", 4, "ngFor", "ngForOf"], [2, "background-color", "white"], ["mat-menu-item", "", "routerLinkActive", "item-active", "matTooltipClass", "tooltipClass-mat", 3, "ngClass", "routerLink", "matTooltip", "mousedown"], ["fxLayout", "row"], ["fxLayoutAlign", "start center", "size", "20", 3, "name", "matTooltip", "src", "isRound", "click"], [1, "ml-05"], [2, "background-color", "white !important", "height", "445px !important"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "ngClass", "matTooltip", "mousedown"], [1, "spinner-class", 3, "diameter"]], template: function MenuComponent_Template(rf, ctx) { if (rf & 1) {
-        const _r109 = i0.ɵɵgetCurrentView();
+    } }, inputs: { reloadAll: ["reload", "reloadAll"] }, outputs: { isOpened: "isOpened", openNewDashboard: "openNewDashboard" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 61, vars: 53, consts: [["type", "submit", "mat-icon-button", "", "fxHide.gt-xs", "", "fxShow", "", 1, "visibles", 3, "matMenuTriggerFor"], [1, "newMenu"], ["yPosition", "below", 1, "filter-panel", 2, "height", "auto", 3, "click"], ["menus", "matMenu"], [4, "ngFor", "ngForOf"], ["style", "position: relative; left: 100%", "class", "store-icom mat-icon-button", 3, "ngClass", 4, "ngIf"], ["backdropClass", "backdrop-color", "hasBackdrop", "", "verticalAlign", "below", "horizontalAlign", "end", 3, "interactiveClose"], ["addWorkspace", ""], [1, "filter-data", "p-0"], [1, "text-center"], [1, "card-title-text", "mat-bg-primary", "p-05", "mb-1"], ["novalidate", "", 3, "formGroup", "submit"], [1, "card-content"], [1, "full-width"], ["matInput", "", "formControlName", "workspaceName", 3, "placeholder"], [4, "ngIf"], ["matInput", "", "formControlName", "description", "rows", "2", 3, "placeholder"], [1, "full-width", 3, "click"], ["formControlName", "selectedRoles", "multiple", "", "required", "", 3, "compareWith", "placeholder"], [3, "value", "click"], ["allSelected", ""], [3, "value", "click", 4, "ngFor", "ngForOf"], ["formControlName", "editRoleIds", "multiple", "", 3, "compareWith", "placeholder"], ["allEditSelected", ""], ["formControlName", "deleteRoleIds", "multiple", "", 3, "compareWith", "placeholder"], ["allDeleteSelected", ""], ["mat-button", "", "mat-raised-button", "", "color", "primary", "type", "button", 1, "mr-1", 3, "disabled", "click"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], ["icon", "plus", 1, "mr-05"], ["mat-button", "", "mat-raised-button", "", "type", "button", 3, "click"], ["icon", "times", 1, "mr-05"], ["mat-menu-item", "", "routerLinkActive", "item-active", 3, "routerLink", "click"], [1, "store-icom", "mat-icon-button", 2, "position", "relative", "left", "100%", 3, "ngClass"], ["icon", "store", "matTooltipClass", "tooltipClass-mat", 1, "mat-color-accent", "cursor-pointer", "theme-navbar-icon-color", 2, "color", "#09555c", "font-size", "20px !important", 3, "matTooltip", "click"], ["color", "primary", "mode", "indeterminate"]], template: function MenuComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "button", 0);
         i0.ɵɵelementStart(1, "mat-icon", 1);
         i0.ɵɵtext(2, "menu");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(3, "div", 2);
-        i0.ɵɵelementStart(4, "img", 3);
-        i0.ɵɵlistener("click", function MenuComponent_Template_img_click_4_listener() { return ctx.getAllMenuItems(); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "div", 4);
-        i0.ɵɵelementStart(6, "img", 5);
-        i0.ɵɵlistener("click", function MenuComponent_Template_img_click_6_listener() { return ctx.getAllMenuItems(); });
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(3, "mat-menu", 2, 3);
+        i0.ɵɵlistener("click", function MenuComponent_Template_mat_menu_click_3_listener($event) { return $event.stopPropagation(); });
+        i0.ɵɵtemplate(5, MenuComponent_div_5_Template, 2, 1, "div", 4);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(7, "mat-menu", 6, 7);
-        i0.ɵɵlistener("click", function MenuComponent_Template_mat_menu_click_7_listener($event) { return $event.stopPropagation(); });
-        i0.ɵɵtemplate(9, MenuComponent_div_9_Template, 2, 1, "div", 8);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(10, MenuComponent_div_10_Template, 3, 4, "div", 9);
+        i0.ɵɵtemplate(6, MenuComponent_div_6_Template, 3, 4, "div", 5);
+        i0.ɵɵelementStart(7, "sat-popover", 6, 7);
+        i0.ɵɵelementStart(9, "mat-card", 8);
+        i0.ɵɵelementStart(10, "mat-card-title", 9);
         i0.ɵɵelementStart(11, "div", 10);
-        i0.ɵɵtemplate(12, MenuComponent_span_12_Template, 2, 0, "span", 11);
-        i0.ɵɵtemplate(13, MenuComponent_span_13_Template, 2, 0, "span", 11);
-        i0.ɵɵelementStart(14, "input", 12, 13);
-        i0.ɵɵlistener("ngModelChange", function MenuComponent_Template_input_ngModelChange_14_listener($event) { return ctx.searchText = $event; })("input", function MenuComponent_Template_input_input_14_listener($event) { return ctx.SearchItem($event); })("click", function MenuComponent_Template_input_click_14_listener($event) { return ctx.SearchItem($event); })("focus", function MenuComponent_Template_input_focus_14_listener() { return ctx.onFocus(); })("blur", function MenuComponent_Template_input_blur_14_listener() { return ctx.Set(); })("keydown.enter", function MenuComponent_Template_input_keydown_enter_14_listener($event) { return ctx.navigate($event, ctx.itemClicked); })("keydown.arrowdown", function MenuComponent_Template_input_keydown_arrowdown_14_listener() { return ctx.arrowDownEvent(); })("keydown.arrowup", function MenuComponent_Template_input_keydown_arrowup_14_listener() { return ctx.arrowUpEvent(); })("keydown.arrowleft", function MenuComponent_Template_input_keydown_arrowleft_14_listener() { return ctx.arrowLeftEvent(); })("keydown.arrowright", function MenuComponent_Template_input_keydown_arrowright_14_listener() { return ctx.arrowRightEvent(); });
-        i0.ɵɵpipe(16, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(17, "button", 14);
-        i0.ɵɵelementStart(18, "span", 15);
-        i0.ɵɵtemplate(19, MenuComponent_span_19_Template, 1, 0, "span", 16);
-        i0.ɵɵtemplate(20, MenuComponent_mat_icon_20_Template, 2, 0, "mat-icon", 17);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(21, "mat-icon", 18, 19);
-        i0.ɵɵlistener("click", function MenuComponent_Template_mat_icon_click_21_listener() { i0.ɵɵrestoreView(_r109); const _r8 = i0.ɵɵreference(22); return ctx.openInfo(_r8); });
-        i0.ɵɵtext(23, "info");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(24, "mat-icon", 20);
-        i0.ɵɵtext(25, "search");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(26, "div", 21);
-        i0.ɵɵtemplate(27, MenuComponent_mat_progress_bar_27_Template, 1, 0, "mat-progress-bar", 22);
-        i0.ɵɵelementStart(28, "div", 23);
-        i0.ɵɵtemplate(29, MenuComponent_div_29_Template, 6, 4, "div", 24);
-        i0.ɵɵtemplate(30, MenuComponent_div_30_Template, 2, 1, "div", 25);
-        i0.ɵɵtemplate(31, MenuComponent_div_31_Template, 6, 4, "div", 26);
-        i0.ɵɵtemplate(32, MenuComponent_div_32_Template, 5, 1, "div", 27);
-        i0.ɵɵtemplate(33, MenuComponent_div_33_Template, 5, 3, "div", 27);
-        i0.ɵɵtemplate(34, MenuComponent_div_34_Template, 6, 4, "div", 27);
-        i0.ɵɵtemplate(35, MenuComponent_div_35_Template, 5, 1, "div", 26);
-        i0.ɵɵtemplate(36, MenuComponent_div_36_Template, 7, 8, "div", 26);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(37, "sat-popover", 28, 29);
-        i0.ɵɵelementStart(39, "mat-card", 30);
-        i0.ɵɵelementStart(40, "mat-card-title", 31);
-        i0.ɵɵelementStart(41, "div", 32);
-        i0.ɵɵtext(42);
-        i0.ɵɵpipe(43, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(44, "mat-card-content");
-        i0.ɵɵelementStart(45, "form", 33);
-        i0.ɵɵlistener("submit", function MenuComponent_Template_form_submit_45_listener() { return ctx.workspaceForm.valid && ctx.upsertWorkspace(); });
-        i0.ɵɵelementStart(46, "div", 34);
-        i0.ɵɵelementStart(47, "mat-form-field", 35);
-        i0.ɵɵelement(48, "input", 36);
-        i0.ɵɵpipe(49, "translate");
-        i0.ɵɵtemplate(50, MenuComponent_mat_error_50_Template, 3, 3, "mat-error", 16);
-        i0.ɵɵtemplate(51, MenuComponent_mat_error_51_Template, 3, 3, "mat-error", 16);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(52, "mat-form-field", 35);
-        i0.ɵɵelement(53, "textarea", 37);
-        i0.ɵɵpipe(54, "translate");
-        i0.ɵɵtemplate(55, MenuComponent_mat_error_55_Template, 3, 3, "mat-error", 16);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(56, "mat-form-field", 38);
-        i0.ɵɵlistener("click", function MenuComponent_Template_mat_form_field_click_56_listener($event) { return $event.stopPropagation(); });
-        i0.ɵɵelementStart(57, "mat-select", 39);
-        i0.ɵɵpipe(58, "translate");
-        i0.ɵɵelementStart(59, "mat-option", 40, 41);
-        i0.ɵɵlistener("click", function MenuComponent_Template_mat_option_click_59_listener() { return ctx.toggleAllRolesSelected(); });
-        i0.ɵɵtext(61);
-        i0.ɵɵpipe(62, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(63, MenuComponent_mat_option_63_Template, 3, 2, "mat-option", 42);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(64, MenuComponent_mat_error_64_Template, 3, 3, "mat-error", 16);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(65, "mat-form-field", 35);
-        i0.ɵɵelementStart(66, "mat-select", 43);
-        i0.ɵɵpipe(67, "translate");
-        i0.ɵɵelementStart(68, "mat-option", 40, 44);
-        i0.ɵɵlistener("click", function MenuComponent_Template_mat_option_click_68_listener() { return ctx.toggleEditAllRolesSelected(); });
-        i0.ɵɵtext(70);
-        i0.ɵɵpipe(71, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(72, MenuComponent_mat_option_72_Template, 3, 2, "mat-option", 42);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(73, "mat-form-field", 35);
-        i0.ɵɵelementStart(74, "mat-select", 45);
-        i0.ɵɵpipe(75, "translate");
-        i0.ɵɵelementStart(76, "mat-option", 40, 46);
-        i0.ɵɵlistener("click", function MenuComponent_Template_mat_option_click_76_listener() { return ctx.toggleDeleteAllRolesSelected(); });
-        i0.ɵɵtext(78);
-        i0.ɵɵpipe(79, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(80, MenuComponent_mat_option_80_Template, 3, 2, "mat-option", 42);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(81, "div", 31);
-        i0.ɵɵelementStart(82, "button", 47);
-        i0.ɵɵlistener("click", function MenuComponent_Template_button_click_82_listener() { return ctx.upsertWorkspace(); });
-        i0.ɵɵtemplate(83, MenuComponent_mat_progress_bar_83_Template, 1, 0, "mat-progress-bar", 22);
-        i0.ɵɵelement(84, "fa-icon", 48);
-        i0.ɵɵtext(85);
-        i0.ɵɵpipe(86, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(87, "button", 49);
-        i0.ɵɵlistener("click", function MenuComponent_Template_button_click_87_listener() { return ctx.closeAddWorkspaceDialog(); });
-        i0.ɵɵelement(88, "fa-icon", 50);
-        i0.ɵɵtext(89);
-        i0.ɵɵpipe(90, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(91, "sat-popover", 51, 52);
-        i0.ɵɵelementStart(93, "div", 53);
-        i0.ɵɵelementStart(94, "table");
-        i0.ɵɵelementStart(95, "tr");
-        i0.ɵɵelementStart(96, "td");
-        i0.ɵɵtext(97, "Ctrl + Q: ");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(98, "td");
-        i0.ɵɵtext(99, "\u00A0");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(100, "td");
-        i0.ɵɵtext(101);
-        i0.ɵɵpipe(102, "translate");
-        i0.ɵɵelementEnd();
+        i0.ɵɵtext(12);
+        i0.ɵɵpipe(13, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(14, "mat-card-content");
+        i0.ɵɵelementStart(15, "form", 11);
+        i0.ɵɵlistener("submit", function MenuComponent_Template_form_submit_15_listener() { return ctx.workspaceForm.valid && ctx.upsertWorkspace(); });
+        i0.ɵɵelementStart(16, "div", 12);
+        i0.ɵɵelementStart(17, "mat-form-field", 13);
+        i0.ɵɵelement(18, "input", 14);
+        i0.ɵɵpipe(19, "translate");
+        i0.ɵɵtemplate(20, MenuComponent_mat_error_20_Template, 3, 3, "mat-error", 15);
+        i0.ɵɵtemplate(21, MenuComponent_mat_error_21_Template, 3, 3, "mat-error", 15);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(22, "mat-form-field", 13);
+        i0.ɵɵelement(23, "textarea", 16);
+        i0.ɵɵpipe(24, "translate");
+        i0.ɵɵtemplate(25, MenuComponent_mat_error_25_Template, 3, 3, "mat-error", 15);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(103, "tr");
-        i0.ɵɵelementStart(104, "td");
-        i0.ɵɵtext(105, "Ctrl + B: ");
+        i0.ɵɵelementStart(26, "mat-form-field", 17);
+        i0.ɵɵlistener("click", function MenuComponent_Template_mat_form_field_click_26_listener($event) { return $event.stopPropagation(); });
+        i0.ɵɵelementStart(27, "mat-select", 18);
+        i0.ɵɵpipe(28, "translate");
+        i0.ɵɵelementStart(29, "mat-option", 19, 20);
+        i0.ɵɵlistener("click", function MenuComponent_Template_mat_option_click_29_listener() { return ctx.toggleAllRolesSelected(); });
+        i0.ɵɵtext(31);
+        i0.ɵɵpipe(32, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(106, "td");
-        i0.ɵɵtext(107, "\u00A0");
+        i0.ɵɵtemplate(33, MenuComponent_mat_option_33_Template, 3, 2, "mat-option", 21);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(108, "td");
-        i0.ɵɵtext(109);
-        i0.ɵɵpipe(110, "translate");
+        i0.ɵɵtemplate(34, MenuComponent_mat_error_34_Template, 3, 3, "mat-error", 15);
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(35, "mat-form-field", 13);
+        i0.ɵɵelementStart(36, "mat-select", 22);
+        i0.ɵɵpipe(37, "translate");
+        i0.ɵɵelementStart(38, "mat-option", 19, 23);
+        i0.ɵɵlistener("click", function MenuComponent_Template_mat_option_click_38_listener() { return ctx.toggleEditAllRolesSelected(); });
+        i0.ɵɵtext(40);
+        i0.ɵɵpipe(41, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(111, "tr");
-        i0.ɵɵelementStart(112, "td");
-        i0.ɵɵtext(113, "Ctrl + Y: ");
+        i0.ɵɵtemplate(42, MenuComponent_mat_option_42_Template, 3, 2, "mat-option", 21);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(114, "td");
-        i0.ɵɵtext(115, "\u00A0");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(116, "td");
-        i0.ɵɵtext(117);
-        i0.ɵɵpipe(118, "translate");
+        i0.ɵɵelementStart(43, "mat-form-field", 13);
+        i0.ɵɵelementStart(44, "mat-select", 24);
+        i0.ɵɵpipe(45, "translate");
+        i0.ɵɵelementStart(46, "mat-option", 19, 25);
+        i0.ɵɵlistener("click", function MenuComponent_Template_mat_option_click_46_listener() { return ctx.toggleDeleteAllRolesSelected(); });
+        i0.ɵɵtext(48);
+        i0.ɵɵpipe(49, "translate");
         i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(50, MenuComponent_mat_option_50_Template, 3, 2, "mat-option", 21);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(119, "tr");
-        i0.ɵɵelementStart(120, "td");
-        i0.ɵɵtext(121, "Ctrl + M: ");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(122, "td");
-        i0.ɵɵtext(123, "\u00A0");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(124, "td");
-        i0.ɵɵtext(125);
-        i0.ɵɵpipe(126, "translate");
+        i0.ɵɵelementStart(51, "div", 9);
+        i0.ɵɵelementStart(52, "button", 26);
+        i0.ɵɵlistener("click", function MenuComponent_Template_button_click_52_listener() { return ctx.upsertWorkspace(); });
+        i0.ɵɵtemplate(53, MenuComponent_mat_progress_bar_53_Template, 1, 0, "mat-progress-bar", 27);
+        i0.ɵɵelement(54, "fa-icon", 28);
+        i0.ɵɵtext(55);
+        i0.ɵɵpipe(56, "translate");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(57, "button", 29);
+        i0.ɵɵlistener("click", function MenuComponent_Template_button_click_57_listener() { return ctx.closeAddWorkspaceDialog(); });
+        i0.ɵɵelement(58, "fa-icon", 30);
+        i0.ɵɵtext(59);
+        i0.ɵɵpipe(60, "translate");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(127, MenuComponent_mat_spinner_127_Template, 1, 1, "mat-spinner", 54);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        const _r0 = i0.ɵɵreference(8);
-        const _r30 = i0.ɵɵreference(92);
+        const _r0 = i0.ɵɵreference(4);
         i0.ɵɵproperty("matMenuTriggerFor", _r0);
-        i0.ɵɵadvance(4);
-        i0.ɵɵpropertyInterpolate("src", ctx.companyMiniLogo, i0.ɵɵsanitizeUrl);
-        i0.ɵɵadvance(2);
-        i0.ɵɵpropertyInterpolate("src", ctx.companyMainLogo, i0.ɵɵsanitizeUrl);
-        i0.ɵɵadvance(3);
+        i0.ɵɵadvance(5);
         i0.ɵɵproperty("ngForOf", ctx.items);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.canAccess_feature_DragApps);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.searchByText);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.searchById);
-        i0.ɵɵadvance(1);
-        i0.ɵɵclassProp("hide-placeholder", ctx.searchByText || ctx.searchById);
-        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(16, 58, "APP.STARTHEREORCLICKCONTROL+Q"));
-        i0.ɵɵproperty("ngModel", ctx.searchText);
+        i0.ɵɵproperty("interactiveClose", false);
         i0.ɵɵadvance(5);
-        i0.ɵɵproperty("ngIf", !ctx.searchText);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.searchText);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("satPopoverAnchorFor", _r30);
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(90, _c11, ctx.display, !ctx.display));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.loadingSearchMenuData || ctx.recentSearchesfetchInProgress || ctx.widgetsfetchInProgress);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.items && ctx.items.length > 0 && !(ctx.searchById || ctx.searchByText));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !(ctx.searchById || ctx.searchByText));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.widgets && ctx.widgets.length > 0 && !(ctx.searchById || ctx.searchByText));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.projectList && ctx.projectList.length > 0 && ctx.searchText && ctx.searchByText);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.userStorySearchList && ctx.userStorySearchList.length > 0 && ctx.searchText && ctx.searchByText);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.goalSearchList && ctx.goalSearchList.length > 0 && ctx.searchText && ctx.searchByText);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.employeeList && ctx.employeeList.length > 0 && ctx.searchText && ctx.searchByText);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.recentSearches && ctx.recentSearches.length > 0 && !(ctx.searchById || ctx.searchByText));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("interactiveClose", false);
-        i0.ɵɵadvance(5);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(43, 60, "APP.ADDDASHBOARDTITLE"), " ");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 31, "APP.ADDDASHBOARDTITLE"), " ");
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("formGroup", ctx.workspaceForm);
         i0.ɵɵadvance(3);
-        i0.ɵɵpropertyInterpolate1("placeholder", "", i0.ɵɵpipeBind1(49, 62, "HRMANAGAMENT.NAME"), "*");
+        i0.ɵɵpropertyInterpolate1("placeholder", "", i0.ɵɵpipeBind1(19, 33, "HRMANAGAMENT.NAME"), "*");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.workspaceForm.get("workspaceName").hasError("required") && ctx.workspaceForm.get("workspaceName").touched);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.workspaceForm.get("workspaceName").hasError("maxlength"));
         i0.ɵɵadvance(2);
-        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(54, 64, "COMPANYSETTINGS.DESCRIPTION"));
+        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(24, 35, "COMPANYSETTINGS.DESCRIPTION"));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.workspaceForm.get("description").hasError("maxlength") && ctx.workspaceForm.get("description").touched);
         i0.ɵɵadvance(2);
-        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(58, 66, "WIDGETS.VIEWROLES"));
+        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(28, 37, "WIDGETS.VIEWROLES"));
         i0.ɵɵproperty("compareWith", ctx.compareSelectedRolesFn);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("value", 0);
         i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(62, 68, "PERMISSIONMANAGEMENT.SELECTALL"), "");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(32, 39, "PERMISSIONMANAGEMENT.SELECTALL"), "");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.rolesDropDown);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.workspaceForm.get("selectedRoles").hasError("required") && ctx.workspaceForm.get("selectedRoles").touched);
         i0.ɵɵadvance(2);
-        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(67, 70, "WIDGETS.EDITROLES"));
+        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(37, 41, "WIDGETS.EDITROLES"));
         i0.ɵɵproperty("compareWith", ctx.compareEditSelectedRolesFn);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("value", 0);
         i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(71, 72, "PERMISSIONMANAGEMENT.SELECTALL"), "");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(41, 43, "PERMISSIONMANAGEMENT.SELECTALL"), "");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.rolesDropDown);
         i0.ɵɵadvance(2);
-        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(75, 74, "WIDGETS.DELETEROLES"));
+        i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(45, 45, "WIDGETS.DELETEROLES"));
         i0.ɵɵproperty("compareWith", ctx.compareDeleteSelectedRolesFn);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("value", 0);
         i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(79, 76, "PERMISSIONMANAGEMENT.SELECTALL"), "");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 47, "PERMISSIONMANAGEMENT.SELECTALL"), "");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.rolesDropDown);
         i0.ɵɵadvance(2);
@@ -10004,22 +9411,10 @@ MenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuComponent
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.dashboardUpdateInProgress);
         i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(86, 78, "SAVE"), " ");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(56, 49, "SAVE"), " ");
         i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(90, 80, "CANCEL"), " ");
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("interactiveClose", true);
-        i0.ɵɵadvance(10);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(102, 82, "SHELL.TOOPENSEARCHMENU"), "");
-        i0.ɵɵadvance(8);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(110, 84, "SHELL.TOOPENGOALSANDUSERS"), "");
-        i0.ɵɵadvance(8);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(118, 86, "SHELL.TOSEARCHBYID"), "");
-        i0.ɵɵadvance(8);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(126, 88, "SHELL.TOCLOSEMENU"), "");
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.searchByTextLoading && ctx.display);
-    } }, directives: [i8.MatButton, i22$1.DefaultShowHideDirective, i16.MatMenuTrigger, i17.MatIcon, i20.DefaultFlexDirective, i16.MatMenu, i10.NgForOf, i10.NgIf, i9.DefaultValueAccessor, i9.NgControlStatus, i9.NgModel, i20$1.SatPopoverAnchor, i10.NgClass, i22$1.DefaultClassDirective, i20$1.SatPopover, i7.MatCard, i7.MatCardTitle, i7.MatCardContent, i9.ɵNgNoValidate, i9.NgControlStatusGroup, i9.FormGroupDirective, i22.MatFormField, i23.MatInput, i9.FormControlName, i34.MatSelect, i9.RequiredValidator, i14.MatOption, i4.FaIconComponent, i16.MatMenuItem, i2.RouterLinkActive, i2.RouterLink, i7$1.MatTooltip, i28.MatProgressBar, i20.DefaultLayoutDirective, i29.SnovasysAvatarComponent, i20.DefaultLayoutAlignDirective, i22.MatError, i30.MatSpinner], pipes: [i5$1.TranslatePipe, SoftLabelPipe, HighLightTextPipe, RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, i10.SlicePipe, i35.TimeagoPipe], encapsulation: 2 });
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(60, 51, "CANCEL"), " ");
+    } }, directives: [i8.MatButton, i15.DefaultShowHideDirective, i16.MatMenuTrigger, i17.MatIcon, i16.MatMenu, i10.NgForOf, i10.NgIf, i23.SatPopover, i7.MatCard, i7.MatCardTitle, i7.MatCardContent, i9.ɵNgNoValidate, i9.NgControlStatusGroup, i9.FormGroupDirective, i21.MatFormField, i22.MatInput, i9.DefaultValueAccessor, i9.NgControlStatus, i9.FormControlName, i33.MatSelect, i9.RequiredValidator, i14.MatOption, i4.FaIconComponent, i16.MatMenuItem, i2.RouterLinkActive, i2.RouterLink, i10.NgClass, i15.DefaultClassDirective, i7$1.MatTooltip, i21.MatError, i27.MatProgressBar], pipes: [i5$1.TranslatePipe, SoftLabelPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuComponent, [{
         type: Component,
         args: [{
@@ -10080,7 +9475,7 @@ MenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuComponent
             args: ['document:keydown.control.y', []]
         }] }); })();
 
-const _c0$9 = function (a0, a1) { return { "notificataion-unread": a0, "notificataion-read": a1 }; };
+const _c0$8 = function (a0, a1) { return { "notificataion-unread": a0, "notificataion-read": a1 }; };
 function NotificationsComponent_div_4_mat_nav_list_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-nav-list", 7);
@@ -10105,7 +9500,7 @@ function NotificationsComponent_div_4_mat_nav_list_1_Template(rf, ctx) { if (rf
     const notification_r4 = ctx.$implicit;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(9, _c0$9, !ctx_r3.notificationColor, ctx_r3.notificationColor));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(9, _c0$8, !ctx_r3.notificationColor, ctx_r3.notificationColor));
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(6, 3, notification_r4.summary), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(3);
@@ -10571,7 +9966,7 @@ NotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Noti
         i0.ɵɵproperty("ngIf", ctx.newNotifications.length == 0);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.newNotifications.length);
-    } }, directives: [i10.NgIf, i7$2.MatDivider, i10.NgForOf, i12.MatNavList, i12.MatListItem, i2.RouterLinkActive, i10.NgClass, i22$1.DefaultClassDirective], pipes: [i5$1.TranslatePipe, OrderByPipe, SanitizeHtmlPipe, i35.TimeagoPipe, UtcToLocalTimePipe], encapsulation: 2 });
+    } }, directives: [i10.NgIf, i7$2.MatDivider, i10.NgForOf, i12.MatNavList, i12.MatListItem, i2.RouterLinkActive, i10.NgClass, i15.DefaultClassDirective], pipes: [i5$1.TranslatePipe, OrderByPipe, SanitizeHtmlPipe, i16$1.TimeagoPipe, UtcToLocalTimePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationsComponent, [{
         type: Component,
         args: [{
@@ -10582,85 +9977,6 @@ NotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Noti
             type: Input
         }] }); })();
 
-class FeedTimeComponent extends CustomAppBaseComponent {
-    constructor(projectModulesService, compiler, vcr) {
-        super();
-        this.projectModulesService = projectModulesService;
-        this.compiler = compiler;
-        this.vcr = vcr;
-        this.componentInputs = {
-            isFeedTimeSheet: false
-        };
-        this.outputs = {
-            closeFeedTimeSheetPopup: () => this.closeFeedTimeSheet()
-        };
-        this.closeFeedTimeSheetPopup = new EventEmitter();
-    }
-    set _isFeedTimeSheet(data) {
-        if (data != undefined && data != null) {
-            this.componentInputs = {
-                isFeedTimeSheet: data
-            };
-            this.loadComponent();
-        }
-    }
-    ngOnInit() {
-        this.injector = this.vcr.injector;
-        super.ngOnInit();
-    }
-    closeFeedTimeSheet() {
-        this.closeFeedTimeSheetPopup.emit();
-    }
-    loadComponent() {
-        // var modules = this.shellModulesService["modules"];
-        var loader = this.projectModulesService["modules"];
-        var modules = JSON.parse(localStorage.getItem("Modules"));
-        var module = _.find(modules, function (module) { return module.modulePackageName == 'TimesheetPackageModule'; });
-        var path = loader[module.modulePackageName];
-        path()
-            .then(elementModuleOrFactory => {
-            if (elementModuleOrFactory instanceof NgModuleFactory) {
-                // if ViewEngine
-                return elementModuleOrFactory;
-            }
-            else {
-                try {
-                    // if Ivy
-                    return this.compiler.compileModuleAsync(elementModuleOrFactory);
-                }
-                catch (err) {
-                    throw err;
-                }
-            }
-        }).then((moduleFactory) => {
-            const componentService = moduleFactory.moduleType.componentService;
-            var allComponentsInModule = componentService.components;
-            this.ngModuleRef = moduleFactory.create(this.injector);
-            var componentDetails = allComponentsInModule.find(elementInArray => elementInArray.name === "Time punch card");
-            this.feedTimeComponent = this.ngModuleRef.componentFactoryResolver.resolveComponentFactory(componentDetails.componentTypeObject);
-        });
-    }
-}
-FeedTimeComponent.ɵfac = function FeedTimeComponent_Factory(t) { return new (t || FeedTimeComponent)(i0.ɵɵdirectiveInject(ShellModulesService), i0.ɵɵdirectiveInject(i0.Compiler), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-FeedTimeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeedTimeComponent, selectors: [["app-feed-time"]], inputs: { _isFeedTimeSheet: ["isFeedTimeSheet", "_isFeedTimeSheet"] }, outputs: { closeFeedTimeSheetPopup: "closeFeedTimeSheetPopup" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [[3, "ndcDynamicFactory", "ndcDynamicComponent", "ndcDynamicInjector", "ndcDynamicInputs", "ndcDynamicOutputs"]], template: function FeedTimeComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelement(0, "ndc-dynamic", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ndcDynamicFactory", ctx.feedTimeComponent)("ndcDynamicComponent", ctx.feedTimeComponent)("ndcDynamicInjector", ctx.injector)("ndcDynamicInputs", ctx.componentInputs)("ndcDynamicOutputs", ctx.outputs);
-    } }, directives: [i2$1.DynamicComponent, i2$1.DynamicDirective], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeedTimeComponent, [{
-        type: Component,
-        args: [{
-                selector: 'app-feed-time',
-                templateUrl: 'feed-time.component.html',
-                encapsulation: ViewEncapsulation.None,
-            }]
-    }], function () { return [{ type: ShellModulesService }, { type: i0.Compiler }, { type: i0.ViewContainerRef }]; }, { _isFeedTimeSheet: [{
-            type: Input,
-            args: ["isFeedTimeSheet"]
-        }], closeFeedTimeSheetPopup: [{
-            type: Output
-        }] }); })();
-
 class FeedBackSubmissionComponent extends CustomAppBaseComponent {
     constructor(shellModulesService, vcr, projectModulesService, compiler) {
         super();
@@ -10804,7 +10120,7 @@ AnnoucementDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(13, 12, ctx.announcement), i0.ɵɵsanitizeHtml);
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(16, 14, i0.ɵɵpipeBind1(17, 17, ctx.announcedOn), "dd/MM/yyyy HH:mm"), " ");
-    } }, directives: [i1$3.MatDialogClose, i4.FaIconComponent, i1$3.MatDialogContent, i7.MatCard, i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i20.DefaultLayoutAlignDirective, i29.SnovasysAvatarComponent, i7$1.MatTooltip], pipes: [RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, SanitizeHtmlPipe, i10.DatePipe, UtcToLocalTimePipe], encapsulation: 2 });
+    } }, directives: [i1$3.MatDialogClose, i4.FaIconComponent, i1$3.MatDialogContent, i7.MatCard, i30.DefaultLayoutDirective, i30.DefaultFlexDirective, i30.DefaultLayoutAlignDirective, i6$1.SnovasysAvatarComponent, i7$1.MatTooltip], pipes: [RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, SanitizeHtmlPipe, i10.DatePipe, UtcToLocalTimePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnnoucementDialogComponent, [{
         type: Component,
         args: [{
@@ -10821,90 +10137,90 @@ AnnoucementDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
             args: ["data"]
         }] }); })();
 
-const _c0$8 = ["feedTimeSheet"];
-const _c1$3 = ["feedBackPopover"];
-const _c2$2 = ["documentPopover"];
-const _c3$1 = ["openAnnoucementDialogComponent"];
+const _c0$7 = ["feedTimeSheet"];
+const _c1$1 = ["feedBackPopover"];
+const _c2 = ["documentPopover"];
+const _c3 = ["openAnnoucementDialogComponent"];
 const _c4 = ["fileUploadDropzonePopup"];
 const _c5 = function (a0) { return { "margin-bottom": a0 }; };
 function HeaderSideComponent_div_5_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵelementStart(1, "div", 57);
-    i0.ɵɵelement(2, "app-avatar", 58);
+    i0.ɵɵelementStart(0, "div", 58);
+    i0.ɵɵelementStart(1, "div", 59);
+    i0.ɵɵelement(2, "app-avatar", 60);
     i0.ɵɵpipe(3, "removeSpecialCharacters");
     i0.ɵɵpipe(4, "fetchSizedAndCachedImage");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 59);
+    i0.ɵɵelementStart(5, "span", 61);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r33 = i0.ɵɵnextContext(2);
+    const ctx_r32 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(13, _c5, ctx_r33.selectedCompany.companyMiniLogo ? "10px" : "0px"));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(13, _c5, ctx_r32.selectedCompany.companyMiniLogo ? "10px" : "0px"));
     i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r33.selectedCompany.companyName);
-    i0.ɵɵproperty("name", i0.ɵɵpipeBind1(3, 7, ctx_r33.selectedCompany.companyName))("src", i0.ɵɵpipeBind3(4, 9, ctx_r33.selectedCompany.companyMiniLogo, "20", ""))("isRound", true);
+    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r32.selectedCompany.companyName);
+    i0.ɵɵproperty("name", i0.ɵɵpipeBind1(3, 7, ctx_r32.selectedCompany.companyName))("src", i0.ɵɵpipeBind3(4, 9, ctx_r32.selectedCompany.companyMiniLogo, "20", ""))("isRound", true);
     i0.ɵɵadvance(3);
-    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r33.selectedCompany.companyName);
+    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r32.selectedCompany.companyName);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r33.selectedCompanyName);
+    i0.ɵɵtextInterpolate1(" ", ctx_r32.selectedCompanyName, " ");
 } }
 function HeaderSideComponent_div_5_span_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span");
 } }
 function HeaderSideComponent_div_5_mat_icon_11_Template(rf, ctx) { if (rf & 1) {
-    const _r38 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-icon", 60);
-    i0.ɵɵlistener("click", function HeaderSideComponent_div_5_mat_icon_11_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r38); const ctx_r37 = i0.ɵɵnextContext(2); return ctx_r37.closeSearch(); });
-    i0.ɵɵtext(1, " close");
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-icon", 62);
+    i0.ɵɵlistener("click", function HeaderSideComponent_div_5_mat_icon_11_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r36 = i0.ɵɵnextContext(2); return ctx_r36.closeSearch(); });
+    i0.ɵɵtext(1, " close ");
     i0.ɵɵelementEnd();
 } }
 function HeaderSideComponent_div_5_mat_option_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-option", 61);
-    i0.ɵɵelementStart(1, "div", 62);
-    i0.ɵɵelement(2, "app-avatar", 63);
+    i0.ɵɵelementStart(0, "mat-option", 63);
+    i0.ɵɵelementStart(1, "div", 64);
+    i0.ɵɵelement(2, "app-avatar", 65);
     i0.ɵɵpipe(3, "removeSpecialCharacters");
     i0.ɵɵpipe(4, "fetchSizedAndCachedImage");
-    i0.ɵɵelementStart(5, "div", 64);
+    i0.ɵɵelementStart(5, "div", 66);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const companyList_r39 = ctx.$implicit;
-    i0.ɵɵpropertyInterpolate("matTooltip", companyList_r39.companyName);
-    i0.ɵɵproperty("value", companyList_r39);
+    const companyList_r38 = ctx.$implicit;
+    i0.ɵɵpropertyInterpolate("matTooltip", companyList_r38.companyName);
+    i0.ɵɵproperty("value", companyList_r38);
     i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate("matTooltip", companyList_r39.companyName);
-    i0.ɵɵproperty("name", i0.ɵɵpipeBind1(3, 8, companyList_r39.companyName))("ngStyle", i0.ɵɵpureFunction1(14, _c5, companyList_r39.companyMiniLogo ? "10px" : "0px"))("src", i0.ɵɵpipeBind3(4, 10, companyList_r39.companyMiniLogo, "20", ""))("isRound", true);
+    i0.ɵɵpropertyInterpolate("matTooltip", companyList_r38.companyName);
+    i0.ɵɵproperty("name", i0.ɵɵpipeBind1(3, 8, companyList_r38.companyName))("ngStyle", i0.ɵɵpureFunction1(14, _c5, companyList_r38.companyMiniLogo ? "10px" : "0px"))("src", i0.ɵɵpipeBind3(4, 10, companyList_r38.companyMiniLogo, "20", ""))("isRound", true);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", companyList_r39.companyName, " ");
+    i0.ɵɵtextInterpolate1(" ", companyList_r38.companyName, " ");
 } }
 function HeaderSideComponent_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r42 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 46);
+    const _r41 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 48);
     i0.ɵɵlistener("click", function HeaderSideComponent_div_5_Template_div_click_0_listener($event) { return $event.stopPropagation(); });
-    i0.ɵɵelementStart(1, "mat-select", 47);
-    i0.ɵɵlistener("ngModelChange", function HeaderSideComponent_div_5_Template_mat_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.selectedCompany = $event; })("selectionChange", function HeaderSideComponent_div_5_Template_mat_select_selectionChange_1_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.selectCompany($event.value); });
+    i0.ɵɵelementStart(1, "mat-select", 49);
+    i0.ɵɵlistener("ngModelChange", function HeaderSideComponent_div_5_Template_mat_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(); return ctx_r40.selectedCompany = $event; })("selectionChange", function HeaderSideComponent_div_5_Template_mat_select_selectionChange_1_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.selectCompany($event.value); });
     i0.ɵɵelementStart(2, "mat-select-trigger");
-    i0.ɵɵtemplate(3, HeaderSideComponent_div_5_div_3_Template, 7, 15, "div", 48);
+    i0.ɵɵtemplate(3, HeaderSideComponent_div_5_div_3_Template, 7, 15, "div", 50);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 49);
-    i0.ɵɵelementStart(5, "div", 50);
-    i0.ɵɵelementStart(6, "mat-form-field", 51);
-    i0.ɵɵelementStart(7, "input", 52);
-    i0.ɵɵlistener("ngModelChange", function HeaderSideComponent_div_5_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r44 = i0.ɵɵnextContext(); return ctx_r44.searchText = $event; });
+    i0.ɵɵelementStart(4, "div", 51);
+    i0.ɵɵelementStart(5, "div", 52);
+    i0.ɵɵelementStart(6, "mat-form-field", 53);
+    i0.ɵɵelementStart(7, "input", 54);
+    i0.ɵɵlistener("ngModelChange", function HeaderSideComponent_div_5_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.searchText = $event; });
     i0.ɵɵpipe(8, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 53);
+    i0.ɵɵelementStart(9, "span", 55);
     i0.ɵɵtemplate(10, HeaderSideComponent_div_5_span_10_Template, 1, 0, "span", 6);
-    i0.ɵɵtemplate(11, HeaderSideComponent_div_5_mat_icon_11_Template, 2, 0, "mat-icon", 54);
+    i0.ɵɵtemplate(11, HeaderSideComponent_div_5_mat_icon_11_Template, 2, 0, "mat-icon", 56);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(12, HeaderSideComponent_div_5_mat_option_12_Template, 7, 16, "mat-option", 55);
+    i0.ɵɵtemplate(12, HeaderSideComponent_div_5_mat_option_12_Template, 7, 16, "mat-option", 57);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -10924,12 +10240,12 @@ function HeaderSideComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngForOf", ctx_r0.searchCompanies(ctx_r0.companiesList, ctx_r0.searchText));
 } }
 function HeaderSideComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    const _r46 = i0.ɵɵgetCurrentView();
+    const _r45 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 65);
-    i0.ɵɵlistener("click", function HeaderSideComponent_div_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r46); const ctx_r45 = i0.ɵɵnextContext(); return ctx_r45.navigateToSettings(); });
+    i0.ɵɵelementStart(1, "button", 67);
+    i0.ɵɵlistener("click", function HeaderSideComponent_div_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r45); const ctx_r44 = i0.ɵɵnextContext(); return ctx_r44.navigateToSettings(); });
     i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementStart(3, "mat-icon");
+    i0.ɵɵelementStart(3, "mat-icon", 9);
     i0.ɵɵtext(4, "settings");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -10941,12 +10257,12 @@ function HeaderSideComponent_div_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngClass", ctx_r1.router.url.includes("/settings") ? "icon_active_class" : "");
 } }
 function HeaderSideComponent_div_7_Template(rf, ctx) { if (rf & 1) {
-    const _r48 = i0.ɵɵgetCurrentView();
+    const _r47 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 66);
-    i0.ɵɵlistener("click", function HeaderSideComponent_div_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r48); const ctx_r47 = i0.ɵɵnextContext(); return ctx_r47.navigateToStatusReport(); });
+    i0.ɵɵelementStart(1, "button", 68);
+    i0.ɵɵlistener("click", function HeaderSideComponent_div_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(); return ctx_r46.navigateToStatusReport(); });
     i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementStart(3, "mat-icon");
+    i0.ɵɵelementStart(3, "mat-icon", 9);
     i0.ɵɵtext(4, "assignment");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -10955,93 +10271,54 @@ function HeaderSideComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(2, 1, "SHELL.MYWORK"));
 } }
-function HeaderSideComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    const _r50 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "button", 67);
-    i0.ɵɵlistener("click", function HeaderSideComponent_div_8_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r50); const ctx_r49 = i0.ɵɵnextContext(); return ctx_r49.openTimeSheet(); });
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementStart(3, "mat-icon");
-    i0.ɵɵtext(4, "access_time");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext();
-    const _r7 = i0.ɵɵreference(15);
-    i0.ɵɵadvance(1);
-    i0.ɵɵstyleProp("overflow", "visible");
-    i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(2, 4, "SHELL.LOGTIME"));
-    i0.ɵɵproperty("satPopoverAnchorFor", _r7);
-} }
-function HeaderSideComponent_button_9_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 70);
+function HeaderSideComponent_button_13_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r51 = i0.ɵɵnextContext(2);
+    const ctx_r48 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r51.newNotificationsCount);
+    i0.ɵɵtextInterpolate1(" ", ctx_r48.newNotificationsCount, " ");
 } }
-function HeaderSideComponent_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r53 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 68);
-    i0.ɵɵlistener("click", function HeaderSideComponent_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r53); const ctx_r52 = i0.ɵɵnextContext(); return ctx_r52.toggleNotific(); });
+function HeaderSideComponent_button_13_Template(rf, ctx) { if (rf & 1) {
+    const _r50 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 69);
+    i0.ɵɵlistener("click", function HeaderSideComponent_button_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r49 = i0.ɵɵnextContext(); return ctx_r49.toggleNotific(); });
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelementStart(2, "mat-icon");
+    i0.ɵɵelementStart(2, "mat-icon", 9);
     i0.ɵɵtext(3, "notifications");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, HeaderSideComponent_button_9_span_4_Template, 2, 1, "span", 69);
+    i0.ɵɵtemplate(4, HeaderSideComponent_button_13_span_4_Template, 2, 1, "span", 70);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext();
-    const _r5 = i0.ɵɵreference(11);
+    const _r5 = i0.ɵɵreference(15);
     i0.ɵɵstyleProp("overflow", "visible");
     i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(1, 5, "SHELL.NOTIFICATIONS"));
     i0.ɵɵproperty("matMenuTriggerFor", _r5);
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngIf", ctx_r4.newNotificationsCount != 0);
 } }
-function HeaderSideComponent_button_13_img_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 74);
-    i0.ɵɵpipe(1, "fetchSizedAndCachedImage");
-} if (rf & 2) {
-    const ctx_r54 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("src", i0.ɵɵpipeBind3(1, 1, ctx_r54.authenticatedUserRecord.profileImage, "60", ""), i0.ɵɵsanitizeUrl);
-} }
-function HeaderSideComponent_button_13_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75);
-    i0.ɵɵelement(1, "app-avatar", 76);
-    i0.ɵɵpipe(2, "removeSpecialCharacters");
+function HeaderSideComponent_button_17_Template(rf, ctx) { if (rf & 1) {
+    const _r52 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 72);
+    i0.ɵɵlistener("click", function HeaderSideComponent_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(); return ctx_r51.toggleRecording(); });
+    i0.ɵɵelementStart(1, "mat-icon", 73);
+    i0.ɵɵtext(2, "person");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r55 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("name", i0.ɵɵpipeBind1(2, 2, ctx_r55.authenticatedUserRecord.fullName))("isRound", true);
-} }
-function HeaderSideComponent_button_13_Template(rf, ctx) { if (rf & 1) {
-    const _r57 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 71);
-    i0.ɵɵlistener("click", function HeaderSideComponent_button_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r57); const ctx_r56 = i0.ɵɵnextContext(); return ctx_r56.toggleRecording(); });
-    i0.ɵɵtemplate(1, HeaderSideComponent_button_13_img_1_Template, 2, 5, "img", 72);
-    i0.ɵɵtemplate(2, HeaderSideComponent_button_13_div_2_Template, 3, 4, "div", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext();
-    const _r8 = i0.ɵɵreference(18);
-    i0.ɵɵproperty("matMenuTriggerFor", _r8)("ngClass", ctx_r6.router.url.includes("/dashboard/profile/") ? "icon_active_class" : "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r6.authenticatedUserRecord.profileImage);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r6.authenticatedUserRecord.profileImage);
+    const _r7 = i0.ɵɵreference(19);
+    i0.ɵɵproperty("matMenuTriggerFor", _r7)("ngClass", ctx_r6.router.url.includes("/dashboard/profile/") ? "icon_active_class" : "");
 } }
-function HeaderSideComponent_mat_icon_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-icon", 77);
+function HeaderSideComponent_mat_icon_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 74);
 } }
-function HeaderSideComponent_button_26_Template(rf, ctx) { if (rf & 1) {
-    const _r59 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 78);
-    i0.ɵɵlistener("click", function HeaderSideComponent_button_26_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r59); const ctx_r58 = i0.ɵɵnextContext(); return ctx_r58.clearDemoData(); });
+function HeaderSideComponent_button_27_Template(rf, ctx) { if (rf & 1) {
+    const _r54 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 75);
+    i0.ɵɵlistener("click", function HeaderSideComponent_button_27_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(); return ctx_r53.clearDemoData(); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3, "delete");
@@ -11057,10 +10334,10 @@ function HeaderSideComponent_button_26_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "SHELL.CLEARDEMODATA"));
 } }
-function HeaderSideComponent_button_27_Template(rf, ctx) { if (rf & 1) {
-    const _r61 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 78);
-    i0.ɵɵlistener("click", function HeaderSideComponent_button_27_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r61); const ctx_r60 = i0.ɵɵnextContext(); return ctx_r60.exportConfigurationDialogData(); });
+function HeaderSideComponent_button_28_Template(rf, ctx) { if (rf & 1) {
+    const _r56 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 75);
+    i0.ɵɵlistener("click", function HeaderSideComponent_button_28_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r56); const ctx_r55 = i0.ɵɵnextContext(); return ctx_r55.exportConfigurationDialogData(); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3, "get_app");
@@ -11076,10 +10353,10 @@ function HeaderSideComponent_button_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "SHELL.EXPORTCONFIGURATION"));
 } }
-function HeaderSideComponent_button_28_Template(rf, ctx) { if (rf & 1) {
-    const _r64 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 79, 80);
-    i0.ɵɵlistener("click", function HeaderSideComponent_button_28_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r64); const _r62 = i0.ɵɵreference(1); const ctx_r63 = i0.ɵɵnextContext(); return ctx_r63.addUploadFilePopupOpen(_r62); });
+function HeaderSideComponent_button_29_Template(rf, ctx) { if (rf & 1) {
+    const _r59 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 76, 77);
+    i0.ɵɵlistener("click", function HeaderSideComponent_button_29_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r59); const _r57 = i0.ɵɵreference(1); const ctx_r58 = i0.ɵɵnextContext(); return ctx_r58.addUploadFilePopupOpen(_r57); });
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementStart(3, "mat-icon");
     i0.ɵɵtext(4, "publish");
@@ -11091,16 +10368,16 @@ function HeaderSideComponent_button_28_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵnextContext();
-    const _r25 = i0.ɵɵreference(58);
+    const _r24 = i0.ɵɵreference(59);
     i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(2, 3, "SHELL.IMPORTCONFIGURATION"));
-    i0.ɵɵproperty("satPopoverAnchorFor", _r25);
+    i0.ɵɵproperty("satPopoverAnchorFor", _r24);
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 5, "SHELL.IMPORTCONFIGURATION"));
 } }
-function HeaderSideComponent_button_29_Template(rf, ctx) { if (rf & 1) {
-    const _r66 = i0.ɵɵgetCurrentView();
+function HeaderSideComponent_button_30_Template(rf, ctx) { if (rf & 1) {
+    const _r61 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 14);
-    i0.ɵɵlistener("click", function HeaderSideComponent_button_29_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r66); const ctx_r65 = i0.ɵɵnextContext(); return ctx_r65.onNavigateToBillingScreen(); });
+    i0.ɵɵlistener("click", function HeaderSideComponent_button_30_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r61); const ctx_r60 = i0.ɵɵnextContext(); return ctx_r60.onNavigateToBillingScreen(); });
     i0.ɵɵelementStart(1, "mat-icon");
     i0.ɵɵtext(2, "account_balance");
     i0.ɵɵelementEnd();
@@ -11109,10 +10386,10 @@ function HeaderSideComponent_button_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-function HeaderSideComponent_button_30_Template(rf, ctx) { if (rf & 1) {
-    const _r68 = i0.ɵɵgetCurrentView();
+function HeaderSideComponent_button_31_Template(rf, ctx) { if (rf & 1) {
+    const _r63 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 14);
-    i0.ɵɵlistener("click", function HeaderSideComponent_button_30_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r68); const ctx_r67 = i0.ɵɵnextContext(); return ctx_r67.onNavigateToPricingScreen(); });
+    i0.ɵɵlistener("click", function HeaderSideComponent_button_31_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r63); const ctx_r62 = i0.ɵɵnextContext(); return ctx_r62.onNavigateToPricingScreen(); });
     i0.ɵɵelementStart(1, "mat-icon");
     i0.ɵɵtext(2, "account_balance_wallet");
     i0.ɵɵelementEnd();
@@ -11121,10 +10398,10 @@ function HeaderSideComponent_button_30_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-function HeaderSideComponent_button_31_Template(rf, ctx) { if (rf & 1) {
-    const _r70 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 78);
-    i0.ɵɵlistener("click", function HeaderSideComponent_button_31_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r70); const ctx_r69 = i0.ɵɵnextContext(); return ctx_r69.alternateSignIn(); });
+function HeaderSideComponent_button_32_Template(rf, ctx) { if (rf & 1) {
+    const _r65 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 75);
+    i0.ɵɵlistener("click", function HeaderSideComponent_button_32_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r65); const ctx_r64 = i0.ɵɵnextContext(); return ctx_r64.alternateSignIn(); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3, "how_to_reg");
@@ -11140,19 +10417,19 @@ function HeaderSideComponent_button_31_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "SHELL.SIGNINAS"));
 } }
-function HeaderSideComponent_div_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 81);
+function HeaderSideComponent_div_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 78);
 } }
-function HeaderSideComponent_app_submit_feedback_47_Template(rf, ctx) { if (rf & 1) {
-    const _r72 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-submit-feedback", 82);
-    i0.ɵɵlistener("closeDialog", function HeaderSideComponent_app_submit_feedback_47_Template_app_submit_feedback_closeDialog_0_listener() { i0.ɵɵrestoreView(_r72); const ctx_r71 = i0.ɵɵnextContext(); return ctx_r71.closeFeedBacklogDialog(); });
+function HeaderSideComponent_app_submit_feedback_48_Template(rf, ctx) { if (rf & 1) {
+    const _r67 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-submit-feedback", 79);
+    i0.ɵɵlistener("closeDialog", function HeaderSideComponent_app_submit_feedback_48_Template_app_submit_feedback_closeDialog_0_listener() { i0.ɵɵrestoreView(_r67); const ctx_r66 = i0.ɵɵnextContext(); return ctx_r66.closeFeedBacklogDialog(); });
     i0.ɵɵelementEnd();
 } }
 const _c6 = function () { return ["/applications/view-forms"]; };
-function HeaderSideComponent_mat_card_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-card", 83);
-    i0.ɵɵelementStart(1, "span", 84);
+function HeaderSideComponent_mat_card_53_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-card", 80);
+    i0.ɵɵelementStart(1, "span", 81);
     i0.ɵɵtext(2, "Forms");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -11160,9 +10437,9 @@ function HeaderSideComponent_mat_card_52_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(1, _c6));
 } }
 const _c7 = function () { return ["/applications/custom-applications"]; };
-function HeaderSideComponent_mat_card_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-card", 83);
-    i0.ɵɵelementStart(1, "span", 84);
+function HeaderSideComponent_mat_card_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-card", 80);
+    i0.ɵɵelementStart(1, "span", 81);
     i0.ɵɵtext(2, "Custom applications");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -11170,9 +10447,9 @@ function HeaderSideComponent_mat_card_53_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(1, _c7));
 } }
 const _c8 = function () { return ["/rolemanagement/rolemanagement"]; };
-function HeaderSideComponent_mat_card_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-card", 83);
-    i0.ɵɵelementStart(1, "span", 84);
+function HeaderSideComponent_mat_card_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-card", 80);
+    i0.ɵɵelementStart(1, "span", 81);
     i0.ɵɵtext(2, "Role configuration");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -11180,88 +10457,88 @@ function HeaderSideComponent_mat_card_54_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(1, _c8));
 } }
 const _c9 = function () { return ["/rolemanagement/entityrolemanagement"]; };
-function HeaderSideComponent_mat_card_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-card", 83);
-    i0.ɵɵelementStart(1, "span", 84);
+function HeaderSideComponent_mat_card_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-card", 80);
+    i0.ɵɵelementStart(1, "span", 81);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "softLabelsPipe");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r23 = i0.ɵɵnextContext();
+    const ctx_r22 = i0.ɵɵnextContext();
     i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(5, _c9));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 2, ctx_r23.projectRoleText, ctx_r23.softLabels));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(3, 2, ctx_r22.projectRoleText, ctx_r22.softLabels), " ");
 } }
-function HeaderSideComponent_div_56_span_1_Template(rf, ctx) { if (rf & 1) {
+function HeaderSideComponent_div_57_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Welcome \u00A0 ");
     i0.ɵɵelementEnd();
 } }
-function HeaderSideComponent_div_56_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+function HeaderSideComponent_div_57_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Welcome back \u00A0");
 } }
-function HeaderSideComponent_div_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 85);
-    i0.ɵɵtemplate(1, HeaderSideComponent_div_56_span_1_Template, 2, 0, "span", 86);
+function HeaderSideComponent_div_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵtemplate(1, HeaderSideComponent_div_57_span_1_Template, 2, 0, "span", 83);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, HeaderSideComponent_div_56_ng_template_4_Template, 1, 0, "ng-template", null, 87, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(4, HeaderSideComponent_div_57_ng_template_4_Template, 1, 0, "ng-template", null, 84, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const _r74 = i0.ɵɵreference(5);
-    const ctx_r24 = i0.ɵɵnextContext();
+    const _r69 = i0.ɵɵreference(5);
+    const ctx_r23 = i0.ɵɵnextContext();
     i0.ɵɵproperty("@fade", undefined);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r24.loggedInCount == 1)("ngIfElse", _r74);
+    i0.ɵɵproperty("ngIf", ctx_r23.loggedInCount == 1)("ngIfElse", _r69);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r24.userFullName, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r23.userFullName, " ");
 } }
-function HeaderSideComponent_ngx_dropzone_preview_74_Template(rf, ctx) { if (rf & 1) {
-    const _r78 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ngx-dropzone-preview", 88);
-    i0.ɵɵlistener("removed", function HeaderSideComponent_ngx_dropzone_preview_74_Template_ngx_dropzone_preview_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r78); const f_r76 = restoredCtx.$implicit; const ctx_r77 = i0.ɵɵnextContext(); return ctx_r77.onRemove(f_r76); });
-    i0.ɵɵelementStart(1, "ngx-dropzone-label", 89);
+function HeaderSideComponent_ngx_dropzone_preview_75_Template(rf, ctx) { if (rf & 1) {
+    const _r73 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ngx-dropzone-preview", 85);
+    i0.ɵɵlistener("removed", function HeaderSideComponent_ngx_dropzone_preview_75_Template_ngx_dropzone_preview_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r73); const f_r71 = restoredCtx.$implicit; const ctx_r72 = i0.ɵɵnextContext(); return ctx_r72.onRemove(f_r71); });
+    i0.ɵɵelementStart(1, "ngx-dropzone-label", 86);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const f_r76 = ctx.$implicit;
-    const ctx_r26 = i0.ɵɵnextContext();
+    const f_r71 = ctx.$implicit;
+    const ctx_r25 = i0.ɵɵnextContext();
     i0.ɵɵproperty("removable", true);
     i0.ɵɵadvance(1);
-    i0.ɵɵattribute("data-tip", f_r76.name);
+    i0.ɵɵattribute("data-tip", f_r71.name);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r26.setLabelNameForDropzone(f_r76.name), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r25.setLabelNameForDropzone(f_r71.name), " ");
 } }
-function HeaderSideComponent_mat_progress_bar_78_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-progress-bar", 90);
+function HeaderSideComponent_mat_progress_bar_79_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-progress-bar", 87);
 } if (rf & 2) {
-    const ctx_r27 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("value", ctx_r27.progressValue);
+    const ctx_r26 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", ctx_r26.progressValue);
 } }
-function HeaderSideComponent_div_79_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
+function HeaderSideComponent_div_80_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 88);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r28 = i0.ɵɵnextContext();
+    const ctx_r27 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate3(" ", ctx_r28.progressValue, "% completed (Uploading ", ctx_r28.fileCounter, " of ", ctx_r28.files.length, " files) ");
+    i0.ɵɵtextInterpolate3(" ", ctx_r27.progressValue, "% completed (Uploading ", ctx_r27.fileCounter, " of ", ctx_r27.files.length, " files) ");
 } }
-function HeaderSideComponent_div_80_Template(rf, ctx) { if (rf & 1) {
-    const _r80 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 91);
-    i0.ɵɵelementStart(1, "button", 92);
-    i0.ɵɵlistener("click", function HeaderSideComponent_div_80_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r80); const ctx_r79 = i0.ɵɵnextContext(); return ctx_r79.saveFiles(); });
-    i0.ɵɵelement(2, "fa-icon", 93);
+function HeaderSideComponent_div_81_Template(rf, ctx) { if (rf & 1) {
+    const _r75 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 89);
+    i0.ɵɵelementStart(1, "button", 90);
+    i0.ɵɵlistener("click", function HeaderSideComponent_div_81_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r75); const ctx_r74 = i0.ɵɵnextContext(); return ctx_r74.saveFiles(); });
+    i0.ɵɵelement(2, "fa-icon", 91);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 94);
-    i0.ɵɵlistener("click", function HeaderSideComponent_div_80_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r80); const ctx_r81 = i0.ɵɵnextContext(); return ctx_r81.removeAllFiles(); });
-    i0.ɵɵelement(6, "fa-icon", 95);
+    i0.ɵɵelementStart(5, "button", 92);
+    i0.ɵɵlistener("click", function HeaderSideComponent_div_81_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r75); const ctx_r76 = i0.ɵɵnextContext(); return ctx_r76.removeAllFiles(); });
+    i0.ɵɵelement(6, "fa-icon", 93);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "translate");
     i0.ɵɵelementEnd();
@@ -11272,33 +10549,33 @@ function HeaderSideComponent_div_80_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(8, 4, "DOCUMENTMANAGEMENT.CLEARFILES"), " ");
 } }
-function HeaderSideComponent_div_81_i_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 99);
+function HeaderSideComponent_div_82_i_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 98);
 } }
-function HeaderSideComponent_div_81_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 91);
-    i0.ɵɵelementStart(1, "button", 96);
-    i0.ɵɵelement(2, "fa-icon", 97);
+function HeaderSideComponent_div_82_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 94);
+    i0.ɵɵelementStart(1, "button", 95);
+    i0.ɵɵelement(2, "fa-icon", 96);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
-    i0.ɵɵtemplate(5, HeaderSideComponent_div_81_i_5_Template, 1, 0, "i", 98);
+    i0.ɵɵtemplate(5, HeaderSideComponent_div_82_i_5_Template, 1, 0, "i", 97);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r30 = i0.ɵɵnextContext();
+    const ctx_r29 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("disabled", true);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(4, 3, "SHELL.IMPORTINGTEXT"), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r30.importingInProgress);
+    i0.ɵɵproperty("ngIf", ctx_r29.importingInProgress);
 } }
 const _c10 = function (a0) { return [a0]; };
-function HeaderSideComponent_ng_template_82_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "announcement-dialog", 100);
+function HeaderSideComponent_ng_template_83_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "announcement-dialog", 99);
 } if (rf & 2) {
-    const data_r83 = ctx.$implicit;
-    i0.ɵɵproperty("data", i0.ɵɵpureFunction1(1, _c10, data_r83));
+    const data_r78 = ctx.$implicit;
+    i0.ɵɵproperty("data", i0.ɵɵpureFunction1(1, _c10, data_r78));
 } }
 /** @dynamic */
 class HeaderSideComponent extends CustomAppBaseComponent {
@@ -11397,6 +10674,20 @@ class HeaderSideComponent extends CustomAppBaseComponent {
         this.actionUpdates$
             .pipe(takeUntil(this.ngDestroyed$), ofType(AuthenticationActionTypes.UserDetailsFetchedAfterCompanyLogin), tap(() => {
             this.reload = true;
+            // this.chatService.getRecentChannelMessages().subscribe((recentChannelMessages: any) => {
+            //   recentChannelMessages.data.forEach(element => {
+            //     this.messagesUnreadCount += element.unreadMessageCount;
+            //   });
+            // });
+            // this.chatService.getRecentIndividualMessages().subscribe((recentColleagueMessages: any) => {
+            //   var uniq = {};
+            //   recentColleagueMessages.data = recentColleagueMessages.data.filter(obj => !uniq[obj.id] && (uniq[obj.id] = true));
+            //   recentColleagueMessages.data.forEach(element => {
+            //     if(element.id != this.loggedInUserId){
+            //     this.messagesUnreadCount += element.unreadMessageCount;
+            //     }
+            //   });
+            // });
             this.getIntroDetails();
             this.ngOnInit();
             this.getNotifications();
@@ -12195,7 +11486,6 @@ class HeaderSideComponent extends CustomAppBaseComponent {
         var company = this.companiesList.filter(x => x.companyId.toLowerCase() == this.cookieService.get(LocalStorageProperties.CompanyId).toLowerCase());
         this.selectedCompany = company ? company[0] : null;
         this.selectedCompanyName = company ? company[0] ? company[0].companyName : null : null;
-        this.cdRef.detectChanges();
     }
     navigateToDashboards() {
         const userReference = localStorage.getItem(LocalStorageProperties.UserReferenceId);
@@ -12782,12 +12072,12 @@ class HeaderSideComponent extends CustomAppBaseComponent {
         });
     }
 }
-HeaderSideComponent.ɵfac = function HeaderSideComponent_Factory(t) { return new (t || HeaderSideComponent)(i0.ɵɵdirectiveInject(i1$4.PushNotificationsService), i0.ɵɵdirectiveInject(ThemeService), i0.ɵɵdirectiveInject(i3$1.NgxUiLoaderService), i0.ɵɵdirectiveInject(LayoutService), i0.ɵɵdirectiveInject(i5$1.TranslateService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(CommonService), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i2$2.PubNubAngular), i0.ɵɵdirectiveInject(AuthenticationService), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i6.ToastrService), i0.ɵɵdirectiveInject(i15.StoreManagementService), i0.ɵɵdirectiveInject(ShellModulesService), i0.ɵɵdirectiveInject(ChatService), i0.ɵɵdirectiveInject(SignalrService), i0.ɵɵdirectiveInject(WINDOW)); };
+HeaderSideComponent.ɵfac = function HeaderSideComponent_Factory(t) { return new (t || HeaderSideComponent)(i0.ɵɵdirectiveInject(i1$4.PushNotificationsService), i0.ɵɵdirectiveInject(ThemeService), i0.ɵɵdirectiveInject(i3$1.NgxUiLoaderService), i0.ɵɵdirectiveInject(LayoutService), i0.ɵɵdirectiveInject(i5$1.TranslateService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(CommonService), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i2$2.PubNubAngular), i0.ɵɵdirectiveInject(AuthenticationService), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i6.ToastrService), i0.ɵɵdirectiveInject(i15$1.StoreManagementService), i0.ɵɵdirectiveInject(ShellModulesService), i0.ɵɵdirectiveInject(ChatService), i0.ɵɵdirectiveInject(SignalrService), i0.ɵɵdirectiveInject(WINDOW)); };
 HeaderSideComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderSideComponent, selectors: [["app-header-side"]], viewQuery: function HeaderSideComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$8, 5);
-        i0.ɵɵviewQuery(_c1$3, 5);
-        i0.ɵɵviewQuery(_c2$2, 5);
-        i0.ɵɵviewQuery(_c3$1, 5);
+        i0.ɵɵviewQuery(_c0$7, 5);
+        i0.ɵɵviewQuery(_c1$1, 5);
+        i0.ɵɵviewQuery(_c2, 5);
+        i0.ɵɵviewQuery(_c3, 5);
         i0.ɵɵviewQuery(_c4, 5);
     } if (rf & 2) {
         let _t;
@@ -12796,149 +12086,150 @@ HeaderSideComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderS
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.documentPopover = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.openAnnoucementDialogComponent = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileUploadDropzonePopup = _t);
-    } }, inputs: { notificPanel: "notificPanel" }, outputs: { opened: "opened" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 84, vars: 46, consts: [[1, "topbar", "remove-padding"], ["fxFlex", ""], [3, "reload", "isOpened", "openNewDashboard"], ["fxFlex", "", "fxLayout", "row", "fxHide.xs", "", "fxLayoutAlign", "center", 2, "vertical-align", "center"], ["fxFlex", "", "fxLayout", "row", "fxLayoutAlign", "end center"], ["class", "filter-data custom-box language-section", "style", "width:150px;", 3, "click", 4, "ngIf"], [4, "ngIf"], ["mat-icon-button", "", "matTooltipClass", "tooltipClass-mat", "class", "topbar-button-right theme-navbar-icon-color", 3, "matTooltip", "overflow", "matMenuTriggerFor", "click", 4, "ngIf"], ["notification", "matMenu"], ["mat-icon-button", "", "class", "topbar-button-right img-button", 3, "matMenuTriggerFor", "ngClass", "click", 4, "ngIf"], ["hasBackdrop", "", "scrollStrategy", "reposition", "verticalAlign", "below", "horizontalAlign", "before", 3, "autoFocus", "restoreFocus", "interactiveClose"], ["feedTimeSheet", ""], [3, "isFeedTimeSheet", "closeFeedTimeSheetPopup"], ["accountMenu", "matMenu"], ["mat-menu-item", "", 3, "click"], ["class", "activity-recorder recording-style", 4, "ngIf"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "overflow", "click", 4, "ngIf"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "satPopoverAnchorFor", "click", 4, "ngIf"], ["mat-menu-item", "", 3, "click", 4, "ngIf"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "overflow", "matTooltip", "click", 4, "ngIf"], [1, "feedback-icon", 3, "satPopoverAnchorFor"], ["class", "k-i-loading", 4, "ngIf"], ["verticalAlign", "below", "hasBackdrop", "", "backdropClass", "backdrop-color", "horizontalAlign", "end", 3, "interactiveClose"], ["feedBackPopover", ""], [3, "closeDialog", 4, "ngIf"], [1, "dialog_window", 3, "click"], ["menu2", "matMenu"], ["id", "style-1", 1, "p-0", "m-0", "listof_assets", "store-list-dropdown"], [1, "compact-list"], ["class", "p-0 asset-card", 3, "routerLink", 4, "ngIf"], ["class", "welcome-note", 4, "ngIf"], ["hasBackdrop", "", "backdropClass", "testrun-popover", "scrollStrategy", "reposition", 3, "interactiveClose"], ["fileUploadDropzonePopover", ""], [1, "p-0", "mr-0", "custom-hrm-dropzone"], ["fxLayout", "row", 1, "card-title-text", "mat-bg-primary", "p-05"], ["fxFlex", "", 1, "text-center"], ["fxFlex", "20px", "fxLayoutAlign", "end center"], [1, "inline_edit_close_btn", "btn", 3, "click"], ["icon", "times"], [1, "m-1"], ["ngx-dropzone", "", "accept", ".json", 1, "custom-dropzone", "dropzone-height", 3, "change"], ["class", "custom-dropzone-preview", 3, "removable", "removed", 4, "ngFor", "ngForOf"], [1, "m-05", "text-muted", 2, "text-align", "center"], ["color", "primary", "mode", "determinate", 3, "value", 4, "ngIf"], ["class", "mt-05", "fxLayoutAlign", "center end", 4, "ngIf"], ["openAnnoucementDialogComponent", ""], [1, "filter-data", "custom-box", "language-section", 2, "width", "150px", 3, "click"], ["placeholder", "", "name", "selectedCompany", 3, "ngModel", "ngModelChange", "selectionChange"], ["fxLayout", "row", "fxLayoutGap", "15px", 4, "ngIf"], ["fxFlex", "", "fxLayoutAlign", "start center", 1, "search_goalinput", "ml-1", 2, "position", "sticky", "top", "0", "z-index", "1", "background-color", "white"], ["fxLayoutAlign", "start center"], [1, "full-width"], ["matInput", "", "autocomplete", "off", 1, "search_goal", 3, "placeholder", "ngModel", "ngModelChange"], ["fxLayoutAlign", "end center", 1, "close_icon", "masterdata-search-close"], ["class", "icon-button mr-05 mt-05", "aria-hidden", "false", "style", "cursor:pointer", 3, "click", 4, "ngIf"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "400", 3, "value", "matTooltip", 4, "ngFor", "ngForOf"], ["fxLayout", "row", "fxLayoutGap", "15px"], [3, "ngStyle"], ["fxLayoutAlign", "start center", "matTooltipClass", "tooltipClass-mat", "size", "20", 3, "name", "matTooltip", "src", "isRound"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "400", "fxFlex", "calc(100% - 40px)", 1, "language-display", 2, "color", "black !important", 3, "matTooltip"], ["aria-hidden", "false", 1, "icon-button", "mr-05", "mt-05", 2, "cursor", "pointer", 3, "click"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "400", 3, "value", "matTooltip"], ["fxLayout", "row", 1, "cursor-pointer"], ["fxLayoutAlign", "start center", "matTooltipClass", "tooltipClass-mat", "size", "20", 3, "name", "ngStyle", "matTooltip", "src", "isRound"], [1, "ml-05"], ["matTooltipClass", "tooltipClass-mat", "mat-icon-button", "", 1, "topbar-button-right", "theme-navbar-icon-color", 3, "matTooltip", "ngClass", "click"], ["matTooltipClass", "tooltipClass-mat", "mat-icon-button", "", 1, "topbar-button-right", "theme-navbar-icon-color", 3, "matTooltip", "click"], ["mat-icon-button", "", "id", "feedTimeSheetComponent", "matTooltipClass", "tooltipClass-mat", 1, "topbar-button-right", "theme-navbar-icon-color", 3, "matTooltip", "satPopoverAnchorFor", "click"], ["mat-icon-button", "", "matTooltipClass", "tooltipClass-mat", 1, "topbar-button-right", "theme-navbar-icon-color", 3, "matTooltip", "matMenuTriggerFor", "click"], ["class", "notification-number mat-bg-warn", 4, "ngIf"], [1, "notification-number", "mat-bg-warn"], ["mat-icon-button", "", 1, "topbar-button-right", "img-button", 3, "matMenuTriggerFor", "ngClass", "click"], ["class", "icon-highlight-setter", "alt", "profile image", 3, "src", 4, "ngIf"], ["style", "margin-left: 4px !important;", 4, "ngIf"], ["alt", "profile image", 1, "icon-highlight-setter", 3, "src"], [2, "margin-left", "4px !important"], ["size", "30", 3, "name", "isRound"], [1, "activity-recorder", "recording-style"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "click"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "satPopoverAnchorFor", "click"], ["fileUploadDropzonePopup", "satPopoverAnchor"], [1, "k-i-loading"], [3, "closeDialog"], [1, "p-0", "asset-card", 3, "routerLink"], [1, "hide-content-overflow", "userStory-name-control", "store-dropdown-padding"], [1, "welcome-note"], [4, "ngIf", "ngIfElse"], ["elseSpan", ""], [1, "custom-dropzone-preview", 3, "removable", "removed"], [1, "custom-dropzone-label"], ["color", "primary", "mode", "determinate", 3, "value"], ["fxLayoutAlign", "center end", 1, "mt-05"], ["mat-button", "", "mat-raised-button", "", "color", "primary", 3, "click"], ["icon", "save", 1, "mr-05"], ["mat-button", "", "mat-raised-button", "", 1, "ml-1", 3, "click"], ["icon", "times", 1, "mr-05"], ["mat-button", "", "mat-raised-button", "", 1, "ml-1", 3, "disabled"], ["icon", "upload", 1, "mr-05"], ["class", "fa fa-spin fa-spinner", 4, "ngIf"], [1, "fa", "fa-spin", "fa-spinner"], [3, "data"]], template: function HeaderSideComponent_Template(rf, ctx) { if (rf & 1) {
-        const _r84 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "mat-toolbar", 0);
+    } }, inputs: { notificPanel: "notificPanel" }, outputs: { opened: "opened" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 85, vars: 47, consts: [[1, "navbar", "navbar-expand-lg", "shadow-sm", 2, "padding", "0 20px", "height", "65px", "position", "relative", "z-index", "1200", "/* keep in front */\n    background", "#ffffff", "border-bottom", "3px solid rgba(255,255,255,0.1)", "backdrop-filter", "blur(10px)"], [1, "container-fluid", 2, "display", "flex", "align-items", "center", "justify-content", "space-between", "padding", "0"], [2, "flex", "0 0 auto"], [3, "reload", "isOpened", "openNewDashboard"], [2, "display", "flex", "align-items", "center", "gap", "10px", "margin-left", "auto"], ["class", "filter-data custom-box language-section", "style", "width:180px; position:relative;", 3, "click", 4, "ngIf"], [4, "ngIf"], ["mat-icon-button", "", "id", "feedTimeSheetComponent", "matTooltipClass", "tooltipClass-mat", 1, "topbar-button-right", "theme-navbar-icon-color", 2, "background", "rgba(255,255,255,0.12)", "border-radius", "10px", 3, "matTooltip", "satPopoverAnchorFor", "click"], ["feedTimeSheet", ""], [2, "color", "#09555c"], ["mat-icon-button", "", "matTooltipClass", "tooltipClass-mat", "class", "topbar-button-right theme-navbar-icon-color", "style", "position:relative; background:rgba(255,255,255,0.12); border-radius:10px;", 3, "matTooltip", "overflow", "matMenuTriggerFor", "click", 4, "ngIf"], ["notification", "matMenu"], ["mat-icon-button", "", "class", "topbar-button-right img-button", "style", "width:24px; height:24px; background:rgba(255,255,255,0.12); border-radius:50%; border:1px solid #09555c; display:flex; align-items:center; justify-content:center; padding:0;", 3, "matMenuTriggerFor", "ngClass", "click", 4, "ngIf"], ["accountMenu", "matMenu"], ["mat-menu-item", "", 3, "click"], ["class", "activity-recorder recording-style", 4, "ngIf"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "overflow", "click", 4, "ngIf"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "satPopoverAnchorFor", "click", 4, "ngIf"], ["mat-menu-item", "", 3, "click", 4, "ngIf"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "overflow", "matTooltip", "click", 4, "ngIf"], [1, "feedback-icon", 3, "satPopoverAnchorFor"], ["class", "k-i-loading", "style", "position:fixed; z-index:1300; top:0; left:0; right:0;", 4, "ngIf"], ["verticalAlign", "below", "hasBackdrop", "", "backdropClass", "backdrop-color", "horizontalAlign", "end", 3, "interactiveClose"], ["feedBackPopover", ""], [3, "closeDialog", 4, "ngIf"], [1, "dialog_window", 3, "click"], ["menu2", "matMenu"], ["id", "style-1", 1, "p-0", "m-0", "listof_assets", "store-list-dropdown"], [1, "compact-list"], ["class", "p-0 asset-card", 3, "routerLink", 4, "ngIf"], ["class", "welcome-note", "style", "z-index: 1250; position: fixed; top: 72px; right: 16px;", 4, "ngIf"], ["hasBackdrop", "", "backdropClass", "testrun-popover", "scrollStrategy", "reposition", 3, "interactiveClose"], ["fileUploadDropzonePopover", ""], [1, "p-0", "mr-0", "custom-hrm-dropzone", 2, "max-width", "520px"], ["fxLayout", "row", 1, "card-title-text", "mat-bg-primary", "p-05", 2, "display", "flex", "align-items", "center"], ["fxFlex", "", 1, "text-center", 2, "flex", "1", "text-align", "center"], ["fxFlex", "20px", "fxLayoutAlign", "end center", 2, "width", "20px", "display", "flex", "justify-content", "flex-end"], [1, "inline_edit_close_btn", "btn", 3, "click"], ["icon", "times"], [1, "m-1", 2, "padding", "8px"], ["ngx-dropzone", "", "accept", ".json", 1, "custom-dropzone", "dropzone-height", 3, "change"], ["class", "custom-dropzone-preview", 3, "removable", "removed", 4, "ngFor", "ngForOf"], [1, "m-05", "text-muted", 2, "text-align", "center", "margin-top", "6px"], ["color", "primary", "mode", "determinate", 3, "value", 4, "ngIf"], ["style", "margin-top:6px;", 4, "ngIf"], ["class", "mt-05", "fxLayoutAlign", "center end", "style", "margin-top:10px; display:flex; justify-content:center; gap:8px;", 4, "ngIf"], ["class", "mt-05", "fxLayoutAlign", "center end", "style", "margin-top:10px; display:flex; justify-content:center;", 4, "ngIf"], ["openAnnoucementDialogComponent", ""], [1, "filter-data", "custom-box", "language-section", 2, "width", "180px", "position", "relative", 3, "click"], ["placeholder", "", "name", "selectedCompany", "panelClass", "company-select-panel", 3, "ngModel", "ngModelChange", "selectionChange"], ["fxLayout", "row", "fxLayoutGap", "10px", "style", "display:flex; align-items:center; gap:10px;", 4, "ngIf"], ["fxFlex", "", "fxLayoutAlign", "start center", 1, "search_goalinput", "ml-1", 2, "position", "sticky", "top", "0", "z-index", "1", "background-color", "rgb(0, 0, 0)", "padding", "6px 8px", "display", "flex", "align-items", "center"], ["fxLayoutAlign", "start center", 2, "flex", "1"], [1, "full-width", 2, "width", "100%", "margin", "0"], ["matInput", "", "autocomplete", "off", 1, "search_goal", 3, "placeholder", "ngModel", "ngModelChange"], ["fxLayoutAlign", "end center", 1, "close_icon", "masterdata-search-close", 2, "margin-left", "6px"], ["class", "icon-button mr-05 mt-05", "aria-hidden", "false", "style", "cursor:pointer", 3, "click", 4, "ngIf"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "400", 3, "value", "matTooltip", 4, "ngFor", "ngForOf"], ["fxLayout", "row", "fxLayoutGap", "10px", 2, "display", "flex", "align-items", "center", "gap", "10px"], [3, "ngStyle"], ["fxLayoutAlign", "start center", "matTooltipClass", "tooltipClass-mat", "size", "20", 3, "name", "matTooltip", "src", "isRound"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "400", 1, "language-display", 2, "color", "#09555c", "font-weight", "600", "overflow", "hidden", "text-overflow", "ellipsis", "white-space", "nowrap", 3, "matTooltip"], ["aria-hidden", "false", 1, "icon-button", "mr-05", "mt-05", 2, "cursor", "pointer", 3, "click"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "400", 3, "value", "matTooltip"], ["fxLayout", "row", 1, "cursor-pointer", 2, "display", "flex", "align-items", "center"], ["fxLayoutAlign", "start center", "matTooltipClass", "tooltipClass-mat", "size", "20", 3, "name", "ngStyle", "matTooltip", "src", "isRound"], [1, "ml-05", 2, "margin-left", "8px"], ["mat-icon-button", "", "matTooltipClass", "tooltipClass-mat", 1, "topbar-button-right", "theme-navbar-icon-color", 2, "background", "rgba(255,255,255,0.12)", "border-radius", "10px", 3, "matTooltip", "ngClass", "click"], ["mat-icon-button", "", "matTooltipClass", "tooltipClass-mat", 1, "topbar-button-right", "theme-navbar-icon-color", 2, "background", "rgba(255,255,255,0.12)", "border-radius", "10px", 3, "matTooltip", "click"], ["mat-icon-button", "", "matTooltipClass", "tooltipClass-mat", 1, "topbar-button-right", "theme-navbar-icon-color", 2, "position", "relative", "background", "rgba(255,255,255,0.12)", "border-radius", "10px", 3, "matTooltip", "matMenuTriggerFor", "click"], ["class", "notification-number mat-bg-warn", "style", "position:absolute; top:-2px; right:-2px;", 4, "ngIf"], [1, "notification-number", "mat-bg-warn", 2, "position", "absolute", "top", "-2px", "right", "-2px"], ["mat-icon-button", "", 1, "topbar-button-right", "img-button", 2, "width", "24px", "height", "24px", "background", "rgba(255,255,255,0.12)", "border-radius", "50%", "border", "1px solid #09555c", "display", "flex", "align-items", "center", "justify-content", "center", "padding", "0", 3, "matMenuTriggerFor", "ngClass", "click"], [2, "font-size", "24px", "color", "#09555c"], [1, "activity-recorder", "recording-style"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "click"], ["mat-menu-item", "", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "satPopoverAnchorFor", "click"], ["fileUploadDropzonePopup", "satPopoverAnchor"], [1, "k-i-loading", 2, "position", "fixed", "z-index", "1300", "top", "0", "left", "0", "right", "0"], [3, "closeDialog"], [1, "p-0", "asset-card", 3, "routerLink"], [1, "hide-content-overflow", "userStory-name-control", "store-dropdown-padding"], [1, "welcome-note", 2, "z-index", "1250", "position", "fixed", "top", "72px", "right", "16px"], [4, "ngIf", "ngIfElse"], ["elseSpan", ""], [1, "custom-dropzone-preview", 3, "removable", "removed"], [1, "custom-dropzone-label"], ["color", "primary", "mode", "determinate", 3, "value"], [2, "margin-top", "6px"], ["fxLayoutAlign", "center end", 1, "mt-05", 2, "margin-top", "10px", "display", "flex", "justify-content", "center", "gap", "8px"], ["mat-button", "", "mat-raised-button", "", "color", "primary", 3, "click"], ["icon", "save", 1, "mr-05"], ["mat-button", "", "mat-raised-button", "", 1, "ml-1", 3, "click"], ["icon", "times", 1, "mr-05"], ["fxLayoutAlign", "center end", 1, "mt-05", 2, "margin-top", "10px", "display", "flex", "justify-content", "center"], ["mat-button", "", "mat-raised-button", "", 1, "ml-1", 3, "disabled"], ["icon", "upload", 1, "mr-05"], ["class", "fa fa-spin fa-spinner", 4, "ngIf"], [1, "fa", "fa-spin", "fa-spinner"], [3, "data"]], template: function HeaderSideComponent_Template(rf, ctx) { if (rf & 1) {
+        const _r79 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "nav", 0);
         i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "app-menu", 2);
-        i0.ɵɵlistener("isOpened", function HeaderSideComponent_Template_app_menu_isOpened_2_listener($event) { return ctx.isOpened($event); })("openNewDashboard", function HeaderSideComponent_Template_app_menu_openNewDashboard_2_listener($event) { return ctx.navigateToUrl($event); });
+        i0.ɵɵelementStart(2, "div", 2);
+        i0.ɵɵelementStart(3, "app-menu", 3);
+        i0.ɵɵlistener("isOpened", function HeaderSideComponent_Template_app_menu_isOpened_3_listener($event) { return ctx.isOpened($event); })("openNewDashboard", function HeaderSideComponent_Template_app_menu_openNewDashboard_3_listener($event) { return ctx.navigateToUrl($event); });
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵelement(3, "div", 3);
         i0.ɵɵelementStart(4, "div", 4);
         i0.ɵɵtemplate(5, HeaderSideComponent_div_5_Template, 13, 9, "div", 5);
         i0.ɵɵtemplate(6, HeaderSideComponent_div_6_Template, 5, 4, "div", 6);
         i0.ɵɵtemplate(7, HeaderSideComponent_div_7_Template, 5, 3, "div", 6);
+        i0.ɵɵelementStart(8, "button", 7, 8);
+        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_8_listener() { return ctx.openTimeSheet(); });
+        i0.ɵɵpipe(10, "translate");
+        i0.ɵɵelementStart(11, "mat-icon", 9);
+        i0.ɵɵtext(12, "access_time");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(8, HeaderSideComponent_div_8_Template, 5, 6, "div", 6);
-        i0.ɵɵtemplate(9, HeaderSideComponent_button_9_Template, 5, 7, "button", 7);
-        i0.ɵɵelementStart(10, "mat-menu", null, 8);
-        i0.ɵɵelement(12, "app-notifications");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(13, HeaderSideComponent_button_13_Template, 3, 4, "button", 9);
-        i0.ɵɵelementStart(14, "sat-popover", 10, 11);
-        i0.ɵɵelementStart(16, "app-feed-time", 12);
-        i0.ɵɵlistener("closeFeedTimeSheetPopup", function HeaderSideComponent_Template_app_feed_time_closeFeedTimeSheetPopup_16_listener() { return ctx.closeFeedTimeSheet(); });
+        i0.ɵɵtemplate(13, HeaderSideComponent_button_13_Template, 5, 7, "button", 10);
+        i0.ɵɵelementStart(14, "mat-menu", null, 11);
+        i0.ɵɵelement(16, "app-notifications");
         i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(17, HeaderSideComponent_button_17_Template, 3, 2, "button", 12);
+        i0.ɵɵelementStart(18, "mat-menu", null, 13);
+        i0.ɵɵelementStart(20, "button", 14);
+        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_20_listener() { return ctx.navigateToProfile(); });
+        i0.ɵɵelementStart(21, "mat-icon");
+        i0.ɵɵtext(22, "account_box");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(17, "mat-menu", null, 13);
-        i0.ɵɵelementStart(19, "button", 14);
-        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_19_listener() { return ctx.navigateToProfile(); });
-        i0.ɵɵelementStart(20, "mat-icon");
-        i0.ɵɵtext(21, "account_box");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(22, "span");
-        i0.ɵɵtext(23);
-        i0.ɵɵpipe(24, "translate");
+        i0.ɵɵelementStart(23, "span");
+        i0.ɵɵtext(24);
+        i0.ɵɵpipe(25, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(25, HeaderSideComponent_mat_icon_25_Template, 1, 0, "mat-icon", 15);
+        i0.ɵɵtemplate(26, HeaderSideComponent_mat_icon_26_Template, 1, 0, "mat-icon", 15);
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(26, HeaderSideComponent_button_26_Template, 7, 8, "button", 16);
         i0.ɵɵtemplate(27, HeaderSideComponent_button_27_Template, 7, 8, "button", 16);
-        i0.ɵɵtemplate(28, HeaderSideComponent_button_28_Template, 8, 7, "button", 17);
-        i0.ɵɵtemplate(29, HeaderSideComponent_button_29_Template, 5, 0, "button", 18);
+        i0.ɵɵtemplate(28, HeaderSideComponent_button_28_Template, 7, 8, "button", 16);
+        i0.ɵɵtemplate(29, HeaderSideComponent_button_29_Template, 8, 7, "button", 17);
         i0.ɵɵtemplate(30, HeaderSideComponent_button_30_Template, 5, 0, "button", 18);
-        i0.ɵɵtemplate(31, HeaderSideComponent_button_31_Template, 7, 8, "button", 19);
-        i0.ɵɵelementStart(32, "button", 14);
-        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_32_listener() { return ctx.onSignout(); });
-        i0.ɵɵelementStart(33, "mat-icon");
-        i0.ɵɵtext(34, "exit_to_app");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(35, "span");
-        i0.ɵɵtext(36);
-        i0.ɵɵpipe(37, "translate");
+        i0.ɵɵtemplate(31, HeaderSideComponent_button_31_Template, 5, 0, "button", 18);
+        i0.ɵɵtemplate(32, HeaderSideComponent_button_32_Template, 7, 8, "button", 19);
+        i0.ɵɵelementStart(33, "button", 14);
+        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_33_listener() { return ctx.onSignout(); });
+        i0.ɵɵelementStart(34, "mat-icon");
+        i0.ɵɵtext(35, "exit_to_app");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(36, "span");
+        i0.ɵɵtext(37);
+        i0.ɵɵpipe(38, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(39, "mat-divider");
+        i0.ɵɵelementStart(40, "button", 14);
+        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r79); const _r16 = i0.ɵɵreference(47); _r16.toggle(); return ctx.openFeedBackDialog(); });
+        i0.ɵɵelementStart(41, "mat-icon", 20);
+        i0.ɵɵtext(42, " sentiment_satisfied_alt ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(43, "span");
+        i0.ɵɵtext(44);
         i0.ɵɵelementEnd();
-        i0.ɵɵelement(38, "mat-divider");
-        i0.ɵɵelementStart(39, "button", 14);
-        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_39_listener() { i0.ɵɵrestoreView(_r84); const _r17 = i0.ɵɵreference(46); _r17.toggle(); return ctx.openFeedBackDialog(); });
-        i0.ɵɵelementStart(40, "mat-icon", 20);
-        i0.ɵɵtext(41, " sentiment_satisfied_alt ");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(42, "span");
-        i0.ɵɵtext(43);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(44, HeaderSideComponent_div_44_Template, 1, 0, "div", 21);
-        i0.ɵɵelementStart(45, "sat-popover", 22, 23);
-        i0.ɵɵtemplate(47, HeaderSideComponent_app_submit_feedback_47_Template, 1, 0, "app-submit-feedback", 24);
+        i0.ɵɵtemplate(45, HeaderSideComponent_div_45_Template, 1, 0, "div", 21);
+        i0.ɵɵelementStart(46, "sat-popover", 22, 23);
+        i0.ɵɵtemplate(48, HeaderSideComponent_app_submit_feedback_48_Template, 1, 0, "app-submit-feedback", 24);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(48, "mat-menu", 25, 26);
-        i0.ɵɵlistener("click", function HeaderSideComponent_Template_mat_menu_click_48_listener($event) { return $event.stopPropagation(); });
-        i0.ɵɵelementStart(50, "mat-card-content", 27);
-        i0.ɵɵelementStart(51, "mat-list", 28);
-        i0.ɵɵtemplate(52, HeaderSideComponent_mat_card_52_Template, 3, 2, "mat-card", 29);
+        i0.ɵɵelementStart(49, "mat-menu", 25, 26);
+        i0.ɵɵlistener("click", function HeaderSideComponent_Template_mat_menu_click_49_listener($event) { return $event.stopPropagation(); });
+        i0.ɵɵelementStart(51, "mat-card-content", 27);
+        i0.ɵɵelementStart(52, "mat-list", 28);
         i0.ɵɵtemplate(53, HeaderSideComponent_mat_card_53_Template, 3, 2, "mat-card", 29);
         i0.ɵɵtemplate(54, HeaderSideComponent_mat_card_54_Template, 3, 2, "mat-card", 29);
-        i0.ɵɵtemplate(55, HeaderSideComponent_mat_card_55_Template, 4, 6, "mat-card", 29);
+        i0.ɵɵtemplate(55, HeaderSideComponent_mat_card_55_Template, 3, 2, "mat-card", 29);
+        i0.ɵɵtemplate(56, HeaderSideComponent_mat_card_56_Template, 4, 6, "mat-card", 29);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(56, HeaderSideComponent_div_56_Template, 6, 4, "div", 30);
-        i0.ɵɵelementStart(57, "sat-popover", 31, 32);
-        i0.ɵɵelementStart(59, "mat-card", 33);
-        i0.ɵɵelementStart(60, "mat-card-title");
-        i0.ɵɵelementStart(61, "div", 34);
-        i0.ɵɵelementStart(62, "div", 35);
-        i0.ɵɵtext(63);
-        i0.ɵɵpipe(64, "translate");
+        i0.ɵɵtemplate(57, HeaderSideComponent_div_57_Template, 6, 4, "div", 30);
+        i0.ɵɵelementStart(58, "sat-popover", 31, 32);
+        i0.ɵɵelementStart(60, "mat-card", 33);
+        i0.ɵɵelementStart(61, "mat-card-title");
+        i0.ɵɵelementStart(62, "div", 34);
+        i0.ɵɵelementStart(63, "div", 35);
+        i0.ɵɵtext(64);
+        i0.ɵɵpipe(65, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(65, "div", 36);
-        i0.ɵɵelementStart(66, "button", 37);
-        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_66_listener() { return ctx.closeUploadFilePopup(); });
-        i0.ɵɵelement(67, "fa-icon", 38);
+        i0.ɵɵelementStart(66, "div", 36);
+        i0.ɵɵelementStart(67, "button", 37);
+        i0.ɵɵlistener("click", function HeaderSideComponent_Template_button_click_67_listener() { return ctx.closeUploadFilePopup(); });
+        i0.ɵɵelement(68, "fa-icon", 38);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(68, "div", 39);
-        i0.ɵɵelementStart(69, "div", 40);
-        i0.ɵɵlistener("change", function HeaderSideComponent_Template_div_change_69_listener($event) { return ctx.filesSelected($event); });
-        i0.ɵɵelementStart(70, "ngx-dropzone-label");
-        i0.ɵɵelementStart(71, "span");
-        i0.ɵɵtext(72);
-        i0.ɵɵpipe(73, "translate");
+        i0.ɵɵelementStart(69, "div", 39);
+        i0.ɵɵelementStart(70, "div", 40);
+        i0.ɵɵlistener("change", function HeaderSideComponent_Template_div_change_70_listener($event) { return ctx.filesSelected($event); });
+        i0.ɵɵelementStart(71, "ngx-dropzone-label");
+        i0.ɵɵelementStart(72, "span");
+        i0.ɵɵtext(73);
+        i0.ɵɵpipe(74, "translate");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(74, HeaderSideComponent_ngx_dropzone_preview_74_Template, 3, 3, "ngx-dropzone-preview", 41);
+        i0.ɵɵtemplate(75, HeaderSideComponent_ngx_dropzone_preview_75_Template, 3, 3, "ngx-dropzone-preview", 41);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(75, "div", 42);
-        i0.ɵɵelementStart(76, "span");
-        i0.ɵɵtext(77, "allowed file extensions : .json");
+        i0.ɵɵelementStart(76, "div", 42);
+        i0.ɵɵelementStart(77, "span");
+        i0.ɵɵtext(78, "allowed file extensions : .json");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(78, HeaderSideComponent_mat_progress_bar_78_Template, 1, 1, "mat-progress-bar", 43);
-        i0.ɵɵtemplate(79, HeaderSideComponent_div_79_Template, 2, 3, "div", 6);
-        i0.ɵɵtemplate(80, HeaderSideComponent_div_80_Template, 9, 6, "div", 44);
-        i0.ɵɵtemplate(81, HeaderSideComponent_div_81_Template, 6, 5, "div", 44);
+        i0.ɵɵtemplate(79, HeaderSideComponent_mat_progress_bar_79_Template, 1, 1, "mat-progress-bar", 43);
+        i0.ɵɵtemplate(80, HeaderSideComponent_div_80_Template, 2, 3, "div", 44);
+        i0.ɵɵtemplate(81, HeaderSideComponent_div_81_Template, 9, 6, "div", 45);
+        i0.ɵɵtemplate(82, HeaderSideComponent_div_82_Template, 6, 5, "div", 46);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(82, HeaderSideComponent_ng_template_82_Template, 1, 3, "ng-template", null, 45, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵtemplate(83, HeaderSideComponent_ng_template_83_Template, 1, 3, "ng-template", null, 47, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
-        const _r17 = i0.ɵɵreference(46);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("reload", ctx.reload);
+        const _r3 = i0.ɵɵreference(9);
+        const _r16 = i0.ɵɵreference(47);
         i0.ɵɵadvance(3);
+        i0.ɵɵproperty("reload", ctx.reload);
+        i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.companiesList != null && ctx.companiesList.length > 1);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.canAccess_feature_Settings || ctx.canAccess_feature_ViewRoles);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.canAccess_feature_MyProjectWork);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.canAccess_feature_PunchCard && !(ctx.timesheetDisableorEnable && ctx.timesheetDisableorEnable.TimeSheetRestricted));
-        i0.ɵɵadvance(1);
+        i0.ɵɵstyleProp("overflow", "visible");
+        i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(10, 37, "SHELL.LOGTIME"));
+        i0.ɵɵproperty("satPopoverAnchorFor", _r3);
+        i0.ɵɵadvance(5);
         i0.ɵɵproperty("ngIf", ctx.newNotificationsCount != 0);
         i0.ɵɵadvance(4);
         i0.ɵɵproperty("ngIf", ctx.authenticatedUserRecord);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("autoFocus", false)("restoreFocus", false)("interactiveClose", true);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("isFeedTimeSheet", ctx.isFeedTimeSheet);
         i0.ɵɵadvance(7);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 38, "SHELL.PROFILE"));
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(25, 39, "SHELL.PROFILE"));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.isRecording);
         i0.ɵɵadvance(1);
@@ -12954,9 +12245,9 @@ HeaderSideComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderS
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.canAccess_feature_AlternateSignIn);
         i0.ɵɵadvance(5);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(37, 40, "SHELL.SIGNOUT"));
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(38, 41, "SHELL.SIGNOUT"));
         i0.ɵɵadvance(4);
-        i0.ɵɵproperty("satPopoverAnchorFor", _r17);
+        i0.ɵɵproperty("satPopoverAnchorFor", _r16);
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1("v-", ctx.applicationVersion, "");
         i0.ɵɵadvance(1);
@@ -12978,9 +12269,9 @@ HeaderSideComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderS
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("interactiveClose", false);
         i0.ɵɵadvance(6);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(64, 42, "TESTMANAGEMENT.UPLOADFILES"), " ");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(65, 43, "TESTMANAGEMENT.UPLOADFILES"), " ");
         i0.ɵɵadvance(9);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(73, 44, "DOCUMENTMANAGEMENT.DRAGANDDROPFILESHERE"));
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(74, 45, "DOCUMENTMANAGEMENT.DRAGANDDROPFILESHERE"));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.files);
         i0.ɵɵadvance(4);
@@ -12991,7 +12282,7 @@ HeaderSideComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderS
         i0.ɵɵproperty("ngIf", ctx.filesPresent);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.importingInProgress);
-    } }, directives: [i19.MatToolbar, i20.DefaultFlexDirective, MenuComponent, i20.DefaultLayoutDirective, i22$1.DefaultShowHideDirective, i20.DefaultLayoutAlignDirective, i10.NgIf, i16.MatMenu, NotificationsComponent, i20$1.SatPopover, FeedTimeComponent, i16.MatMenuItem, i17.MatIcon, i7$2.MatDivider, i20$1.SatPopoverAnchor, i7.MatCardContent, i12.MatList, i7.MatCard, i7.MatCardTitle, i4.FaIconComponent, i33.NgxDropzoneComponent, i33.ɵb, i10.NgForOf, i34.MatSelect, i9.NgControlStatus, i9.NgModel, i34.MatSelectTrigger, i22.MatFormField, i23.MatInput, i9.DefaultValueAccessor, i20.DefaultLayoutGapDirective, i10.NgStyle, i22$1.DefaultStyleDirective, i29.SnovasysAvatarComponent, i7$1.MatTooltip, i14.MatOption, i8.MatButton, i10.NgClass, i22$1.DefaultClassDirective, i16.MatMenuTrigger, FeedBackSubmissionComponent, i2.RouterLink, i33.NgxDropzonePreviewComponent, i28.MatProgressBar, AnnoucementDialogComponent], pipes: [i5$1.TranslatePipe, RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, SoftLabelPipe], styles: [".file-or-folder-icon[_ngcontent-%COMP%] {\n        width: 50px;\n        height: 50px;\n        font-size: 50px;\n    }\n\n    .file-or-folder-name-align[_ngcontent-%COMP%] {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        text-align: center;\n        word-break: break-word;\n    }\n\n    .dropzone-height[_ngcontent-%COMP%] {\n        height: 130px;\n    }\n\n    .custom-dropzone-preview[_ngcontent-%COMP%] {\n        height: 100px !important;\n        min-height: 100px !important;\n        padding: 0px !important;\n    }"], data: { animation: [
+    } }, directives: [MenuComponent, i10.NgIf, i8.MatButton, i7$1.MatTooltip, i23.SatPopoverAnchor, i17.MatIcon, i16.MatMenu, NotificationsComponent, i16.MatMenuItem, i7$2.MatDivider, i23.SatPopover, i7.MatCardContent, i12.MatList, i7.MatCard, i7.MatCardTitle, i30.DefaultLayoutDirective, i30.DefaultFlexDirective, i30.DefaultLayoutAlignDirective, i4.FaIconComponent, i32.NgxDropzoneComponent, i32.ɵb, i10.NgForOf, i33.MatSelect, i9.NgControlStatus, i9.NgModel, i33.MatSelectTrigger, i21.MatFormField, i22.MatInput, i9.DefaultValueAccessor, i30.DefaultLayoutGapDirective, i10.NgStyle, i15.DefaultStyleDirective, i6$1.SnovasysAvatarComponent, i14.MatOption, i10.NgClass, i15.DefaultClassDirective, i16.MatMenuTrigger, FeedBackSubmissionComponent, i2.RouterLink, i32.NgxDropzonePreviewComponent, i27.MatProgressBar, AnnoucementDialogComponent], pipes: [i5$1.TranslatePipe, RemoveSpecialCharactersPipe, FetchSizedAndCachedImagePipe, SoftLabelPipe], styles: [".file-or-folder-icon[_ngcontent-%COMP%] {\n        width: 50px;\n        height: 50px;\n        font-size: 50px;\n    }\n\n    .file-or-folder-name-align[_ngcontent-%COMP%] {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        line-clamp: 2;\n        -webkit-box-orient: vertical;\n        text-align: center;\n        word-break: break-word;\n    }\n\n    .dropzone-height[_ngcontent-%COMP%] {\n        height: 130px;\n    }\n\n    .custom-dropzone-preview[_ngcontent-%COMP%] {\n        height: 100px !important;\n        min-height: 100px !important;\n        padding: 0px !important;\n    }\n\n    \n    .cdk-overlay-container[_ngcontent-%COMP%], .cdk-overlay-connected-position-bounding-box[_ngcontent-%COMP%] {\n        z-index: 1300 !important;\n    }\n\n    \n    .company-select-panel[_ngcontent-%COMP%]   .mat-mdc-option[_ngcontent-%COMP%] {\n        line-height: 36px;\n    }"], data: { animation: [
             trigger('fade', [
                 transition('void => *', [
                     style({ opacity: 0 }),
@@ -13015,7 +12306,7 @@ HeaderSideComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderS
                     ])
                 ]
             }]
-    }], function () { return [{ type: i1$4.PushNotificationsService }, { type: ThemeService }, { type: i3$1.NgxUiLoaderService }, { type: LayoutService }, { type: i5$1.TranslateService }, { type: i2.Router }, { type: i5.CookieService }, { type: i1$3.MatDialog }, { type: CommonService }, { type: i3.Store }, { type: i2$2.PubNubAngular }, { type: AuthenticationService }, { type: i1$2.Actions }, { type: i0.ChangeDetectorRef }, { type: i6.ToastrService }, { type: i15.StoreManagementService }, { type: ShellModulesService }, { type: ChatService }, { type: SignalrService }, { type: Window, decorators: [{
+    }], function () { return [{ type: i1$4.PushNotificationsService }, { type: ThemeService }, { type: i3$1.NgxUiLoaderService }, { type: LayoutService }, { type: i5$1.TranslateService }, { type: i2.Router }, { type: i5.CookieService }, { type: i1$3.MatDialog }, { type: CommonService }, { type: i3.Store }, { type: i2$2.PubNubAngular }, { type: AuthenticationService }, { type: i1$2.Actions }, { type: i0.ChangeDetectorRef }, { type: i6.ToastrService }, { type: i15$1.StoreManagementService }, { type: ShellModulesService }, { type: ChatService }, { type: SignalrService }, { type: Window, decorators: [{
                 type: Inject,
                 args: [WINDOW]
             }] }]; }, { feedTimeSheetPopover: [{
@@ -13039,422 +12330,468 @@ HeaderSideComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderS
             args: ["openAnnoucementDialogComponent"]
         }] }); })();
 
-function SideBarComponent_li_8_div_1_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 3);
-    i0.ɵɵelementStart(1, "mat-icon", 4);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 5);
+const _c0$6 = function (a0, a1, a2) { return { "background-color": a0, "border": a1, "box-shadow": a2, "border-radius": "12px", "transition": "all 0.3s ease" }; };
+function SideBarComponent_div_9_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelementStart(1, "div", 8);
+    i0.ɵɵlistener("mouseenter", function SideBarComponent_div_9_Template_div_mouseenter_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const i_r2 = restoredCtx.index; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.enter(i_r2); })("mouseleave", function SideBarComponent_div_9_Template_div_mouseleave_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const i_r2 = restoredCtx.index; const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.leave(i_r2); })("click", function SideBarComponent_div_9_Template_div_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const i_r2 = restoredCtx.index; const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.selectMenu(i_r2); });
+    i0.ɵɵelementStart(2, "div", 4);
+    i0.ɵɵelementStart(3, "mat-icon", 5);
     i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "softLabelsPipe");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "h6", 6);
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r1 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r1.icon, "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(5, 2, item_r1.menu, ctx_r4.softLabels), "");
-} }
-function SideBarComponent_li_8_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵlistener("mouseenter", function SideBarComponent_li_8_div_1_Template_div_mouseenter_0_listener() { i0.ɵɵrestoreView(_r8); const i_r2 = i0.ɵɵnextContext().index; const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.enter(i_r2); })("mouseleave", function SideBarComponent_li_8_div_1_Template_div_mouseleave_0_listener() { i0.ɵɵrestoreView(_r8); const i_r2 = i0.ɵɵnextContext().index; const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.leave(i_r2); })("click", function SideBarComponent_li_8_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r8); const item_r1 = i0.ɵɵnextContext().$implicit; const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.openMenu(item_r1.state); });
-    i0.ɵɵtemplate(1, SideBarComponent_li_8_div_1_a_1_Template, 6, 5, "a", 10);
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("routerLink", item_r1.state);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r1.type === "link");
-} }
-const _c0$7 = function () { return { exact: true }; };
-function SideBarComponent_li_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 7);
-    i0.ɵɵtemplate(1, SideBarComponent_li_8_div_1_Template, 2, 2, "div", 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r1 = ctx.$implicit;
     const i_r2 = ctx.index;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵstyleProp("background-color", ctx_r0.selectedRowIndex == i_r2 || ctx_r0.showBackGroundColor == i_r2 ? "#70C8C1" : "");
-    i0.ɵɵproperty("routerLinkActiveOptions", i0.ɵɵpureFunction0(5, _c0$7))("ngClass", ctx_r0.selectedRowIndex == i_r2 || ctx_r0.showBackGroundColor == i_r2 ? "menu-highlight" : "");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r1.type == "link" || item_r1.type == "applicationlink");
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(4, _c0$6, ctx_r0.selectedRowIndex == i_r2 || ctx_r0.showBackGroundColor == i_r2 ? "#DBEAFE" : "#FFFFFF", ctx_r0.selectedRowIndex == i_r2 || ctx_r0.showBackGroundColor == i_r2 ? "2px solid #09555c" : "1px solid #E5E7EB", ctx_r0.selectedRowIndex == i_r2 || ctx_r0.showBackGroundColor == i_r2 ? "0 4px 15px rgba(0,0,0,0.15)" : "0 2px 6px rgba(0,0,0,0.08)"))("routerLink", item_r1.state);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r1.icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r1.menu);
 } }
 class SideBarComponent {
-    constructor(recentSearchService, router) {
-        this.recentSearchService = recentSearchService;
+    constructor(store, router, recentSearchService) {
+        this.store = store;
         this.router = router;
-        this.menuItem = [];
+        this.recentSearchService = recentSearchService;
+        this.hasIconMenu = false;
+        this.iconMenuTitle = 'Menu';
+        this.menuItems = [];
         this.items = [];
+        this.selectedRowIndex = null;
+        this.showBackGroundColor = null;
     }
     ngOnInit() {
-        this.router.events
-            .subscribe((event) => {
+        this.loadSoftLabels();
+        this.loadMenuItems();
+        // Listen to route changes to update active menu
+        this.router.events.subscribe(event => {
             if (event instanceof NavigationEnd) {
-                this.routerActive();
+                this.updateActiveRow();
             }
         });
-        this.getSoftLabelConfigurations();
-        this.getMenuItems();
     }
-    getSoftLabelConfigurations() {
-        this.softLabels = JSON.parse(localStorage.getItem('SoftLabels'));
+    ngAfterViewInit() {
+        const tooltipTriggerList = Array.from(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+        tooltipTriggerList.forEach(el => new bootstrap.Tooltip(el));
     }
-    getMenuItems() {
-        var retrieveDashboards = false;
-        this.menuItem = JSON.parse(localStorage.getItem(LocalStorageProperties.SideBarMenuItems));
-        if (!this.menuItem) {
-            this.recentSearchService.searchMenuData(retrieveDashboards).subscribe((response) => {
-                if (response.success) {
-                    let data = response.data;
-                    var menuItems = data ? data.menuItems : null;
-                    if (menuItems && menuItems != null) {
-                        this.menuItem = menuItems;
-                        localStorage.setItem(LocalStorageProperties.SideBarMenuItems, JSON.stringify(this.menuItem));
-                        this.items = this.menuItem.filter(item => item.type != "dropDown");
-                        this.routerActive();
-                    }
-                }
-            });
+    loadSoftLabels() {
+        const stored = localStorage.getItem('SoftLabels');
+        if (stored)
+            this.softLabels = JSON.parse(stored);
+    }
+    loadMenuItems() {
+        // Try NgRx store first
+        this.menuItems$ = this.store.pipe(select(getCurrentActiveMenuCategoryMenuItems), tap(menuList => console.log('NgRx menu:', menuList)));
+        this.store.dispatch(new GetAllMenuItemsTriggered(MenuCategories.Main));
+        // Fallback: load from localStorage / service
+        const storedItems = JSON.parse(localStorage.getItem(LocalStorageProperties.SideBarMenuItems));
+        if (storedItems && storedItems.length) {
+            this.menuItems = storedItems;
+            this.items = this.menuItems.filter(i => i.type !== 'dropDown');
         }
         else {
-            this.items = this.menuItem.filter(item => item.type != "dropDown");
-            this.routerActive();
+            this.recentSearchService.searchMenuData(false).subscribe((res) => {
+                var _a;
+                if (res.success && ((_a = res.data) === null || _a === void 0 ? void 0 : _a.menuItems)) {
+                    this.menuItems = res.data.menuItems;
+                    localStorage.setItem(LocalStorageProperties.SideBarMenuItems, JSON.stringify(this.menuItems));
+                    this.items = this.menuItems.filter(i => i.type !== 'dropDown');
+                }
+            });
         }
     }
-    routerActive() {
-        if (this.items && this.items.length > 0) {
-            var index = this.items.findIndex(i => this.router.url == "/" + i.state);
-            this.selectedRowIndex = index;
-            if (this.router.url.includes('/dashboard-management')) {
+    updateActiveRow() {
+        if (this.items && this.items.length) {
+            const index = this.items.findIndex(i => this.router.url === '/' + i.state);
+            this.selectedRowIndex = index >= 0 ? index : null;
+            if (this.router.url.includes('/dashboard-management'))
                 this.selectedRowIndex = 99;
-            }
         }
     }
-    enter(i) {
-        this.showBackGroundColor = i;
-    }
-    leave(i) {
-        this.showBackGroundColor = null;
-    }
+    // Hover events
+    enter(i) { this.showBackGroundColor = i; }
+    leave(i) { this.showBackGroundColor = null; }
+    // Click event to set active menu
+    selectMenu(i) { this.selectedRowIndex = i; }
+    // Navigate and keep active
     openMenu(link) {
         this.router.navigate([link]);
+        const index = this.items.findIndex(item => item.state === link);
+        if (index >= 0)
+            this.selectMenu(index);
     }
 }
-SideBarComponent.ɵfac = function SideBarComponent_Factory(t) { return new (t || SideBarComponent)(i0.ɵɵdirectiveInject(RecentSearchService), i0.ɵɵdirectiveInject(i2.Router)); };
-SideBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SideBarComponent, selectors: [["app-sidebar"]], decls: 9, vars: 4, consts: [["appDropdown", "", 1, "sidenav", 2, "padding-left", "0px", "width", "62px"], ["appDropdownLink", "", "routerLinkActive", "open", 1, "li-menu", 2, "list-style", "none", 3, "ngClass", "mouseenter", "mouseleave"], ["routerLink", "/dashboard-management", 1, "cursor-pointer", "div-menu"], ["appDropdownToggle", "", "matRipple", "", 2, "font-size", "15px"], [1, "mat-icon-color", 2, "text-align", "center", "margin-right", "3px", "height", "36px", "width", "36px", "line-height", "36px", "border-left", "18px solid", "border-color", "transparent"], [1, "menu-text-color", 2, "font-size", "11px !important", "text-align", "center"], ["appDropdownLink", "", "routerLinkActive", "open", "class", "li-menu", "style", "list-style: none;", 3, "routerLinkActiveOptions", "ngClass", "background-color", 4, "ngFor", "ngForOf"], ["appDropdownLink", "", "routerLinkActive", "open", 1, "li-menu", 2, "list-style", "none", 3, "routerLinkActiveOptions", "ngClass"], ["class", "cursor-pointer div-menu", 3, "routerLink", "mouseenter", "mouseleave", "click", 4, "ngIf"], [1, "cursor-pointer", "div-menu", 3, "routerLink", "mouseenter", "mouseleave", "click"], ["appDropdownToggle", "", "matRipple", "", "style", "font-size: 15px;", 4, "ngIf"]], template: function SideBarComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "ul", 0);
-        i0.ɵɵelementStart(1, "li", 1);
-        i0.ɵɵlistener("mouseenter", function SideBarComponent_Template_li_mouseenter_1_listener() { return ctx.enter(99); })("mouseleave", function SideBarComponent_Template_li_mouseleave_1_listener() { return ctx.leave(99); });
+SideBarComponent.ɵfac = function SideBarComponent_Factory(t) { return new (t || SideBarComponent)(i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(RecentSearchService)); };
+SideBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SideBarComponent, selectors: [["app-sidebar"]], inputs: { hasIconMenu: "hasIconMenu", iconMenuTitle: "iconMenuTitle" }, decls: 10, vars: 6, consts: [[1, "d-flex", "flex-column", "justify-content-center", "align-items-center", 2, "width", "100vw", "height", "calc(100vh - 60px)", "background-color", "#F9FAFB", "padding", "30px", "overflow", "auto"], [1, "row", "justify-content-center", "align-items-center", 2, "height", "auto"], [1, "col-6", "col-md-3", "mb-4"], ["routerLink", "/dashboard-management", 1, "card", "h-100", "cursor-pointer", 3, "ngStyle", "mouseenter", "mouseleave", "click"], [1, "card-body", "d-flex", "flex-column", "align-items-center", "justify-content-center"], [2, "font-size", "40px", "color", "#09555c", "margin-bottom", "10px"], [2, "font-size", "14px", "margin", "0", "color", "#111827"], ["class", "col-6 col-md-3 mb-4", 4, "ngFor", "ngForOf"], [1, "card", "h-100", "cursor-pointer", 3, "ngStyle", "routerLink", "mouseenter", "mouseleave", "click"]], template: function SideBarComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵelementStart(3, "a", 3);
-        i0.ɵɵelementStart(4, "mat-icon", 4);
-        i0.ɵɵtext(5, " home");
+        i0.ɵɵelementStart(3, "div", 3);
+        i0.ɵɵlistener("mouseenter", function SideBarComponent_Template_div_mouseenter_3_listener() { return ctx.enter(99); })("mouseleave", function SideBarComponent_Template_div_mouseleave_3_listener() { return ctx.leave(99); })("click", function SideBarComponent_Template_div_click_3_listener() { return ctx.selectMenu(99); });
+        i0.ɵɵelementStart(4, "div", 4);
+        i0.ɵɵelementStart(5, "mat-icon", 5);
+        i0.ɵɵtext(6, "home");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(7, "h6", 6);
+        i0.ɵɵtext(8, "Home");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(6, "div", 5);
-        i0.ɵɵtext(7, "Home");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(9, SideBarComponent_div_9_Template, 7, 8, "div", 7);
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(8, SideBarComponent_li_8_Template, 2, 6, "li", 6);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵstyleProp("background-color", ctx.selectedRowIndex == 99 || ctx.showBackGroundColor == 99 ? "#70C8C1" : "");
-        i0.ɵɵproperty("ngClass", ctx.selectedRowIndex == 99 || ctx.showBackGroundColor == 99 ? "menu-highlight" : "");
-        i0.ɵɵadvance(7);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(2, _c0$6, ctx.selectedRowIndex == 99 || ctx.showBackGroundColor == 99 ? "#DBEAFE" : "#FFFFFF", ctx.selectedRowIndex == 99 || ctx.showBackGroundColor == 99 ? "2px solid #09555c" : "1px solid #E5E7EB", ctx.selectedRowIndex == 99 || ctx.showBackGroundColor == 99 ? "0 4px 15px rgba(0,0,0,0.15)" : "0 2px 6px rgba(0,0,0,0.08)"));
+        i0.ɵɵadvance(6);
         i0.ɵɵproperty("ngForOf", ctx.items);
-    } }, directives: [i2.RouterLinkActive, i10.NgClass, i22$1.DefaultClassDirective, i2.RouterLink, i17.MatIcon, i10.NgForOf, i10.NgIf], pipes: [SoftLabelPipe], encapsulation: 2 });
+    } }, directives: [i2.RouterLink, i10.NgStyle, i15.DefaultStyleDirective, i17.MatIcon, i10.NgForOf], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SideBarComponent, [{
         type: Component,
         args: [{
-                selector: "app-sidebar",
-                templateUrl: "./side-bar.component.html"
+                selector: 'app-sidebar',
+                templateUrl: './side-bar.component.html'
             }]
-    }], function () { return [{ type: RecentSearchService }, { type: i2.Router }]; }, null); })();
+    }], function () { return [{ type: i3.Store }, { type: i2.Router }, { type: RecentSearchService }]; }, { hasIconMenu: [{
+            type: Input
+        }], iconMenuTitle: [{
+            type: Input
+        }] }); })();
 
-function HeaderTopComponent_ul_5_li_1_div_1_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 29);
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2);
+function AdminLayoutComponent_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelementStart(1, "div", 10);
+    i0.ɵɵelement(2, "div", 11);
+    i0.ɵɵelement(3, "div", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r10 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵpropertyInterpolate1("routerLink", "/", item_r10.state, "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r10.icon);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 3, item_r10.name), " ");
 } }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 35);
-    i0.ɵɵelementStart(1, "span", 36);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "span", 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const itemLvL2_r17 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵpropertyInterpolate("routerLink", itemLvL2_r17.state ? "/" + itemLvL2_r17.state : "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, itemLvL2_r17.name), " ");
+function AdminLayoutComponent_div_11_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 16);
 } }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_a_2_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const itemLvL2_r17 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(itemLvL2_r17.icon);
-} }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_a_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 29);
-    i0.ɵɵtemplate(1, HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_a_2_mat_icon_1_Template, 2, 1, "mat-icon", 28);
+function AdminLayoutComponent_div_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelementStart(1, "span", 14);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const itemLvL2_r17 = i0.ɵɵnextContext().$implicit;
-    const item_r10 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵpropertyInterpolate2("routerLink", "", item_r10.state ? "/" + item_r10.state : "", "/", itemLvL2_r17.state, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", itemLvL2_r17.icon);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, itemLvL2_r17.name), " ");
-} }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_div_3_mat_icon_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const itemLvL2_r17 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(itemLvL2_r17.icon);
-} }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_div_3_li_10_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const itemLvL3_r30 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(itemLvL3_r30.icon);
-} }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_div_3_li_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 26);
-    i0.ɵɵelementStart(1, "a", 29);
-    i0.ɵɵtemplate(2, HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_div_3_li_10_mat_icon_2_Template, 2, 1, "mat-icon", 28);
-    i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, AdminLayoutComponent_div_11_div_5_Template, 1, 0, "div", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const itemLvL3_r30 = ctx.$implicit;
-    const itemLvL2_r17 = i0.ɵɵnextContext(2).$implicit;
-    const item_r10 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate3("routerLink", "", item_r10.state ? "/" + item_r10.state : "", "", itemLvL2_r17.state ? "/" + itemLvL2_r17.state : "", "/", itemLvL3_r30.state, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", itemLvL3_r30.icon);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 5, itemLvL3_r30.name), " ");
-} }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "label", 30);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "a", 31);
-    i0.ɵɵtemplate(5, HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_div_3_mat_icon_5_Template, 2, 1, "mat-icon", 28);
-    i0.ɵɵtext(6);
-    i0.ɵɵpipe(7, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(8, "input", 32);
-    i0.ɵɵelementStart(9, "ul");
-    i0.ɵɵtemplate(10, HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_div_3_li_10_Template, 5, 7, "li", 33);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r36 = i0.ɵɵnextContext();
-    const j_r18 = ctx_r36.index;
-    const itemLvL2_r17 = ctx_r36.$implicit;
-    const i_r11 = i0.ɵɵnextContext(3).index;
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate2("for", "drop-", i_r11, "", j_r18, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 8, itemLvL2_r17.name));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", itemLvL2_r17.icon);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 10, itemLvL2_r17.name), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate2("id", "drop-", i_r11, "", j_r18, "");
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", itemLvL2_r17.sub);
+    i0.ɵɵtextInterpolate3(" ", i0.ɵɵpipeBind1(3, 4, "LOADINGPLEASEWAIT"), " (", ctx_r1.totalLoadingTime, " ", i0.ɵɵpipeBind1(4, 6, "SECONDS"), ") ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r1.loading);
 } }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 26);
-    i0.ɵɵtemplate(1, HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_a_1_Template, 5, 4, "a", 34);
-    i0.ɵɵtemplate(2, HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_a_2_Template, 4, 6, "a", 27);
-    i0.ɵɵtemplate(3, HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_div_3_Template, 11, 12, "div", 28);
+const _c0$5 = function (a0, a1) { return { "blur-on-opened": a0, "show-in-dashboard": a1 }; };
+class AdminLayoutComponent {
+    constructor(router, translate, layout, store, cookieService, actionUpdates$, location, commonService, pubnub, signalr) {
+        this.router = router;
+        this.translate = translate;
+        this.layout = layout;
+        this.store = store;
+        this.cookieService = cookieService;
+        this.actionUpdates$ = actionUpdates$;
+        this.location = location;
+        this.commonService = commonService;
+        this.pubnub = pubnub;
+        this.signalr = signalr;
+        this.isModuleLoading = false;
+        // private sidebarPS: PerfectScrollbar;
+        // private bodyPS: PerfectScrollbar;
+        // private headerFixedBodyPS: PerfectScrollbar;
+        this.scrollConfig = {};
+        this.layoutConf = {};
+        this.ngDestroyed$ = new Subject();
+        this.userstory = 'userstory';
+        this.loading = false;
+        this.totalLoadingTime = 0;
+        this.spinnerType = SPINNER.circle;
+        // let conId = sessionStorage.getItem('conectionId');
+        // if(!conId) {
+        this.signalr.initializeSignalRConnection();
+        // }
+        let environment = JSON.parse(localStorage.getItem(LocalStorageProperties.Environment));
+        let companySettings = localStorage.getItem(LocalStorageProperties.CompanySettings);
+        if (!companySettings || companySettings == 'null' || companySettings == "undefined") {
+            pubnub.init({
+                publishKey: environment.publishKey,
+                subscribeKey: environment.subscribeKey
+            });
+        }
+        else {
+            const comSet = JSON.parse(localStorage.getItem(LocalStorageProperties.CompanySettings));
+            var publishKey = comSet.find(i => i.key == "PubnubPublishKey");
+            var subscribeKey = comSet.find(i => i.key == "PubnubSubscribeKey");
+            if ((publishKey && publishKey.value) && (subscribeKey && subscribeKey.value)) {
+                pubnub.init({
+                    publishKey: publishKey.value,
+                    subscribeKey: subscribeKey.value
+                });
+            }
+            else {
+                pubnub.init({
+                    publishKey: environment.publishKey,
+                    subscribeKey: environment.subscribeKey
+                });
+            }
+        }
+        // Close sidenav after route change in mobile
+        this.routerEventSub = router.events
+            .pipe(filter(event => event instanceof NavigationEnd))
+            .subscribe((routeChange) => {
+            this.layout.adjustLayout({ route: routeChange.url });
+        });
+        // Translator init
+        let currentCulture = this.cookieService.get(LocalStorageProperties.CurrentCulture);
+        if (currentCulture === 'null' || currentCulture === 'undefined') {
+            currentCulture = 'en';
+        }
+        translate.use(currentCulture);
+        this.router.events.subscribe((event) => {
+            switch (true) {
+                case event instanceof NavigationStart: {
+                    this.loading = true;
+                    this.totalLoadingTime = 0;
+                    this.startTimer();
+                    break;
+                }
+                case event instanceof NavigationEnd: {
+                    this.loading = false;
+                    clearInterval(this.interval);
+                    break;
+                }
+                case event instanceof NavigationCancel:
+                case event instanceof NavigationError: {
+                    this.loading = false;
+                    break;
+                }
+                default: {
+                    break;
+                }
+            }
+        });
+        router.events.subscribe(val => {
+            if (location.path() != "") {
+                if (location.path().includes('/dashboard-management/dashboard/')) {
+                    this.dashboardPage = true;
+                    this.bgcolor = 'none';
+                }
+                else {
+                    this.dashboardPage = false;
+                    this.bgcolor = 'beige';
+                }
+            }
+        });
+        // if (this.cookieService.check(LocalStorageProperties.UserModel)) {
+        //   let data = JSON.parse(this.cookieService.get(LocalStorageProperties.UserModel));
+        //   if (data && data != 'null' && data != 'undefined')
+        //     this.store.dispatch(new UserDetailsFetchedAfterLogin(data));
+        // }
+        if ((localStorage.getItem(LocalStorageProperties.UserModel) != null && localStorage.getItem(LocalStorageProperties.UserModel) != undefined)
+            && !localStorage.hasOwnProperty(LocalStorageProperties.UserRoleFeatures)) {
+            let data = JSON.parse(localStorage.getItem(LocalStorageProperties.UserModel));
+            this.store.dispatch(new UserDetailsFetchedAfterLogin(data));
+        }
+        this.actionUpdates$
+            .pipe(takeUntil(this.ngDestroyed$), ofType(AuthenticationActionTypes.ClearDemoDataCompleted), tap((result) => {
+            if (result && result.companyId) {
+                this.getSoftLabels();
+            }
+        })).subscribe();
+    }
+    ngOnInit() {
+        this.getSoftLabelConfigurations();
+        this.layoutConf = this.layout.layoutConf;
+        // this.layout.adjustLayout();
+        // FOR MODULE LOADER FLAG
+        this.moduleLoaderSub = this.router.events.subscribe(event => {
+            if (event instanceof RouteConfigLoadStart ||
+                event instanceof ResolveStart) {
+                this.isModuleLoading = false;
+            }
+            if (event instanceof RouteConfigLoadEnd || event instanceof ResolveEnd) {
+                this.isModuleLoading = false;
+            }
+        });
+    }
+    onResize(event) {
+        this.layout.adjustLayout(event);
+    }
+    Opened(event) {
+        this.display = event;
+    }
+    getSoftLabelConfigurations() {
+        this.softLabels = JSON.parse(localStorage.getItem('SoftLabels'));
+    }
+    getSoftLabels() {
+        let model = new SoftLabelConfigurationModel();
+        model.searchText = null;
+        this.commonService.getSoftLabels(model).subscribe((response) => {
+            if (response.success) {
+                let data = response.data;
+                if (data) {
+                    localStorage.setItem('SoftLabels', JSON.stringify(data));
+                }
+            }
+        });
+    }
+    ngAfterViewInit() {
+        // this.layoutConfSub = this.layout.layoutConf$.subscribe(change => {
+        //   // this.initBodyPS(change)
+        // })
+    }
+    // initBodyPS(layoutConf:any = {}) {
+    //   if(layoutConf.navigationPos === 'side' && layoutConf.topbarFixed) {
+    //     if (this.bodyPS) this.bodyPS.destroy();
+    //     if (this.headerFixedBodyPS) this.headerFixedBodyPS.destroy();
+    //     this.headerFixedBodyPS = new PerfectScrollbar('.rightside-content-hold', {
+    //       suppressScrollX: true
+    //     });
+    //     this.scrollToTop('.rightside-content-hold');
+    //   } else {
+    //     if (this.bodyPS) this.bodyPS.destroy();
+    //     if (this.headerFixedBodyPS) this.headerFixedBodyPS.destroy();
+    //     this.bodyPS = new PerfectScrollbar('.main-content-wrap', {
+    //       suppressScrollX: true
+    //     });
+    //     this.scrollToTop('.main-content-wrap');
+    //   }
+    // }
+    scrollToTop(selector) {
+        if (document) {
+            let element = document.querySelector(selector);
+            element.scrollTop = 0;
+        }
+    }
+    ngOnDestroy() {
+        if (this.moduleLoaderSub) {
+            this.moduleLoaderSub.unsubscribe();
+        }
+        if (this.layoutConfSub) {
+            this.layoutConfSub.unsubscribe();
+        }
+        if (this.routerEventSub) {
+            this.routerEventSub.unsubscribe();
+        }
+        if (this.sub) {
+            this.sub.unsubscribe();
+        }
+    }
+    closeSidebar() {
+        this.layout.publishLayoutChange({
+            sidebarStyle: "closed"
+        });
+    }
+    startTimer() {
+        this.interval = setInterval(() => {
+            this.totalLoadingTime++;
+        }, 1000);
+    }
+}
+AdminLayoutComponent.ɵfac = function AdminLayoutComponent_Factory(t) { return new (t || AdminLayoutComponent)(i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i5$1.TranslateService), i0.ɵɵdirectiveInject(LayoutService), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i10.Location), i0.ɵɵdirectiveInject(CommonService), i0.ɵɵdirectiveInject(i2$2.PubNubAngular), i0.ɵɵdirectiveInject(SignalrService)); };
+AdminLayoutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminLayoutComponent, selectors: [["app-admin-layout"]], hostBindings: function AdminLayoutComponent_HostBindings(rf, ctx) { if (rf & 1) {
+        i0.ɵɵlistener("resize", function AdminLayoutComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
+    } }, decls: 12, vars: 8, consts: [["fgsSize", "180", "color", "primary", 3, "fgsType"], [1, "container-fluid", "p-0", 2, "min-height", "100vh", "width", "100%", "display", "flex", "flex-direction", "column", 3, "dir"], [2, "z-index", "1200", "position", "relative"], [3, "opened"], [1, "flex-grow-1", "d-flex", 2, "position", "relative", "overflow", "hidden"], [1, "d-flex", 2, "overflow-y", "auto", "position", "relative", "background-color", "#f5f5f5", 3, "ngClass"], [1, "flex-grow-1"], ["class", "d-flex justify-content-center align-items-center", "style", "position: absolute; top: 0; left:0; right:0; bottom:0; z-index: 1100; background: rgba(255,255,255,0.6);", 4, "ngIf"], ["id", "btrak-preloader", "class", "text-center", 4, "ngIf"], [1, "d-flex", "justify-content-center", "align-items-center", 2, "position", "absolute", "top", "0", "left", "0", "right", "0", "bottom", "0", "z-index", "1100", "background", "rgba(255,255,255,0.6)"], [1, "spinner"], [1, "double-bounce1", "mat-bg-accent"], [1, "double-bounce2", "mat-bg-primary"], ["id", "btrak-preloader", 1, "text-center"], [1, "preloading-text"], ["id", "btrak-loader", 4, "ngIf"], ["id", "btrak-loader"]], template: function AdminLayoutComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "ngx-ui-loader", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelementStart(2, "div", 2);
+        i0.ɵɵelementStart(3, "app-header-side", 3);
+        i0.ɵɵlistener("opened", function AdminLayoutComponent_Template_app_header_side_opened_3_listener($event) { return ctx.Opened($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "div", 4);
+        i0.ɵɵelementStart(5, "div", 5);
+        i0.ɵɵelementStart(6, "div");
+        i0.ɵɵelement(7, "app-sidebar");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(8, "div", 6);
+        i0.ɵɵelement(9, "router-outlet");
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(10, AdminLayoutComponent_div_10_Template, 4, 0, "div", 7);
+        i0.ɵɵtemplate(11, AdminLayoutComponent_div_11_Template, 6, 8, "div", 8);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("fgsType", ctx.spinnerType);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("dir", ctx.layoutConf.dir);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c0$5, ctx.display, ctx.dashboardPage));
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("ngIf", ctx.isModuleLoading);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.loading);
+    } }, directives: [i3$1.ɵb, i12$1.Dir, HeaderSideComponent, i10.NgClass, i15.DefaultClassDirective, SideBarComponent, i2.RouterOutlet, i10.NgIf], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdminLayoutComponent, [{
+        type: Component,
+        args: [{
+                selector: "app-admin-layout",
+                templateUrl: "./admin-layout.template.html"
+            }]
+    }], function () { return [{ type: i2.Router }, { type: i5$1.TranslateService }, { type: LayoutService }, { type: i3.Store }, { type: i5.CookieService }, { type: i1$2.Actions }, { type: i10.Location }, { type: CommonService }, { type: i2$2.PubNubAngular }, { type: SignalrService }]; }, { onResize: [{
+            type: HostListener,
+            args: ["window:resize", ['$event']]
+        }] }); })();
+
+function HeaderTopComponent_li_7_a_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 22);
+    i0.ɵɵelementStart(1, "mat-icon", 23);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const itemLvL2_r17 = ctx.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", itemLvL2_r17.type === "applicationlink");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", itemLvL2_r17.type !== "dropDown" && itemLvL2_r17.type !== "applicationlink");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", itemLvL2_r17.type === "dropDown");
-} }
-function HeaderTopComponent_ul_5_li_1_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "label", 30);
-    i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "a", 31);
-    i0.ɵɵelementStart(7, "mat-icon");
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(9);
-    i0.ɵɵpipe(10, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "input", 32);
-    i0.ɵɵelementStart(12, "ul");
-    i0.ɵɵtemplate(13, HeaderTopComponent_ul_5_li_1_div_1_div_2_li_13_Template, 4, 3, "li", 33);
-    i0.ɵɵelementEnd();
+    i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r37 = i0.ɵɵnextContext(2);
-    const i_r11 = ctx_r37.index;
-    const item_r10 = ctx_r37.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate1("for", "drop-", i_r11, "");
+    const item_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵpropertyInterpolate1("routerLink", "/", item_r5.state, "");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r10.icon);
+    i0.ɵɵtextInterpolate(item_r5.icon);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 7, item_r10.name), " ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(item_r10.icon);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 9, item_r10.name), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate1("id", "drop-", i_r11, "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", item_r10.sub);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 3, item_r5.name), " ");
 } }
-function HeaderTopComponent_ul_5_li_1_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵtemplate(1, HeaderTopComponent_ul_5_li_1_div_1_a_1_Template, 5, 5, "a", 27);
-    i0.ɵɵtemplate(2, HeaderTopComponent_ul_5_li_1_div_1_div_2_Template, 14, 11, "div", 28);
+function HeaderTopComponent_li_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 20);
+    i0.ɵɵtemplate(1, HeaderTopComponent_li_7_a_1_Template, 5, 5, "a", 21);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r10 = i0.ɵɵnextContext().$implicit;
+    const item_r5 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r10.type === "link");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r10.type === "dropDown");
+    i0.ɵɵproperty("ngIf", item_r5.type === "link");
 } }
-function HeaderTopComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtemplate(1, HeaderTopComponent_ul_5_li_1_div_1_Template, 3, 2, "div", 25);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r10 = ctx.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r10.type !== "separator");
-} }
-function HeaderTopComponent_ul_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 23);
-    i0.ɵɵtemplate(1, HeaderTopComponent_ul_5_li_1_Template, 2, 1, "li", 24);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r0.menuItems);
-} }
-function HeaderTopComponent_mat_select_9_mat_option_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-option", 39);
+function HeaderTopComponent_mat_option_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 24);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const lang_r40 = ctx.$implicit;
-    i0.ɵɵproperty("value", lang_r40.code);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1("", lang_r40.name, " ");
-} }
-function HeaderTopComponent_mat_select_9_Template(rf, ctx) { if (rf & 1) {
-    const _r42 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-select", 37);
-    i0.ɵɵlistener("ngModelChange", function HeaderTopComponent_mat_select_9_Template_mat_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.currentLang = $event; })("selectionChange", function HeaderTopComponent_mat_select_9_Template_mat_select_selectionChange_0_listener() { i0.ɵɵrestoreView(_r42); const ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.setLang(); });
-    i0.ɵɵtemplate(1, HeaderTopComponent_mat_select_9_mat_option_1_Template, 2, 2, "mat-option", 38);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵstyleProp("width", "auto");
-    i0.ɵɵproperty("ngModel", ctx_r2.currentLang);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r2.availableLangs);
-} }
-function HeaderTopComponent_mat_grid_tile_16_mat_icon_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon", 44);
-    i0.ɵɵtext(1, "check");
-    i0.ɵɵelementEnd();
-} }
-function HeaderTopComponent_mat_grid_tile_16_Template(rf, ctx) { if (rf & 1) {
-    const _r47 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-grid-tile", 40);
-    i0.ɵɵlistener("click", function HeaderTopComponent_mat_grid_tile_16_Template_mat_grid_tile_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r47); const theme_r44 = restoredCtx.$implicit; const ctx_r46 = i0.ɵɵnextContext(); return ctx_r46.changeTheme(theme_r44); });
-    i0.ɵɵelementStart(1, "div", 41);
-    i0.ɵɵelement(2, "div", 42);
-    i0.ɵɵtemplate(3, HeaderTopComponent_mat_grid_tile_16_mat_icon_3_Template, 2, 0, "mat-icon", 43);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const theme_r44 = ctx.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("title", theme_r44.name);
+    const lang_r9 = ctx.$implicit;
+    i0.ɵɵproperty("value", lang_r9.code);
     i0.ɵɵadvance(1);
-    i0.ɵɵstyleProp("background", theme_r44.baseColor);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", theme_r44.isActive);
+    i0.ɵɵtextInterpolate1(" ", lang_r9.name, " ");
 } }
-function HeaderTopComponent_img_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 45);
+function HeaderTopComponent_img_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 25);
     i0.ɵɵpipe(1, "async");
 } if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("src", i0.ɵɵpipeBind1(1, 1, ctx_r5.authenticatedUserRecord$).profileImage, i0.ɵɵsanitizeUrl);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("src", i0.ɵɵpipeBind1(1, 1, ctx_r2.authenticatedUserRecord$).profileImage, i0.ɵɵsanitizeUrl);
 } }
-function HeaderTopComponent_img_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 46);
+function HeaderTopComponent_img_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 26);
 } }
-function HeaderTopComponent_button_57_Template(rf, ctx) { if (rf & 1) {
-    const _r49 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 47);
-    i0.ɵɵlistener("click", function HeaderTopComponent_button_57_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r48 = i0.ɵɵnextContext(); return ctx_r48.toggleSidenav(); });
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2, "menu");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} }
-const _c0$6 = function () { return ["/profile/overview"]; };
-const _c1$2 = function () { return ["/profile/settings"]; };
-const _c2$1 = function () { return ["/sessions/signin"]; };
 class HeaderTopComponent {
     constructor(layout, themeService, translate, renderer, store, cookieService) {
         this.layout = layout;
@@ -13515,125 +12852,85 @@ class HeaderTopComponent {
     }
 }
 HeaderTopComponent.ɵfac = function HeaderTopComponent_Factory(t) { return new (t || HeaderTopComponent)(i0.ɵɵdirectiveInject(LayoutService), i0.ɵɵdirectiveInject(ThemeService), i0.ɵɵdirectiveInject(i5$1.TranslateService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i5.CookieService)); };
-HeaderTopComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderTopComponent, selectors: [["app-header-top"]], inputs: { notificPanel: "notificPanel" }, decls: 58, vars: 30, consts: [[1, "header-topnav", "mat-elevation-z2"], [1, "container"], [1, "topnav"], [1, "topbar-branding"], ["src", "(themeModel$  | async).companyMiniLogo", "alt", "", 1, "app-logo"], ["class", "menu", 4, "ngIf"], ["fxFlex", ""], ["languageChange", "matMenu"], ["placeholder", "", "id", "langToggle", "name", "currentLang", "class", "topbar-button-right", 3, "width", "ngModel", "ngModelChange", "selectionChange", 4, "ngIf"], ["mat-icon-button", "", "id", "schemeToggle", "matTooltipClass", "tooltipClass-mat", "matTooltip", "Color Schemes", 1, "topbar-button-right", 3, "matMenuTriggerFor"], ["themeMenu", "matMenu"], ["cols", "2", "rowHeight", "48px", 1, "theme-list"], [3, "click", 4, "ngFor", "ngForOf"], ["mat-icon-button", "", "matTooltipClass", "tooltipClass-mat", 1, "topbar-button-right", 3, "matTooltip", "click"], [1, "notification-number", "mat-bg-warn"], ["mat-icon-button", "", 1, "topbar-button-right", "mr-1", "img-button", 3, "matMenuTriggerFor"], [3, "src", 4, "ngIf"], ["src", "../../../../assets/images/faces/18.png", 4, "ngIf"], ["accountMenu", "matMenu"], ["mat-menu-item", "", 3, "routerLink"], ["mat-menu-item", "", 3, "matMenuTriggerFor"], ["mat-menu-item", ""], ["mat-icon-button", "", "class", "mr-1", 3, "click", 4, "ngIf"], [1, "menu"], [4, "ngFor", "ngForOf"], ["routerLinkActive", "open", 4, "ngIf"], ["routerLinkActive", "open"], ["matRipple", "", 3, "routerLink", 4, "ngIf"], [4, "ngIf"], ["matRipple", "", 3, "routerLink"], ["matRipple", "", 1, "toggle", 3, "for"], ["matRipple", ""], ["type", "checkbox", 3, "id"], ["routerLinkActive", "open", 4, "ngFor", "ngForOf"], ["appDropdownToggle", "", "matRipple", "", 3, "routerLink", 4, "ngIf"], ["appDropdownToggle", "", "matRipple", "", 3, "routerLink"], [1, "item-name", "lvl2"], ["placeholder", "", "id", "langToggle", "name", "currentLang", 1, "topbar-button-right", 3, "ngModel", "ngModelChange", "selectionChange"], ["ngDefaultControl", "", 3, "value", 4, "ngFor", "ngForOf"], ["ngDefaultControl", "", 3, "value"], [3, "click"], ["mat-menu-item", "", 3, "title"], [1, "egret-swatch"], ["class", "active-icon", 4, "ngIf"], [1, "active-icon"], [3, "src"], ["src", "../../../../assets/images/faces/18.png"], ["mat-icon-button", "", 1, "mr-1", 3, "click"]], template: function HeaderTopComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
+HeaderTopComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderTopComponent, selectors: [["app-header-top"]], inputs: { notificPanel: "notificPanel" }, decls: 38, vars: 13, consts: [[1, "navbar", "navbar-expand-lg", "navbar-dark", 2, "background-color", "#2c3e50", "padding", "0 20px", "height", "60px"], [1, "container-fluid", "d-flex", "align-items-center"], ["href", "#", 1, "navbar-brand", "d-flex", "align-items-center"], ["alt", "Logo", 2, "height", "40px", 3, "src"], [1, "collapse", "navbar-collapse", "justify-content-center"], [1, "navbar-nav", "mb-0"], ["class", "nav-item", 4, "ngFor", "ngForOf"], [1, "d-flex", "align-items-center"], [2, "color", "white", "background", "transparent", "border", "none", "margin-right", "15px", "min-width", "100px", 3, "ngModel", "ngModelChange", "selectionChange"], [3, "value", 4, "ngFor", "ngForOf"], ["mat-icon-button", "", "matTooltip", "Themes", 2, "color", "white", "margin-right", "15px"], ["mat-icon-button", "", 2, "color", "white", "margin-right", "15px", "position", "relative", 3, "click"], [1, "badge", "bg-danger", 2, "position", "absolute", "top", "5px", "right", "5px", "font-size", "10px"], ["mat-icon-button", "", 2, "margin-left", "10px", 3, "matMenuTriggerFor"], ["style", "height:35px; width:35px; border-radius:50%;", 3, "src", 4, "ngIf"], ["src", "../../../../assets/images/faces/18.png", "style", "height:35px; width:35px; border-radius:50%;", 4, "ngIf"], ["accountMenu", "matMenu"], ["mat-menu-item", "", "routerLink", "/profile/overview"], ["mat-menu-item", "", "routerLink", "/profile/settings"], ["mat-menu-item", "", "routerLink", "/sessions/signin"], [1, "nav-item"], ["class", "nav-link d-flex align-items-center", 3, "routerLink", 4, "ngIf"], [1, "nav-link", "d-flex", "align-items-center", 3, "routerLink"], [2, "font-size", "20px", "color", "#FAF9F6", "margin-right", "6px"], [3, "value"], [2, "height", "35px", "width", "35px", "border-radius", "50%", 3, "src"], ["src", "../../../../assets/images/faces/18.png", 2, "height", "35px", "width", "35px", "border-radius", "50%"]], template: function HeaderTopComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "nav", 0);
         i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵelementStart(3, "div", 3);
-        i0.ɵɵelement(4, "img", 4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(5, HeaderTopComponent_ul_5_Template, 2, 1, "ul", 5);
-        i0.ɵɵelement(6, "span", 6);
-        i0.ɵɵelementStart(7, "mat-menu", null, 7);
-        i0.ɵɵtemplate(9, HeaderTopComponent_mat_select_9_Template, 2, 4, "mat-select", 8);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(10, "button", 9);
-        i0.ɵɵelementStart(11, "mat-icon");
-        i0.ɵɵtext(12, "format_color_fill");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(13, "mat-menu", null, 10);
-        i0.ɵɵelementStart(15, "mat-grid-list", 11);
-        i0.ɵɵtemplate(16, HeaderTopComponent_mat_grid_tile_16_Template, 4, 4, "mat-grid-tile", 12);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(17, "button", 13);
-        i0.ɵɵlistener("click", function HeaderTopComponent_Template_button_click_17_listener() { return ctx.toggleNotific(); });
-        i0.ɵɵpipe(18, "translate");
-        i0.ɵɵelementStart(19, "mat-icon");
-        i0.ɵɵtext(20, "notifications");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(21, "span", 14);
-        i0.ɵɵtext(22, "3");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(23, "button", 15);
-        i0.ɵɵtemplate(24, HeaderTopComponent_img_24_Template, 2, 3, "img", 16);
-        i0.ɵɵpipe(25, "async");
-        i0.ɵɵpipe(26, "async");
-        i0.ɵɵtemplate(27, HeaderTopComponent_img_27_Template, 1, 0, "img", 17);
-        i0.ɵɵpipe(28, "async");
-        i0.ɵɵpipe(29, "async");
+        i0.ɵɵelementStart(2, "a", 2);
+        i0.ɵɵelement(3, "img", 3);
+        i0.ɵɵpipe(4, "async");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(30, "mat-menu", null, 18);
-        i0.ɵɵelementStart(32, "button", 19);
-        i0.ɵɵelementStart(33, "mat-icon");
-        i0.ɵɵtext(34, "account_box");
+        i0.ɵɵelementStart(5, "div", 4);
+        i0.ɵɵelementStart(6, "ul", 5);
+        i0.ɵɵtemplate(7, HeaderTopComponent_li_7_Template, 2, 1, "li", 6);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(35, "span");
-        i0.ɵɵtext(36, "Profile");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(8, "div", 7);
+        i0.ɵɵelementStart(9, "mat-select", 8);
+        i0.ɵɵlistener("ngModelChange", function HeaderTopComponent_Template_mat_select_ngModelChange_9_listener($event) { return ctx.currentLang = $event; })("selectionChange", function HeaderTopComponent_Template_mat_select_selectionChange_9_listener() { return ctx.setLang(); });
+        i0.ɵɵtemplate(10, HeaderTopComponent_mat_option_10_Template, 2, 2, "mat-option", 9);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(37, "button", 20);
-        i0.ɵɵelementStart(38, "mat-icon");
-        i0.ɵɵtext(39, "language");
+        i0.ɵɵelementStart(11, "button", 10);
+        i0.ɵɵelementStart(12, "mat-icon");
+        i0.ɵɵtext(13, "format_color_fill");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(40, "span");
-        i0.ɵɵtext(41, "Language");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(14, "button", 11);
+        i0.ɵɵlistener("click", function HeaderTopComponent_Template_button_click_14_listener() { return ctx.toggleNotific(); });
+        i0.ɵɵelementStart(15, "mat-icon");
+        i0.ɵɵtext(16, "notifications");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(42, "button", 19);
-        i0.ɵɵelementStart(43, "mat-icon");
-        i0.ɵɵtext(44, "settings");
+        i0.ɵɵelementStart(17, "span", 12);
+        i0.ɵɵtext(18, "3");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(45, "span");
-        i0.ɵɵtext(46, "Account Settings");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(19, "button", 13);
+        i0.ɵɵtemplate(20, HeaderTopComponent_img_20_Template, 2, 3, "img", 14);
+        i0.ɵɵpipe(21, "async");
+        i0.ɵɵtemplate(22, HeaderTopComponent_img_22_Template, 1, 0, "img", 15);
+        i0.ɵɵpipe(23, "async");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(47, "button", 21);
-        i0.ɵɵelementStart(48, "mat-icon");
-        i0.ɵɵtext(49, "notifications_off");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(50, "span");
-        i0.ɵɵtext(51, "Disable alerts");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(52, "button", 19);
-        i0.ɵɵelementStart(53, "mat-icon");
-        i0.ɵɵtext(54, "exit_to_app");
+        i0.ɵɵelementStart(24, "mat-menu", null, 16);
+        i0.ɵɵelementStart(26, "button", 17);
+        i0.ɵɵelementStart(27, "mat-icon");
+        i0.ɵɵtext(28, "account_box");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(55, "span");
-        i0.ɵɵtext(56, "Sign out");
+        i0.ɵɵtext(29, " Profile ");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(30, "button", 18);
+        i0.ɵɵelementStart(31, "mat-icon");
+        i0.ɵɵtext(32, "settings");
         i0.ɵɵelementEnd();
+        i0.ɵɵtext(33, " Settings ");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(57, HeaderTopComponent_button_57_Template, 3, 0, "button", 22);
+        i0.ɵɵelementStart(34, "button", 19);
+        i0.ɵɵelementStart(35, "mat-icon");
+        i0.ɵɵtext(36, "exit_to_app");
         i0.ɵɵelementEnd();
+        i0.ɵɵtext(37, " Sign Out ");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        const _r1 = i0.ɵɵreference(8);
-        const _r3 = i0.ɵɵreference(14);
-        const _r7 = i0.ɵɵreference(31);
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("ngIf", !ctx.layoutConf.isMobile);
+        const _r4 = i0.ɵɵreference(25);
+        let tmp_5_0;
+        let tmp_6_0;
+        i0.ɵɵadvance(3);
+        i0.ɵɵpropertyInterpolate("src", i0.ɵɵpipeBind1(4, 7, ctx.themeModel$).companyMiniLogo, i0.ɵɵsanitizeUrl);
         i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngIf", !ctx.layoutConf.isMobile);
-        i0.ɵɵadvance(1);
-        i0.ɵɵstyleProp("overflow", "visible");
-        i0.ɵɵproperty("matMenuTriggerFor", _r3);
-        i0.ɵɵadvance(6);
-        i0.ɵɵproperty("ngForOf", ctx.egretThemes);
+        i0.ɵɵproperty("ngForOf", ctx.menuItems);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngModel", ctx.currentLang);
         i0.ɵɵadvance(1);
-        i0.ɵɵstyleProp("overflow", "visible");
-        i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(18, 17, "SHELL.NOTIFICATIONS"));
-        i0.ɵɵadvance(6);
-        i0.ɵɵproperty("matMenuTriggerFor", _r7);
+        i0.ɵɵproperty("ngForOf", ctx.availableLangs);
+        i0.ɵɵadvance(9);
+        i0.ɵɵproperty("matMenuTriggerFor", _r4);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(25, 19, ctx.authenticatedUserRecord$) && i0.ɵɵpipeBind1(26, 21, ctx.authenticatedUserRecord$).profileImage != null);
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(28, 23, ctx.authenticatedUserRecord$) == null || i0.ɵɵpipeBind1(29, 25, ctx.authenticatedUserRecord$).profileImage == null);
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(27, _c0$6));
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("matMenuTriggerFor", _r1);
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(28, _c1$2));
-        i0.ɵɵadvance(10);
-        i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(29, _c2$1));
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("ngIf", ctx.layoutConf.isMobile);
-    } }, directives: [i10.NgIf, i20.DefaultFlexDirective, i16.MatMenu, i8.MatButton, i7$1.MatTooltip, i16.MatMenuTrigger, i17.MatIcon, i12$1.MatGridList, i10.NgForOf, i16.MatMenuItem, i2.RouterLink, i2.RouterLinkActive, i2.RouterLinkWithHref, i34.MatSelect, i9.NgControlStatus, i9.NgModel, i14.MatOption, i9.DefaultValueAccessor, i12$1.MatGridTile], pipes: [i5$1.TranslatePipe, i10.AsyncPipe], encapsulation: 2 });
+        i0.ɵɵproperty("ngIf", (tmp_5_0 = i0.ɵɵpipeBind1(21, 9, ctx.authenticatedUserRecord$)) == null ? null : tmp_5_0.profileImage);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", !((tmp_6_0 = i0.ɵɵpipeBind1(23, 11, ctx.authenticatedUserRecord$)) == null ? null : tmp_6_0.profileImage));
+    } }, directives: [i10.NgForOf, i33.MatSelect, i9.NgControlStatus, i9.NgModel, i8.MatButton, i7$1.MatTooltip, i17.MatIcon, i16.MatMenuTrigger, i10.NgIf, i16.MatMenu, i16.MatMenuItem, i2.RouterLink, i2.RouterLinkWithHref, i14.MatOption], pipes: [i10.AsyncPipe, i5$1.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderTopComponent, [{
         type: Component,
         args: [{
@@ -13666,7 +12963,7 @@ function SidenavComponent_div_1_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !item_r3.disabled && item_r3.type === "icon");
 } }
-const _c0$5 = function () { return { margin: "0 -24px" }; };
+const _c0$4 = function () { return { margin: "0 -24px" }; };
 function SidenavComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵelementStart(1, "div", 5);
@@ -13681,7 +12978,7 @@ function SidenavComponent_div_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction0(5, _c0$5));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction0(5, _c0$4));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.iconTypeMenuTitle);
     i0.ɵɵadvance(1);
@@ -13703,7 +13000,7 @@ function SidenavComponent_li_3_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, item_r6.name));
 } }
-const _c1$1 = function (a0) { return { background: a0 }; };
+const _c1 = function (a0) { return { background: a0 }; };
 function SidenavComponent_li_3_div_2_a_1_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -13711,7 +13008,7 @@ function SidenavComponent_li_3_div_2_a_1_span_8_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const badge_r17 = ctx.$implicit;
     i0.ɵɵclassMapInterpolate1("menuitem-badge mat-bg-", badge_r17.color, "");
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1$1, badge_r17.color));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1, badge_r17.color));
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(badge_r17.value);
 } }
@@ -13747,7 +13044,7 @@ function SidenavComponent_li_3_div_2_a_2_span_8_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const badge_r20 = ctx.$implicit;
     i0.ɵɵclassMapInterpolate1("menuitem-badge mat-bg-", badge_r20.color, "");
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1$1, badge_r20.color));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1, badge_r20.color));
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(badge_r20.value);
 } }
@@ -13783,7 +13080,7 @@ function SidenavComponent_li_3_div_2_a_3_span_8_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const badge_r23 = ctx.$implicit;
     i0.ɵɵclassMapInterpolate1("menuitem-badge mat-bg-", badge_r23.color, "");
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1$1, badge_r23.color));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1, badge_r23.color));
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(badge_r23.value);
 } }
@@ -13819,7 +13116,7 @@ function SidenavComponent_li_3_div_2_a_4_span_8_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const badge_r26 = ctx.$implicit;
     i0.ɵɵclassMapInterpolate1("menuitem-badge mat-bg-", badge_r26.color, "");
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1$1, badge_r26.color));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1, badge_r26.color));
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(badge_r26.value);
 } }
@@ -13855,7 +13152,7 @@ function SidenavComponent_li_3_div_2_a_5_span_8_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const badge_r29 = ctx.$implicit;
     i0.ɵɵclassMapInterpolate1("menuitem-badge mat-bg-", badge_r29.color, "");
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1$1, badge_r29.color));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c1, badge_r29.color));
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(badge_r29.value);
 } }
@@ -14017,405 +13314,189 @@ function SidenavComponent_li_3_div_2_Template(rf, ctx) { if (rf & 1) {
 } }
 function SidenavComponent_li_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li", 12);
-    i0.ɵɵtemplate(1, SidenavComponent_li_3_div_1_Template, 6, 6, "div", 13);
-    i0.ɵɵtemplate(2, SidenavComponent_li_3_div_2_Template, 7, 6, "div", 14);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r6 = ctx.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r6.type === "separator");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !item_r6.disabled && item_r6.type !== "separator" && item_r6.type !== "icon");
-} }
-class SidenavComponent {
-    constructor(store) {
-        this.store = store;
-    }
-    ngOnInit() {
-        this.menuItems$ = this.store.pipe(select(getCurrentActiveMenuCategoryMenuItems), tap(menuList => console.log(menuList)));
-        this.store.dispatch(new GetAllMenuItemsTriggered(MenuCategories.Main));
-    }
-}
-SidenavComponent.ɵfac = function SidenavComponent_Factory(t) { return new (t || SidenavComponent)(i0.ɵɵdirectiveInject(i3.Store)); };
-SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavComponent, selectors: [["app-sidenav"]], inputs: { hasIconTypeMenuItem: ["hasIconMenu", "hasIconTypeMenuItem"], iconTypeMenuTitle: ["iconMenuTitle", "iconTypeMenuTitle"] }, decls: 5, vars: 4, consts: [[1, "sidenav-hold"], ["class", "icon-menu", 4, "ngIf"], ["appDropdown", "", 1, "sidenav"], ["appDropdownLink", "", "routerLinkActive", "open", 4, "ngFor", "ngForOf"], [1, "icon-menu"], [1, "mt-1", "mb-1", "nav-item-sep"], [3, "ngStyle"], [1, "text-muted", "icon-menu-title"], ["class", "icon-menu-item", 4, "ngFor", "ngForOf"], [1, "icon-menu-item"], ["mat-raised-button", "", "matTooltipClass", "tooltipClass-mat", "routerLinkActive", "mat-bg-primary", 3, "matTooltip", "routerLink", 4, "ngIf"], ["mat-raised-button", "", "matTooltipClass", "tooltipClass-mat", "routerLinkActive", "mat-bg-primary", 3, "matTooltip", "routerLink"], ["appDropdownLink", "", "routerLinkActive", "open"], ["class", "nav-item-sep", 4, "ngIf"], ["class", "lvl1", 4, "ngIf"], [1, "nav-item-sep"], ["matTooltipClass", "tooltipClass-mat", 1, "text-muted", 3, "matTooltip"], [1, "lvl1"], ["appDropdownToggle", "", "matRipple", "", 3, "routerLink", 4, "ngIf"], ["appDropdownToggle", "", "matRipple", "", "target", "_blank", 3, "href", 4, "ngIf"], ["appDropdownToggle", "", "matRipple", "", 4, "ngIf"], ["class", "submenu lvl2", "appDropdown", "", 4, "ngIf"], ["appDropdownToggle", "", "matRipple", "", 3, "routerLink"], ["matTooltipClass", "tooltipClass-mat", 1, "item-name", "lvl1", 3, "matTooltip"], ["fxFlex", ""], [3, "class", "ngStyle", 4, "ngFor", "ngForOf"], ["appDropdownToggle", "", "matRipple", "", "target", "_blank", 3, "href"], ["appDropdownToggle", "", "matRipple", ""], [1, "menu-caret"], ["appDropdown", "", 1, "submenu", "lvl2"], ["class", "submenu lvl3", "appDropdown", "", 4, "ngIf"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "300", 1, "item-name", "lvl2", "hide-content-overflow", 3, "matTooltip"], [1, "item-name", "lvl2"], ["appDropdown", "", 1, "submenu", "lvl3"], [1, "item-name", "lvl3"]], template: function SidenavComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, SidenavComponent_div_1_Template, 7, 6, "div", 1);
-        i0.ɵɵelementStart(2, "ul", 2);
-        i0.ɵɵtemplate(3, SidenavComponent_li_3_Template, 3, 2, "li", 3);
-        i0.ɵɵpipe(4, "async");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.hasIconTypeMenuItem);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(4, 2, ctx.menuItems$));
-    } }, directives: [i10.NgIf, i10.NgForOf, i7$2.MatDivider, i10.NgStyle, i22$1.DefaultStyleDirective, i8.MatButton, i2.RouterLinkActive, i7$1.MatTooltip, i2.RouterLink, i17.MatIcon, i2.RouterLinkWithHref, i20.DefaultFlexDirective], pipes: [i10.AsyncPipe, i5$1.TranslatePipe], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavComponent, [{
-        type: Component,
-        args: [{
-                selector: "app-sidenav",
-                templateUrl: "./sidenav.template.html"
-            }]
-    }], function () { return [{ type: i3.Store }]; }, { hasIconTypeMenuItem: [{
-            type: Input,
-            args: ["hasIconMenu"]
-        }], iconTypeMenuTitle: [{
-            type: Input,
-            args: ["iconMenuTitle"]
-        }] }); })();
-
-// import PerfectScrollbar from 'perfect-scrollbar';
-class SidebarTopComponent {
-    // private sidebarPS: PerfectScrollbar;
-    constructor() { }
-    ngOnInit() { }
-    ngAfterViewInit() {
-        // setTimeout(() => {
-        //   this.sidebarPS = new PerfectScrollbar('#sidebar-top-scroll-area', {
-        //     suppressScrollX: true
-        //   })
-        // })
-    }
-    ngOnDestroy() {
-        // if(this.sidebarPS) {
-        //   this.sidebarPS.destroy();
-        // }
-    }
-}
-SidebarTopComponent.ɵfac = function SidebarTopComponent_Factory(t) { return new (t || SidebarTopComponent)(); };
-SidebarTopComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidebarTopComponent, selectors: [["app-sidebar-top"]], decls: 3, vars: 0, consts: [[1, "sidebar-panel"], ["id", "sidebar-top-scroll-area", "fxLayout", "column", 1, "navigation-hold", 3, "perfectScrollbar"]], template: function SidebarTopComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelement(2, "app-sidenav");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } }, directives: [i20.DefaultLayoutDirective, i2$3.PerfectScrollbarDirective, SidenavComponent], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidebarTopComponent, [{
-        type: Component,
-        args: [{
-                selector: "app-sidebar-top",
-                templateUrl: "./sidebar-top.component.html"
-            }]
-    }], function () { return []; }, null); })();
-
-function AdminLayoutComponent_app_header_top_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-header-top", 13);
-} if (rf & 2) {
-    i0.ɵɵnextContext();
-    const _r5 = i0.ɵɵreference(13);
-    i0.ɵɵproperty("notificPanel", _r5);
-} }
-function AdminLayoutComponent_app_sidebar_top_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-sidebar-top");
-} }
-function AdminLayoutComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelementStart(1, "div", 15);
-    i0.ɵɵelement(2, "div", 16);
-    i0.ɵɵelement(3, "div", 17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} }
-function AdminLayoutComponent_div_9_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 21);
-} }
-function AdminLayoutComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelementStart(1, "span", 19);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵpipe(4, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, AdminLayoutComponent_div_9_div_5_Template, 1, 0, "div", 20);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate3(" ", i0.ɵɵpipeBind1(3, 4, "LOADINGPLEASEWAIT"), " (", ctx_r3.totalLoadingTime, " ", i0.ɵɵpipeBind1(4, 6, "SECONDS"), ") ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r3.loading);
-} }
-function AdminLayoutComponent_div_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "router-outlet");
-    i0.ɵɵelementEnd();
-} }
-const _c0$4 = function (a0, a1, a2, a3, a4, a5, a6, a7) { return { "navigation-top": a0, "sidebar-full": a1, "sidebar-compact": a2, "sidebar-compact-big": a3, "layout-intransition": a4, "sidebar-opened": a5, "sidebar-closed": a6, "fixed-topbar": a7 }; };
-const _c1 = function (a0) { return { "blur-on-opened": a0 }; };
-const _c2 = function (a0) { return { "show-in-dashboard": a0 }; };
-const _c3 = function (a0) { return { "visible": a0 }; };
-class AdminLayoutComponent {
-    constructor(router, translate, layout, store, cookieService, actionUpdates$, location, commonService, pubnub, signalr) {
-        this.router = router;
-        this.translate = translate;
-        this.layout = layout;
-        this.store = store;
-        this.cookieService = cookieService;
-        this.actionUpdates$ = actionUpdates$;
-        this.location = location;
-        this.commonService = commonService;
-        this.pubnub = pubnub;
-        this.signalr = signalr;
-        this.isModuleLoading = false;
-        // private sidebarPS: PerfectScrollbar;
-        // private bodyPS: PerfectScrollbar;
-        // private headerFixedBodyPS: PerfectScrollbar;
-        this.scrollConfig = {};
-        this.layoutConf = {};
-        this.ngDestroyed$ = new Subject();
-        this.userstory = 'userstory';
-        this.loading = false;
-        this.totalLoadingTime = 0;
-        this.spinnerType = SPINNER.circle;
-        // let conId = sessionStorage.getItem('conectionId');
-        // if(!conId) {
-        this.signalr.initializeSignalRConnection();
-        // }
-        let environment = JSON.parse(localStorage.getItem(LocalStorageProperties.Environment));
-        let companySettings = localStorage.getItem(LocalStorageProperties.CompanySettings);
-        if (!companySettings || companySettings == 'null' || companySettings == "undefined") {
-            pubnub.init({
-                publishKey: environment.publishKey,
-                subscribeKey: environment.subscribeKey
-            });
-        }
-        else {
-            const comSet = JSON.parse(localStorage.getItem(LocalStorageProperties.CompanySettings));
-            var publishKey = comSet.find(i => i.key == "PubnubPublishKey");
-            var subscribeKey = comSet.find(i => i.key == "PubnubSubscribeKey");
-            if ((publishKey && publishKey.value) && (subscribeKey && subscribeKey.value)) {
-                pubnub.init({
-                    publishKey: publishKey.value,
-                    subscribeKey: subscribeKey.value
-                });
-            }
-            else {
-                pubnub.init({
-                    publishKey: environment.publishKey,
-                    subscribeKey: environment.subscribeKey
-                });
-            }
-        }
-        // Close sidenav after route change in mobile
-        this.routerEventSub = router.events
-            .pipe(filter(event => event instanceof NavigationEnd))
-            .subscribe((routeChange) => {
-            this.layout.adjustLayout({ route: routeChange.url });
-        });
-        // Translator init
-        let currentCulture = this.cookieService.get(LocalStorageProperties.CurrentCulture);
-        if (currentCulture === 'null' || currentCulture === 'undefined') {
-            currentCulture = 'en';
-        }
-        translate.use(currentCulture);
-        this.router.events.subscribe((event) => {
-            switch (true) {
-                case event instanceof NavigationStart: {
-                    this.loading = true;
-                    this.totalLoadingTime = 0;
-                    this.startTimer();
-                    break;
-                }
-                case event instanceof NavigationEnd: {
-                    this.loading = false;
-                    clearInterval(this.interval);
-                    break;
-                }
-                case event instanceof NavigationCancel:
-                case event instanceof NavigationError: {
-                    this.loading = false;
-                    break;
-                }
-                default: {
-                    break;
-                }
-            }
-        });
-        router.events.subscribe(val => {
-            if (location.path() != "") {
-                if (location.path().includes('/dashboard-management/dashboard/')) {
-                    this.dashboardPage = true;
-                    this.bgcolor = 'none';
-                }
-                else {
-                    this.dashboardPage = false;
-                    this.bgcolor = 'beige';
-                }
-            }
-        });
-        // if (this.cookieService.check(LocalStorageProperties.UserModel)) {
-        //   let data = JSON.parse(this.cookieService.get(LocalStorageProperties.UserModel));
-        //   if (data && data != 'null' && data != 'undefined')
-        //     this.store.dispatch(new UserDetailsFetchedAfterLogin(data));
-        // }
-        if ((localStorage.getItem(LocalStorageProperties.UserModel) != null && localStorage.getItem(LocalStorageProperties.UserModel) != undefined)
-            && !localStorage.hasOwnProperty(LocalStorageProperties.UserRoleFeatures)) {
-            let data = JSON.parse(localStorage.getItem(LocalStorageProperties.UserModel));
-            this.store.dispatch(new UserDetailsFetchedAfterLogin(data));
-        }
-        this.actionUpdates$
-            .pipe(takeUntil(this.ngDestroyed$), ofType(AuthenticationActionTypes.ClearDemoDataCompleted), tap((result) => {
-            if (result && result.companyId) {
-                this.getSoftLabels();
-            }
-        })).subscribe();
-    }
-    ngOnInit() {
-        this.getSoftLabelConfigurations();
-        this.layoutConf = this.layout.layoutConf;
-        // this.layout.adjustLayout();
-        // FOR MODULE LOADER FLAG
-        this.moduleLoaderSub = this.router.events.subscribe(event => {
-            if (event instanceof RouteConfigLoadStart ||
-                event instanceof ResolveStart) {
-                this.isModuleLoading = false;
-            }
-            if (event instanceof RouteConfigLoadEnd || event instanceof ResolveEnd) {
-                this.isModuleLoading = false;
-            }
-        });
-    }
-    onResize(event) {
-        this.layout.adjustLayout(event);
-    }
-    Opened(event) {
-        this.display = event;
-    }
-    getSoftLabelConfigurations() {
-        this.softLabels = JSON.parse(localStorage.getItem('SoftLabels'));
+    i0.ɵɵtemplate(1, SidenavComponent_li_3_div_1_Template, 6, 6, "div", 13);
+    i0.ɵɵtemplate(2, SidenavComponent_li_3_div_2_Template, 7, 6, "div", 14);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r6 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", item_r6.type === "separator");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !item_r6.disabled && item_r6.type !== "separator" && item_r6.type !== "icon");
+} }
+class SidenavComponent {
+    constructor(store) {
+        this.store = store;
     }
-    getSoftLabels() {
-        let model = new SoftLabelConfigurationModel();
-        model.searchText = null;
-        this.commonService.getSoftLabels(model).subscribe((response) => {
-            if (response.success) {
-                let data = response.data;
-                if (data) {
-                    localStorage.setItem('SoftLabels', JSON.stringify(data));
-                }
-            }
-        });
+    ngOnInit() {
+        this.menuItems$ = this.store.pipe(select(getCurrentActiveMenuCategoryMenuItems), tap(menuList => console.log(menuList)));
+        this.store.dispatch(new GetAllMenuItemsTriggered(MenuCategories.Main));
     }
+}
+SidenavComponent.ɵfac = function SidenavComponent_Factory(t) { return new (t || SidenavComponent)(i0.ɵɵdirectiveInject(i3.Store)); };
+SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavComponent, selectors: [["app-sidenav"]], inputs: { hasIconTypeMenuItem: ["hasIconMenu", "hasIconTypeMenuItem"], iconTypeMenuTitle: ["iconMenuTitle", "iconTypeMenuTitle"] }, decls: 5, vars: 4, consts: [[1, "sidenav-hold"], ["class", "icon-menu", 4, "ngIf"], ["appDropdown", "", 1, "sidenav"], ["appDropdownLink", "", "routerLinkActive", "open", 4, "ngFor", "ngForOf"], [1, "icon-menu"], [1, "mt-1", "mb-1", "nav-item-sep"], [3, "ngStyle"], [1, "text-muted", "icon-menu-title"], ["class", "icon-menu-item", 4, "ngFor", "ngForOf"], [1, "icon-menu-item"], ["mat-raised-button", "", "matTooltipClass", "tooltipClass-mat", "routerLinkActive", "mat-bg-primary", 3, "matTooltip", "routerLink", 4, "ngIf"], ["mat-raised-button", "", "matTooltipClass", "tooltipClass-mat", "routerLinkActive", "mat-bg-primary", 3, "matTooltip", "routerLink"], ["appDropdownLink", "", "routerLinkActive", "open"], ["class", "nav-item-sep", 4, "ngIf"], ["class", "lvl1", 4, "ngIf"], [1, "nav-item-sep"], ["matTooltipClass", "tooltipClass-mat", 1, "text-muted", 3, "matTooltip"], [1, "lvl1"], ["appDropdownToggle", "", "matRipple", "", 3, "routerLink", 4, "ngIf"], ["appDropdownToggle", "", "matRipple", "", "target", "_blank", 3, "href", 4, "ngIf"], ["appDropdownToggle", "", "matRipple", "", 4, "ngIf"], ["class", "submenu lvl2", "appDropdown", "", 4, "ngIf"], ["appDropdownToggle", "", "matRipple", "", 3, "routerLink"], ["matTooltipClass", "tooltipClass-mat", 1, "item-name", "lvl1", 3, "matTooltip"], ["fxFlex", ""], [3, "class", "ngStyle", 4, "ngFor", "ngForOf"], ["appDropdownToggle", "", "matRipple", "", "target", "_blank", 3, "href"], ["appDropdownToggle", "", "matRipple", ""], [1, "menu-caret"], ["appDropdown", "", 1, "submenu", "lvl2"], ["class", "submenu lvl3", "appDropdown", "", 4, "ngIf"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "300", 1, "item-name", "lvl2", "hide-content-overflow", 3, "matTooltip"], [1, "item-name", "lvl2"], ["appDropdown", "", 1, "submenu", "lvl3"], [1, "item-name", "lvl3"]], template: function SidenavComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, SidenavComponent_div_1_Template, 7, 6, "div", 1);
+        i0.ɵɵelementStart(2, "ul", 2);
+        i0.ɵɵtemplate(3, SidenavComponent_li_3_Template, 3, 2, "li", 3);
+        i0.ɵɵpipe(4, "async");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.hasIconTypeMenuItem);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(4, 2, ctx.menuItems$));
+    } }, directives: [i10.NgIf, i10.NgForOf, i7$2.MatDivider, i10.NgStyle, i15.DefaultStyleDirective, i8.MatButton, i2.RouterLinkActive, i7$1.MatTooltip, i2.RouterLink, i17.MatIcon, i2.RouterLinkWithHref, i30.DefaultFlexDirective], pipes: [i10.AsyncPipe, i5$1.TranslatePipe], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavComponent, [{
+        type: Component,
+        args: [{
+                selector: "app-sidenav",
+                templateUrl: "./sidenav.template.html"
+            }]
+    }], function () { return [{ type: i3.Store }]; }, { hasIconTypeMenuItem: [{
+            type: Input,
+            args: ["hasIconMenu"]
+        }], iconTypeMenuTitle: [{
+            type: Input,
+            args: ["iconMenuTitle"]
+        }] }); })();
+
+// import PerfectScrollbar from 'perfect-scrollbar';
+class SidebarTopComponent {
+    // private sidebarPS: PerfectScrollbar;
+    constructor() { }
+    ngOnInit() { }
     ngAfterViewInit() {
-        // this.layoutConfSub = this.layout.layoutConf$.subscribe(change => {
-        //   // this.initBodyPS(change)
+        // setTimeout(() => {
+        //   this.sidebarPS = new PerfectScrollbar('#sidebar-top-scroll-area', {
+        //     suppressScrollX: true
+        //   })
         // })
     }
-    // initBodyPS(layoutConf:any = {}) {
-    //   if(layoutConf.navigationPos === 'side' && layoutConf.topbarFixed) {
-    //     if (this.bodyPS) this.bodyPS.destroy();
-    //     if (this.headerFixedBodyPS) this.headerFixedBodyPS.destroy();
-    //     this.headerFixedBodyPS = new PerfectScrollbar('.rightside-content-hold', {
-    //       suppressScrollX: true
-    //     });
-    //     this.scrollToTop('.rightside-content-hold');
-    //   } else {
-    //     if (this.bodyPS) this.bodyPS.destroy();
-    //     if (this.headerFixedBodyPS) this.headerFixedBodyPS.destroy();
-    //     this.bodyPS = new PerfectScrollbar('.main-content-wrap', {
-    //       suppressScrollX: true
-    //     });
-    //     this.scrollToTop('.main-content-wrap');
-    //   }
-    // }
-    scrollToTop(selector) {
-        if (document) {
-            let element = document.querySelector(selector);
-            element.scrollTop = 0;
-        }
-    }
     ngOnDestroy() {
-        if (this.moduleLoaderSub) {
-            this.moduleLoaderSub.unsubscribe();
-        }
-        if (this.layoutConfSub) {
-            this.layoutConfSub.unsubscribe();
-        }
-        if (this.routerEventSub) {
-            this.routerEventSub.unsubscribe();
-        }
-        if (this.sub) {
-            this.sub.unsubscribe();
-        }
-    }
-    closeSidebar() {
-        this.layout.publishLayoutChange({
-            sidebarStyle: "closed"
-        });
-    }
-    startTimer() {
-        this.interval = setInterval(() => {
-            this.totalLoadingTime++;
-        }, 1000);
+        // if(this.sidebarPS) {
+        //   this.sidebarPS.destroy();
+        // }
     }
 }
-AdminLayoutComponent.ɵfac = function AdminLayoutComponent_Factory(t) { return new (t || AdminLayoutComponent)(i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i5$1.TranslateService), i0.ɵɵdirectiveInject(LayoutService), i0.ɵɵdirectiveInject(i3.Store), i0.ɵɵdirectiveInject(i5.CookieService), i0.ɵɵdirectiveInject(i1$2.Actions), i0.ɵɵdirectiveInject(i10.Location), i0.ɵɵdirectiveInject(CommonService), i0.ɵɵdirectiveInject(i2$2.PubNubAngular), i0.ɵɵdirectiveInject(SignalrService)); };
-AdminLayoutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminLayoutComponent, selectors: [["app-admin-layout"]], hostBindings: function AdminLayoutComponent_HostBindings(rf, ctx) { if (rf & 1) {
-        i0.ɵɵlistener("resize", function AdminLayoutComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
-    } }, decls: 15, vars: 35, consts: [[1, "app-admin-wrap", 3, "dir"], [3, "notificPanel", 4, "ngIf"], ["fgsSize", "180", "color", "primary", 3, "fgsType"], [1, "app-admin-container", "app-side-nav-container", "mat-drawer-transition", 3, "dir", "ngClass"], [4, "ngIf"], [1, "main-content-wrap", 3, "perfectScrollbar", "disabled"], [3, "notificPanel", "opened"], [1, "rightside-content-hold", 3, "perfectScrollbar", "disabled", "ngClass"], ["class", "view-loader", 4, "ngIf"], ["id", "btrak-preloader", 4, "ngIf"], [1, "sidebar-backdrop", 3, "ngClass", "click"], ["mode", "side", "opened", "", "id", "style-1", 1, "side-nav-color", 3, "fixedInViewport", "fixedTopGap", "fixedBottomGap"], ["sidenav", ""], [3, "notificPanel"], [1, "view-loader"], [1, "spinner"], [1, "double-bounce1", "mat-bg-accent"], [1, "double-bounce2", "mat-bg-primary"], ["id", "btrak-preloader"], [1, "preloading-text"], ["id", "btrak-loader", 4, "ngIf"], ["id", "btrak-loader"]], template: function AdminLayoutComponent_Template(rf, ctx) { if (rf & 1) {
+SidebarTopComponent.ɵfac = function SidebarTopComponent_Factory(t) { return new (t || SidebarTopComponent)(); };
+SidebarTopComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidebarTopComponent, selectors: [["app-sidebar-top"]], decls: 3, vars: 0, consts: [[1, "sidebar-panel"], ["id", "sidebar-top-scroll-area", "fxLayout", "column", 1, "navigation-hold", 3, "perfectScrollbar"]], template: function SidebarTopComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, AdminLayoutComponent_app_header_top_1_Template, 1, 1, "app-header-top", 1);
-        i0.ɵɵelement(2, "ngx-ui-loader", 2);
-        i0.ɵɵelementStart(3, "mat-sidenav-container", 3);
-        i0.ɵɵtemplate(4, AdminLayoutComponent_app_sidebar_top_4_Template, 1, 0, "app-sidebar-top", 4);
-        i0.ɵɵelementStart(5, "div", 5);
-        i0.ɵɵelementStart(6, "app-header-side", 6);
-        i0.ɵɵlistener("opened", function AdminLayoutComponent_Template_app_header_side_opened_6_listener($event) { return ctx.Opened($event); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(7, "div", 7);
-        i0.ɵɵtemplate(8, AdminLayoutComponent_div_8_Template, 4, 0, "div", 8);
-        i0.ɵɵtemplate(9, AdminLayoutComponent_div_9_Template, 6, 8, "div", 9);
-        i0.ɵɵtemplate(10, AdminLayoutComponent_div_10_Template, 2, 0, "div", 4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(11, "div", 10);
-        i0.ɵɵlistener("click", function AdminLayoutComponent_Template_div_click_11_listener() { return ctx.closeSidebar(); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(12, "mat-sidenav", 11, 12);
-        i0.ɵɵelement(14, "app-sidebar");
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelement(2, "app-sidenav");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
+    } }, directives: [i30.DefaultLayoutDirective, i2$3.PerfectScrollbarDirective, SidenavComponent], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidebarTopComponent, [{
+        type: Component,
+        args: [{
+                selector: "app-sidebar-top",
+                templateUrl: "./sidebar-top.component.html"
+            }]
+    }], function () { return []; }, null); })();
+
+class FeedTimeComponent extends CustomAppBaseComponent {
+    constructor(projectModulesService, compiler, vcr) {
+        super();
+        this.projectModulesService = projectModulesService;
+        this.compiler = compiler;
+        this.vcr = vcr;
+        this.componentInputs = {
+            isFeedTimeSheet: false
+        };
+        this.outputs = {
+            closeFeedTimeSheetPopup: () => this.closeFeedTimeSheet()
+        };
+        this.closeFeedTimeSheetPopup = new EventEmitter();
+    }
+    set _isFeedTimeSheet(data) {
+        if (data != undefined && data != null) {
+            this.componentInputs = {
+                isFeedTimeSheet: data
+            };
+            this.loadComponent();
+        }
+    }
+    ngOnInit() {
+        this.injector = this.vcr.injector;
+        super.ngOnInit();
+    }
+    closeFeedTimeSheet() {
+        this.closeFeedTimeSheetPopup.emit();
+    }
+    loadComponent() {
+        // var modules = this.shellModulesService["modules"];
+        var loader = this.projectModulesService["modules"];
+        var modules = JSON.parse(localStorage.getItem("Modules"));
+        var module = _.find(modules, function (module) { return module.modulePackageName == 'TimesheetPackageModule'; });
+        var path = loader[module.modulePackageName];
+        path()
+            .then(elementModuleOrFactory => {
+            if (elementModuleOrFactory instanceof NgModuleFactory) {
+                // if ViewEngine
+                return elementModuleOrFactory;
+            }
+            else {
+                try {
+                    // if Ivy
+                    return this.compiler.compileModuleAsync(elementModuleOrFactory);
+                }
+                catch (err) {
+                    throw err;
+                }
+            }
+        }).then((moduleFactory) => {
+            const componentService = moduleFactory.moduleType.componentService;
+            var allComponentsInModule = componentService.components;
+            this.ngModuleRef = moduleFactory.create(this.injector);
+            var componentDetails = allComponentsInModule.find(elementInArray => elementInArray.name === "Time punch card");
+            this.feedTimeComponent = this.ngModuleRef.componentFactoryResolver.resolveComponentFactory(componentDetails.componentTypeObject);
+        });
+    }
+}
+FeedTimeComponent.ɵfac = function FeedTimeComponent_Factory(t) { return new (t || FeedTimeComponent)(i0.ɵɵdirectiveInject(ShellModulesService), i0.ɵɵdirectiveInject(i0.Compiler), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+FeedTimeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeedTimeComponent, selectors: [["app-feed-time"]], inputs: { _isFeedTimeSheet: ["isFeedTimeSheet", "_isFeedTimeSheet"] }, outputs: { closeFeedTimeSheetPopup: "closeFeedTimeSheetPopup" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [[3, "ndcDynamicFactory", "ndcDynamicComponent", "ndcDynamicInjector", "ndcDynamicInputs", "ndcDynamicOutputs"]], template: function FeedTimeComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "ndc-dynamic", 0);
     } if (rf & 2) {
-        const _r5 = i0.ɵɵreference(13);
-        i0.ɵɵproperty("dir", ctx.layoutConf.dir);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.layoutConf.navigationPos === "top");
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("fgsType", ctx.spinnerType);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("dir", ctx.layoutConf.dir)("ngClass", i0.ɵɵpureFunction8(20, _c0$4, ctx.layoutConf.navigationPos === "top", ctx.layoutConf.sidebarStyle === "full", ctx.layoutConf.sidebarStyle === "compact" && ctx.layoutConf.navigationPos === "side", ctx.layoutConf.sidebarStyle === "compact-big" && ctx.layoutConf.navigationPos === "side", ctx.layoutConf.layoutInTransition, ctx.layoutConf.sidebarStyle !== "closed" && ctx.layoutConf.navigationPos === "side", ctx.layoutConf.sidebarStyle === "closed", ctx.layoutConf.topbarFixed && ctx.layoutConf.navigationPos === "side"));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.layoutConf.navigationPos === "top" && ctx.layoutConf.isMobile);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("perfectScrollbar", ctx.scrollConfig)("disabled", ctx.layoutConf.topbarFixed);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("notificPanel", _r5);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("perfectScrollbar", ctx.scrollConfig)("disabled", !ctx.layoutConf.topbarFixed)("ngClass", i0.ɵɵpureFunction1(29, _c1, ctx.display))("ngClass", i0.ɵɵpureFunction1(31, _c2, ctx.dashboardPage));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.isModuleLoading);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.loading);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !ctx.loading);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(33, _c3, ctx.layoutConf.sidebarStyle !== "closed" && ctx.layoutConf.isMobile));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("fixedInViewport", true)("fixedTopGap", 45)("fixedBottomGap", 0);
-    } }, directives: [i11$1.Dir, i10.NgIf, i3$1.ɵb, i13.MatSidenavContainer, i10.NgClass, i22$1.DefaultClassDirective, i2$3.PerfectScrollbarDirective, HeaderSideComponent, i13.MatSidenav, SideBarComponent, HeaderTopComponent, SidebarTopComponent, i2.RouterOutlet], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdminLayoutComponent, [{
+        i0.ɵɵproperty("ndcDynamicFactory", ctx.feedTimeComponent)("ndcDynamicComponent", ctx.feedTimeComponent)("ndcDynamicInjector", ctx.injector)("ndcDynamicInputs", ctx.componentInputs)("ndcDynamicOutputs", ctx.outputs);
+    } }, directives: [i2$1.DynamicComponent, i2$1.DynamicDirective], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeedTimeComponent, [{
         type: Component,
         args: [{
-                selector: "app-admin-layout",
-                templateUrl: "./admin-layout.template.html"
+                selector: 'app-feed-time',
+                templateUrl: 'feed-time.component.html',
+                encapsulation: ViewEncapsulation.None,
             }]
-    }], function () { return [{ type: i2.Router }, { type: i5$1.TranslateService }, { type: LayoutService }, { type: i3.Store }, { type: i5.CookieService }, { type: i1$2.Actions }, { type: i10.Location }, { type: CommonService }, { type: i2$2.PubNubAngular }, { type: SignalrService }]; }, { onResize: [{
-            type: HostListener,
-            args: ["window:resize", ['$event']]
+    }], function () { return [{ type: ShellModulesService }, { type: i0.Compiler }, { type: i0.ViewContainerRef }]; }, { _isFeedTimeSheet: [{
+            type: Input,
+            args: ["isFeedTimeSheet"]
+        }], closeFeedTimeSheetPopup: [{
+            type: Output
         }] }); })();
 
+class HighLightTextPipe {
+    transform(value, searchText) {
+        if (searchText == null || searchText == "") {
+            return value;
+        }
+        const regex = new RegExp(searchText, 'gi');
+        return value.replace(regex, (match) => `<strong>${match.replace(/\*/g, '')}</strong>`);
+    }
+}
+HighLightTextPipe.ɵfac = function HighLightTextPipe_Factory(t) { return new (t || HighLightTextPipe)(); };
+HighLightTextPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "highLightText", type: HighLightTextPipe, pure: true });
+HighLightTextPipe.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: HighLightTextPipe, factory: HighLightTextPipe.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HighLightTextPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'highLightText'
+            }]
+    }, {
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();
+
 class CompanyPaymentUpsertModel {
 }
 
@@ -14729,7 +13810,7 @@ PurchaseMoreLicensesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         i0.ɵɵtextInterpolate1(" Pay $", ctx.totalAmount, " ");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.isSucessPay);
-    } }, directives: [i1$3.MatDialogClose, i4.FaIconComponent, i1$3.MatDialogContent, i7.MatCardTitle, i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i20.DefaultLayoutGapDirective, i22.MatFormField, i23.MatInput, i9.DefaultValueAccessor, i9.RequiredValidator, i9.NgControlStatus, i9.NgModel, i10.NgIf, i8.MatButton, i34.MatSelect, i14.MatOption], encapsulation: 2 });
+    } }, directives: [i1$3.MatDialogClose, i4.FaIconComponent, i1$3.MatDialogContent, i7.MatCardTitle, i30.DefaultLayoutDirective, i30.DefaultFlexDirective, i30.DefaultLayoutGapDirective, i21.MatFormField, i22.MatInput, i9.DefaultValueAccessor, i9.RequiredValidator, i9.NgControlStatus, i9.NgModel, i10.NgIf, i8.MatButton, i33.MatSelect, i14.MatOption], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PurchaseMoreLicensesComponent, [{
         type: Component,
         args: [{
@@ -15147,7 +14228,7 @@ ProductAndServicesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("ngIf", !ctx.isLoading);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("autoFocus", false)("restoreFocus", false)("interactiveClose", false);
-    } }, directives: [i20.DefaultFlexDirective, i7.MatCard, i20.DefaultLayoutDirective, i8.MatButton, i20$1.SatPopoverAnchor, i10.NgIf, i20$1.SatPopover, i1$3.MatDialogClose, i4.FaIconComponent, i7.MatCardTitle, i7.MatCardContent, i10.NgForOf], pipes: [i10.DatePipe], encapsulation: 2 });
+    } }, directives: [i30.DefaultFlexDirective, i7.MatCard, i30.DefaultLayoutDirective, i8.MatButton, i23.SatPopoverAnchor, i10.NgIf, i23.SatPopover, i1$3.MatDialogClose, i4.FaIconComponent, i7.MatCardTitle, i7.MatCardContent, i10.NgForOf], pipes: [i10.DatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProductAndServicesComponent, [{
         type: Component,
         args: [{
@@ -15686,7 +14767,7 @@ CompanyInformationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("ngIf", ctx.isCompanyVatEdit);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.isCompanyVatEdit);
-    } }, directives: [i20.DefaultFlexDirective, i7.MatCard, i20.DefaultLayoutDirective, i10.NgIf, i7$2.MatDivider, i23.MatInput, i9.DefaultValueAccessor, i9.RequiredValidator, i9.NgControlStatus, i9.NgModel, i22.MatFormField, i22.MatError, i8.MatButton, i17.MatIcon, i4.FaIconComponent], encapsulation: 2 });
+    } }, directives: [i30.DefaultFlexDirective, i7.MatCard, i30.DefaultLayoutDirective, i10.NgIf, i7$2.MatDivider, i22.MatInput, i9.DefaultValueAccessor, i9.RequiredValidator, i9.NgControlStatus, i9.NgModel, i21.MatFormField, i21.MatError, i8.MatButton, i17.MatIcon, i4.FaIconComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyInformationComponent, [{
         type: Component,
         args: [{
@@ -15847,7 +14928,7 @@ TransactionsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Trans
         i0.ɵɵproperty("flexGrow", 1)("sortable", true);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("flexGrow", 1)("sortable", true);
-    } }, directives: [i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i7.MatCard, i12.MatNavList, i12.MatListItem, i2.RouterLinkActive, i7$2.MatDivider, i8$1.DatatableComponent, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i8.MatAnchor], pipes: [i10.DatePipe], encapsulation: 2 });
+    } }, directives: [i30.DefaultLayoutDirective, i30.DefaultFlexDirective, i7.MatCard, i12.MatNavList, i12.MatListItem, i2.RouterLinkActive, i7$2.MatDivider, i8$1.DatatableComponent, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i8.MatAnchor], pipes: [i10.DatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TransactionsComponent, [{
         type: Component,
         args: [{
@@ -15925,7 +15006,7 @@ class DocumentComponent {
         });
     }
 }
-DocumentComponent.ɵfac = function DocumentComponent_Factory(t) { return new (t || DocumentComponent)(i0.ɵɵdirectiveInject(i15.StoreManagementService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
+DocumentComponent.ɵfac = function DocumentComponent_Factory(t) { return new (t || DocumentComponent)(i0.ɵɵdirectiveInject(i15$1.StoreManagementService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
 DocumentComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DocumentComponent, selectors: [["app-document-component"]], decls: 17, vars: 27, consts: [["fxFlex", "", "fxFlex", "100"], [1, "ml-1", "mt-05"], [1, "activity-data", "no-drag", "accessible-ip-height"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], [1, "btrak", 3, "ngClass", "columnMode", "headerHeight", "footerHeight", "rowHeight", "limit", "rows", "loadingIndicator", "scrollbarH", "virtualization", "messages"], ["minWidth", "150", "name", "NAME", "prop", "documentName", 3, "flexGrow", "sortable"], ["ngx-datatable-cell-template", ""], ["minWidth", "150", "name", "UPDATED AT", "prop", "updatedAt", 3, "flexGrow", "sortable"], ["minWidth", "150", "name", "TYPE", "prop", "type", 3, "flexGrow", "sortable"], ["minWidth", "150", "name", "STATUS", "prop", "status", 3, "flexGrow", "sortable"], ["color", "primary", "mode", "indeterminate"], [1, "aclass", "pl-0", 2, "text-decoration", "underline !important", "color", "#2a84c0 !important", 3, "click"]], template: function DocumentComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "h4", 1);
@@ -15965,14 +15046,14 @@ DocumentComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DocumentC
         i0.ɵɵproperty("flexGrow", 1)("sortable", true);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("flexGrow", 1)("sortable", false);
-    } }, directives: [i20.DefaultFlexDirective, i10.NgIf, i8$1.DatatableComponent, i10.NgClass, i22$1.DefaultClassDirective, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i28.MatProgressBar], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
+    } }, directives: [i30.DefaultFlexDirective, i10.NgIf, i8$1.DatatableComponent, i10.NgClass, i15.DefaultClassDirective, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i27.MatProgressBar], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DocumentComponent, [{
         type: Component,
         args: [{
                 selector: "app-document-component",
                 templateUrl: "./document.component.html"
             }]
-    }], function () { return [{ type: i15.StoreManagementService }, { type: undefined, decorators: [{
+    }], function () { return [{ type: i15$1.StoreManagementService }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }]; }, null); })();
@@ -16075,7 +15156,7 @@ AccountAndBillingComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("ngIf", ctx.selectedTab == "Transactions");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.selectedTab == "Documents");
-    } }, directives: [i20.DefaultLayoutDirective, i20.DefaultFlexDirective, i2$4.MatTabGroup, i2$4.MatTab, i2$4.MatTabLabel, i10.NgIf, ProductAndServicesComponent, CompanyInformationComponent, TransactionsComponent, DocumentComponent], encapsulation: 2 });
+    } }, directives: [i30.DefaultLayoutDirective, i30.DefaultFlexDirective, i2$4.MatTabGroup, i2$4.MatTab, i2$4.MatTabLabel, i10.NgIf, ProductAndServicesComponent, CompanyInformationComponent, TransactionsComponent, DocumentComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccountAndBillingComponent, [{
         type: Component,
         args: [{
@@ -16155,7 +15236,7 @@ PaymentMethodComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Paym
         i0.ɵɵproperty("flexGrow", 1)("sortable", true);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("flexGrow", 1)("sortable", false);
-    } }, directives: [i20.DefaultFlexDirective, i8$1.DatatableComponent, i10.NgClass, i22$1.DefaultClassDirective, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i8.MatButton], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
+    } }, directives: [i30.DefaultFlexDirective, i8$1.DatatableComponent, i10.NgClass, i15.DefaultClassDirective, i8$1.DataTableColumnDirective, i8$1.DataTableColumnCellDirective, i8.MatButton], pipes: [i5$1.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentMethodComponent, [{
         type: Component,
         args: [{
@@ -16886,12 +15967,12 @@ const COMPONENTS = [
     PaymentMethodComponent,
     PurchaseMoreLicensesComponent,
     CompanyPlansComponent,
-    LiveWelcomePageComponent,
-    CompanyInformationComponent,
+    LiveWelcomePageComponent
 ];
 class ShellModule {
     constructor() {
         const themeBaseColor = localStorage.getItem('themeColor');
+        // const themeBaseColor = '#2C3E50';
         document.documentElement.style.setProperty('--primary-theme-color', themeBaseColor);
     }
     static forChild(config) {
@@ -17110,8 +16191,7 @@ ShellModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         PaymentMethodComponent,
         PurchaseMoreLicensesComponent,
         CompanyPlansComponent,
-        LiveWelcomePageComponent,
-        CompanyInformationComponent], imports: [RouterModule,
+        LiveWelcomePageComponent], imports: [RouterModule,
         //RouterModule.forChild(PaymentRoutes),
         CommonModule,
         FlexLayoutModule,
@@ -17138,7 +16218,7 @@ ShellModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         MatTableModule,
         NgxDropzoneModule,
         NgxDatatableModule,
-        OwlNativeDateTimeModule, i35.TimeagoModule, SnovasysAvatarModule, i6.ToastrModule, i3.StoreFeatureModule, i1$2.ɵngrx_modules_effects_effects_c, PerfectScrollbarModule,
+        OwlNativeDateTimeModule, i16$1.TimeagoModule, SnovasysAvatarModule, i6.ToastrModule, i3.StoreFeatureModule, i1$2.ɵngrx_modules_effects_effects_c, PerfectScrollbarModule,
         MatCheckboxModule,
         NgxDropzoneModule,
         MatBadgeModule,
@@ -17178,8 +16258,7 @@ ShellModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         PaymentMethodComponent,
         PurchaseMoreLicensesComponent,
         CompanyPlansComponent,
-        LiveWelcomePageComponent,
-        CompanyInformationComponent] }); })();
+        LiveWelcomePageComponent] }); })();
 
 const ShellRouts = [
     {