i-tech-shared-components 1.2.6 → 1.2.8

package/fesm2022/i-tech-shared-components.mjs

@@ -1629,11 +1629,11 @@ class CompanyImageComponent {
         this.CompaniesEnum = CompaniesEnum;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CompanyImageComponent, isStandalone: true, selector: "i-tech-company-image", inputs: { userData: "userData", currentCompany: "currentCompany", platform: "platform" }, ngImport: i0, template: "<div class=\"information pointer\" *ngIf=\"userData && currentCompany\">\n    <div class=\"information_main\">\n        <div class=\"images\">\n            <img alt=\"\" class=\"company_img\" *ngIf=\"currentCompany.image; else noImageComponent\"\n                 [src]=\"currentCompany.image\"\n            >\n            <ng-template #noImageComponent>\n                <div class=\"company_img no_image\">\n                    {{currentCompany.name | slice: 0 : 1 | uppercase}}\n                </div>\n            </ng-template>\n\n            <div class=\"user_img\">\n                {{userData.firstName | slice: 0 : 1 | uppercase}}\n            </div>\n        </div>\n\n        <div class=\"names\">\n            <div class=\"company_name\">{{currentCompany.name}}</div>\n            <div class=\"user_name\">{{userData.firstName}} {{userData.lastName}}</div>\n        </div>\n\n    </div>\n    <div class=\"time_zone\" *ngIf=\"platform === CompaniesEnum.T3\">\n        {{userData.timeZone?.enumType || ''}}\n    </div>\n</div>\n", styles: [".information .information_main{display:flex;align-items:center}.information .information_main .images{width:max-content;position:relative}.information .information_main .images .company_img{width:40px;height:40px;border-radius:50%}.information .information_main .images .company_img:hover{outline:2px solid rgba(0,172,72,.16)}.information .information_main .images .user_img{position:absolute;bottom:0;right:0;border-radius:50%;width:16px;height:16px;border:1px solid #EFFAF1;background-color:#006b1e;color:#fff;display:flex;align-items:center;justify-content:center}.information .information_main .images .no_image{display:flex;align-items:center;justify-content:center;background-color:#c0e5c7;color:#006b1e;font-weight:700;font-size:18px;line-height:24px}.information .information_main .names{margin-left:8px}.information .information_main .names .company_name{color:#424954;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.information .information_main .names .user_name{color:#424954;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px}.information .time_zone{margin-top:10px;display:flex;justify-content:center;color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CompanyImageComponent, isStandalone: true, selector: "i-tech-company-image", inputs: { userData: "userData", currentCompany: "currentCompany", platform: "platform" }, ngImport: i0, template: "<div class=\"information pointer\" *ngIf=\"userData\">\n    <div class=\"information_main\">\n        <div class=\"images\">\n            <img alt=\"\" class=\"company_img\" *ngIf=\"currentCompany?.image; else noImageComponent\"\n                 [src]=\"currentCompany.image\"\n            >\n            <ng-template #noImageComponent>\n                <div class=\"company_img no_image\">\n                    {{(currentCompany?.name || '') | slice: 0 : 1 | uppercase}}\n                </div>\n            </ng-template>\n\n            <div class=\"user_img\">\n                {{userData.firstName | slice: 0 : 1 | uppercase}}\n            </div>\n        </div>\n\n        <div class=\"names\">\n            <div class=\"company_name\">{{currentCompany?.name || ''}}</div>\n            <div class=\"user_name\">{{userData.firstName}} {{userData.lastName}}</div>\n        </div>\n\n    </div>\n    <div class=\"time_zone\" *ngIf=\"platform === CompaniesEnum.T3\">\n        {{userData.timeZone?.enumType || ''}}\n    </div>\n</div>\n", styles: [".information .information_main{display:flex;align-items:center}.information .information_main .images{width:max-content;position:relative}.information .information_main .images .company_img{width:40px;height:40px;border-radius:50%}.information .information_main .images .company_img:hover{outline:2px solid rgba(0,172,72,.16)}.information .information_main .images .user_img{position:absolute;bottom:0;right:0;border-radius:50%;width:16px;height:16px;border:1px solid #EFFAF1;background-color:#006b1e;color:#fff;display:flex;align-items:center;justify-content:center}.information .information_main .images .no_image{display:flex;align-items:center;justify-content:center;background-color:#c0e5c7;color:#006b1e;font-weight:700;font-size:18px;line-height:24px}.information .information_main .names{margin-left:8px}.information .information_main .names .company_name{color:#424954;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.information .information_main .names .user_name{color:#424954;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px}.information .time_zone{margin-top:10px;display:flex;justify-content:center;color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyImageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'i-tech-company-image', imports: [NgIf, UpperCasePipe, SlicePipe], standalone: true, template: "<div class=\"information pointer\" *ngIf=\"userData && currentCompany\">\n    <div class=\"information_main\">\n        <div class=\"images\">\n            <img alt=\"\" class=\"company_img\" *ngIf=\"currentCompany.image; else noImageComponent\"\n                 [src]=\"currentCompany.image\"\n            >\n            <ng-template #noImageComponent>\n                <div class=\"company_img no_image\">\n                    {{currentCompany.name | slice: 0 : 1 | uppercase}}\n                </div>\n            </ng-template>\n\n            <div class=\"user_img\">\n                {{userData.firstName | slice: 0 : 1 | uppercase}}\n            </div>\n        </div>\n\n        <div class=\"names\">\n            <div class=\"company_name\">{{currentCompany.name}}</div>\n            <div class=\"user_name\">{{userData.firstName}} {{userData.lastName}}</div>\n        </div>\n\n    </div>\n    <div class=\"time_zone\" *ngIf=\"platform === CompaniesEnum.T3\">\n        {{userData.timeZone?.enumType || ''}}\n    </div>\n</div>\n", styles: [".information .information_main{display:flex;align-items:center}.information .information_main .images{width:max-content;position:relative}.information .information_main .images .company_img{width:40px;height:40px;border-radius:50%}.information .information_main .images .company_img:hover{outline:2px solid rgba(0,172,72,.16)}.information .information_main .images .user_img{position:absolute;bottom:0;right:0;border-radius:50%;width:16px;height:16px;border:1px solid #EFFAF1;background-color:#006b1e;color:#fff;display:flex;align-items:center;justify-content:center}.information .information_main .images .no_image{display:flex;align-items:center;justify-content:center;background-color:#c0e5c7;color:#006b1e;font-weight:700;font-size:18px;line-height:24px}.information .information_main .names{margin-left:8px}.information .information_main .names .company_name{color:#424954;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.information .information_main .names .user_name{color:#424954;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px}.information .time_zone{margin-top:10px;display:flex;justify-content:center;color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px}\n"] }]
+            args: [{ selector: 'i-tech-company-image', imports: [NgIf, UpperCasePipe, SlicePipe], standalone: true, template: "<div class=\"information pointer\" *ngIf=\"userData\">\n    <div class=\"information_main\">\n        <div class=\"images\">\n            <img alt=\"\" class=\"company_img\" *ngIf=\"currentCompany?.image; else noImageComponent\"\n                 [src]=\"currentCompany.image\"\n            >\n            <ng-template #noImageComponent>\n                <div class=\"company_img no_image\">\n                    {{(currentCompany?.name || '') | slice: 0 : 1 | uppercase}}\n                </div>\n            </ng-template>\n\n            <div class=\"user_img\">\n                {{userData.firstName | slice: 0 : 1 | uppercase}}\n            </div>\n        </div>\n\n        <div class=\"names\">\n            <div class=\"company_name\">{{currentCompany?.name || ''}}</div>\n            <div class=\"user_name\">{{userData.firstName}} {{userData.lastName}}</div>\n        </div>\n\n    </div>\n    <div class=\"time_zone\" *ngIf=\"platform === CompaniesEnum.T3\">\n        {{userData.timeZone?.enumType || ''}}\n    </div>\n</div>\n", styles: [".information .information_main{display:flex;align-items:center}.information .information_main .images{width:max-content;position:relative}.information .information_main .images .company_img{width:40px;height:40px;border-radius:50%}.information .information_main .images .company_img:hover{outline:2px solid rgba(0,172,72,.16)}.information .information_main .images .user_img{position:absolute;bottom:0;right:0;border-radius:50%;width:16px;height:16px;border:1px solid #EFFAF1;background-color:#006b1e;color:#fff;display:flex;align-items:center;justify-content:center}.information .information_main .images .no_image{display:flex;align-items:center;justify-content:center;background-color:#c0e5c7;color:#006b1e;font-weight:700;font-size:18px;line-height:24px}.information .information_main .names{margin-left:8px}.information .information_main .names .company_name{color:#424954;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.information .information_main .names .user_name{color:#424954;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px}.information .time_zone{margin-top:10px;display:flex;justify-content:center;color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px}\n"] }]
         }], propDecorators: { userData: [{
                 type: Input
             }], currentCompany: [{
@@ -1692,25 +1692,22 @@ class NewSidebarComponent {
             window.location.href = url;
         }
     }
+    accountInformation() {
+        this.router.navigate(['/auth/account-information']);
+    }
     detectActiveAndInactiveApps() {
         const allSystems = [{
                 id: CompaniesEnum.T3,
-                name: 'T3 TMS'
-            }, {
-                id: CompaniesEnum.TMT,
-                name: 'Track My Truck'
+                name: 'T3 - TMS'
             }, {
                 id: CompaniesEnum.BROKERAGE,
-                name: 'Brokerage'
+                name: 'Loadboard'
             }
         ];
         allSystems.forEach((system) => {
             if (this.platform === system.id) {
                 system.checked = true;
             }
-            if (system.id === CompaniesEnum.BROKERAGE) {
-                system.name = 'Loadboard';
-            }
             if (this.userData.systemRoles?.find((role) => role.system === system.id)) {
                 this.activeAndInactivePlatforms['active'].push(system);
             }
@@ -1810,14 +1807,14 @@ class NewSidebarComponent {
         window.open(this.env.organizationUrl, '_blank');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NewSidebarComponent, deps: [{ token: i1$2.Router }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NewSidebarComponent, isStandalone: true, selector: "i-tech-sidebar", inputs: { platform: "platform", navigationLinks: "navigationLinks", env: "env", userData: "userData" }, outputs: { collapseEvent: "collapseEvent", signOutEvent: "signOutEvent", newAuthenticatedResponseEvent: "newAuthenticatedResponseEvent" }, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, ngImport: i0, template: "<div class=\"main_sidebar\"\n     *ngIf=\"navigationLinks && userData\"\n     [class.collapsed]=\"isCollapsed\"\n>\n    <div class=\"main_sidebar--header\">\n        <img class=\"logo pointer\" alt=\"\"\n             (click)=\"openLanding()\"\n             [src]=\"'/assets/logos/' + platform + '.svg'\">\n        <img src=\"/assets/apps.png\" alt=\"\" class=\"pointer\" *ngIf=\"!isCollapsed\"\n             [matMenuTriggerFor]=\"matMenu\"\n        >\n\n        <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n            <div class=\"menu_title\">\n                Active Apps\n            </div>\n            <div mat-menu-item class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['active']\"\n                (click)=\"openPlatform(app.id)\"\n            >\n                <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/' + app.id + '.svg'\">\n                <span>{{app.name}}</span>\n                <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n                      *ngIf=\"app.checked\"\n                >\n            </div>\n            <div class=\"divider\"></div>\n            <div class=\"menu_title\">\n                Inactive Apps\n            </div>\n            <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n                <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/' + app.id + '.svg'\">\n                <span>{{app.name}}</span>\n            </div>\n        </mat-menu>\n    </div>\n\n    <div class=\"main_sidebar--content\">\n        <ng-container *ngIf=\"secondLayerLinks.length\">\n            <div class=\"main_sidebar--content--toolbar\"\n                 (click)=\"navigateBack()\"\n            >\n                <img alt=\"\" src=\"/assets/back.svg\">\n                <span>Back</span>\n            </div>\n            <div class=\"main_sidebar--content--sub_title\">\n                Admin\n            </div>\n        </ng-container>\n\n        <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n            <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n            <div class=\"main_sidebar--content--link pointer\"\n                   matRipple\n                   [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n                    (click)=\"navigate(link)\"\n            >\n                <div class=\"parent_icon\">\n                    <img class=\"icon\" alt=\"\"\n                         [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n                </div>\n                <div class=\"name\">{{link.title | translate}}</div>\n            </div>\n        </ng-container>\n\n    </div>\n\n    <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n        <div class=\"main_sidebar--footer--toggle\">\n            <img class=\"pointer\" alt=\"\"\n                 *ngIf=\"!isCollapsed\"\n                 src=\"/assets/toggle-state-left.svg\"\n                 (click)=\"changeCollapse(true)\"\n            >\n            <img class=\"pointer\" alt=\"\"\n                 *ngIf=\"isCollapsed\"\n                 src=\"/assets/toggle-state-right.svg\"\n                 (click)=\"changeCollapse(false)\"\n            >\n        </div>\n        <div class=\"main_sidebar--footer--profile\">\n            <i-tech-company-image\n                    [matMenuTriggerFor]=\"matMenu\"\n                    [userData]=\"userData\"\n                    [platform]=\"platform\"\n                    [currentCompany]=\"currentCompany\"\n            ></i-tech-company-image>\n            <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n                <div class=\"top_bar\">\n                    <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n                         *ngIf=\"userData.image; else NoImage\"\n                    >\n                    <ng-template #NoImage>\n                        <div class=\"image no_image\">\n                            {{userData.firstName | slice: 0 : 1 | uppercase}}\n                        </div>\n                    </ng-template>\n                    <div class=\"information\">\n                        <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n                        <div class=\"email\">{{userData.email}}</div>\n                    </div>\n                </div>\n                <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"standard_menu_item\"\n                     (click)=\"manageAccount()\">\n                    Manage Account\n                </div>\n                <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n                     class=\"standard_menu_item\"\n                     (click)=\"addNewOrganization()\">\n                  Add new organization\n                </div>\n\n                <ng-container *ngIf=\"allOrganizations.length > 1\">\n                    <div class=\"divider\" ></div>\n\n                    <div class=\"switch\">\n                        <div class=\"switch_title\">\n                            Switch Organization\n                        </div>\n                        <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n                             *ngFor=\"let organization of allOrganizations\"\n                        >\n                            <div class=\"organization_item_in_menu\">\n                                <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n                                     *ngIf=\"organization.image; else NoImage\"\n                                >\n                                <ng-template #NoImage>\n                                    <div class=\"image no_image\">\n                                        {{organization.name | slice: 0 : 1 | uppercase}}\n                                    </div>\n                                </ng-template>\n                                <span>{{organization.name}}</span>\n                            </div>\n                            <img alt=\"\" *ngIf=\"organization.id === currentCompany.id\"\n                                 class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n                        </div>\n                    </div>\n                </ng-container>\n                <div class=\"divider\"></div>\n\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n                    Support Center\n                </div>\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"privacyPolicyOrTermsCondition()\">\n                    Terms And Conditions\n                </div>\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"privacyPolicyOrTermsCondition(true)\">\n                    Privacy Policy\n                </div>\n\n                <div class=\"divider\"></div>\n\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n                    Sign out\n                </div>\n            </mat-menu>\n        </div>\n    </div>\n</div>\n", styles: [".main_sidebar{box-shadow:0 1px 3px 1px #3046661a;border-right:1.5px solid #d7d9de;height:100vh;width:190px;position:relative}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{flex-direction:column;padding:0 0 4px;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .name,.main_sidebar.collapsed .main_sidebar--content--link:hover .name{font-weight:600}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 21px 16px}.main_sidebar--header .logo{width:36px}.main_sidebar--content{height:calc(100% - 210px);overflow-y:auto}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;height:40px;position:relative;background-color:#fff}.main_sidebar--footer--toggle:hover img{filter:invert(27%) sepia(98%) saturate(1690%) hue-rotate(131deg) brightness(89%) contrast(107%)}.main_sidebar--footer--toggle img{position:absolute;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%)}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information .name{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{width:40px;height:40px;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{width:24px;height:24px;margin-right:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{width:24px;height:24px;margin-right:12px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CompanyImageComponent, selector: "i-tech-company-image", inputs: ["userData", "currentCompany", "platform"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NewSidebarComponent, isStandalone: true, selector: "i-tech-sidebar", inputs: { platform: "platform", navigationLinks: "navigationLinks", env: "env", userData: "userData" }, outputs: { collapseEvent: "collapseEvent", signOutEvent: "signOutEvent", newAuthenticatedResponseEvent: "newAuthenticatedResponseEvent" }, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, ngImport: i0, template: "<div class=\"main_sidebar\"\n     *ngIf=\"navigationLinks && userData\"\n     [class.collapsed]=\"isCollapsed\"\n>\n    <div class=\"main_sidebar--header\">\n        <img class=\"logo pointer\" alt=\"\"\n             (click)=\"openLanding()\"\n             [src]=\"'/assets/logos/' + platform + '.svg'\">\n        <img src=\"/assets/apps.png\" alt=\"\" class=\"pointer\" *ngIf=\"!isCollapsed\"\n             [matMenuTriggerFor]=\"matMenu\"\n        >\n\n        <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n            <div class=\"menu_title\">\n                Active Apps\n            </div>\n            <div mat-menu-item class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['active']\"\n                (click)=\"openPlatform(app.id)\"\n            >\n                <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/' + app.id + '.svg'\">\n                <span>{{app.name}}</span>\n                <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n                      *ngIf=\"app.checked\"\n                >\n            </div>\n            <div class=\"divider\"></div>\n            <div class=\"menu_title\">\n                Inactive Apps\n            </div>\n            <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n                <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/' + app.id + '.svg'\">\n                <span>{{app.name}}</span>\n            </div>\n        </mat-menu>\n    </div>\n\n    <div class=\"main_sidebar--content\">\n        <ng-container *ngIf=\"secondLayerLinks.length\">\n            <div class=\"main_sidebar--content--toolbar\"\n                 (click)=\"navigateBack()\"\n            >\n                <img alt=\"\" src=\"/assets/back.svg\">\n                <span>Back</span>\n            </div>\n            <div class=\"main_sidebar--content--sub_title\">\n                Admin\n            </div>\n        </ng-container>\n\n        <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n            <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n            <div class=\"main_sidebar--content--link pointer\"\n                   matRipple\n                   [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n                    (click)=\"navigate(link)\"\n            >\n                <div class=\"parent_icon\">\n                    <img class=\"icon\" alt=\"\"\n                         [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n                </div>\n                <div class=\"name\">{{link.title | translate}}</div>\n            </div>\n        </ng-container>\n\n    </div>\n\n    <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n        <div class=\"main_sidebar--footer--toggle\">\n            <img class=\"pointer\" alt=\"\"\n                 *ngIf=\"!isCollapsed\"\n                 src=\"/assets/toggle-state-left.svg\"\n                 (click)=\"changeCollapse(true)\"\n            >\n            <img class=\"pointer\" alt=\"\"\n                 *ngIf=\"isCollapsed\"\n                 src=\"/assets/toggle-state-right.svg\"\n                 (click)=\"changeCollapse(false)\"\n            >\n        </div>\n        <div class=\"main_sidebar--footer--profile\">\n            <i-tech-company-image\n                    [matMenuTriggerFor]=\"matMenu\"\n                    [userData]=\"userData\"\n                    [platform]=\"platform\"\n                    [currentCompany]=\"currentCompany\"\n            ></i-tech-company-image>\n            <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n                <div class=\"top_bar\">\n                    <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n                         *ngIf=\"userData.image; else NoImage\"\n                    >\n                    <ng-template #NoImage>\n                        <div class=\"image no_image\">\n                            {{userData.firstName | slice: 0 : 1 | uppercase}}\n                        </div>\n                    </ng-template>\n                    <div class=\"information\">\n                        <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n                        <div class=\"email\">{{userData.email}}</div>\n                    </div>\n                </div>\n                <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"standard_menu_item\"\n                     (click)=\"manageAccount()\">\n                    Manage Account\n                </div>\n              <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"standard_menu_item\"\n                   (click)=\"accountInformation()\"\n              >\n                Account Information\n              </div>\n              <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n                     class=\"standard_menu_item\"\n                     (click)=\"addNewOrganization()\">\n                  Add new organization\n                </div>\n\n                <ng-container *ngIf=\"allOrganizations.length > 1\">\n                    <div class=\"divider\" ></div>\n\n                    <div class=\"switch\">\n                        <div class=\"switch_title\">\n                            Switch Organization\n                        </div>\n                        <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n                             *ngFor=\"let organization of allOrganizations\"\n                        >\n                            <div class=\"organization_item_in_menu\">\n                                <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n                                     *ngIf=\"organization.image; else NoImage\"\n                                >\n                                <ng-template #NoImage>\n                                    <div class=\"image no_image\">\n                                        {{organization.name | slice: 0 : 1 | uppercase}}\n                                    </div>\n                                </ng-template>\n                                <span>{{organization.name}}</span>\n                            </div>\n                            <img alt=\"\" *ngIf=\"organization.id === currentCompany.id\"\n                                 class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n                        </div>\n                    </div>\n                </ng-container>\n                <div class=\"divider\"></div>\n\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n                    Support Center\n                </div>\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"privacyPolicyOrTermsCondition()\">\n                    Terms And Conditions\n                </div>\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"privacyPolicyOrTermsCondition(true)\">\n                    Privacy Policy\n                </div>\n\n                <div class=\"divider\"></div>\n\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n                    Sign out\n                </div>\n            </mat-menu>\n        </div>\n    </div>\n</div>\n", styles: [".main_sidebar{box-shadow:0 1px 3px 1px #3046661a;border-right:1.5px solid #d7d9de;height:100vh;width:190px;position:relative}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{flex-direction:column;padding:0 0 4px;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .name,.main_sidebar.collapsed .main_sidebar--content--link:hover .name{font-weight:600}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 21px 16px}.main_sidebar--header .logo{width:36px}.main_sidebar--content{height:calc(100% - 210px);overflow-y:auto}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;height:40px;position:relative;background-color:#fff}.main_sidebar--footer--toggle:hover img{filter:invert(27%) sepia(98%) saturate(1690%) hue-rotate(131deg) brightness(89%) contrast(107%)}.main_sidebar--footer--toggle img{position:absolute;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%)}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information .name{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{width:40px;height:40px;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{width:24px;height:24px;margin-right:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{width:24px;height:24px;margin-right:12px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CompanyImageComponent, selector: "i-tech-company-image", inputs: ["userData", "currentCompany", "platform"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NewSidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-sidebar', imports: [NgIf, NgFor, TranslateModule, MatMenu, MatIcon,
                         MatMenuModule, CompanyImageComponent, UpperCasePipe, SlicePipe,
                         MatRippleModule
-                    ], standalone: true, template: "<div class=\"main_sidebar\"\n     *ngIf=\"navigationLinks && userData\"\n     [class.collapsed]=\"isCollapsed\"\n>\n    <div class=\"main_sidebar--header\">\n        <img class=\"logo pointer\" alt=\"\"\n             (click)=\"openLanding()\"\n             [src]=\"'/assets/logos/' + platform + '.svg'\">\n        <img src=\"/assets/apps.png\" alt=\"\" class=\"pointer\" *ngIf=\"!isCollapsed\"\n             [matMenuTriggerFor]=\"matMenu\"\n        >\n\n        <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n            <div class=\"menu_title\">\n                Active Apps\n            </div>\n            <div mat-menu-item class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['active']\"\n                (click)=\"openPlatform(app.id)\"\n            >\n                <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/' + app.id + '.svg'\">\n                <span>{{app.name}}</span>\n                <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n                      *ngIf=\"app.checked\"\n                >\n            </div>\n            <div class=\"divider\"></div>\n            <div class=\"menu_title\">\n                Inactive Apps\n            </div>\n            <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n                <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/' + app.id + '.svg'\">\n                <span>{{app.name}}</span>\n            </div>\n        </mat-menu>\n    </div>\n\n    <div class=\"main_sidebar--content\">\n        <ng-container *ngIf=\"secondLayerLinks.length\">\n            <div class=\"main_sidebar--content--toolbar\"\n                 (click)=\"navigateBack()\"\n            >\n                <img alt=\"\" src=\"/assets/back.svg\">\n                <span>Back</span>\n            </div>\n            <div class=\"main_sidebar--content--sub_title\">\n                Admin\n            </div>\n        </ng-container>\n\n        <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n            <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n            <div class=\"main_sidebar--content--link pointer\"\n                   matRipple\n                   [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n                    (click)=\"navigate(link)\"\n            >\n                <div class=\"parent_icon\">\n                    <img class=\"icon\" alt=\"\"\n                         [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n                </div>\n                <div class=\"name\">{{link.title | translate}}</div>\n            </div>\n        </ng-container>\n\n    </div>\n\n    <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n        <div class=\"main_sidebar--footer--toggle\">\n            <img class=\"pointer\" alt=\"\"\n                 *ngIf=\"!isCollapsed\"\n                 src=\"/assets/toggle-state-left.svg\"\n                 (click)=\"changeCollapse(true)\"\n            >\n            <img class=\"pointer\" alt=\"\"\n                 *ngIf=\"isCollapsed\"\n                 src=\"/assets/toggle-state-right.svg\"\n                 (click)=\"changeCollapse(false)\"\n            >\n        </div>\n        <div class=\"main_sidebar--footer--profile\">\n            <i-tech-company-image\n                    [matMenuTriggerFor]=\"matMenu\"\n                    [userData]=\"userData\"\n                    [platform]=\"platform\"\n                    [currentCompany]=\"currentCompany\"\n            ></i-tech-company-image>\n            <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n                <div class=\"top_bar\">\n                    <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n                         *ngIf=\"userData.image; else NoImage\"\n                    >\n                    <ng-template #NoImage>\n                        <div class=\"image no_image\">\n                            {{userData.firstName | slice: 0 : 1 | uppercase}}\n                        </div>\n                    </ng-template>\n                    <div class=\"information\">\n                        <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n                        <div class=\"email\">{{userData.email}}</div>\n                    </div>\n                </div>\n                <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"standard_menu_item\"\n                     (click)=\"manageAccount()\">\n                    Manage Account\n                </div>\n                <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n                     class=\"standard_menu_item\"\n                     (click)=\"addNewOrganization()\">\n                  Add new organization\n                </div>\n\n                <ng-container *ngIf=\"allOrganizations.length > 1\">\n                    <div class=\"divider\" ></div>\n\n                    <div class=\"switch\">\n                        <div class=\"switch_title\">\n                            Switch Organization\n                        </div>\n                        <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n                             *ngFor=\"let organization of allOrganizations\"\n                        >\n                            <div class=\"organization_item_in_menu\">\n                                <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n                                     *ngIf=\"organization.image; else NoImage\"\n                                >\n                                <ng-template #NoImage>\n                                    <div class=\"image no_image\">\n                                        {{organization.name | slice: 0 : 1 | uppercase}}\n                                    </div>\n                                </ng-template>\n                                <span>{{organization.name}}</span>\n                            </div>\n                            <img alt=\"\" *ngIf=\"organization.id === currentCompany.id\"\n                                 class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n                        </div>\n                    </div>\n                </ng-container>\n                <div class=\"divider\"></div>\n\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n                    Support Center\n                </div>\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"privacyPolicyOrTermsCondition()\">\n                    Terms And Conditions\n                </div>\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"privacyPolicyOrTermsCondition(true)\">\n                    Privacy Policy\n                </div>\n\n                <div class=\"divider\"></div>\n\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n                    Sign out\n                </div>\n            </mat-menu>\n        </div>\n    </div>\n</div>\n", styles: [".main_sidebar{box-shadow:0 1px 3px 1px #3046661a;border-right:1.5px solid #d7d9de;height:100vh;width:190px;position:relative}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{flex-direction:column;padding:0 0 4px;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .name,.main_sidebar.collapsed .main_sidebar--content--link:hover .name{font-weight:600}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 21px 16px}.main_sidebar--header .logo{width:36px}.main_sidebar--content{height:calc(100% - 210px);overflow-y:auto}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;height:40px;position:relative;background-color:#fff}.main_sidebar--footer--toggle:hover img{filter:invert(27%) sepia(98%) saturate(1690%) hue-rotate(131deg) brightness(89%) contrast(107%)}.main_sidebar--footer--toggle img{position:absolute;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%)}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information .name{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{width:40px;height:40px;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{width:24px;height:24px;margin-right:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{width:24px;height:24px;margin-right:12px}\n"] }]
+                    ], standalone: true, template: "<div class=\"main_sidebar\"\n     *ngIf=\"navigationLinks && userData\"\n     [class.collapsed]=\"isCollapsed\"\n>\n    <div class=\"main_sidebar--header\">\n        <img class=\"logo pointer\" alt=\"\"\n             (click)=\"openLanding()\"\n             [src]=\"'/assets/logos/' + platform + '.svg'\">\n        <img src=\"/assets/apps.png\" alt=\"\" class=\"pointer\" *ngIf=\"!isCollapsed\"\n             [matMenuTriggerFor]=\"matMenu\"\n        >\n\n        <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n            <div class=\"menu_title\">\n                Active Apps\n            </div>\n            <div mat-menu-item class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['active']\"\n                (click)=\"openPlatform(app.id)\"\n            >\n                <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/' + app.id + '.svg'\">\n                <span>{{app.name}}</span>\n                <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n                      *ngIf=\"app.checked\"\n                >\n            </div>\n            <div class=\"divider\"></div>\n            <div class=\"menu_title\">\n                Inactive Apps\n            </div>\n            <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n                <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/' + app.id + '.svg'\">\n                <span>{{app.name}}</span>\n            </div>\n        </mat-menu>\n    </div>\n\n    <div class=\"main_sidebar--content\">\n        <ng-container *ngIf=\"secondLayerLinks.length\">\n            <div class=\"main_sidebar--content--toolbar\"\n                 (click)=\"navigateBack()\"\n            >\n                <img alt=\"\" src=\"/assets/back.svg\">\n                <span>Back</span>\n            </div>\n            <div class=\"main_sidebar--content--sub_title\">\n                Admin\n            </div>\n        </ng-container>\n\n        <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n            <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n            <div class=\"main_sidebar--content--link pointer\"\n                   matRipple\n                   [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n                    (click)=\"navigate(link)\"\n            >\n                <div class=\"parent_icon\">\n                    <img class=\"icon\" alt=\"\"\n                         [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n                </div>\n                <div class=\"name\">{{link.title | translate}}</div>\n            </div>\n        </ng-container>\n\n    </div>\n\n    <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n        <div class=\"main_sidebar--footer--toggle\">\n            <img class=\"pointer\" alt=\"\"\n                 *ngIf=\"!isCollapsed\"\n                 src=\"/assets/toggle-state-left.svg\"\n                 (click)=\"changeCollapse(true)\"\n            >\n            <img class=\"pointer\" alt=\"\"\n                 *ngIf=\"isCollapsed\"\n                 src=\"/assets/toggle-state-right.svg\"\n                 (click)=\"changeCollapse(false)\"\n            >\n        </div>\n        <div class=\"main_sidebar--footer--profile\">\n            <i-tech-company-image\n                    [matMenuTriggerFor]=\"matMenu\"\n                    [userData]=\"userData\"\n                    [platform]=\"platform\"\n                    [currentCompany]=\"currentCompany\"\n            ></i-tech-company-image>\n            <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n                <div class=\"top_bar\">\n                    <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n                         *ngIf=\"userData.image; else NoImage\"\n                    >\n                    <ng-template #NoImage>\n                        <div class=\"image no_image\">\n                            {{userData.firstName | slice: 0 : 1 | uppercase}}\n                        </div>\n                    </ng-template>\n                    <div class=\"information\">\n                        <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n                        <div class=\"email\">{{userData.email}}</div>\n                    </div>\n                </div>\n                <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"standard_menu_item\"\n                     (click)=\"manageAccount()\">\n                    Manage Account\n                </div>\n              <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"standard_menu_item\"\n                   (click)=\"accountInformation()\"\n              >\n                Account Information\n              </div>\n              <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n                     class=\"standard_menu_item\"\n                     (click)=\"addNewOrganization()\">\n                  Add new organization\n                </div>\n\n                <ng-container *ngIf=\"allOrganizations.length > 1\">\n                    <div class=\"divider\" ></div>\n\n                    <div class=\"switch\">\n                        <div class=\"switch_title\">\n                            Switch Organization\n                        </div>\n                        <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n                             *ngFor=\"let organization of allOrganizations\"\n                        >\n                            <div class=\"organization_item_in_menu\">\n                                <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n                                     *ngIf=\"organization.image; else NoImage\"\n                                >\n                                <ng-template #NoImage>\n                                    <div class=\"image no_image\">\n                                        {{organization.name | slice: 0 : 1 | uppercase}}\n                                    </div>\n                                </ng-template>\n                                <span>{{organization.name}}</span>\n                            </div>\n                            <img alt=\"\" *ngIf=\"organization.id === currentCompany.id\"\n                                 class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n                        </div>\n                    </div>\n                </ng-container>\n                <div class=\"divider\"></div>\n\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n                    Support Center\n                </div>\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"privacyPolicyOrTermsCondition()\">\n                    Terms And Conditions\n                </div>\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"privacyPolicyOrTermsCondition(true)\">\n                    Privacy Policy\n                </div>\n\n                <div class=\"divider\"></div>\n\n                <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n                    Sign out\n                </div>\n            </mat-menu>\n        </div>\n    </div>\n</div>\n", styles: [".main_sidebar{box-shadow:0 1px 3px 1px #3046661a;border-right:1.5px solid #d7d9de;height:100vh;width:190px;position:relative}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{flex-direction:column;padding:0 0 4px;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .name,.main_sidebar.collapsed .main_sidebar--content--link:hover .name{font-weight:600}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 21px 16px}.main_sidebar--header .logo{width:36px}.main_sidebar--content{height:calc(100% - 210px);overflow-y:auto}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;height:40px;position:relative;background-color:#fff}.main_sidebar--footer--toggle:hover img{filter:invert(27%) sepia(98%) saturate(1690%) hue-rotate(131deg) brightness(89%) contrast(107%)}.main_sidebar--footer--toggle img{position:absolute;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%)}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information .name{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{width:40px;height:40px;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{width:24px;height:24px;margin-right:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{width:24px;height:24px;margin-right:12px}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2.HttpClient }], propDecorators: { canDeactivate: [{
                 type: HostListener,
                 args: ['window:beforeunload']