@thetradeengineorg1/snova-shell-module 0.0.18 → 0.0.20

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

@@ -6757,11 +6757,9 @@ class AvatarComponent {
     }
 }
 AvatarComponent.ɵfac = function AvatarComponent_Factory(t) { return new (t || AvatarComponent)(); };
-AvatarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AvatarComponent, selectors: [["app-avatar"]], inputs: { name: "name", src: "src", isRound: "isRound", size: "size", avatarClass: "avatarClass" }, decls: 2, vars: 6, consts: [["initialsSize", "2", 3, "name", "src", "round", "size"]], template: function AvatarComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtext(0, "Test\n");
-        i0.ɵɵelement(1, "ngx-avatar", 0);
+AvatarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AvatarComponent, selectors: [["app-avatar"]], inputs: { name: "name", src: "src", isRound: "isRound", size: "size", avatarClass: "avatarClass" }, decls: 1, vars: 6, consts: [["initialsSize", "2", 3, "name", "src", "round", "size"]], template: function AvatarComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "ngx-avatar", 0);
     } if (rf & 2) {
-        i0.ɵɵadvance(1);
         i0.ɵɵclassMap(ctx.avatarClass);
         i0.ɵɵproperty("name", ctx.name)("src", ctx.src)("round", ctx.isRound)("size", ctx.size);
     } }, directives: [i1$4.ɵa], encapsulation: 2 });
@@ -10864,19 +10862,23 @@ function HeaderSideComponent_div_5_div_3_img_2_Template(rf, ctx) { if (rf & 1) {
     const ctx_r37 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("src", ctx_r37.selectedCompany.companyMiniLogo, i0.ɵɵsanitizeUrl);
 } }
-function HeaderSideComponent_div_5_div_3_app_avatar_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-avatar", 62);
+function HeaderSideComponent_div_5_div_3_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 62);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r38 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("background-color", ctx_r38.getAvatarColor(ctx_r38.selectedCompany.companyName));
     i0.ɵɵpropertyInterpolate("matTooltip", ctx_r38.selectedCompany.companyName);
-    i0.ɵɵproperty("name", ctx_r38.selectedCompany.companyName)("isRound", true);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r38.getInitials(ctx_r38.selectedCompany.companyName), "");
 } }
 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.ɵɵtemplate(2, HeaderSideComponent_div_5_div_3_img_2_Template, 1, 1, "img", 58);
-    i0.ɵɵtemplate(3, HeaderSideComponent_div_5_div_3_app_avatar_3_Template, 1, 3, "app-avatar", 59);
+    i0.ɵɵtemplate(3, HeaderSideComponent_div_5_div_3_div_3_Template, 2, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span", 60);
     i0.ɵɵtext(5);
@@ -10911,18 +10913,23 @@ function HeaderSideComponent_div_5_mat_option_12_img_2_Template(rf, ctx) { if (r
     const companyList_r41 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("src", companyList_r41.companyMiniLogo, i0.ɵɵsanitizeUrl);
 } }
-function HeaderSideComponent_div_5_mat_option_12_app_avatar_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-avatar", 62);
+function HeaderSideComponent_div_5_mat_option_12_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 62);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const companyList_r41 = i0.ɵɵnextContext().$implicit;
+    const ctx_r43 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("background-color", ctx_r43.getAvatarColor(companyList_r41.companyName));
     i0.ɵɵpropertyInterpolate("matTooltip", companyList_r41.companyName);
-    i0.ɵɵproperty("name", companyList_r41.companyName)("isRound", true);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r43.getInitials(companyList_r41.companyName), "");
 } }
 function HeaderSideComponent_div_5_mat_option_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-option", 64);
     i0.ɵɵelementStart(1, "div", 65);
     i0.ɵɵtemplate(2, HeaderSideComponent_div_5_mat_option_12_img_2_Template, 1, 1, "img", 66);
-    i0.ɵɵtemplate(3, HeaderSideComponent_div_5_mat_option_12_app_avatar_3_Template, 1, 3, "app-avatar", 59);
+    i0.ɵɵtemplate(3, HeaderSideComponent_div_5_mat_option_12_div_3_Template, 2, 4, "div", 59);
     i0.ɵɵelementStart(4, "div", 67);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
@@ -11068,19 +11075,24 @@ function HeaderSideComponent_button_13_img_1_Template(rf, ctx) { if (rf & 1) {
 } }
 function HeaderSideComponent_button_13_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 79);
-    i0.ɵɵelement(1, "app-avatar", 80);
+    i0.ɵɵelementStart(1, "div", 62);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r61 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("name", ctx_r61.authenticatedUserRecord.fullName)("isRound", true);
+    i0.ɵɵstyleProp("background-color", ctx_r61.getAvatarColor(ctx_r61.authenticatedUserRecord.fullName));
+    i0.ɵɵpropertyInterpolate("matTooltip", ctx_r61.authenticatedUserRecord.fullName);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r61.getInitials(ctx_r61.authenticatedUserRecord.fullName));
 } }
 function HeaderSideComponent_button_13_Template(rf, ctx) { if (rf & 1) {
     const _r63 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 75);
     i0.ɵɵlistener("click", function HeaderSideComponent_button_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r63); const ctx_r62 = i0.ɵɵnextContext(); return ctx_r62.toggleRecording(); });
     i0.ɵɵtemplate(1, HeaderSideComponent_button_13_img_1_Template, 1, 1, "img", 76);
-    i0.ɵɵtemplate(2, HeaderSideComponent_button_13_div_2_Template, 2, 2, "div", 77);
+    i0.ɵɵtemplate(2, HeaderSideComponent_button_13_div_2_Template, 3, 4, "div", 77);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext();
@@ -11092,11 +11104,11 @@ function HeaderSideComponent_button_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", !ctx_r6.authenticatedUserRecord.profileImage);
 } }
 function HeaderSideComponent_mat_icon_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-icon", 81);
+    i0.ɵɵelement(0, "mat-icon", 80);
 } }
 function HeaderSideComponent_button_26_Template(rf, ctx) { if (rf & 1) {
     const _r65 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 82);
+    i0.ɵɵelementStart(0, "button", 81);
     i0.ɵɵlistener("click", function HeaderSideComponent_button_26_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r65); const ctx_r64 = i0.ɵɵnextContext(); return ctx_r64.clearDemoData(); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
@@ -11115,7 +11127,7 @@ function HeaderSideComponent_button_26_Template(rf, ctx) { if (rf & 1) {
 } }
 function HeaderSideComponent_button_27_Template(rf, ctx) { if (rf & 1) {
     const _r67 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 82);
+    i0.ɵɵelementStart(0, "button", 81);
     i0.ɵɵlistener("click", function HeaderSideComponent_button_27_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r67); const ctx_r66 = i0.ɵɵnextContext(); return ctx_r66.exportConfigurationDialogData(); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
@@ -11134,7 +11146,7 @@ function HeaderSideComponent_button_27_Template(rf, ctx) { if (rf & 1) {
 } }
 function HeaderSideComponent_button_28_Template(rf, ctx) { if (rf & 1) {
     const _r70 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 83, 84);
+    i0.ɵɵelementStart(0, "button", 82, 83);
     i0.ɵɵlistener("click", function HeaderSideComponent_button_28_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r70); const _r68 = i0.ɵɵreference(1); const ctx_r69 = i0.ɵɵnextContext(); return ctx_r69.addUploadFilePopupOpen(_r68); });
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementStart(3, "mat-icon");
@@ -11179,7 +11191,7 @@ function HeaderSideComponent_button_30_Template(rf, ctx) { if (rf & 1) {
 } }
 function HeaderSideComponent_button_31_Template(rf, ctx) { if (rf & 1) {
     const _r76 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 82);
+    i0.ɵɵelementStart(0, "button", 81);
     i0.ɵɵlistener("click", function HeaderSideComponent_button_31_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r76); const ctx_r75 = i0.ɵɵnextContext(); return ctx_r75.alternateSignIn(); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
@@ -11197,18 +11209,18 @@ function HeaderSideComponent_button_31_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "SHELL.SIGNINAS"));
 } }
 function HeaderSideComponent_div_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 85);
+    i0.ɵɵelement(0, "div", 84);
 } }
 function HeaderSideComponent_app_submit_feedback_47_Template(rf, ctx) { if (rf & 1) {
     const _r78 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-submit-feedback", 86);
+    i0.ɵɵelementStart(0, "app-submit-feedback", 85);
     i0.ɵɵlistener("closeDialog", function HeaderSideComponent_app_submit_feedback_47_Template_app_submit_feedback_closeDialog_0_listener() { i0.ɵɵrestoreView(_r78); const ctx_r77 = i0.ɵɵnextContext(); return ctx_r77.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", 87);
-    i0.ɵɵelementStart(1, "span", 88);
+    i0.ɵɵelementStart(0, "mat-card", 86);
+    i0.ɵɵelementStart(1, "span", 87);
     i0.ɵɵtext(2, "Forms");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -11217,8 +11229,8 @@ function HeaderSideComponent_mat_card_52_Template(rf, ctx) { if (rf & 1) {
 } }
 const _c7 = function () { return ["/applications/custom-applications"]; };
 function HeaderSideComponent_mat_card_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-card", 87);
-    i0.ɵɵelementStart(1, "span", 88);
+    i0.ɵɵelementStart(0, "mat-card", 86);
+    i0.ɵɵelementStart(1, "span", 87);
     i0.ɵɵtext(2, "Custom applications");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -11227,8 +11239,8 @@ function HeaderSideComponent_mat_card_53_Template(rf, ctx) { if (rf & 1) {
 } }
 const _c8 = function () { return ["/rolemanagement/rolemanagement"]; };
 function HeaderSideComponent_mat_card_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-card", 87);
-    i0.ɵɵelementStart(1, "span", 88);
+    i0.ɵɵelementStart(0, "mat-card", 86);
+    i0.ɵɵelementStart(1, "span", 87);
     i0.ɵɵtext(2, "Role configuration");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -11237,8 +11249,8 @@ function HeaderSideComponent_mat_card_54_Template(rf, ctx) { if (rf & 1) {
 } }
 const _c9 = function () { return ["/rolemanagement/entityrolemanagement"]; };
 function HeaderSideComponent_mat_card_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-card", 87);
-    i0.ɵɵelementStart(1, "span", 88);
+    i0.ɵɵelementStart(0, "mat-card", 86);
+    i0.ɵɵelementStart(1, "span", 87);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "softLabelsPipe");
     i0.ɵɵelementEnd();
@@ -11258,12 +11270,12 @@ function HeaderSideComponent_div_56_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", 89);
-    i0.ɵɵtemplate(1, HeaderSideComponent_div_56_span_1_Template, 2, 0, "span", 90);
+    i0.ɵɵelementStart(0, "div", 88);
+    i0.ɵɵtemplate(1, HeaderSideComponent_div_56_span_1_Template, 2, 0, "span", 89);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, HeaderSideComponent_div_56_ng_template_4_Template, 1, 0, "ng-template", null, 91, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(4, HeaderSideComponent_div_56_ng_template_4_Template, 1, 0, "ng-template", null, 90, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const _r80 = i0.ɵɵreference(5);
@@ -11276,9 +11288,9 @@ function HeaderSideComponent_div_56_Template(rf, ctx) { if (rf & 1) {
 } }
 function HeaderSideComponent_ngx_dropzone_preview_74_Template(rf, ctx) { if (rf & 1) {
     const _r84 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ngx-dropzone-preview", 92);
+    i0.ɵɵelementStart(0, "ngx-dropzone-preview", 91);
     i0.ɵɵlistener("removed", function HeaderSideComponent_ngx_dropzone_preview_74_Template_ngx_dropzone_preview_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r84); const f_r82 = restoredCtx.$implicit; const ctx_r83 = i0.ɵɵnextContext(); return ctx_r83.onRemove(f_r82); });
-    i0.ɵɵelementStart(1, "ngx-dropzone-label", 93);
+    i0.ɵɵelementStart(1, "ngx-dropzone-label", 92);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -11292,7 +11304,7 @@ function HeaderSideComponent_ngx_dropzone_preview_74_Template(rf, ctx) { if (rf
     i0.ɵɵtextInterpolate1(" ", ctx_r26.setLabelNameForDropzone(f_r82.name), " ");
 } }
 function HeaderSideComponent_mat_progress_bar_78_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-progress-bar", 94);
+    i0.ɵɵelement(0, "mat-progress-bar", 93);
 } if (rf & 2) {
     const ctx_r27 = i0.ɵɵnextContext();
     i0.ɵɵproperty("value", ctx_r27.progressValue);
@@ -11308,16 +11320,16 @@ function HeaderSideComponent_div_79_Template(rf, ctx) { if (rf & 1) {
 } }
 function HeaderSideComponent_div_80_Template(rf, ctx) { if (rf & 1) {
     const _r86 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 95);
-    i0.ɵɵelementStart(1, "button", 96);
+    i0.ɵɵelementStart(0, "div", 94);
+    i0.ɵɵelementStart(1, "button", 95);
     i0.ɵɵlistener("click", function HeaderSideComponent_div_80_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r86); const ctx_r85 = i0.ɵɵnextContext(); return ctx_r85.saveFiles(); });
-    i0.ɵɵelement(2, "fa-icon", 97);
+    i0.ɵɵelement(2, "fa-icon", 96);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 98);
+    i0.ɵɵelementStart(5, "button", 97);
     i0.ɵɵlistener("click", function HeaderSideComponent_div_80_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r86); const ctx_r87 = i0.ɵɵnextContext(); return ctx_r87.removeAllFiles(); });
-    i0.ɵɵelement(6, "fa-icon", 99);
+    i0.ɵɵelement(6, "fa-icon", 98);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "translate");
     i0.ɵɵelementEnd();
@@ -11329,15 +11341,15 @@ function HeaderSideComponent_div_80_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(8, 4, "DOCUMENTMANAGEMENT.CLEARFILES"), " ");
 } }
 function HeaderSideComponent_div_81_i_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 103);
+    i0.ɵɵelement(0, "i", 102);
 } }
 function HeaderSideComponent_div_81_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 95);
-    i0.ɵɵelementStart(1, "button", 100);
-    i0.ɵɵelement(2, "fa-icon", 101);
+    i0.ɵɵelementStart(0, "div", 94);
+    i0.ɵɵelementStart(1, "button", 99);
+    i0.ɵɵelement(2, "fa-icon", 100);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
-    i0.ɵɵtemplate(5, HeaderSideComponent_div_81_i_5_Template, 1, 0, "i", 102);
+    i0.ɵɵtemplate(5, HeaderSideComponent_div_81_i_5_Template, 1, 0, "i", 101);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -11351,7 +11363,7 @@ function HeaderSideComponent_div_81_Template(rf, ctx) { if (rf & 1) {
 } }
 const _c10 = function (a0) { return [a0]; };
 function HeaderSideComponent_ng_template_82_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "announcement-dialog", 104);
+    i0.ɵɵelement(0, "announcement-dialog", 103);
 } if (rf & 2) {
     const data_r89 = ctx.$implicit;
     i0.ɵɵproperty("data", i0.ɵɵpureFunction1(1, _c10, data_r89));
@@ -11427,6 +11439,7 @@ class HeaderSideComponent extends CustomAppBaseComponent {
         this.searchText = null;
         this.logInUserId = this.cookieService.get("CurrentUserId");
         this.newNotificationsCount = 0;
+        this.avatarColors = ["#0000FF", "#A52A2A", "#D2691E", "#8B008B", "#8B0000", "#008000"];
         // this.signalr.initializeSignalRConnection();
         this.signalr.notifications$.subscribe((data) => this.newNotificationsCount = data && data.length ? data.length : 0);
         this.pushNotifications.requestPermission();
@@ -12733,9 +12746,7 @@ class HeaderSideComponent extends CustomAppBaseComponent {
         this.searchText = null;
     }
     searchCompanies(companies, search) {
-        console.log(companies, search);
         if (search == null || search == '') {
-            console.log("loop enters");
             return companies;
         }
         else if (search != null) {
@@ -12807,6 +12818,29 @@ class HeaderSideComponent extends CustomAppBaseComponent {
             }
         });
     }
+    getAvatarColor(name) {
+        if (!name)
+            return this.avatarColors[0];
+        const index = this.stringToNumber(name) % this.avatarColors.length;
+        return this.avatarColors[index];
+    }
+    // Convert name to numeric hash
+    stringToNumber(str) {
+        let hash = 0;
+        for (let i = 0; i < str.length; i++) {
+            hash = str.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        return Math.abs(hash);
+    }
+    // Extract initials (e.g. “Time Champ” → “TC”)
+    getInitials(name) {
+        if (!name)
+            return "";
+        const words = name.trim().split(" ");
+        if (words.length === 1)
+            return words[0].substring(0, 2).toUpperCase();
+        return (words[0][0] + words[1][0]).toUpperCase();
+    }
 }
 HeaderSideComponent.ɵfac = function HeaderSideComponent_Factory(t) { return new (t || HeaderSideComponent)(i0.ɵɵdirectiveInject(i1$5.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.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderSideComponent, selectors: [["app-header-side"]], viewQuery: function HeaderSideComponent_Query(rf, ctx) { if (rf & 1) {
@@ -12822,7 +12856,7 @@ 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", "ngForTrackBy"], ["fxLayout", "row", "fxLayoutGap", "15px"], [3, "ngStyle"], ["style", "width: 20px;height: 20px;border-radius: 50px;", 3, "src", 4, "ngIf"], ["fxLayoutAlign", "start center", "matTooltipClass", "tooltipClass-mat", "size", "20", 3, "name", "matTooltip", "isRound", 4, "ngIf"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "400", "fxFlex", "calc(100% - 40px)", 1, "language-display", 2, "color", "black !important", 3, "matTooltip"], [2, "width", "20px", "height", "20px", "border-radius", "50px", 3, "src"], ["fxLayoutAlign", "start center", "matTooltipClass", "tooltipClass-mat", "size", "20", 3, "name", "matTooltip", "isRound"], ["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"], ["style", "width: 20px;height: 20px;border-radius: 50px;margin-top: 10px;", 3, "src", 4, "ngIf"], [1, "ml-05"], [2, "width", "20px", "height", "20px", "border-radius", "50px", "margin-top", "10px", 3, "src"], ["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) {
+    } }, 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", "ngForTrackBy"], ["fxLayout", "row", "fxLayoutGap", "15px"], [3, "ngStyle"], ["style", "width: 20px;height: 20px;border-radius: 50px;", 3, "src", 4, "ngIf"], ["class", "avatar", "matTooltipClass", "tooltipClass-mat", 3, "matTooltip", "backgroundColor", 4, "ngIf"], ["matTooltipClass", "tooltipClass-mat", "matTooltipShowDelay", "400", "fxFlex", "calc(100% - 40px)", 1, "language-display", 2, "color", "black !important", 3, "matTooltip"], [2, "width", "20px", "height", "20px", "border-radius", "50px", 3, "src"], ["matTooltipClass", "tooltipClass-mat", 1, "avatar", 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"], ["style", "width: 20px;height: 20px;border-radius: 50px;margin-top: 10px;", 3, "src", 4, "ngIf"], [1, "ml-05"], [2, "width", "20px", "height", "20px", "border-radius", "50px", "margin-top", "10px", 3, "src"], ["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"], [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 _r90 = i0.ɵɵgetCurrentView();
         i0.ɵɵelementStart(0, "mat-toolbar", 0);
         i0.ɵɵelementStart(1, "div", 1);
@@ -13017,7 +13051,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, i7$1.MatTooltip, AvatarComponent, i14.MatOption, i8.MatButton, i10.NgClass, i22$1.DefaultClassDirective, i16.MatMenuTrigger, FeedBackSubmissionComponent, i2.RouterLink, i33.NgxDropzonePreviewComponent, i28.MatProgressBar, AnnoucementDialogComponent], pipes: [i5$1.TranslatePipe, 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: [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, 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, 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: [
             trigger('fade', [
                 transition('void => *', [
                     style({ opacity: 0 }),