i-tech-shared-components 1.4.13 → 1.4.15

package/assets/links/TMT/audit-trail.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 7.53497H2V9.53497H11V7.53497ZM11 15.535H2V17.535H11V15.535ZM16.34 11.535L12.8 7.99497L14.21 6.58497L16.33 8.70497L20.57 4.46497L22 5.87497L16.34 11.535ZM16.34 19.535L12.8 15.995L14.21 14.585L16.33 16.705L20.57 12.465L22 13.875L16.34 19.535Z" fill="#424954"/>
+</svg>

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

@@ -1629,6 +1629,9 @@ class DateTimePickerComponent {
             clearTimeout(this.focusTimeoutId);
         }
     }
+    openFromOutSide() {
+        this.DatePickerElement.open();
+    }
     setValue() {
         if (!this.ngControl?.control) {
             return;
@@ -1716,14 +1719,17 @@ class DateTimePickerComponent {
         }, 50);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: InputService }, { token: ParseDateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DateTimePickerComponent, isStandalone: true, selector: "i-tech-date-time-picker", inputs: { label: "label", submit: "submit", required: "required", disabled: "disabled" }, outputs: { dateChangeEvent: "dateChangeEvent" }, providers: [ParseDateService], viewQueries: [{ propertyName: "timeInput", first: true, predicate: ["dateElement"], descendants: true }], ngImport: i0, template: "<div class=\"date_time_picker_container relative\"\n     *ngIf=\"ngControl?.control\"\n     [class.invalid_form]=\"ngControl.control.errors && submit\"\n     [class.readonly_field]=\"disabled\"\n>\n    <mat-label [ngClass]=\"{\n         'readonly-color': disabled\n     }\"\n    >{{label | translate}}</mat-label>\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color': disabled}\"> *</span>\n\n    <div class=\"date_time_picker\"\n         [formGroup]=\"form\"\n         [ngClass]=\"{'focused': isFocused, 'disabled': disabled}\"\n    >\n        <input type=\"text\" dateMask class=\"date\"\n               placeholder=\"mm/dd/yy\"\n               formControlName=\"date\"\n               [matDatepicker]=\"DatePicker\"\n               [disabled]=\"disabled\"\n               (click)=\"!disabled && DatePicker.open()\"\n               (focus)=\"onFocus($event)\"\n               (focusout)=\"onBlur($event)\"\n        >\n        <mat-datepicker #DatePicker\n                        (closed)=\"onDatePickerClosed()\">\n        </mat-datepicker>\n        <input type=\"time\"\n               #dateElement\n               class=\"time\"\n               formControlName=\"time\"\n               [disabled]=\"disabled\"\n               (focus)=\"onFocus($event)\"\n               (focusout)=\"onBlur($event)\"\n               (change)=\"setDateTimeValue()\"\n        />\n    </div>\n    <!-- Error Messages -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\n        {{ngControl.control | generateErrorMessages : (label || '')}}\n    </mat-error>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateMaskDirective, selector: "[dateMask]", inputs: ["maskType", "matDatepicker", "rangeFormControl"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DateTimePickerComponent, isStandalone: true, selector: "i-tech-date-time-picker", inputs: { label: "label", submit: "submit", required: "required", disabled: "disabled" }, outputs: { dateChangeEvent: "dateChangeEvent" }, providers: [ParseDateService], viewQueries: [{ propertyName: "DatePickerElement", first: true, predicate: ["DatePicker"], descendants: true }, { propertyName: "timeInput", first: true, predicate: ["dateElement"], descendants: true }], ngImport: i0, template: "<div class=\"date_time_picker_container relative\"\n     *ngIf=\"ngControl?.control\"\n     [class.invalid_form]=\"ngControl.control.errors && submit\"\n     [class.readonly_field]=\"disabled\"\n>\n    <mat-label [ngClass]=\"{\n         'readonly-color': disabled\n     }\"\n    >{{label | translate}}</mat-label>\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color': disabled}\"> *</span>\n\n    <div class=\"date_time_picker\"\n         [formGroup]=\"form\"\n         [ngClass]=\"{'focused': isFocused, 'disabled': disabled}\"\n    >\n        <input type=\"text\" dateMask class=\"date\"\n               placeholder=\"mm/dd/yy\"\n               formControlName=\"date\"\n               [matDatepicker]=\"DatePicker\"\n               [disabled]=\"disabled\"\n               (click)=\"!disabled && DatePicker.open()\"\n               (focus)=\"onFocus($event)\"\n               (focusout)=\"onBlur($event)\"\n        >\n        <mat-datepicker #DatePicker\n                        (closed)=\"onDatePickerClosed()\">\n        </mat-datepicker>\n        <input type=\"time\"\n               #dateElement\n               class=\"time\"\n               formControlName=\"time\"\n               [disabled]=\"disabled\"\n               (focus)=\"onFocus($event)\"\n               (focusout)=\"onBlur($event)\"\n               (change)=\"setDateTimeValue()\"\n        />\n    </div>\n    <!-- Error Messages -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\n        {{ngControl.control | generateErrorMessages : (label || '')}}\n    </mat-error>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateMaskDirective, selector: "[dateMask]", inputs: ["maskType", "matDatepicker", "rangeFormControl"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DateTimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-date-time-picker', imports: [MatDatepickerModule, NgxMaskDirective, DateMaskDirective, TranslateModule,
                         FormsModule, NgClass, ReactiveFormsModule, MatLabel, GenerateErrorMessagesPipe, NgIf, MatError
                     ], standalone: true, providers: [ParseDateService], template: "<div class=\"date_time_picker_container relative\"\n     *ngIf=\"ngControl?.control\"\n     [class.invalid_form]=\"ngControl.control.errors && submit\"\n     [class.readonly_field]=\"disabled\"\n>\n    <mat-label [ngClass]=\"{\n         'readonly-color': disabled\n     }\"\n    >{{label | translate}}</mat-label>\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color': disabled}\"> *</span>\n\n    <div class=\"date_time_picker\"\n         [formGroup]=\"form\"\n         [ngClass]=\"{'focused': isFocused, 'disabled': disabled}\"\n    >\n        <input type=\"text\" dateMask class=\"date\"\n               placeholder=\"mm/dd/yy\"\n               formControlName=\"date\"\n               [matDatepicker]=\"DatePicker\"\n               [disabled]=\"disabled\"\n               (click)=\"!disabled && DatePicker.open()\"\n               (focus)=\"onFocus($event)\"\n               (focusout)=\"onBlur($event)\"\n        >\n        <mat-datepicker #DatePicker\n                        (closed)=\"onDatePickerClosed()\">\n        </mat-datepicker>\n        <input type=\"time\"\n               #dateElement\n               class=\"time\"\n               formControlName=\"time\"\n               [disabled]=\"disabled\"\n               (focus)=\"onFocus($event)\"\n               (focusout)=\"onBlur($event)\"\n               (change)=\"setDateTimeValue()\"\n        />\n    </div>\n    <!-- Error Messages -->\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\n        {{ngControl.control | generateErrorMessages : (label || '')}}\n    </mat-error>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: InputService }, { type: ParseDateService }], propDecorators: { dateChangeEvent: [{
+        }], ctorParameters: () => [{ type: InputService }, { type: ParseDateService }], propDecorators: { DatePickerElement: [{
+                type: ViewChild,
+                args: ['DatePicker']
+            }], dateChangeEvent: [{
                 type: Output
             }], label: [{
                 type: Input
@@ -1767,6 +1773,7 @@ class NewSidebarComponent {
         this.http = http;
         this.collapseEvent = new EventEmitter();
         this.linkClickEvent = new EventEmitter();
+        this.popupClickEvents = new EventEmitter();
         this.signOutEvent = new EventEmitter();
         this.newAuthenticatedResponseEvent = new EventEmitter();
         this.isCollapsed = false;
@@ -1911,6 +1918,9 @@ class NewSidebarComponent {
     signOut() {
         this.signOutEvent.emit();
     }
+    emitPopupClicks(type) {
+        this.popupClickEvents.emit(type);
+    }
     openZendeskPage(support = false) {
         this.http.get(this.env.dataEndpoint + (this.platform !== CompaniesEnum.ORGANIZATION ? '/id' : '') + `/auth/zendesk`)
             .subscribe((res) => {
@@ -1920,13 +1930,13 @@ class NewSidebarComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NewSidebarComponent, deps: [{ token: i1$3.Router }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: NewSidebarComponent, isStandalone: true, selector: "i-tech-sidebar", inputs: { platform: "platform", navigationLinks: "navigationLinks", env: "env", userData: "userData" }, outputs: { collapseEvent: "collapseEvent", linkClickEvent: "linkClickEvent", 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    <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n      <img class=\"logo pointer\" alt=\"\"\n           *ngIf=\"isCollapsed\"\n           [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n      >\n\n      <img class=\"logo pointer\" alt=\"\"\n           *ngIf=\"!isCollapsed\"\n           [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n      >\n    </a>\n    <i-tech-icon-button\n      *ngIf=\"!isCollapsed\"\n      [tooltip]=\"'SLP Tools'\"\n      [iconName]=\"'apps'\"\n      [matMenuTriggerFor]=\"matMenu\"\n    ></i-tech-icon-button>\n\n    <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n      <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n        <div class=\"menu_title\">\n          Active Apps\n        </div>\n        <ng-container  *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n          <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n            <div mat-menu-item class=\"standard_menu_item\">\n              <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + 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          </a>\n        </ng-container>\n      </ng-container>\n\n      <div class=\"divider\"\n           *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n      ></div>\n\n      <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\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/small/' + app.id + '.svg'\">\n          <span>{{app.name}}</span>\n        </div>\n      </ng-container>\n\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        Settings\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      <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n        <div class=\"main_sidebar--content--link pointer\"\n             matRipple\n             [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n             (click)=\"handleLinkClick(link)\"\n             [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\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\n          <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n          <i-tech-icon-button class=\"link_badge info\"\n                              *ngIf=\"link.infoWithTooltipText\"\n                              [tooltip]=\"link.infoWithTooltipText || ''\"\n                              [size]=\"'small'\"\n                              [iconName]=\"'info'\"\n          >\n          </i-tech-icon-button>\n        </div>\n      </a>\n    </ng-container>\n\n  </div>\n\n  <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n    <div class=\"main_sidebar--footer--toggle\"\n    >\n      <i-tech-icon-button\n        [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n        [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n        (click)=\"changeCollapse()\"\n      ></i-tech-icon-button>\n\n    </div>\n    <div class=\"main_sidebar--footer--profile\">\n      <i-tech-company-image\n        [matMenuTriggerFor]=\"matMenu\"\n        [collapsed]=\"isCollapsed\"\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        <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n          <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n          >\n            Account Information\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['accountInformation']\">\n          <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n          >\n            Account Information\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n          <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n               class=\"standard_menu_item\"\n          >\n            Add new organization\n          </div>\n        </a>\n\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          Help Center\n        </div>\n\n        <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n          <div mat-menu-item class=\"standard_menu_item\" >\n            Terms And Conditions\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n          <div mat-menu-item class=\"standard_menu_item\" >\n            Privacy Policy\n          </div>\n        </a>\n\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\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.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{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.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 .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.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 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.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:500;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 .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.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%;position:relative;background-color:#fff;display:flex;justify-content:center}.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 a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::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{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;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 a{text-decoration:none!important}::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{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\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: ["collapsed", "userData", "currentCompany", "platform"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i5$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: NewSidebarComponent, isStandalone: true, selector: "i-tech-sidebar", inputs: { platform: "platform", navigationLinks: "navigationLinks", env: "env", userData: "userData" }, outputs: { collapseEvent: "collapseEvent", linkClickEvent: "linkClickEvent", popupClickEvents: "popupClickEvents", 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    <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n      <img class=\"logo pointer\" alt=\"\"\n           *ngIf=\"isCollapsed\"\n           [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n      >\n\n      <img class=\"logo pointer\" alt=\"\"\n           *ngIf=\"!isCollapsed\"\n           [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n      >\n    </a>\n    <i-tech-icon-button\n      *ngIf=\"!isCollapsed\"\n      [tooltip]=\"'SLP Tools'\"\n      [iconName]=\"'apps'\"\n      [matMenuTriggerFor]=\"matMenu\"\n    ></i-tech-icon-button>\n\n    <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n      <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n        <div class=\"menu_title\">\n          Active Apps\n        </div>\n        <ng-container  *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n          <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n            <div mat-menu-item class=\"standard_menu_item\">\n              <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + 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          </a>\n        </ng-container>\n      </ng-container>\n\n      <div class=\"divider\"\n           *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n      ></div>\n\n      <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\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/small/' + app.id + '.svg'\">\n          <span>{{app.name}}</span>\n        </div>\n      </ng-container>\n\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        Settings\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      <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n        <div class=\"main_sidebar--content--link pointer\"\n             matRipple\n             [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n             (click)=\"handleLinkClick(link)\"\n             [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\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\n          <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n          <i-tech-icon-button class=\"link_badge info\"\n                              *ngIf=\"link.infoWithTooltipText\"\n                              [tooltip]=\"link.infoWithTooltipText || ''\"\n                              [size]=\"'small'\"\n                              [iconName]=\"'info'\"\n          >\n          </i-tech-icon-button>\n        </div>\n      </a>\n    </ng-container>\n\n  </div>\n\n  <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n    <div class=\"main_sidebar--footer--toggle\"\n    >\n      <i-tech-icon-button\n        [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n        [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n        (click)=\"changeCollapse()\"\n      ></i-tech-icon-button>\n\n    </div>\n    <div class=\"main_sidebar--footer--profile\">\n      <i-tech-company-image\n        [matMenuTriggerFor]=\"matMenu\"\n        [collapsed]=\"isCollapsed\"\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        <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n          <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n          >\n            Account Information\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['accountInformation']\">\n          <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n          >\n            Account Information\n          </div>\n        </a>\n\n\n        <div mat-menu-item *ngIf=\"platform === CompaniesEnum.TMT\"\n             class=\"standard_menu_item\"\n             (click)=\"emitPopupClicks('NOTIFICATION')\"\n        >\n          Notifications\n        </div>\n\n        <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n          <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n               class=\"standard_menu_item\"\n          >\n            Add new organization\n          </div>\n        </a>\n\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          Help Center\n        </div>\n\n        <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n          <div mat-menu-item class=\"standard_menu_item\" >\n            Terms And Conditions\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n          <div mat-menu-item class=\"standard_menu_item\" >\n            Privacy Policy\n          </div>\n        </a>\n\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\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.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{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.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 .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.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 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.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:500;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 .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.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%;position:relative;background-color:#fff;display:flex;justify-content:center}.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 a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::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{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;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 a{text-decoration:none!important}::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{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\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: ["collapsed", "userData", "currentCompany", "platform"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i5$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NewSidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'i-tech-sidebar', imports: [NgIf, NgFor, TranslateModule, MatMenu, MatMenuModule, CompanyImageComponent, UpperCasePipe, SlicePipe,
                         MatRippleModule, MatTooltipModule, IconButtonComponent, RouterLink, LowerCasePipe
-                    ], standalone: true, template: "<div class=\"main_sidebar\"\n     *ngIf=\"navigationLinks && userData\"\n     [class.collapsed]=\"isCollapsed\"\n>\n  <div class=\"main_sidebar--header\">\n    <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n      <img class=\"logo pointer\" alt=\"\"\n           *ngIf=\"isCollapsed\"\n           [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n      >\n\n      <img class=\"logo pointer\" alt=\"\"\n           *ngIf=\"!isCollapsed\"\n           [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n      >\n    </a>\n    <i-tech-icon-button\n      *ngIf=\"!isCollapsed\"\n      [tooltip]=\"'SLP Tools'\"\n      [iconName]=\"'apps'\"\n      [matMenuTriggerFor]=\"matMenu\"\n    ></i-tech-icon-button>\n\n    <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n      <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n        <div class=\"menu_title\">\n          Active Apps\n        </div>\n        <ng-container  *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n          <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n            <div mat-menu-item class=\"standard_menu_item\">\n              <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + 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          </a>\n        </ng-container>\n      </ng-container>\n\n      <div class=\"divider\"\n           *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n      ></div>\n\n      <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\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/small/' + app.id + '.svg'\">\n          <span>{{app.name}}</span>\n        </div>\n      </ng-container>\n\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        Settings\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      <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n        <div class=\"main_sidebar--content--link pointer\"\n             matRipple\n             [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n             (click)=\"handleLinkClick(link)\"\n             [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\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\n          <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n          <i-tech-icon-button class=\"link_badge info\"\n                              *ngIf=\"link.infoWithTooltipText\"\n                              [tooltip]=\"link.infoWithTooltipText || ''\"\n                              [size]=\"'small'\"\n                              [iconName]=\"'info'\"\n          >\n          </i-tech-icon-button>\n        </div>\n      </a>\n    </ng-container>\n\n  </div>\n\n  <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n    <div class=\"main_sidebar--footer--toggle\"\n    >\n      <i-tech-icon-button\n        [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n        [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n        (click)=\"changeCollapse()\"\n      ></i-tech-icon-button>\n\n    </div>\n    <div class=\"main_sidebar--footer--profile\">\n      <i-tech-company-image\n        [matMenuTriggerFor]=\"matMenu\"\n        [collapsed]=\"isCollapsed\"\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        <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n          <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n          >\n            Account Information\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['accountInformation']\">\n          <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n          >\n            Account Information\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n          <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n               class=\"standard_menu_item\"\n          >\n            Add new organization\n          </div>\n        </a>\n\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          Help Center\n        </div>\n\n        <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n          <div mat-menu-item class=\"standard_menu_item\" >\n            Terms And Conditions\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n          <div mat-menu-item class=\"standard_menu_item\" >\n            Privacy Policy\n          </div>\n        </a>\n\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\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.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{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.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 .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.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 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.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:500;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 .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.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%;position:relative;background-color:#fff;display:flex;justify-content:center}.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 a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::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{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;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 a{text-decoration:none!important}::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{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"] }]
+                    ], standalone: true, template: "<div class=\"main_sidebar\"\n     *ngIf=\"navigationLinks && userData\"\n     [class.collapsed]=\"isCollapsed\"\n>\n  <div class=\"main_sidebar--header\">\n    <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n      <img class=\"logo pointer\" alt=\"\"\n           *ngIf=\"isCollapsed\"\n           [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n      >\n\n      <img class=\"logo pointer\" alt=\"\"\n           *ngIf=\"!isCollapsed\"\n           [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n      >\n    </a>\n    <i-tech-icon-button\n      *ngIf=\"!isCollapsed\"\n      [tooltip]=\"'SLP Tools'\"\n      [iconName]=\"'apps'\"\n      [matMenuTriggerFor]=\"matMenu\"\n    ></i-tech-icon-button>\n\n    <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n      <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n        <div class=\"menu_title\">\n          Active Apps\n        </div>\n        <ng-container  *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n          <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n            <div mat-menu-item class=\"standard_menu_item\">\n              <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + 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          </a>\n        </ng-container>\n      </ng-container>\n\n      <div class=\"divider\"\n           *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n      ></div>\n\n      <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\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/small/' + app.id + '.svg'\">\n          <span>{{app.name}}</span>\n        </div>\n      </ng-container>\n\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        Settings\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      <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n        <div class=\"main_sidebar--content--link pointer\"\n             matRipple\n             [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n             (click)=\"handleLinkClick(link)\"\n             [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\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\n          <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n          <i-tech-icon-button class=\"link_badge info\"\n                              *ngIf=\"link.infoWithTooltipText\"\n                              [tooltip]=\"link.infoWithTooltipText || ''\"\n                              [size]=\"'small'\"\n                              [iconName]=\"'info'\"\n          >\n          </i-tech-icon-button>\n        </div>\n      </a>\n    </ng-container>\n\n  </div>\n\n  <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n    <div class=\"main_sidebar--footer--toggle\"\n    >\n      <i-tech-icon-button\n        [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n        [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n        (click)=\"changeCollapse()\"\n      ></i-tech-icon-button>\n\n    </div>\n    <div class=\"main_sidebar--footer--profile\">\n      <i-tech-company-image\n        [matMenuTriggerFor]=\"matMenu\"\n        [collapsed]=\"isCollapsed\"\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        <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n          <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n          >\n            Account Information\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['accountInformation']\">\n          <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n          >\n            Account Information\n          </div>\n        </a>\n\n\n        <div mat-menu-item *ngIf=\"platform === CompaniesEnum.TMT\"\n             class=\"standard_menu_item\"\n             (click)=\"emitPopupClicks('NOTIFICATION')\"\n        >\n          Notifications\n        </div>\n\n        <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n          <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n               class=\"standard_menu_item\"\n          >\n            Add new organization\n          </div>\n        </a>\n\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          Help Center\n        </div>\n\n        <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n          <div mat-menu-item class=\"standard_menu_item\" >\n            Terms And Conditions\n          </div>\n        </a>\n\n        <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n          <div mat-menu-item class=\"standard_menu_item\" >\n            Privacy Policy\n          </div>\n        </a>\n\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\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.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{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.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 .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.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 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.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:500;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 .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.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%;position:relative;background-color:#fff;display:flex;justify-content:center}.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 a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::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{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;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 a{text-decoration:none!important}::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{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.Router }, { type: i2.HttpClient }], propDecorators: { canDeactivate: [{
                 type: HostListener,
                 args: ['window:beforeunload']
@@ -1934,6 +1944,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Output
             }], linkClickEvent: [{
                 type: Output
+            }], popupClickEvents: [{
+                type: Output
             }], signOutEvent: [{
                 type: Output
             }], newAuthenticatedResponseEvent: [{