af-connect-components 18.0.24 → 18.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/esm2022/lib/af-connect-header/af-connect-header.component.mjs +13 -3
  2. package/esm2022/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +32 -5
  3. package/fesm2022/af-connect-components.mjs +43 -6
  4. package/fesm2022/af-connect-components.mjs.map +1 -1
  5. package/lib/af-connect-header/af-connect-header.component.d.ts +6 -2
  6. package/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.d.ts +11 -1
  7. package/package.json +1 -1
package/fesm2022/af-connect-components.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, Component, ChangeDetectionStrategy, Host, Optional, Input, EventEmitter, forwardRef, Output, ContentChildren, ViewChild, HostListener, Pipe, Directive, ContentChild, ElementRef, ViewChildren, NgModule } from '@angular/core';
2
+ import { Injectable, Component, ChangeDetectionStrategy, Host, Optional, Input, EventEmitter, forwardRef, Output, ContentChildren, ViewChild, HostBinding, HostListener, Pipe, Directive, ContentChild, ElementRef, ViewChildren, NgModule } from '@angular/core';
3
3
  import { map, BehaviorSubject, take, filter, fromEvent, Subscription, interval, debounceTime } from 'rxjs';
4
4
  import * as i1 from '@angular/cdk/layout';
5
5
  import * as i1$1 from '@angular/common';
@@ -893,7 +893,13 @@ var UserType;
893
893
  UserType["Institutional"] = "Institutional";
894
894
  UserType["Hybrid"] = "Hybrid";
895
895
  })(UserType || (UserType = {}));
896
+ var DashboardType;
897
+ (function (DashboardType) {
898
+ DashboardType["Investor"] = "investor";
899
+ DashboardType["Pensioner"] = "pensioner";
900
+ })(DashboardType || (DashboardType = {}));
896
901
  class AfConnectProfileDropdown {
902
+ get hasDashboardSwitchClass() { return this.hasDashboardSwitch; }
897
903
  constructor(elementRef, sanitizer, router, breakpointService) {
898
904
  this.elementRef = elementRef;
899
905
  this.sanitizer = sanitizer;
@@ -907,8 +913,10 @@ class AfConnectProfileDropdown {
907
913
  this.resetPassword = new EventEmitter();
908
914
  this.logout = new EventEmitter();
909
915
  this.switchUserType = new EventEmitter();
916
+ this.switchDashboardType = new EventEmitter();
910
917
  this.showMenu = false;
911
918
  this.USER_TYPE = UserType;
919
+ this.DASHBOARD_TYPE = DashboardType;
912
920
  }
913
921
  show(e) {
914
922
  this.showMenu = !this.showMenu;
@@ -917,7 +925,10 @@ class AfConnectProfileDropdown {
917
925
  const iconClick = this.elementRef.nativeElement.contains(event.target);
918
926
  const clickedOnUserTypeSwitch = event.target.closest('.user-type-switch') !== null;
919
927
  const clickedOnUserTypeSwitchOption = event.target.closest('.user-type-switch__option') !== null;
920
- this.showMenu = iconClick ? this.showMenu : (clickedOnUserTypeSwitch && !clickedOnUserTypeSwitchOption);
928
+ const clickedOnDashboardSwitch = event.target.closest('.dashboard-switch') !== null;
929
+ const clickedOnDashboardSwitchOption = event.target.closest('.dashboard-switch__option') !== null;
930
+ this.showMenu = iconClick ? this.showMenu : ((clickedOnUserTypeSwitch && !clickedOnUserTypeSwitchOption) ||
931
+ (clickedOnDashboardSwitch && !clickedOnDashboardSwitchOption));
921
932
  }
922
933
  select(value) {
923
934
  if (this.userType !== value) {
@@ -926,6 +937,13 @@ class AfConnectProfileDropdown {
926
937
  this.switchUserType.emit(value);
927
938
  }
928
939
  }
940
+ selectDashboard(value) {
941
+ if (this.dashboardType !== value) {
942
+ this.dashboardType = value;
943
+ this.showMenu = false;
944
+ this.switchDashboardType.emit(value);
945
+ }
946
+ }
929
947
  sanitizeSvg(svg) {
930
948
  return this.sanitizer.bypassSecurityTrustHtml(svg);
931
949
  }
@@ -937,11 +955,11 @@ class AfConnectProfileDropdown {
937
955
  this.router.navigate([url]);
938
956
  }
939
957
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }, { token: i1$2.DomSanitizer }, { token: i1$3.Router }, { token: BreakpointLibService }], target: i0.ɵɵFactoryTarget.Component }); }
940
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", navUrls: "navUrls", disableNavUrls: "disableNavUrls", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid", canEditProfile: "canEditProfile" }, outputs: { editProfile: "editProfile", callMeBack: "callMeBack", contactAdviser: "contactAdviser", resetPassword: "resetPassword", logout: "logout", switchUserType: "switchUserType" }, host: { listeners: { "click": "show($event)", "document:click": "click($event)" } }, ngImport: i0, template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : isHybrid ? 'yellow' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"!(breakpointService.isTablet$ | async) ? mobileIcon : desktopIcon\"></ng-container>\r\n</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n <div class=\"user-type-switch__btn-container\">\r\n <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Retail)\"\r\n >\r\n <div class=\"logo blue\">\r\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n <span>Individual/Retail</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Institutional)\"\r\n >\r\n <div class=\"logo orange\">\r\n <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n <span>Employee benefits</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"!(breakpointService.isTablet$ | async)\">\r\n <ng-container *ngFor=\"let url of navUrls\">\r\n <div class=\"navigation-item\" [class.disabled]=\"disableNavUrls\" (mousedown)=\"navigateTo(url.href!)\">\r\n <div *ngIf=\"!url.svg\" class=\"container\"></div>\r\n <ng-container *ngIf=\"url.svg\"><div class=\"container\" [innerHTML]=\"sanitizeSvg(url.svg)\"></div></ng-container>\r\n <span class=\"page-name bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div *ngIf=\"canEditProfile\" class=\"navigation-item\" [class.disabled]=\"disableNavUrls\" (click)=\"!disableNavUrls && editProfile.emit()\">\r\n <svg id=\"Icons_UI_Edit_Colour\" data-name=\"Icons / UI / Edit / Colour\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15.494\" height=\"15.5\" viewBox=\"0 0 15.494 15.5\">\r\n <g id=\"Group_3\" data-name=\"Group 3\" transform=\"translate(0)\"><path id=\"Fill_1\" data-name=\"Fill 1\" d=\"M.837,15.5H.644a.648.648,0,0,1-.57-.346A.642.642,0,0,1,.03,14.66l1.55-4.554a.663.663,0,0,1,.161-.259L10.785.8a2.779,2.779,0,0,1,3.909,0V.836a2.787,2.787,0,0,1,0,3.908L5.65,13.788l-.258.162L.837,15.5Zm11.7-14.056a1.477,1.477,0,0,0-.844.264L2.776,10.688l-1.1,3.165,3.165-1.1L13.79,3.808l-.032-.032a1.486,1.486,0,0,0-1.223-2.331Z\" fill=\"#ef4f1f\"/></g>\r\n <path id=\"Path_22\" data-name=\"Path 22\" d=\"M.857.878,3.294,3.315\" transform=\"translate(2.393 8.871)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\r\n </svg> \r\n <span>Edit profile</span>\r\n </div>\r\n <div class=\"navigation-item\" (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg>\r\n <span>Reset password</span>\r\n </div>\r\n <div class=\"navigation-item\" (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg>\r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #desktopIcon>\r\n <svg id=\"Group\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.837\" height=\"13.693\" viewBox=\"0 0 12.837 13.693\">\r\n <path id=\"Oval\" d=\"M2.785-1A3.785,3.785,0,1,1-1,2.785,3.79,3.79,0,0,1,2.785-1Zm0,6.583a2.8,2.8,0,1,0-2.8-2.8A2.8,2.8,0,0,0,2.785,5.583Z\" transform=\"translate(3.633 1)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle\" d=\"M7.393,4.135A.494.494,0,0,1,6.9,3.641,3.712,3.712,0,0,0,3.14-.013H-.506A.494.494,0,0,1-1-.506.494.494,0,0,1-.506-1H3.14A4.7,4.7,0,0,1,7.887,3.641.494.494,0,0,1,7.393,4.135Z\" transform=\"translate(4.95 9.558)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle-2\" data-name=\"Rectangle\" d=\"M-12.506,4.135A.494.494,0,0,1-13,3.641,4.7,4.7,0,0,1-8.253-1h3.646a.494.494,0,0,1,.494.494.494.494,0,0,1-.494.494H-8.253a3.712,3.712,0,0,0-3.76,3.654A.494.494,0,0,1-12.506,4.135Z\" transform=\"translate(13 9.558)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #mobileIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.327\" height=\"10.095\" viewBox=\"0 0 15.327 10.095\">\r\n <path id=\"menu_24dp_1F1F1F_FILL0_wght200_GRAD0_opsz24\" d=\"M160-680.675v-.958h15.327v.958Zm0-4.569v-.958h15.327v.958Zm0-4.569v-.958h15.327v.958Z\" transform=\"translate(-160 690.77)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #institutional>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"15.384\" height=\"12.488\" viewBox=\"0 0 15.384 12.488\">\r\n <defs>\r\n <clipPath id=\"clip-path\">\r\n <rect id=\"Rectangle_1424\" data-name=\"Rectangle 1424\" width=\"15.383\" height=\"12.489\" transform=\"translate(0 0)\" fill=\"none\" stroke=\"#707070\" stroke-width=\"1\"/>\r\n </clipPath>\r\n </defs>\r\n <g id=\"Group_10298\" data-name=\"Group 10298\" transform=\"translate(-0.952 -0.773)\">\r\n <g id=\"Group_10297\" data-name=\"Group 10297\" transform=\"translate(0.953 0.773)\" clip-path=\"url(#clip-path)\">\r\n <path id=\"Path_6080\" data-name=\"Path 6080\" d=\"M29.386,3.03a.346.346,0,0,1-.346-.346V1.32a.629.629,0,0,0-.628-.629H23.274a.629.629,0,0,0-.628.629V2.684a.346.346,0,1,1-.693,0V1.32A1.323,1.323,0,0,1,23.274,0h5.137A1.323,1.323,0,0,1,29.732,1.32V2.684A.346.346,0,0,1,29.386,3.03Z\" transform=\"translate(-18.151 0.001)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1423\" data-name=\"Rectangle 1423\" d=\"M-.933-2h13.25A1.068,1.068,0,0,1,13.384-.933V7.084a1.068,1.068,0,0,1-1.067,1.067H-.933A1.068,1.068,0,0,1-2,7.084V-.933A1.068,1.068,0,0,1-.933-2Zm13.25,9.458a.374.374,0,0,0,.374-.374V-.933a.374.374,0,0,0-.374-.374H-.933a.374.374,0,0,0-.374.374V7.084a.374.374,0,0,0,.374.374Z\" transform=\"translate(2 4.338)\" fill=\"#fff\"/>\r\n <path id=\"Line_324\" data-name=\"Line 324\" d=\"M12.712-1.307H-1.654A.346.346,0,0,1-2-1.654.346.346,0,0,1-1.654-2H12.712a.346.346,0,0,1,.346.346A.346.346,0,0,1,12.712-1.307Z\" transform=\"translate(2.037 8.087)\" fill=\"#fff\"/>\r\n <path id=\"Line_325\" data-name=\"Line 325\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(12.888 7.318)\" fill=\"#fff\"/>\r\n <path id=\"Line_326\" data-name=\"Line 326\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(5.802 7.318)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n", styles: [".logo-cicrcle,.dropdown-content .user-type-switch__option>.logo,.logo-content,:host{display:flex;place-items:center;place-content:center;border-radius:50%}:host{height:3rem;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));z-index:999;box-shadow:3px 3px 10px #00000014;border:3px solid #FFFFFF}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{width:3rem;height:3rem;color:#fff;font-family:Hero New ExtraBold;font-size:2rem;cursor:pointer}.logo-content>svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.logo-content{width:30px;height:30px;font-size:18px}.logo-content>svg{width:1rem;height:1rem}}.dropdown-content{position:absolute;width:auto;min-width:min(230px,82vw);height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content .page-name{padding-right:1.5rem}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content>div:not(.user-type-switch):nth-child(-n+1){display:none}.dropdown-content div:nth-child(2){display:flex}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725)}.dropdown-content div svg,.dropdown-content div.container{width:20px;height:20px;padding-left:1rem}.dropdown-content div.container{border:none}.dropdown-content>div:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#fafbfc;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.navigation-item{transition:color .2s ease-out;cursor:pointer}.navigation-item.disabled{pointer-events:none;color:#7f8991;cursor:default}.navigation-item.disabled>svg{filter:invert(54%) sepia(14%) saturate(254%) hue-rotate(165deg) brightness(97%) contrast(86%)}.blue{background:#2cc1da}.orange{background:#f69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}.bold{font-family:var(--standard-font-family-hero-new-semibold)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
958
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", navUrls: "navUrls", disableNavUrls: "disableNavUrls", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid", canEditProfile: "canEditProfile", hasDashboardSwitch: "hasDashboardSwitch", dashboardType: "dashboardType" }, outputs: { editProfile: "editProfile", callMeBack: "callMeBack", contactAdviser: "contactAdviser", resetPassword: "resetPassword", logout: "logout", switchUserType: "switchUserType", switchDashboardType: "switchDashboardType" }, host: { listeners: { "click": "show($event)", "document:click": "click($event)" }, properties: { "class.has-dashboard-switch": "this.hasDashboardSwitchClass" } }, ngImport: i0, template: "<ng-container *ngIf=\"hasDashboardSwitch; else roundIcon\">\r\n <div class=\"logo-content logo-content--switch\">\r\n <span class=\"logo-content--switch__label\">{{ dashboardType === DASHBOARD_TYPE.Pensioner ? 'Annuitant' : 'Investor' }}</span>\r\n <ng-container *ngTemplateOutlet=\"dashboardType === DASHBOARD_TYPE.Pensioner ? pensionerProfileIcon : investorProfileIcon\"></ng-container>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #roundIcon>\r\n <span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : isHybrid ? 'yellow' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"!(breakpointService.isTablet$ | async) ? mobileIcon : desktopIcon\"></ng-container>\r\n </span>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\" [class.has-dashboard-switch]=\"hasDashboardSwitch\">\r\n <div *ngIf=\"hasDashboardSwitch\" class=\"dashboard-switch\">\r\n <lib-af-connect-radio-group variant=\"checkbox\" direction=\"column\" (valueChange)=\"selectDashboard($event)\">\r\n <div\r\n class=\"dashboard-switch__option\"\r\n (click)=\"selectDashboard(DASHBOARD_TYPE.Investor)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"investorIcon\"></ng-container>\r\n\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"DASHBOARD_TYPE.Investor\" [checked]=\"dashboardType === DASHBOARD_TYPE.Investor\" itemOrder=\"right-to-left\">\r\n <span>Investor dashboard</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"dashboard-switch__option\"\r\n (click)=\"selectDashboard(DASHBOARD_TYPE.Pensioner)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"pensionerIcon\"></ng-container>\r\n\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"DASHBOARD_TYPE.Pensioner\" [checked]=\"dashboardType === DASHBOARD_TYPE.Pensioner\" itemOrder=\"right-to-left\">\r\n <span>Annuitant dashboard</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n <div class=\"user-type-switch__btn-container\">\r\n <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Retail)\"\r\n >\r\n <div class=\"logo blue\">\r\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n <span>Individual/Retail</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Institutional)\"\r\n >\r\n <div class=\"logo orange\">\r\n <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n <span>Employee benefits</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"!(breakpointService.isTablet$ | async)\">\r\n <ng-container *ngFor=\"let url of navUrls\">\r\n <div class=\"navigation-item\" [class.disabled]=\"disableNavUrls\" (mousedown)=\"navigateTo(url.href!)\">\r\n <div *ngIf=\"!url.svg\" class=\"container\"></div>\r\n <ng-container *ngIf=\"url.svg\"><div class=\"container\" [innerHTML]=\"sanitizeSvg(url.svg)\"></div></ng-container>\r\n <span class=\"page-name bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div *ngIf=\"canEditProfile\" class=\"navigation-item\" [class.disabled]=\"disableNavUrls\" (click)=\"!disableNavUrls && editProfile.emit()\">\r\n <svg id=\"Icons_UI_Edit_Colour\" data-name=\"Icons / UI / Edit / Colour\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15.494\" height=\"15.5\" viewBox=\"0 0 15.494 15.5\">\r\n <g id=\"Group_3\" data-name=\"Group 3\" transform=\"translate(0)\"><path id=\"Fill_1\" data-name=\"Fill 1\" d=\"M.837,15.5H.644a.648.648,0,0,1-.57-.346A.642.642,0,0,1,.03,14.66l1.55-4.554a.663.663,0,0,1,.161-.259L10.785.8a2.779,2.779,0,0,1,3.909,0V.836a2.787,2.787,0,0,1,0,3.908L5.65,13.788l-.258.162L.837,15.5Zm11.7-14.056a1.477,1.477,0,0,0-.844.264L2.776,10.688l-1.1,3.165,3.165-1.1L13.79,3.808l-.032-.032a1.486,1.486,0,0,0-1.223-2.331Z\" fill=\"#ef4f1f\"/></g>\r\n <path id=\"Path_22\" data-name=\"Path 22\" d=\"M.857.878,3.294,3.315\" transform=\"translate(2.393 8.871)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\r\n </svg> \r\n <span>Edit profile</span>\r\n </div>\r\n <div class=\"navigation-item\" (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg>\r\n <span>Reset password</span>\r\n </div>\r\n <div class=\"navigation-item\" (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg>\r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #desktopIcon>\r\n <svg id=\"Group\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.837\" height=\"13.693\" viewBox=\"0 0 12.837 13.693\">\r\n <path id=\"Oval\" d=\"M2.785-1A3.785,3.785,0,1,1-1,2.785,3.79,3.79,0,0,1,2.785-1Zm0,6.583a2.8,2.8,0,1,0-2.8-2.8A2.8,2.8,0,0,0,2.785,5.583Z\" transform=\"translate(3.633 1)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle\" d=\"M7.393,4.135A.494.494,0,0,1,6.9,3.641,3.712,3.712,0,0,0,3.14-.013H-.506A.494.494,0,0,1-1-.506.494.494,0,0,1-.506-1H3.14A4.7,4.7,0,0,1,7.887,3.641.494.494,0,0,1,7.393,4.135Z\" transform=\"translate(4.95 9.558)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle-2\" data-name=\"Rectangle\" d=\"M-12.506,4.135A.494.494,0,0,1-13,3.641,4.7,4.7,0,0,1-8.253-1h3.646a.494.494,0,0,1,.494.494.494.494,0,0,1-.494.494H-8.253a3.712,3.712,0,0,0-3.76,3.654A.494.494,0,0,1-12.506,4.135Z\" transform=\"translate(13 9.558)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #mobileIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.327\" height=\"10.095\" viewBox=\"0 0 15.327 10.095\">\r\n <path id=\"menu_24dp_1F1F1F_FILL0_wght200_GRAD0_opsz24\" d=\"M160-680.675v-.958h15.327v.958Zm0-4.569v-.958h15.327v.958Zm0-4.569v-.958h15.327v.958Z\" transform=\"translate(-160 690.77)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #institutional>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"15.384\" height=\"12.488\" viewBox=\"0 0 15.384 12.488\">\r\n <defs>\r\n <clipPath id=\"clip-path\">\r\n <rect id=\"Rectangle_1424\" data-name=\"Rectangle 1424\" width=\"15.383\" height=\"12.489\" transform=\"translate(0 0)\" fill=\"none\" stroke=\"#707070\" stroke-width=\"1\"/>\r\n </clipPath>\r\n </defs>\r\n <g id=\"Group_10298\" data-name=\"Group 10298\" transform=\"translate(-0.952 -0.773)\">\r\n <g id=\"Group_10297\" data-name=\"Group 10297\" transform=\"translate(0.953 0.773)\" clip-path=\"url(#clip-path)\">\r\n <path id=\"Path_6080\" data-name=\"Path 6080\" d=\"M29.386,3.03a.346.346,0,0,1-.346-.346V1.32a.629.629,0,0,0-.628-.629H23.274a.629.629,0,0,0-.628.629V2.684a.346.346,0,1,1-.693,0V1.32A1.323,1.323,0,0,1,23.274,0h5.137A1.323,1.323,0,0,1,29.732,1.32V2.684A.346.346,0,0,1,29.386,3.03Z\" transform=\"translate(-18.151 0.001)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1423\" data-name=\"Rectangle 1423\" d=\"M-.933-2h13.25A1.068,1.068,0,0,1,13.384-.933V7.084a1.068,1.068,0,0,1-1.067,1.067H-.933A1.068,1.068,0,0,1-2,7.084V-.933A1.068,1.068,0,0,1-.933-2Zm13.25,9.458a.374.374,0,0,0,.374-.374V-.933a.374.374,0,0,0-.374-.374H-.933a.374.374,0,0,0-.374.374V7.084a.374.374,0,0,0,.374.374Z\" transform=\"translate(2 4.338)\" fill=\"#fff\"/>\r\n <path id=\"Line_324\" data-name=\"Line 324\" d=\"M12.712-1.307H-1.654A.346.346,0,0,1-2-1.654.346.346,0,0,1-1.654-2H12.712a.346.346,0,0,1,.346.346A.346.346,0,0,1,12.712-1.307Z\" transform=\"translate(2.037 8.087)\" fill=\"#fff\"/>\r\n <path id=\"Line_325\" data-name=\"Line 325\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(12.888 7.318)\" fill=\"#fff\"/>\r\n <path id=\"Line_326\" data-name=\"Line 326\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(5.802 7.318)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #investorProfileIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"profile-switch-icon\" viewBox=\"15 14 32 32\">\r\n <g id=\"Group_15418_p\" transform=\"translate(15 14)\">\r\n <g transform=\"matrix(1, 0, 0, 1, -15, -14)\">\r\n <g id=\"Path_21459_p\" transform=\"translate(15 14)\" fill=\"#f69521\">\r\n <path d=\"M 16 31 C 11.9933500289917 31 8.226519584655762 29.43972969055176 5.393400192260742 26.60659980773926 C 2.560270071029663 23.77347946166992 1 20.00665092468262 1 16 C 1 11.9933500289917 2.560270071029663 8.226519584655762 5.393400192260742 5.393400192260742 C 8.226519584655762 2.560270071029663 11.9933500289917 1 16 1 C 20.00665092468262 1 23.77347946166992 2.560270071029663 26.60659980773926 5.393400192260742 C 29.43972969055176 8.226519584655762 31 11.9933500289917 31 16 C 31 20.00665092468262 29.43972969055176 23.77347946166992 26.60659980773926 26.60659980773926 C 23.77347946166992 29.43972969055176 20.00665092468262 31 16 31 Z\" stroke=\"none\"/>\r\n <path d=\"M 16 2 C 12.26045989990234 2 8.744749069213867 3.456249237060547 6.100500106811523 6.100500106811523 C 3.456249237060547 8.744749069213867 2 12.26045989990234 2 16 C 2 19.73954010009766 3.456249237060547 23.2552490234375 6.100500106811523 25.89949989318848 C 8.744749069213867 28.54375076293945 12.26045989990234 30 16 30 C 19.73954010009766 30 23.2552490234375 28.54375076293945 25.89949989318848 25.89949989318848 C 28.54375076293945 23.2552490234375 30 19.73954010009766 30 16 C 30 12.26045989990234 28.54375076293945 8.744749069213867 25.89949989318848 6.100500106811523 C 23.2552490234375 3.456249237060547 19.73954010009766 2 16 2 M 16 0 C 24.8365592956543 0 32 7.163440704345703 32 16 C 32 24.8365592956543 24.8365592956543 32 16 32 C 7.163440704345703 32 0 24.8365592956543 0 16 C 0 7.163440704345703 7.163440704345703 0 16 0 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n <g transform=\"translate(-41.01 244.242)\">\r\n <g transform=\"translate(50 -236)\">\r\n <path d=\"M15.706,50.57h0a.572.572,0,0,1-.57.57H13.07a.572.572,0,0,1-.57-.57h0a.572.572,0,0,1,.57-.57h2.065A.572.572,0,0,1,15.706,50.57Z\" transform=\"translate(-10.076 -35.739)\" fill=\"#fff\"/>\r\n <path d=\"M40.086,50.57h0a.572.572,0,0,1-.57.57H37.45a.572.572,0,0,1-.57-.57h0a.572.572,0,0,1,.57-.57h2.065A.572.572,0,0,1,40.086,50.57Z\" transform=\"translate(-27.502 -35.739)\" fill=\"#fff\"/>\r\n <path d=\"M5.426.285A1.141,1.141,0,0,0,4.285,1.426V13.405a1.141,1.141,0,0,0,1.141,1.141H17.405a1.141,1.141,0,0,0,1.141-1.141V1.426A1.141,1.141,0,0,0,17.405.285H5.426m0-.285H17.405a1.427,1.427,0,0,1,1.426,1.426V13.405a1.427,1.427,0,0,1-1.426,1.426H5.426A1.427,1.427,0,0,1,4,13.405V1.426A1.427,1.427,0,0,1,5.426,0Z\" transform=\"translate(-4)\" fill=\"#fff\"/>\r\n <path d=\"M8.426,3.285A1.141,1.141,0,0,0,7.285,4.426V14.694a1.141,1.141,0,0,0,1.141,1.141H18.694a1.141,1.141,0,0,0,1.141-1.141V4.426a1.141,1.141,0,0,0-1.141-1.141H8.426m0-.285H18.694A1.427,1.427,0,0,1,20.12,4.426V14.694a1.427,1.427,0,0,1-1.426,1.426H8.426A1.427,1.427,0,0,1,7,14.694V4.426A1.427,1.427,0,0,1,8.426,3Z\" transform=\"translate(-6.144 -2.144)\" fill=\"#fff\"/>\r\n <path d=\"M42.283,22A1.283,1.283,0,1,1,41,23.283,1.282,1.282,0,0,1,42.283,22Z\" transform=\"translate(-31.303 -15.868)\" fill=\"none\" stroke=\"#fff\" stroke-width=\"0.7\"/>\r\n <path d=\"M6.57,9h0a.572.572,0,0,1,.57.57v2.567a.572.572,0,0,1-.57.57h0a.572.572,0,0,1-.57-.57V9.57A.572.572,0,0,1,6.57,9Z\" transform=\"translate(-5.43 -6.433)\" fill=\"#fff\"/>\r\n <path d=\"M6.57,30h0a.572.572,0,0,1,.57.57v2.567a.572.572,0,0,1-.57.57h0a.572.572,0,0,1-.57-.57V30.57A.572.572,0,0,1,6.57,30Z\" transform=\"translate(-5.43 -21.444)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #pensionerProfileIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"profile-switch-icon\" viewBox=\"15 14 32 32\">\r\n <g id=\"Group_15420_p\" transform=\"translate(15 14)\">\r\n <g transform=\"matrix(1, 0, 0, 1, -15, -14)\">\r\n <g id=\"Path_21472_p\" transform=\"translate(15 14)\" fill=\"#15808d\">\r\n <path d=\"M 16 31 C 11.9933500289917 31 8.226519584655762 29.43972969055176 5.393400192260742 26.60659980773926 C 2.560270071029663 23.77347946166992 1 20.00665092468262 1 16 C 1 11.9933500289917 2.560270071029663 8.226519584655762 5.393400192260742 5.393400192260742 C 8.226519584655762 2.560270071029663 11.9933500289917 1 16 1 C 20.00665092468262 1 23.77347946166992 2.560270071029663 26.60659980773926 5.393400192260742 C 29.43972969055176 8.226519584655762 31 11.9933500289917 31 16 C 31 20.00665092468262 29.43972969055176 23.77347946166992 26.60659980773926 26.60659980773926 C 23.77347946166992 29.43972969055176 20.00665092468262 31 16 31 Z\" stroke=\"none\"/>\r\n <path d=\"M 16 2 C 12.26045989990234 2 8.744749069213867 3.456249237060547 6.100500106811523 6.100500106811523 C 3.456249237060547 8.744749069213867 2 12.26045989990234 2 16 C 2 19.73954010009766 3.456249237060547 23.2552490234375 6.100500106811523 25.89949989318848 C 8.744749069213867 28.54375076293945 12.26045989990234 30 16 30 C 19.73954010009766 30 23.2552490234375 28.54375076293945 25.89949989318848 25.89949989318848 C 28.54375076293945 23.2552490234375 30 19.73954010009766 30 16 C 30 12.26045989990234 28.54375076293945 8.744749069213867 25.89949989318848 6.100500106811523 C 23.2552490234375 3.456249237060547 19.73954010009766 2 16 2 M 16 0 C 24.8365592956543 0 32 7.163440704345703 32 16 C 32 24.8365592956543 24.8365592956543 32 16 32 C 7.163440704345703 32 0 24.8365592956543 0 16 C 0 7.163440704345703 7.163440704345703 0 16 0 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n <g id=\"Portfolio_Icon_p\" transform=\"translate(-0.014 7.951)\">\r\n <path d=\"M49.257,42.8H36.163a1.716,1.716,0,0,1-1.8-1.615V31.01a.242.242,0,0,1,.48,0,1.12,1.12,0,0,0,1.173,1.054H49.257a1.085,1.085,0,0,1,1.138,1.022v2.667a.229.229,0,0,1-.24.215H45.485a1.6,1.6,0,0,0-1.082.406,1.288,1.288,0,0,0-.438.977A1.473,1.473,0,0,0,45.511,38.7h4.641a.229.229,0,0,1,.24.216v2.859A1.086,1.086,0,0,1,49.257,42.8ZM34.845,32.055V41.18a1.256,1.256,0,0,0,1.317,1.183H49.257a.627.627,0,0,0,.658-.591V39.131h-4.4a1.933,1.933,0,0,1-2.026-1.773,1.695,1.695,0,0,1,.576-1.286,2.105,2.105,0,0,1,1.424-.534h4.429V33.086a.627.627,0,0,0-.658-.591H36.019A1.747,1.747,0,0,1,34.845,32.055Z\" transform=\"translate(-26.426 -27.829)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M69.395,49.118H64.718a1.933,1.933,0,0,1-2.026-1.773,1.694,1.694,0,0,1,.576-1.286,2.1,2.1,0,0,1,1.424-.535h4.7a1.086,1.086,0,0,1,1.138,1.022V48.1a1.086,1.086,0,0,1-1.138,1.021Zm-4.7-3.162a1.6,1.6,0,0,0-1.082.406,1.288,1.288,0,0,0-.438.977,1.473,1.473,0,0,0,1.546,1.347h4.678a.628.628,0,0,0,.658-.591v-1.55a.628.628,0,0,0-.658-.591h-4.7Z\" transform=\"translate(-45.631 -37.816)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M37.763,29.805H36.016a1.494,1.494,0,1,1,0-2.97h6.345a.237.237,0,0,1,.231.157.206.206,0,0,1-.105.242l-4.6,2.539A.258.258,0,0,1,37.763,29.805Zm-1.747-2.539a1.06,1.06,0,1,0,0,2.108h1.678l3.818-2.108Z\" transform=\"translate(-26.424 -25.139)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M56.553,29.82H45.8a.233.233,0,0,1-.238-.186.217.217,0,0,1,.172-.237l8.617-2.2,1.33-.34a.245.245,0,0,1,.3.149l.805,2.54a.2.2,0,0,1-.039.189.25.25,0,0,1-.193.086Zm-9.027-.431h8.71l-.651-2.057Z\" transform=\"translate(-34.018 -25.154)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M44.862,26.254h-.445a.238.238,0,0,1-.231-.157.206.206,0,0,1,.105-.242l4.6-2.539,3.071-1.7a.258.258,0,0,1,.33.071l1.393,2.035a.2.2,0,0,1,.019.191.232.232,0,0,1-.158.129l-8.617,2.2A.279.279,0,0,1,44.862,26.254ZM52.008,22.1l-6.364,3.513,7.465-1.906Z\" transform=\"translate(-33.079 -21.588)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M67.51,50.355a.67.67,0,1,1,.741-.666.708.708,0,0,1-.741.666Zm0-.9a.237.237,0,1,0,.262.235.25.25,0,0,0-.262-.236Z\" transform=\"translate(-48.491 -40.185)\" fill=\"#fff\"/>\r\n <path d=\"M40.583,59.719V56.632c0-.142.011-.285,0-.427V56.2c0-.118-.383-.118-.383,0v3.088c0,.142-.011.284,0,.427v.006C40.2,59.836,40.583,59.837,40.583,59.719Z\" transform=\"translate(-30.379 -44.995)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #investorIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"32\" height=\"32\" viewBox=\"15 14 32 32\">\r\n <defs>\r\n <filter id=\"Path_21459\" x=\"0\" y=\"0\" width=\"62\" height=\"62\" filterUnits=\"userSpaceOnUse\">\r\n <feOffset dy=\"1\" input=\"SourceAlpha\"/>\r\n <feGaussianBlur stdDeviation=\"5\" result=\"blur\"/>\r\n <feFlood flood-opacity=\"0.161\"/>\r\n <feComposite operator=\"in\" in2=\"blur\"/>\r\n <feComposite in=\"SourceGraphic\"/>\r\n </filter>\r\n </defs>\r\n <g id=\"Group_15418\" data-name=\"Group 15418\" transform=\"translate(15 14)\">\r\n <g transform=\"matrix(1, 0, 0, 1, -15, -14)\" filter=\"url(#Path_21459)\">\r\n <g id=\"Path_21459-2\" data-name=\"Path 21459\" transform=\"translate(15 14)\" fill=\"#f69521\">\r\n <path d=\"M 16 31 C 11.9933500289917 31 8.226519584655762 29.43972969055176 5.393400192260742 26.60659980773926 C 2.560270071029663 23.77347946166992 1 20.00665092468262 1 16 C 1 11.9933500289917 2.560270071029663 8.226519584655762 5.393400192260742 5.393400192260742 C 8.226519584655762 2.560270071029663 11.9933500289917 1 16 1 C 20.00665092468262 1 23.77347946166992 2.560270071029663 26.60659980773926 5.393400192260742 C 29.43972969055176 8.226519584655762 31 11.9933500289917 31 16 C 31 20.00665092468262 29.43972969055176 23.77347946166992 26.60659980773926 26.60659980773926 C 23.77347946166992 29.43972969055176 20.00665092468262 31 16 31 Z\" stroke=\"none\"/>\r\n <path d=\"M 16 2 C 12.26045989990234 2 8.744749069213867 3.456249237060547 6.100500106811523 6.100500106811523 C 3.456249237060547 8.744749069213867 2 12.26045989990234 2 16 C 2 19.73954010009766 3.456249237060547 23.2552490234375 6.100500106811523 25.89949989318848 C 8.744749069213867 28.54375076293945 12.26045989990234 30 16 30 C 19.73954010009766 30 23.2552490234375 28.54375076293945 25.89949989318848 25.89949989318848 C 28.54375076293945 23.2552490234375 30 19.73954010009766 30 16 C 30 12.26045989990234 28.54375076293945 8.744749069213867 25.89949989318848 6.100500106811523 C 23.2552490234375 3.456249237060547 19.73954010009766 2 16 2 M 16 0 C 24.8365592956543 0 32 7.163440704345703 32 16 C 32 24.8365592956543 24.8365592956543 32 16 32 C 7.163440704345703 32 0 24.8365592956543 0 16 C 0 7.163440704345703 7.163440704345703 0 16 0 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n <g id=\"Layer_1\" data-name=\"Layer 1\" transform=\"translate(-41.01 244.242)\">\r\n <g id=\"Group_10898\" data-name=\"Group 10898\" transform=\"translate(50 -236)\">\r\n <g id=\"Group_10893\" data-name=\"Group 10893\" transform=\"translate(0)\">\r\n <path id=\"Rectangle_1510\" data-name=\"Rectangle 1510\" d=\"M15.706,50.57h0a.572.572,0,0,1-.57.57H13.07a.572.572,0,0,1-.57-.57h0a.572.572,0,0,1,.57-.57h2.065A.572.572,0,0,1,15.706,50.57Z\" transform=\"translate(-10.076 -35.739)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1511\" data-name=\"Rectangle 1511\" d=\"M40.086,50.57h0a.572.572,0,0,1-.57.57H37.45a.572.572,0,0,1-.57-.57h0a.572.572,0,0,1,.57-.57h2.065A.572.572,0,0,1,40.086,50.57Z\" transform=\"translate(-27.502 -35.739)\" fill=\"#fff\"/>\r\n <g id=\"Path_6177\" data-name=\"Path 6177\">\r\n <path id=\"Path_6179\" data-name=\"Path 6179\" d=\"M5.426.285A1.141,1.141,0,0,0,4.285,1.426V13.405a1.141,1.141,0,0,0,1.141,1.141H17.405a1.141,1.141,0,0,0,1.141-1.141V1.426A1.141,1.141,0,0,0,17.405.285H5.426m0-.285H17.405a1.427,1.427,0,0,1,1.426,1.426V13.405a1.427,1.427,0,0,1-1.426,1.426H5.426A1.427,1.427,0,0,1,4,13.405V1.426A1.427,1.427,0,0,1,5.426,0Z\" transform=\"translate(-4)\" fill=\"#fff\"/>\r\n </g>\r\n <path id=\"Rectangle_1507_-_Outline\" data-name=\"Rectangle 1507 - Outline\" d=\"M5.426.285A1.141,1.141,0,0,0,4.285,1.426V13.405a1.141,1.141,0,0,0,1.141,1.141H17.405a1.141,1.141,0,0,0,1.141-1.141V1.426A1.141,1.141,0,0,0,17.405.285H5.426m0-.285H17.405a1.427,1.427,0,0,1,1.426,1.426V13.405a1.427,1.427,0,0,1-1.426,1.426H5.426A1.427,1.427,0,0,1,4,13.405V1.426A1.427,1.427,0,0,1,5.426,0Z\" transform=\"translate(-4)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1506\" data-name=\"Rectangle 1506\" d=\"M8.426,3.285A1.141,1.141,0,0,0,7.285,4.426V14.694a1.141,1.141,0,0,0,1.141,1.141H18.694a1.141,1.141,0,0,0,1.141-1.141V4.426a1.141,1.141,0,0,0-1.141-1.141H8.426m0-.285H18.694A1.427,1.427,0,0,1,20.12,4.426V14.694a1.427,1.427,0,0,1-1.426,1.426H8.426A1.427,1.427,0,0,1,7,14.694V4.426A1.427,1.427,0,0,1,8.426,3Z\" transform=\"translate(-6.144 -2.144)\" fill=\"#fff\"/>\r\n <path id=\"Path_6176\" data-name=\"Path 6176\" d=\"M42.283,22A1.283,1.283,0,1,1,41,23.283,1.282,1.282,0,0,1,42.283,22Z\" transform=\"translate(-31.303 -15.868)\" fill=\"none\" stroke=\"#fff\" stroke-width=\"0.7\"/>\r\n <path id=\"Rectangle_1508\" data-name=\"Rectangle 1508\" d=\"M6.57,9h0a.572.572,0,0,1,.57.57v2.567a.572.572,0,0,1-.57.57h0a.572.572,0,0,1-.57-.57V9.57A.572.572,0,0,1,6.57,9Z\" transform=\"translate(-5.43 -6.433)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1509\" data-name=\"Rectangle 1509\" d=\"M6.57,30h0a.572.572,0,0,1,.57.57v2.567a.572.572,0,0,1-.57.57h0a.572.572,0,0,1-.57-.57V30.57A.572.572,0,0,1,6.57,30Z\" transform=\"translate(-5.43 -21.444)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #pensionerIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"32\" height=\"32\" viewBox=\"15 14 32 32\">\r\n <defs>\r\n <filter id=\"Path_21472\" x=\"0\" y=\"0\" width=\"62\" height=\"62\" filterUnits=\"userSpaceOnUse\">\r\n <feOffset dy=\"1\" input=\"SourceAlpha\"/>\r\n <feGaussianBlur stdDeviation=\"5\" result=\"blur\"/>\r\n <feFlood flood-opacity=\"0.161\"/>\r\n <feComposite operator=\"in\" in2=\"blur\"/>\r\n <feComposite in=\"SourceGraphic\"/>\r\n </filter>\r\n </defs>\r\n <g id=\"Group_15420\" data-name=\"Group 15420\" transform=\"translate(15 14)\">\r\n <g transform=\"matrix(1, 0, 0, 1, -15, -14)\" filter=\"url(#Path_21472)\">\r\n <g id=\"Path_21472-2\" data-name=\"Path 21472\" transform=\"translate(15 14)\" fill=\"#15808d\">\r\n <path d=\"M 16 31 C 11.9933500289917 31 8.226519584655762 29.43972969055176 5.393400192260742 26.60659980773926 C 2.560270071029663 23.77347946166992 1 20.00665092468262 1 16 C 1 11.9933500289917 2.560270071029663 8.226519584655762 5.393400192260742 5.393400192260742 C 8.226519584655762 2.560270071029663 11.9933500289917 1 16 1 C 20.00665092468262 1 23.77347946166992 2.560270071029663 26.60659980773926 5.393400192260742 C 29.43972969055176 8.226519584655762 31 11.9933500289917 31 16 C 31 20.00665092468262 29.43972969055176 23.77347946166992 26.60659980773926 26.60659980773926 C 23.77347946166992 29.43972969055176 20.00665092468262 31 16 31 Z\" stroke=\"none\"/>\r\n <path d=\"M 16 2 C 12.26045989990234 2 8.744749069213867 3.456249237060547 6.100500106811523 6.100500106811523 C 3.456249237060547 8.744749069213867 2 12.26045989990234 2 16 C 2 19.73954010009766 3.456249237060547 23.2552490234375 6.100500106811523 25.89949989318848 C 8.744749069213867 28.54375076293945 12.26045989990234 30 16 30 C 19.73954010009766 30 23.2552490234375 28.54375076293945 25.89949989318848 25.89949989318848 C 28.54375076293945 23.2552490234375 30 19.73954010009766 30 16 C 30 12.26045989990234 28.54375076293945 8.744749069213867 25.89949989318848 6.100500106811523 C 23.2552490234375 3.456249237060547 19.73954010009766 2 16 2 M 16 0 C 24.8365592956543 0 32 7.163440704345703 32 16 C 32 24.8365592956543 24.8365592956543 32 16 32 C 7.163440704345703 32 0 24.8365592956543 0 16 C 0 7.163440704345703 7.163440704345703 0 16 0 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n <g id=\"Portfolio_Icon\" data-name=\"Portfolio Icon\" transform=\"translate(-0.014 7.951)\">\r\n <path id=\"Path_6468\" data-name=\"Path 6468\" d=\"M49.257,42.8H36.163a1.716,1.716,0,0,1-1.8-1.615V31.01a.242.242,0,0,1,.48,0,1.12,1.12,0,0,0,1.173,1.054H49.257a1.085,1.085,0,0,1,1.138,1.022v2.667a.229.229,0,0,1-.24.215H45.485a1.6,1.6,0,0,0-1.082.406,1.288,1.288,0,0,0-.438.977A1.473,1.473,0,0,0,45.511,38.7h4.641a.229.229,0,0,1,.24.216v2.859A1.086,1.086,0,0,1,49.257,42.8ZM34.845,32.055V41.18a1.256,1.256,0,0,0,1.317,1.183H49.257a.627.627,0,0,0,.658-.591V39.131h-4.4a1.933,1.933,0,0,1-2.026-1.773,1.695,1.695,0,0,1,.576-1.286,2.105,2.105,0,0,1,1.424-.534h4.429V33.086a.627.627,0,0,0-.658-.591H36.019A1.747,1.747,0,0,1,34.845,32.055Z\" transform=\"translate(-26.426 -27.829)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6469\" data-name=\"Path 6469\" d=\"M69.395,49.118H64.718a1.933,1.933,0,0,1-2.026-1.773,1.694,1.694,0,0,1,.576-1.286,2.1,2.1,0,0,1,1.424-.535h4.7a1.086,1.086,0,0,1,1.138,1.022V48.1a1.086,1.086,0,0,1-1.138,1.021Zm-4.7-3.162a1.6,1.6,0,0,0-1.082.406,1.288,1.288,0,0,0-.438.977,1.473,1.473,0,0,0,1.546,1.347h4.678a.628.628,0,0,0,.658-.591v-1.55a.628.628,0,0,0-.658-.591h-4.7Z\" transform=\"translate(-45.631 -37.816)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6470\" data-name=\"Path 6470\" d=\"M37.763,29.805H36.016a1.494,1.494,0,1,1,0-2.97h6.345a.237.237,0,0,1,.231.157.206.206,0,0,1-.105.242l-4.6,2.539A.258.258,0,0,1,37.763,29.805Zm-1.747-2.539a1.06,1.06,0,1,0,0,2.108h1.678l3.818-2.108Z\" transform=\"translate(-26.424 -25.139)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6471\" data-name=\"Path 6471\" d=\"M56.553,29.82H45.8a.233.233,0,0,1-.238-.186.217.217,0,0,1,.172-.237l8.617-2.2,1.33-.34a.245.245,0,0,1,.3.149l.805,2.54a.2.2,0,0,1-.039.189.25.25,0,0,1-.193.086Zm-9.027-.431h8.71l-.651-2.057Z\" transform=\"translate(-34.018 -25.154)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6472\" data-name=\"Path 6472\" d=\"M44.862,26.254h-.445a.238.238,0,0,1-.231-.157.206.206,0,0,1,.105-.242l4.6-2.539,3.071-1.7a.258.258,0,0,1,.33.071l1.393,2.035a.2.2,0,0,1,.019.191.232.232,0,0,1-.158.129l-8.617,2.2A.279.279,0,0,1,44.862,26.254ZM52.008,22.1l-6.364,3.513,7.465-1.906Z\" transform=\"translate(-33.079 -21.588)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6473\" data-name=\"Path 6473\" d=\"M67.51,50.355a.67.67,0,1,1,.741-.666.708.708,0,0,1-.741.666Zm0-.9a.237.237,0,1,0,.262.235.25.25,0,0,0-.262-.236Z\" transform=\"translate(-48.491 -40.185)\" fill=\"#fff\"/>\r\n <path id=\"Path_6474\" data-name=\"Path 6474\" d=\"M40.583,59.719V56.632c0-.142.011-.285,0-.427V56.2c0-.118-.383-.118-.383,0v3.088c0,.142-.011.284,0,.427v.006C40.2,59.836,40.583,59.837,40.583,59.719Z\" transform=\"translate(-30.379 -44.995)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n", styles: [".logo-cicrcle,.dropdown-content .user-type-switch__option>.logo,.logo-content,:host{display:flex;place-items:center;place-content:center;border-radius:50%}:host{height:3rem;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));z-index:999;box-shadow:3px 3px 10px #00000014;border:3px solid #FFFFFF}@media (max-width: 768px){:host{width:30px;height:30px}}:host.has-dashboard-switch{border-radius:30px;width:167px;height:59px;place-items:unset;place-content:unset;background:#fff;border:none;display:inline-flex;align-items:center}:host.has-dashboard-switch .logo-content{width:100%}:host.has-dashboard-switch .dropdown-content{top:4.2rem}@media (max-width: 768px){:host.has-dashboard-switch .dropdown-content{top:47px}}@media (max-width: 768px){:host.has-dashboard-switch{width:auto;height:auto}}.logo-content--switch{display:flex;align-items:center;width:100%;padding:.375rem .5rem .375rem 1rem;gap:.75rem;cursor:pointer;text-align:center}.logo-content--switch__label{font-family:var(--standard-font-family-hero-new);font-size:16px;color:#2c3245;white-space:nowrap;flex:1}.logo-content--switch>svg{width:32px;height:32px;flex-shrink:0;display:block}.logo-content--switch>svg.profile-switch-icon{width:48px;height:48px}@media (max-width: 768px){.logo-content--switch>svg.profile-switch-icon{width:32px;height:32px}}.logo-content{width:3rem;height:3rem;color:#fff;font-family:Hero New ExtraBold;font-size:2rem;cursor:pointer}.logo-content>svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.logo-content{width:30px;height:30px;font-size:18px}.logo-content>svg{width:1rem;height:1rem}}.dropdown-content{position:absolute;width:auto;min-width:min(230px,82vw);height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content .page-name{padding-right:1.5rem}.dropdown-content>div:not(.user-type-switch):not(.dashboard-switch):nth-child(-n+2){display:none}.dropdown-content.has-dashboard-switch>div:not(.user-type-switch):not(.dashboard-switch):nth-child(-n+3){display:none}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content>div:not(.user-type-switch):not(.dashboard-switch):nth-child(-n+2){display:none}.dropdown-content.has-dashboard-switch>div:not(.user-type-switch):not(.dashboard-switch):nth-child(-n+3){display:none}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725);cursor:pointer}.dropdown-content div svg,.dropdown-content div.container{width:20px;height:20px;padding-left:1rem}.dropdown-content div.container{border:none}.dropdown-content>div:not(.user-type-switch):not(.dashboard-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#fafbfc;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.dropdown-content .dashboard-switch{height:fit-content;cursor:default;border-bottom:none}.dropdown-content .dashboard-switch div svg,.dropdown-content .dashboard-switch div.container{width:unset;height:unset;padding-left:unset}.dropdown-content .dashboard-switch div{height:auto;gap:.5rem;border-bottom:none}.dropdown-content .dashboard-switch ::ng-deep .radio-buttons-container{gap:.2rem}.dropdown-content .dashboard-switch lib-af-connect-radio-button span{font-size:12px}.dropdown-content .dashboard-switch lib-af-connect-radio-group{gap:.75rem;width:100%;padding:.5rem}.dropdown-content .dashboard-switch lib-af-connect-radio-button{width:100%}.dropdown-content .dashboard-switch__option{width:100%;height:42px;padding:.5rem;border-bottom:none;gap:.3rem;background-color:#fafbfc;box-sizing:border-box;cursor:pointer}.dropdown-content .dashboard-switch__option:hover{background-color:#0000000a}.dropdown-content .dashboard-switch__option>svg{height:32px;width:32px;flex:0 0 32px;overflow:hidden;border-radius:50%;filter:drop-shadow(1px 3px 5px rgba(0,0,0,.161))}.dropdown-content.has-dashboard-switch{min-width:min(280px,90vw)}.navigation-item{transition:color .2s ease-out;cursor:pointer}.navigation-item.disabled{pointer-events:none;color:#7f8991;cursor:default}.navigation-item.disabled>svg{filter:invert(54%) sepia(14%) saturate(254%) hue-rotate(165deg) brightness(97%) contrast(86%)}.blue{background:#2cc1da}.orange{background:#f69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}.bold{font-family:var(--standard-font-family-hero-new-semibold)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
941
959
  }
942
960
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
943
961
  type: Component,
944
- args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : isHybrid ? 'yellow' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"!(breakpointService.isTablet$ | async) ? mobileIcon : desktopIcon\"></ng-container>\r\n</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n <div class=\"user-type-switch__btn-container\">\r\n <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Retail)\"\r\n >\r\n <div class=\"logo blue\">\r\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n <span>Individual/Retail</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Institutional)\"\r\n >\r\n <div class=\"logo orange\">\r\n <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n <span>Employee benefits</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"!(breakpointService.isTablet$ | async)\">\r\n <ng-container *ngFor=\"let url of navUrls\">\r\n <div class=\"navigation-item\" [class.disabled]=\"disableNavUrls\" (mousedown)=\"navigateTo(url.href!)\">\r\n <div *ngIf=\"!url.svg\" class=\"container\"></div>\r\n <ng-container *ngIf=\"url.svg\"><div class=\"container\" [innerHTML]=\"sanitizeSvg(url.svg)\"></div></ng-container>\r\n <span class=\"page-name bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div *ngIf=\"canEditProfile\" class=\"navigation-item\" [class.disabled]=\"disableNavUrls\" (click)=\"!disableNavUrls && editProfile.emit()\">\r\n <svg id=\"Icons_UI_Edit_Colour\" data-name=\"Icons / UI / Edit / Colour\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15.494\" height=\"15.5\" viewBox=\"0 0 15.494 15.5\">\r\n <g id=\"Group_3\" data-name=\"Group 3\" transform=\"translate(0)\"><path id=\"Fill_1\" data-name=\"Fill 1\" d=\"M.837,15.5H.644a.648.648,0,0,1-.57-.346A.642.642,0,0,1,.03,14.66l1.55-4.554a.663.663,0,0,1,.161-.259L10.785.8a2.779,2.779,0,0,1,3.909,0V.836a2.787,2.787,0,0,1,0,3.908L5.65,13.788l-.258.162L.837,15.5Zm11.7-14.056a1.477,1.477,0,0,0-.844.264L2.776,10.688l-1.1,3.165,3.165-1.1L13.79,3.808l-.032-.032a1.486,1.486,0,0,0-1.223-2.331Z\" fill=\"#ef4f1f\"/></g>\r\n <path id=\"Path_22\" data-name=\"Path 22\" d=\"M.857.878,3.294,3.315\" transform=\"translate(2.393 8.871)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\r\n </svg> \r\n <span>Edit profile</span>\r\n </div>\r\n <div class=\"navigation-item\" (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg>\r\n <span>Reset password</span>\r\n </div>\r\n <div class=\"navigation-item\" (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg>\r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #desktopIcon>\r\n <svg id=\"Group\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.837\" height=\"13.693\" viewBox=\"0 0 12.837 13.693\">\r\n <path id=\"Oval\" d=\"M2.785-1A3.785,3.785,0,1,1-1,2.785,3.79,3.79,0,0,1,2.785-1Zm0,6.583a2.8,2.8,0,1,0-2.8-2.8A2.8,2.8,0,0,0,2.785,5.583Z\" transform=\"translate(3.633 1)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle\" d=\"M7.393,4.135A.494.494,0,0,1,6.9,3.641,3.712,3.712,0,0,0,3.14-.013H-.506A.494.494,0,0,1-1-.506.494.494,0,0,1-.506-1H3.14A4.7,4.7,0,0,1,7.887,3.641.494.494,0,0,1,7.393,4.135Z\" transform=\"translate(4.95 9.558)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle-2\" data-name=\"Rectangle\" d=\"M-12.506,4.135A.494.494,0,0,1-13,3.641,4.7,4.7,0,0,1-8.253-1h3.646a.494.494,0,0,1,.494.494.494.494,0,0,1-.494.494H-8.253a3.712,3.712,0,0,0-3.76,3.654A.494.494,0,0,1-12.506,4.135Z\" transform=\"translate(13 9.558)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #mobileIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.327\" height=\"10.095\" viewBox=\"0 0 15.327 10.095\">\r\n <path id=\"menu_24dp_1F1F1F_FILL0_wght200_GRAD0_opsz24\" d=\"M160-680.675v-.958h15.327v.958Zm0-4.569v-.958h15.327v.958Zm0-4.569v-.958h15.327v.958Z\" transform=\"translate(-160 690.77)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #institutional>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"15.384\" height=\"12.488\" viewBox=\"0 0 15.384 12.488\">\r\n <defs>\r\n <clipPath id=\"clip-path\">\r\n <rect id=\"Rectangle_1424\" data-name=\"Rectangle 1424\" width=\"15.383\" height=\"12.489\" transform=\"translate(0 0)\" fill=\"none\" stroke=\"#707070\" stroke-width=\"1\"/>\r\n </clipPath>\r\n </defs>\r\n <g id=\"Group_10298\" data-name=\"Group 10298\" transform=\"translate(-0.952 -0.773)\">\r\n <g id=\"Group_10297\" data-name=\"Group 10297\" transform=\"translate(0.953 0.773)\" clip-path=\"url(#clip-path)\">\r\n <path id=\"Path_6080\" data-name=\"Path 6080\" d=\"M29.386,3.03a.346.346,0,0,1-.346-.346V1.32a.629.629,0,0,0-.628-.629H23.274a.629.629,0,0,0-.628.629V2.684a.346.346,0,1,1-.693,0V1.32A1.323,1.323,0,0,1,23.274,0h5.137A1.323,1.323,0,0,1,29.732,1.32V2.684A.346.346,0,0,1,29.386,3.03Z\" transform=\"translate(-18.151 0.001)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1423\" data-name=\"Rectangle 1423\" d=\"M-.933-2h13.25A1.068,1.068,0,0,1,13.384-.933V7.084a1.068,1.068,0,0,1-1.067,1.067H-.933A1.068,1.068,0,0,1-2,7.084V-.933A1.068,1.068,0,0,1-.933-2Zm13.25,9.458a.374.374,0,0,0,.374-.374V-.933a.374.374,0,0,0-.374-.374H-.933a.374.374,0,0,0-.374.374V7.084a.374.374,0,0,0,.374.374Z\" transform=\"translate(2 4.338)\" fill=\"#fff\"/>\r\n <path id=\"Line_324\" data-name=\"Line 324\" d=\"M12.712-1.307H-1.654A.346.346,0,0,1-2-1.654.346.346,0,0,1-1.654-2H12.712a.346.346,0,0,1,.346.346A.346.346,0,0,1,12.712-1.307Z\" transform=\"translate(2.037 8.087)\" fill=\"#fff\"/>\r\n <path id=\"Line_325\" data-name=\"Line 325\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(12.888 7.318)\" fill=\"#fff\"/>\r\n <path id=\"Line_326\" data-name=\"Line 326\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(5.802 7.318)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n", styles: [".logo-cicrcle,.dropdown-content .user-type-switch__option>.logo,.logo-content,:host{display:flex;place-items:center;place-content:center;border-radius:50%}:host{height:3rem;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));z-index:999;box-shadow:3px 3px 10px #00000014;border:3px solid #FFFFFF}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{width:3rem;height:3rem;color:#fff;font-family:Hero New ExtraBold;font-size:2rem;cursor:pointer}.logo-content>svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.logo-content{width:30px;height:30px;font-size:18px}.logo-content>svg{width:1rem;height:1rem}}.dropdown-content{position:absolute;width:auto;min-width:min(230px,82vw);height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content .page-name{padding-right:1.5rem}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content>div:not(.user-type-switch):nth-child(-n+1){display:none}.dropdown-content div:nth-child(2){display:flex}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725)}.dropdown-content div svg,.dropdown-content div.container{width:20px;height:20px;padding-left:1rem}.dropdown-content div.container{border:none}.dropdown-content>div:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#fafbfc;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.navigation-item{transition:color .2s ease-out;cursor:pointer}.navigation-item.disabled{pointer-events:none;color:#7f8991;cursor:default}.navigation-item.disabled>svg{filter:invert(54%) sepia(14%) saturate(254%) hue-rotate(165deg) brightness(97%) contrast(86%)}.blue{background:#2cc1da}.orange{background:#f69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}.bold{font-family:var(--standard-font-family-hero-new-semibold)}\n"] }]
962
+ args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<ng-container *ngIf=\"hasDashboardSwitch; else roundIcon\">\r\n <div class=\"logo-content logo-content--switch\">\r\n <span class=\"logo-content--switch__label\">{{ dashboardType === DASHBOARD_TYPE.Pensioner ? 'Annuitant' : 'Investor' }}</span>\r\n <ng-container *ngTemplateOutlet=\"dashboardType === DASHBOARD_TYPE.Pensioner ? pensionerProfileIcon : investorProfileIcon\"></ng-container>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #roundIcon>\r\n <span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : isHybrid ? 'yellow' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"!(breakpointService.isTablet$ | async) ? mobileIcon : desktopIcon\"></ng-container>\r\n </span>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\" [class.has-dashboard-switch]=\"hasDashboardSwitch\">\r\n <div *ngIf=\"hasDashboardSwitch\" class=\"dashboard-switch\">\r\n <lib-af-connect-radio-group variant=\"checkbox\" direction=\"column\" (valueChange)=\"selectDashboard($event)\">\r\n <div\r\n class=\"dashboard-switch__option\"\r\n (click)=\"selectDashboard(DASHBOARD_TYPE.Investor)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"investorIcon\"></ng-container>\r\n\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"DASHBOARD_TYPE.Investor\" [checked]=\"dashboardType === DASHBOARD_TYPE.Investor\" itemOrder=\"right-to-left\">\r\n <span>Investor dashboard</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"dashboard-switch__option\"\r\n (click)=\"selectDashboard(DASHBOARD_TYPE.Pensioner)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"pensionerIcon\"></ng-container>\r\n\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"DASHBOARD_TYPE.Pensioner\" [checked]=\"dashboardType === DASHBOARD_TYPE.Pensioner\" itemOrder=\"right-to-left\">\r\n <span>Annuitant dashboard</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n <div class=\"user-type-switch__btn-container\">\r\n <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Retail)\"\r\n >\r\n <div class=\"logo blue\">\r\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n <span>Individual/Retail</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Institutional)\"\r\n >\r\n <div class=\"logo orange\">\r\n <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n <span>Employee benefits</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"!(breakpointService.isTablet$ | async)\">\r\n <ng-container *ngFor=\"let url of navUrls\">\r\n <div class=\"navigation-item\" [class.disabled]=\"disableNavUrls\" (mousedown)=\"navigateTo(url.href!)\">\r\n <div *ngIf=\"!url.svg\" class=\"container\"></div>\r\n <ng-container *ngIf=\"url.svg\"><div class=\"container\" [innerHTML]=\"sanitizeSvg(url.svg)\"></div></ng-container>\r\n <span class=\"page-name bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div *ngIf=\"canEditProfile\" class=\"navigation-item\" [class.disabled]=\"disableNavUrls\" (click)=\"!disableNavUrls && editProfile.emit()\">\r\n <svg id=\"Icons_UI_Edit_Colour\" data-name=\"Icons / UI / Edit / Colour\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15.494\" height=\"15.5\" viewBox=\"0 0 15.494 15.5\">\r\n <g id=\"Group_3\" data-name=\"Group 3\" transform=\"translate(0)\"><path id=\"Fill_1\" data-name=\"Fill 1\" d=\"M.837,15.5H.644a.648.648,0,0,1-.57-.346A.642.642,0,0,1,.03,14.66l1.55-4.554a.663.663,0,0,1,.161-.259L10.785.8a2.779,2.779,0,0,1,3.909,0V.836a2.787,2.787,0,0,1,0,3.908L5.65,13.788l-.258.162L.837,15.5Zm11.7-14.056a1.477,1.477,0,0,0-.844.264L2.776,10.688l-1.1,3.165,3.165-1.1L13.79,3.808l-.032-.032a1.486,1.486,0,0,0-1.223-2.331Z\" fill=\"#ef4f1f\"/></g>\r\n <path id=\"Path_22\" data-name=\"Path 22\" d=\"M.857.878,3.294,3.315\" transform=\"translate(2.393 8.871)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\"/>\r\n </svg> \r\n <span>Edit profile</span>\r\n </div>\r\n <div class=\"navigation-item\" (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg>\r\n <span>Reset password</span>\r\n </div>\r\n <div class=\"navigation-item\" (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg>\r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #desktopIcon>\r\n <svg id=\"Group\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.837\" height=\"13.693\" viewBox=\"0 0 12.837 13.693\">\r\n <path id=\"Oval\" d=\"M2.785-1A3.785,3.785,0,1,1-1,2.785,3.79,3.79,0,0,1,2.785-1Zm0,6.583a2.8,2.8,0,1,0-2.8-2.8A2.8,2.8,0,0,0,2.785,5.583Z\" transform=\"translate(3.633 1)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle\" d=\"M7.393,4.135A.494.494,0,0,1,6.9,3.641,3.712,3.712,0,0,0,3.14-.013H-.506A.494.494,0,0,1-1-.506.494.494,0,0,1-.506-1H3.14A4.7,4.7,0,0,1,7.887,3.641.494.494,0,0,1,7.393,4.135Z\" transform=\"translate(4.95 9.558)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle-2\" data-name=\"Rectangle\" d=\"M-12.506,4.135A.494.494,0,0,1-13,3.641,4.7,4.7,0,0,1-8.253-1h3.646a.494.494,0,0,1,.494.494.494.494,0,0,1-.494.494H-8.253a3.712,3.712,0,0,0-3.76,3.654A.494.494,0,0,1-12.506,4.135Z\" transform=\"translate(13 9.558)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #mobileIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15.327\" height=\"10.095\" viewBox=\"0 0 15.327 10.095\">\r\n <path id=\"menu_24dp_1F1F1F_FILL0_wght200_GRAD0_opsz24\" d=\"M160-680.675v-.958h15.327v.958Zm0-4.569v-.958h15.327v.958Zm0-4.569v-.958h15.327v.958Z\" transform=\"translate(-160 690.77)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #institutional>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"15.384\" height=\"12.488\" viewBox=\"0 0 15.384 12.488\">\r\n <defs>\r\n <clipPath id=\"clip-path\">\r\n <rect id=\"Rectangle_1424\" data-name=\"Rectangle 1424\" width=\"15.383\" height=\"12.489\" transform=\"translate(0 0)\" fill=\"none\" stroke=\"#707070\" stroke-width=\"1\"/>\r\n </clipPath>\r\n </defs>\r\n <g id=\"Group_10298\" data-name=\"Group 10298\" transform=\"translate(-0.952 -0.773)\">\r\n <g id=\"Group_10297\" data-name=\"Group 10297\" transform=\"translate(0.953 0.773)\" clip-path=\"url(#clip-path)\">\r\n <path id=\"Path_6080\" data-name=\"Path 6080\" d=\"M29.386,3.03a.346.346,0,0,1-.346-.346V1.32a.629.629,0,0,0-.628-.629H23.274a.629.629,0,0,0-.628.629V2.684a.346.346,0,1,1-.693,0V1.32A1.323,1.323,0,0,1,23.274,0h5.137A1.323,1.323,0,0,1,29.732,1.32V2.684A.346.346,0,0,1,29.386,3.03Z\" transform=\"translate(-18.151 0.001)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1423\" data-name=\"Rectangle 1423\" d=\"M-.933-2h13.25A1.068,1.068,0,0,1,13.384-.933V7.084a1.068,1.068,0,0,1-1.067,1.067H-.933A1.068,1.068,0,0,1-2,7.084V-.933A1.068,1.068,0,0,1-.933-2Zm13.25,9.458a.374.374,0,0,0,.374-.374V-.933a.374.374,0,0,0-.374-.374H-.933a.374.374,0,0,0-.374.374V7.084a.374.374,0,0,0,.374.374Z\" transform=\"translate(2 4.338)\" fill=\"#fff\"/>\r\n <path id=\"Line_324\" data-name=\"Line 324\" d=\"M12.712-1.307H-1.654A.346.346,0,0,1-2-1.654.346.346,0,0,1-1.654-2H12.712a.346.346,0,0,1,.346.346A.346.346,0,0,1,12.712-1.307Z\" transform=\"translate(2.037 8.087)\" fill=\"#fff\"/>\r\n <path id=\"Line_325\" data-name=\"Line 325\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(12.888 7.318)\" fill=\"#fff\"/>\r\n <path id=\"Line_326\" data-name=\"Line 326\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(5.802 7.318)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #investorProfileIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"profile-switch-icon\" viewBox=\"15 14 32 32\">\r\n <g id=\"Group_15418_p\" transform=\"translate(15 14)\">\r\n <g transform=\"matrix(1, 0, 0, 1, -15, -14)\">\r\n <g id=\"Path_21459_p\" transform=\"translate(15 14)\" fill=\"#f69521\">\r\n <path d=\"M 16 31 C 11.9933500289917 31 8.226519584655762 29.43972969055176 5.393400192260742 26.60659980773926 C 2.560270071029663 23.77347946166992 1 20.00665092468262 1 16 C 1 11.9933500289917 2.560270071029663 8.226519584655762 5.393400192260742 5.393400192260742 C 8.226519584655762 2.560270071029663 11.9933500289917 1 16 1 C 20.00665092468262 1 23.77347946166992 2.560270071029663 26.60659980773926 5.393400192260742 C 29.43972969055176 8.226519584655762 31 11.9933500289917 31 16 C 31 20.00665092468262 29.43972969055176 23.77347946166992 26.60659980773926 26.60659980773926 C 23.77347946166992 29.43972969055176 20.00665092468262 31 16 31 Z\" stroke=\"none\"/>\r\n <path d=\"M 16 2 C 12.26045989990234 2 8.744749069213867 3.456249237060547 6.100500106811523 6.100500106811523 C 3.456249237060547 8.744749069213867 2 12.26045989990234 2 16 C 2 19.73954010009766 3.456249237060547 23.2552490234375 6.100500106811523 25.89949989318848 C 8.744749069213867 28.54375076293945 12.26045989990234 30 16 30 C 19.73954010009766 30 23.2552490234375 28.54375076293945 25.89949989318848 25.89949989318848 C 28.54375076293945 23.2552490234375 30 19.73954010009766 30 16 C 30 12.26045989990234 28.54375076293945 8.744749069213867 25.89949989318848 6.100500106811523 C 23.2552490234375 3.456249237060547 19.73954010009766 2 16 2 M 16 0 C 24.8365592956543 0 32 7.163440704345703 32 16 C 32 24.8365592956543 24.8365592956543 32 16 32 C 7.163440704345703 32 0 24.8365592956543 0 16 C 0 7.163440704345703 7.163440704345703 0 16 0 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n <g transform=\"translate(-41.01 244.242)\">\r\n <g transform=\"translate(50 -236)\">\r\n <path d=\"M15.706,50.57h0a.572.572,0,0,1-.57.57H13.07a.572.572,0,0,1-.57-.57h0a.572.572,0,0,1,.57-.57h2.065A.572.572,0,0,1,15.706,50.57Z\" transform=\"translate(-10.076 -35.739)\" fill=\"#fff\"/>\r\n <path d=\"M40.086,50.57h0a.572.572,0,0,1-.57.57H37.45a.572.572,0,0,1-.57-.57h0a.572.572,0,0,1,.57-.57h2.065A.572.572,0,0,1,40.086,50.57Z\" transform=\"translate(-27.502 -35.739)\" fill=\"#fff\"/>\r\n <path d=\"M5.426.285A1.141,1.141,0,0,0,4.285,1.426V13.405a1.141,1.141,0,0,0,1.141,1.141H17.405a1.141,1.141,0,0,0,1.141-1.141V1.426A1.141,1.141,0,0,0,17.405.285H5.426m0-.285H17.405a1.427,1.427,0,0,1,1.426,1.426V13.405a1.427,1.427,0,0,1-1.426,1.426H5.426A1.427,1.427,0,0,1,4,13.405V1.426A1.427,1.427,0,0,1,5.426,0Z\" transform=\"translate(-4)\" fill=\"#fff\"/>\r\n <path d=\"M8.426,3.285A1.141,1.141,0,0,0,7.285,4.426V14.694a1.141,1.141,0,0,0,1.141,1.141H18.694a1.141,1.141,0,0,0,1.141-1.141V4.426a1.141,1.141,0,0,0-1.141-1.141H8.426m0-.285H18.694A1.427,1.427,0,0,1,20.12,4.426V14.694a1.427,1.427,0,0,1-1.426,1.426H8.426A1.427,1.427,0,0,1,7,14.694V4.426A1.427,1.427,0,0,1,8.426,3Z\" transform=\"translate(-6.144 -2.144)\" fill=\"#fff\"/>\r\n <path d=\"M42.283,22A1.283,1.283,0,1,1,41,23.283,1.282,1.282,0,0,1,42.283,22Z\" transform=\"translate(-31.303 -15.868)\" fill=\"none\" stroke=\"#fff\" stroke-width=\"0.7\"/>\r\n <path d=\"M6.57,9h0a.572.572,0,0,1,.57.57v2.567a.572.572,0,0,1-.57.57h0a.572.572,0,0,1-.57-.57V9.57A.572.572,0,0,1,6.57,9Z\" transform=\"translate(-5.43 -6.433)\" fill=\"#fff\"/>\r\n <path d=\"M6.57,30h0a.572.572,0,0,1,.57.57v2.567a.572.572,0,0,1-.57.57h0a.572.572,0,0,1-.57-.57V30.57A.572.572,0,0,1,6.57,30Z\" transform=\"translate(-5.43 -21.444)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #pensionerProfileIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"profile-switch-icon\" viewBox=\"15 14 32 32\">\r\n <g id=\"Group_15420_p\" transform=\"translate(15 14)\">\r\n <g transform=\"matrix(1, 0, 0, 1, -15, -14)\">\r\n <g id=\"Path_21472_p\" transform=\"translate(15 14)\" fill=\"#15808d\">\r\n <path d=\"M 16 31 C 11.9933500289917 31 8.226519584655762 29.43972969055176 5.393400192260742 26.60659980773926 C 2.560270071029663 23.77347946166992 1 20.00665092468262 1 16 C 1 11.9933500289917 2.560270071029663 8.226519584655762 5.393400192260742 5.393400192260742 C 8.226519584655762 2.560270071029663 11.9933500289917 1 16 1 C 20.00665092468262 1 23.77347946166992 2.560270071029663 26.60659980773926 5.393400192260742 C 29.43972969055176 8.226519584655762 31 11.9933500289917 31 16 C 31 20.00665092468262 29.43972969055176 23.77347946166992 26.60659980773926 26.60659980773926 C 23.77347946166992 29.43972969055176 20.00665092468262 31 16 31 Z\" stroke=\"none\"/>\r\n <path d=\"M 16 2 C 12.26045989990234 2 8.744749069213867 3.456249237060547 6.100500106811523 6.100500106811523 C 3.456249237060547 8.744749069213867 2 12.26045989990234 2 16 C 2 19.73954010009766 3.456249237060547 23.2552490234375 6.100500106811523 25.89949989318848 C 8.744749069213867 28.54375076293945 12.26045989990234 30 16 30 C 19.73954010009766 30 23.2552490234375 28.54375076293945 25.89949989318848 25.89949989318848 C 28.54375076293945 23.2552490234375 30 19.73954010009766 30 16 C 30 12.26045989990234 28.54375076293945 8.744749069213867 25.89949989318848 6.100500106811523 C 23.2552490234375 3.456249237060547 19.73954010009766 2 16 2 M 16 0 C 24.8365592956543 0 32 7.163440704345703 32 16 C 32 24.8365592956543 24.8365592956543 32 16 32 C 7.163440704345703 32 0 24.8365592956543 0 16 C 0 7.163440704345703 7.163440704345703 0 16 0 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n <g id=\"Portfolio_Icon_p\" transform=\"translate(-0.014 7.951)\">\r\n <path d=\"M49.257,42.8H36.163a1.716,1.716,0,0,1-1.8-1.615V31.01a.242.242,0,0,1,.48,0,1.12,1.12,0,0,0,1.173,1.054H49.257a1.085,1.085,0,0,1,1.138,1.022v2.667a.229.229,0,0,1-.24.215H45.485a1.6,1.6,0,0,0-1.082.406,1.288,1.288,0,0,0-.438.977A1.473,1.473,0,0,0,45.511,38.7h4.641a.229.229,0,0,1,.24.216v2.859A1.086,1.086,0,0,1,49.257,42.8ZM34.845,32.055V41.18a1.256,1.256,0,0,0,1.317,1.183H49.257a.627.627,0,0,0,.658-.591V39.131h-4.4a1.933,1.933,0,0,1-2.026-1.773,1.695,1.695,0,0,1,.576-1.286,2.105,2.105,0,0,1,1.424-.534h4.429V33.086a.627.627,0,0,0-.658-.591H36.019A1.747,1.747,0,0,1,34.845,32.055Z\" transform=\"translate(-26.426 -27.829)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M69.395,49.118H64.718a1.933,1.933,0,0,1-2.026-1.773,1.694,1.694,0,0,1,.576-1.286,2.1,2.1,0,0,1,1.424-.535h4.7a1.086,1.086,0,0,1,1.138,1.022V48.1a1.086,1.086,0,0,1-1.138,1.021Zm-4.7-3.162a1.6,1.6,0,0,0-1.082.406,1.288,1.288,0,0,0-.438.977,1.473,1.473,0,0,0,1.546,1.347h4.678a.628.628,0,0,0,.658-.591v-1.55a.628.628,0,0,0-.658-.591h-4.7Z\" transform=\"translate(-45.631 -37.816)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M37.763,29.805H36.016a1.494,1.494,0,1,1,0-2.97h6.345a.237.237,0,0,1,.231.157.206.206,0,0,1-.105.242l-4.6,2.539A.258.258,0,0,1,37.763,29.805Zm-1.747-2.539a1.06,1.06,0,1,0,0,2.108h1.678l3.818-2.108Z\" transform=\"translate(-26.424 -25.139)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M56.553,29.82H45.8a.233.233,0,0,1-.238-.186.217.217,0,0,1,.172-.237l8.617-2.2,1.33-.34a.245.245,0,0,1,.3.149l.805,2.54a.2.2,0,0,1-.039.189.25.25,0,0,1-.193.086Zm-9.027-.431h8.71l-.651-2.057Z\" transform=\"translate(-34.018 -25.154)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M44.862,26.254h-.445a.238.238,0,0,1-.231-.157.206.206,0,0,1,.105-.242l4.6-2.539,3.071-1.7a.258.258,0,0,1,.33.071l1.393,2.035a.2.2,0,0,1,.019.191.232.232,0,0,1-.158.129l-8.617,2.2A.279.279,0,0,1,44.862,26.254ZM52.008,22.1l-6.364,3.513,7.465-1.906Z\" transform=\"translate(-33.079 -21.588)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path d=\"M67.51,50.355a.67.67,0,1,1,.741-.666.708.708,0,0,1-.741.666Zm0-.9a.237.237,0,1,0,.262.235.25.25,0,0,0-.262-.236Z\" transform=\"translate(-48.491 -40.185)\" fill=\"#fff\"/>\r\n <path d=\"M40.583,59.719V56.632c0-.142.011-.285,0-.427V56.2c0-.118-.383-.118-.383,0v3.088c0,.142-.011.284,0,.427v.006C40.2,59.836,40.583,59.837,40.583,59.719Z\" transform=\"translate(-30.379 -44.995)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #investorIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"32\" height=\"32\" viewBox=\"15 14 32 32\">\r\n <defs>\r\n <filter id=\"Path_21459\" x=\"0\" y=\"0\" width=\"62\" height=\"62\" filterUnits=\"userSpaceOnUse\">\r\n <feOffset dy=\"1\" input=\"SourceAlpha\"/>\r\n <feGaussianBlur stdDeviation=\"5\" result=\"blur\"/>\r\n <feFlood flood-opacity=\"0.161\"/>\r\n <feComposite operator=\"in\" in2=\"blur\"/>\r\n <feComposite in=\"SourceGraphic\"/>\r\n </filter>\r\n </defs>\r\n <g id=\"Group_15418\" data-name=\"Group 15418\" transform=\"translate(15 14)\">\r\n <g transform=\"matrix(1, 0, 0, 1, -15, -14)\" filter=\"url(#Path_21459)\">\r\n <g id=\"Path_21459-2\" data-name=\"Path 21459\" transform=\"translate(15 14)\" fill=\"#f69521\">\r\n <path d=\"M 16 31 C 11.9933500289917 31 8.226519584655762 29.43972969055176 5.393400192260742 26.60659980773926 C 2.560270071029663 23.77347946166992 1 20.00665092468262 1 16 C 1 11.9933500289917 2.560270071029663 8.226519584655762 5.393400192260742 5.393400192260742 C 8.226519584655762 2.560270071029663 11.9933500289917 1 16 1 C 20.00665092468262 1 23.77347946166992 2.560270071029663 26.60659980773926 5.393400192260742 C 29.43972969055176 8.226519584655762 31 11.9933500289917 31 16 C 31 20.00665092468262 29.43972969055176 23.77347946166992 26.60659980773926 26.60659980773926 C 23.77347946166992 29.43972969055176 20.00665092468262 31 16 31 Z\" stroke=\"none\"/>\r\n <path d=\"M 16 2 C 12.26045989990234 2 8.744749069213867 3.456249237060547 6.100500106811523 6.100500106811523 C 3.456249237060547 8.744749069213867 2 12.26045989990234 2 16 C 2 19.73954010009766 3.456249237060547 23.2552490234375 6.100500106811523 25.89949989318848 C 8.744749069213867 28.54375076293945 12.26045989990234 30 16 30 C 19.73954010009766 30 23.2552490234375 28.54375076293945 25.89949989318848 25.89949989318848 C 28.54375076293945 23.2552490234375 30 19.73954010009766 30 16 C 30 12.26045989990234 28.54375076293945 8.744749069213867 25.89949989318848 6.100500106811523 C 23.2552490234375 3.456249237060547 19.73954010009766 2 16 2 M 16 0 C 24.8365592956543 0 32 7.163440704345703 32 16 C 32 24.8365592956543 24.8365592956543 32 16 32 C 7.163440704345703 32 0 24.8365592956543 0 16 C 0 7.163440704345703 7.163440704345703 0 16 0 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n <g id=\"Layer_1\" data-name=\"Layer 1\" transform=\"translate(-41.01 244.242)\">\r\n <g id=\"Group_10898\" data-name=\"Group 10898\" transform=\"translate(50 -236)\">\r\n <g id=\"Group_10893\" data-name=\"Group 10893\" transform=\"translate(0)\">\r\n <path id=\"Rectangle_1510\" data-name=\"Rectangle 1510\" d=\"M15.706,50.57h0a.572.572,0,0,1-.57.57H13.07a.572.572,0,0,1-.57-.57h0a.572.572,0,0,1,.57-.57h2.065A.572.572,0,0,1,15.706,50.57Z\" transform=\"translate(-10.076 -35.739)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1511\" data-name=\"Rectangle 1511\" d=\"M40.086,50.57h0a.572.572,0,0,1-.57.57H37.45a.572.572,0,0,1-.57-.57h0a.572.572,0,0,1,.57-.57h2.065A.572.572,0,0,1,40.086,50.57Z\" transform=\"translate(-27.502 -35.739)\" fill=\"#fff\"/>\r\n <g id=\"Path_6177\" data-name=\"Path 6177\">\r\n <path id=\"Path_6179\" data-name=\"Path 6179\" d=\"M5.426.285A1.141,1.141,0,0,0,4.285,1.426V13.405a1.141,1.141,0,0,0,1.141,1.141H17.405a1.141,1.141,0,0,0,1.141-1.141V1.426A1.141,1.141,0,0,0,17.405.285H5.426m0-.285H17.405a1.427,1.427,0,0,1,1.426,1.426V13.405a1.427,1.427,0,0,1-1.426,1.426H5.426A1.427,1.427,0,0,1,4,13.405V1.426A1.427,1.427,0,0,1,5.426,0Z\" transform=\"translate(-4)\" fill=\"#fff\"/>\r\n </g>\r\n <path id=\"Rectangle_1507_-_Outline\" data-name=\"Rectangle 1507 - Outline\" d=\"M5.426.285A1.141,1.141,0,0,0,4.285,1.426V13.405a1.141,1.141,0,0,0,1.141,1.141H17.405a1.141,1.141,0,0,0,1.141-1.141V1.426A1.141,1.141,0,0,0,17.405.285H5.426m0-.285H17.405a1.427,1.427,0,0,1,1.426,1.426V13.405a1.427,1.427,0,0,1-1.426,1.426H5.426A1.427,1.427,0,0,1,4,13.405V1.426A1.427,1.427,0,0,1,5.426,0Z\" transform=\"translate(-4)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1506\" data-name=\"Rectangle 1506\" d=\"M8.426,3.285A1.141,1.141,0,0,0,7.285,4.426V14.694a1.141,1.141,0,0,0,1.141,1.141H18.694a1.141,1.141,0,0,0,1.141-1.141V4.426a1.141,1.141,0,0,0-1.141-1.141H8.426m0-.285H18.694A1.427,1.427,0,0,1,20.12,4.426V14.694a1.427,1.427,0,0,1-1.426,1.426H8.426A1.427,1.427,0,0,1,7,14.694V4.426A1.427,1.427,0,0,1,8.426,3Z\" transform=\"translate(-6.144 -2.144)\" fill=\"#fff\"/>\r\n <path id=\"Path_6176\" data-name=\"Path 6176\" d=\"M42.283,22A1.283,1.283,0,1,1,41,23.283,1.282,1.282,0,0,1,42.283,22Z\" transform=\"translate(-31.303 -15.868)\" fill=\"none\" stroke=\"#fff\" stroke-width=\"0.7\"/>\r\n <path id=\"Rectangle_1508\" data-name=\"Rectangle 1508\" d=\"M6.57,9h0a.572.572,0,0,1,.57.57v2.567a.572.572,0,0,1-.57.57h0a.572.572,0,0,1-.57-.57V9.57A.572.572,0,0,1,6.57,9Z\" transform=\"translate(-5.43 -6.433)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1509\" data-name=\"Rectangle 1509\" d=\"M6.57,30h0a.572.572,0,0,1,.57.57v2.567a.572.572,0,0,1-.57.57h0a.572.572,0,0,1-.57-.57V30.57A.572.572,0,0,1,6.57,30Z\" transform=\"translate(-5.43 -21.444)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #pensionerIcon>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"32\" height=\"32\" viewBox=\"15 14 32 32\">\r\n <defs>\r\n <filter id=\"Path_21472\" x=\"0\" y=\"0\" width=\"62\" height=\"62\" filterUnits=\"userSpaceOnUse\">\r\n <feOffset dy=\"1\" input=\"SourceAlpha\"/>\r\n <feGaussianBlur stdDeviation=\"5\" result=\"blur\"/>\r\n <feFlood flood-opacity=\"0.161\"/>\r\n <feComposite operator=\"in\" in2=\"blur\"/>\r\n <feComposite in=\"SourceGraphic\"/>\r\n </filter>\r\n </defs>\r\n <g id=\"Group_15420\" data-name=\"Group 15420\" transform=\"translate(15 14)\">\r\n <g transform=\"matrix(1, 0, 0, 1, -15, -14)\" filter=\"url(#Path_21472)\">\r\n <g id=\"Path_21472-2\" data-name=\"Path 21472\" transform=\"translate(15 14)\" fill=\"#15808d\">\r\n <path d=\"M 16 31 C 11.9933500289917 31 8.226519584655762 29.43972969055176 5.393400192260742 26.60659980773926 C 2.560270071029663 23.77347946166992 1 20.00665092468262 1 16 C 1 11.9933500289917 2.560270071029663 8.226519584655762 5.393400192260742 5.393400192260742 C 8.226519584655762 2.560270071029663 11.9933500289917 1 16 1 C 20.00665092468262 1 23.77347946166992 2.560270071029663 26.60659980773926 5.393400192260742 C 29.43972969055176 8.226519584655762 31 11.9933500289917 31 16 C 31 20.00665092468262 29.43972969055176 23.77347946166992 26.60659980773926 26.60659980773926 C 23.77347946166992 29.43972969055176 20.00665092468262 31 16 31 Z\" stroke=\"none\"/>\r\n <path d=\"M 16 2 C 12.26045989990234 2 8.744749069213867 3.456249237060547 6.100500106811523 6.100500106811523 C 3.456249237060547 8.744749069213867 2 12.26045989990234 2 16 C 2 19.73954010009766 3.456249237060547 23.2552490234375 6.100500106811523 25.89949989318848 C 8.744749069213867 28.54375076293945 12.26045989990234 30 16 30 C 19.73954010009766 30 23.2552490234375 28.54375076293945 25.89949989318848 25.89949989318848 C 28.54375076293945 23.2552490234375 30 19.73954010009766 30 16 C 30 12.26045989990234 28.54375076293945 8.744749069213867 25.89949989318848 6.100500106811523 C 23.2552490234375 3.456249237060547 19.73954010009766 2 16 2 M 16 0 C 24.8365592956543 0 32 7.163440704345703 32 16 C 32 24.8365592956543 24.8365592956543 32 16 32 C 7.163440704345703 32 0 24.8365592956543 0 16 C 0 7.163440704345703 7.163440704345703 0 16 0 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n <g id=\"Portfolio_Icon\" data-name=\"Portfolio Icon\" transform=\"translate(-0.014 7.951)\">\r\n <path id=\"Path_6468\" data-name=\"Path 6468\" d=\"M49.257,42.8H36.163a1.716,1.716,0,0,1-1.8-1.615V31.01a.242.242,0,0,1,.48,0,1.12,1.12,0,0,0,1.173,1.054H49.257a1.085,1.085,0,0,1,1.138,1.022v2.667a.229.229,0,0,1-.24.215H45.485a1.6,1.6,0,0,0-1.082.406,1.288,1.288,0,0,0-.438.977A1.473,1.473,0,0,0,45.511,38.7h4.641a.229.229,0,0,1,.24.216v2.859A1.086,1.086,0,0,1,49.257,42.8ZM34.845,32.055V41.18a1.256,1.256,0,0,0,1.317,1.183H49.257a.627.627,0,0,0,.658-.591V39.131h-4.4a1.933,1.933,0,0,1-2.026-1.773,1.695,1.695,0,0,1,.576-1.286,2.105,2.105,0,0,1,1.424-.534h4.429V33.086a.627.627,0,0,0-.658-.591H36.019A1.747,1.747,0,0,1,34.845,32.055Z\" transform=\"translate(-26.426 -27.829)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6469\" data-name=\"Path 6469\" d=\"M69.395,49.118H64.718a1.933,1.933,0,0,1-2.026-1.773,1.694,1.694,0,0,1,.576-1.286,2.1,2.1,0,0,1,1.424-.535h4.7a1.086,1.086,0,0,1,1.138,1.022V48.1a1.086,1.086,0,0,1-1.138,1.021Zm-4.7-3.162a1.6,1.6,0,0,0-1.082.406,1.288,1.288,0,0,0-.438.977,1.473,1.473,0,0,0,1.546,1.347h4.678a.628.628,0,0,0,.658-.591v-1.55a.628.628,0,0,0-.658-.591h-4.7Z\" transform=\"translate(-45.631 -37.816)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6470\" data-name=\"Path 6470\" d=\"M37.763,29.805H36.016a1.494,1.494,0,1,1,0-2.97h6.345a.237.237,0,0,1,.231.157.206.206,0,0,1-.105.242l-4.6,2.539A.258.258,0,0,1,37.763,29.805Zm-1.747-2.539a1.06,1.06,0,1,0,0,2.108h1.678l3.818-2.108Z\" transform=\"translate(-26.424 -25.139)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6471\" data-name=\"Path 6471\" d=\"M56.553,29.82H45.8a.233.233,0,0,1-.238-.186.217.217,0,0,1,.172-.237l8.617-2.2,1.33-.34a.245.245,0,0,1,.3.149l.805,2.54a.2.2,0,0,1-.039.189.25.25,0,0,1-.193.086Zm-9.027-.431h8.71l-.651-2.057Z\" transform=\"translate(-34.018 -25.154)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6472\" data-name=\"Path 6472\" d=\"M44.862,26.254h-.445a.238.238,0,0,1-.231-.157.206.206,0,0,1,.105-.242l4.6-2.539,3.071-1.7a.258.258,0,0,1,.33.071l1.393,2.035a.2.2,0,0,1,.019.191.232.232,0,0,1-.158.129l-8.617,2.2A.279.279,0,0,1,44.862,26.254ZM52.008,22.1l-6.364,3.513,7.465-1.906Z\" transform=\"translate(-33.079 -21.588)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n <path id=\"Path_6473\" data-name=\"Path 6473\" d=\"M67.51,50.355a.67.67,0,1,1,.741-.666.708.708,0,0,1-.741.666Zm0-.9a.237.237,0,1,0,.262.235.25.25,0,0,0-.262-.236Z\" transform=\"translate(-48.491 -40.185)\" fill=\"#fff\"/>\r\n <path id=\"Path_6474\" data-name=\"Path 6474\" d=\"M40.583,59.719V56.632c0-.142.011-.285,0-.427V56.2c0-.118-.383-.118-.383,0v3.088c0,.142-.011.284,0,.427v.006C40.2,59.836,40.583,59.837,40.583,59.719Z\" transform=\"translate(-30.379 -44.995)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0.2\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n", styles: [".logo-cicrcle,.dropdown-content .user-type-switch__option>.logo,.logo-content,:host{display:flex;place-items:center;place-content:center;border-radius:50%}:host{height:3rem;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));z-index:999;box-shadow:3px 3px 10px #00000014;border:3px solid #FFFFFF}@media (max-width: 768px){:host{width:30px;height:30px}}:host.has-dashboard-switch{border-radius:30px;width:167px;height:59px;place-items:unset;place-content:unset;background:#fff;border:none;display:inline-flex;align-items:center}:host.has-dashboard-switch .logo-content{width:100%}:host.has-dashboard-switch .dropdown-content{top:4.2rem}@media (max-width: 768px){:host.has-dashboard-switch .dropdown-content{top:47px}}@media (max-width: 768px){:host.has-dashboard-switch{width:auto;height:auto}}.logo-content--switch{display:flex;align-items:center;width:100%;padding:.375rem .5rem .375rem 1rem;gap:.75rem;cursor:pointer;text-align:center}.logo-content--switch__label{font-family:var(--standard-font-family-hero-new);font-size:16px;color:#2c3245;white-space:nowrap;flex:1}.logo-content--switch>svg{width:32px;height:32px;flex-shrink:0;display:block}.logo-content--switch>svg.profile-switch-icon{width:48px;height:48px}@media (max-width: 768px){.logo-content--switch>svg.profile-switch-icon{width:32px;height:32px}}.logo-content{width:3rem;height:3rem;color:#fff;font-family:Hero New ExtraBold;font-size:2rem;cursor:pointer}.logo-content>svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.logo-content{width:30px;height:30px;font-size:18px}.logo-content>svg{width:1rem;height:1rem}}.dropdown-content{position:absolute;width:auto;min-width:min(230px,82vw);height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content .page-name{padding-right:1.5rem}.dropdown-content>div:not(.user-type-switch):not(.dashboard-switch):nth-child(-n+2){display:none}.dropdown-content.has-dashboard-switch>div:not(.user-type-switch):not(.dashboard-switch):nth-child(-n+3){display:none}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content>div:not(.user-type-switch):not(.dashboard-switch):nth-child(-n+2){display:none}.dropdown-content.has-dashboard-switch>div:not(.user-type-switch):not(.dashboard-switch):nth-child(-n+3){display:none}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725);cursor:pointer}.dropdown-content div svg,.dropdown-content div.container{width:20px;height:20px;padding-left:1rem}.dropdown-content div.container{border:none}.dropdown-content>div:not(.user-type-switch):not(.dashboard-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#fafbfc;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.dropdown-content .dashboard-switch{height:fit-content;cursor:default;border-bottom:none}.dropdown-content .dashboard-switch div svg,.dropdown-content .dashboard-switch div.container{width:unset;height:unset;padding-left:unset}.dropdown-content .dashboard-switch div{height:auto;gap:.5rem;border-bottom:none}.dropdown-content .dashboard-switch ::ng-deep .radio-buttons-container{gap:.2rem}.dropdown-content .dashboard-switch lib-af-connect-radio-button span{font-size:12px}.dropdown-content .dashboard-switch lib-af-connect-radio-group{gap:.75rem;width:100%;padding:.5rem}.dropdown-content .dashboard-switch lib-af-connect-radio-button{width:100%}.dropdown-content .dashboard-switch__option{width:100%;height:42px;padding:.5rem;border-bottom:none;gap:.3rem;background-color:#fafbfc;box-sizing:border-box;cursor:pointer}.dropdown-content .dashboard-switch__option:hover{background-color:#0000000a}.dropdown-content .dashboard-switch__option>svg{height:32px;width:32px;flex:0 0 32px;overflow:hidden;border-radius:50%;filter:drop-shadow(1px 3px 5px rgba(0,0,0,.161))}.dropdown-content.has-dashboard-switch{min-width:min(280px,90vw)}.navigation-item{transition:color .2s ease-out;cursor:pointer}.navigation-item.disabled{pointer-events:none;color:#7f8991;cursor:default}.navigation-item.disabled>svg{filter:invert(54%) sepia(14%) saturate(254%) hue-rotate(165deg) brightness(97%) contrast(86%)}.blue{background:#2cc1da}.orange{background:#f69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}.bold{font-family:var(--standard-font-family-hero-new-semibold)}\n"] }]
945
963
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.DomSanitizer }, { type: i1$3.Router }, { type: BreakpointLibService }], propDecorators: { username: [{
946
964
  type: Input
947
965
  }], userType: [{
@@ -956,6 +974,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
956
974
  type: Input
957
975
  }], canEditProfile: [{
958
976
  type: Input
977
+ }], hasDashboardSwitch: [{
978
+ type: Input
979
+ }], dashboardType: [{
980
+ type: Input
981
+ }], hasDashboardSwitchClass: [{
982
+ type: HostBinding,
983
+ args: ['class.has-dashboard-switch']
959
984
  }], editProfile: [{
960
985
  type: Output
961
986
  }], callMeBack: [{
@@ -968,6 +993,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
968
993
  type: Output
969
994
  }], switchUserType: [{
970
995
  type: Output
996
+ }], switchDashboardType: [{
997
+ type: Output
971
998
  }], show: [{
972
999
  type: HostListener,
973
1000
  args: ['click', ['$event']]
@@ -991,6 +1018,7 @@ class AfConnectHeaderComponent {
991
1018
  this.logout = new EventEmitter();
992
1019
  this.switchUserType = new EventEmitter();
993
1020
  this.navigate = new EventEmitter();
1021
+ this.switchDashboardType = new EventEmitter();
994
1022
  this.USER_TYPE = UserType;
995
1023
  this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {
996
1024
  const urlSegments = this.router.url.split('/');
@@ -1003,6 +1031,9 @@ class AfConnectHeaderComponent {
1003
1031
  switch(type) {
1004
1032
  this.switchUserType.emit(type);
1005
1033
  }
1034
+ switchDashboard(type) {
1035
+ this.switchDashboardType.emit(type);
1036
+ }
1006
1037
  navigateTo(url) {
1007
1038
  if (this.disableNavUrls) {
1008
1039
  return;
@@ -1014,11 +1045,11 @@ class AfConnectHeaderComponent {
1014
1045
  return this.activeRoute.includes(route);
1015
1046
  }
1016
1047
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectHeaderComponent, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
1017
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectHeaderComponent, selector: "lib-af-connect-header", inputs: { username: "username", activeRoute: "activeRoute", navUrls: "navUrls", disableNavUrls: "disableNavUrls", isLogoHidden: "isLogoHidden", userType: "userType", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid", canEditProfile: "canEditProfile" }, outputs: { editProfile: "editProfile", callMeBack: "callMeBack", contactAdviser: "contactAdviser", resetPassword: "resetPassword", logout: "logout", switchUserType: "switchUserType", navigate: "navigate" }, ngImport: i0, template: "<svg class=\"logo\" (click)=\"navigateTo('dashboard')\"xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 592.39 132.62\">\r\n <defs>\r\n <style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#f15b25;}.cls-3{fill:#1a808d;}</style>\r\n <linearGradient id=\"linear-gradient\" x1=\"254.64\" y1=\"41.32\" x2=\"604.45\" y2=\"41.32\" gradientUnits=\"userSpaceOnUse\">\r\n <stop offset=\"0\" stop-color=\"#1a808d\"/>\r\n <stop offset=\"1\"/>\r\n </linearGradient>\r\n </defs>\r\n <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n <path class=\"cls-1\" d=\"M32.59,53.64c0-17.53,12.08-29.31,24.45-29.31a20.54,20.54,0,0,1,17.53,9.31l1.78-7.82H92V81.16H76.35l-1.78-7.82A20.53,20.53,0,0,1,57,82.64C44.67,82.64,32.59,70.86,32.59,53.64Zm41.28-.1c0-7.43-4.75-12.77-11.18-12.77C56,40.77,51.2,46.41,51.2,53.54S56,66.21,62.69,66.21C69.12,66.21,73.87,60.86,73.87,53.54ZM103.85,0h18.41V81.16H103.85ZM187.1,58.49H150.77c2.47,6.63,9,9.9,16.53,9.9,6,0,11.59-2.08,16.64-4.85V78.09a39.5,39.5,0,0,1-19.11,4.55c-20.3,0-31.68-12.27-31.68-29,0-17.43,12.27-29.31,28.21-29.31,14.46,0,26.24,9.8,26.24,28.22A35.8,35.8,0,0,1,187.1,58.49Zm-16.93-10.6c-.19-5.54-3.66-9.3-8.91-9.3-5,0-9.4,3.56-10.89,9.3Zm61.77,5,19,28.32h-20.8l-9.3-15.94h-.2l-9.31,15.94h-19.8l18.72-27.62L191.74,25.82h20.1l9.21,15.93h.19l9.21-15.93h19.8ZM264.26,41h-7.43V25.82h7.53V21.26C264.36,11,271.88.57,287.13.57a38,38,0,0,1,11.09,1.58V17.5a23.35,23.35,0,0,0-7.63-1.19c-5.34,0-8.21,1.88-8.21,6.24v3.27h14.15V41H282.67v40.2H264.26Zm38,12.48c0-17.43,13.17-29.11,29.7-29.11s29.5,11.68,29.5,29.11S348.6,82.64,332,82.64,302.27,70.76,302.27,53.44Zm40.69,0c0-8.12-5.45-12.67-11-12.67s-11.09,4.55-11.09,12.67S326.33,66.21,332,66.21,343,61.56,343,53.44Zm29-27.62h14.65l1.78,8.11h.2a16.67,16.67,0,0,1,14.85-8.71,13.89,13.89,0,0,1,4.26.5V42.84a20.69,20.69,0,0,0-4.85-.59c-6.44,0-12.48,3.37-12.48,13.46V81.16H371.93Zm62.45,7.52c3.27-5.25,10.1-9,17.13-9,12.77,0,23.86,11.39,23.86,29.21s-11.88,29.1-24.75,29.1a20.84,20.84,0,0,1-17.33-9.3l-1.68,7.82H416V.14h18.41Zm-.2,20.2c0,7.42,4.65,12.67,11.19,12.67s11.38-5.45,11.38-12.57S452,40.77,445.27,40.77C438.83,40.77,434.18,46.11,434.18,53.54Zm103.3,5H501.14c2.48,6.63,9,9.9,16.54,9.9,6,0,11.58-2.08,16.63-4.85V78.09a39.48,39.48,0,0,1-19.11,4.55c-20.29,0-31.68-12.27-31.68-29,0-17.43,12.28-29.31,28.22-29.31,14.45,0,26.23,9.8,26.23,28.22A37,37,0,0,1,537.48,58.49Zm-16.93-10.6c-.2-5.54-3.67-9.3-8.91-9.3-5.05,0-9.41,3.56-10.89,9.3Zm67.66-19.4V43.64a35.12,35.12,0,0,0-17-4.56c-4.26,0-6.63,1.19-6.63,3.27s2.67,3.27,8.51,4.65C582.27,49.18,592,52.45,592,64.23c0,11.29-8.91,18.41-24.65,18.41-8.22,0-15.15-2-19.9-4.85V61.46a31.35,31.35,0,0,0,19.11,6.43c4.85,0,7.62-1.29,7.62-3.56,0-2.58-3.46-3.37-10.4-5.35-8.61-2.37-16.83-6.24-16.83-16.43,0-10.5,8.52-18.22,23.47-18.22C576.92,24.33,583.75,25.91,588.21,28.49Z\"/>\r\n <circle class=\"cls-2\" cx=\"10.86\" cy=\"34.87\" r=\"10.86\" transform=\"translate(-15.07 9.15) rotate(-27.94)\"/>\r\n <circle class=\"cls-2\" cx=\"10.86\" cy=\"71.4\" r=\"10.86\" transform=\"translate(-32.19 13.41) rotate(-27.94)\"/>\r\n <circle class=\"cls-3\" cx=\"368.84\" cy=\"117.24\" r=\"2.98\"/>\r\n <path class=\"cls-2\" d=\"M264,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,264,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M285.22,115.78v10.43h-3.39v-9.34c0-2.42-1.1-3.56-3.19-3.56a3.34,3.34,0,0,0-3.45,3.42v9.48h-3.4V110.52h2.62l.37,2.33h.09a5.58,5.58,0,0,1,4.77-2.71C283.06,110.14,285.22,112.33,285.22,115.78Z\"/>\r\n <path class=\"cls-2\" d=\"M299.46,111.47v3.1a7.88,7.88,0,0,0-4.71-1.52c-1.79,0-2.76.69-2.76,1.78s1.17,1.61,3.16,2.18c2.47.66,5.23,1.5,5.23,4.72,0,3-2.33,4.86-6.21,4.86a9.11,9.11,0,0,1-5.49-1.67v-3.34a7.88,7.88,0,0,0,5.38,2.13c1.92,0,3-.8,3-1.95,0-1.3-1.35-1.73-3.5-2.39-2.56-.75-4.89-1.67-4.89-4.46s2.24-4.77,5.95-4.77A8.9,8.9,0,0,1,299.46,111.47Z\"/>\r\n <path class=\"cls-2\" d=\"M303.29,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,303.29,105.54Zm.29,5H307v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M322.53,113.1l.37-2.58h2.82v14.14c0,5.17-3.65,8-8.13,8a10.29,10.29,0,0,1-5.9-1.9V127.3a8.84,8.84,0,0,0,5.67,2.27c2.78,0,5-1.78,5-4.45v-2a6.05,6.05,0,0,1-5.17,2.81c-3.68,0-7.05-3.16-7.05-7.87s3.42-7.88,7.1-7.88A6.24,6.24,0,0,1,322.53,113.1Zm-9,5a4.48,4.48,0,1,0,8.92-.09,4.5,4.5,0,0,0-4.46-4.74A4.58,4.58,0,0,0,313.5,118.08Z\"/>\r\n <path class=\"cls-2\" d=\"M333.23,112.27h.06a5.37,5.37,0,0,1,4.36-2.13c3.43,0,5.61,2,5.61,5.67v10.4h-3.39v-9.37c0-2.41-1-3.59-3.16-3.59a3.22,3.22,0,0,0-3.48,3.39v9.57h-3.39v-23h3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M351.15,110.52h4.34v2.87h-4.34v7c0,2.24,1.38,3.16,3.28,3.16a9.45,9.45,0,0,0,1.41-.14v2.9a10.36,10.36,0,0,1-2.1.2c-3.71,0-5.92-2.21-5.92-6v-7.13h-2.3v-2.87h2.35v-3.65h3.28Z\"/>\r\n <path class=\"cls-2\" d=\"M380.9,118.39c0-5,3.45-8.25,7-8.25a6.17,6.17,0,0,1,5.43,3.08l.38-2.7h2.81v15.69h-2.81l-.38-2.7a6.17,6.17,0,0,1-5.43,3.08C384.35,126.59,380.9,123.34,380.9,118.39Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.51,2.12-4.51,5.11,2,5.12,4.51,5.12S393.26,121.38,393.26,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M399.81,118.36c0-5,3.39-8.22,7.07-8.22a5.94,5.94,0,0,1,5.23,2.94v-9.89h3.39v23h-2.81l-.41-2.7a6.11,6.11,0,0,1-5.37,3.08C403.23,126.59,399.81,123.39,399.81,118.36Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.48,2.12-4.48,5.11,1.92,5.12,4.48,5.12S412.17,121.38,412.17,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M417.88,110.52h3.62l3.94,12h.09l3.94-12H433l-5.72,15.69H423.6Z\"/>\r\n <path class=\"cls-2\" d=\"M435.05,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,435.05,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M450.28,123.48a6.72,6.72,0,0,0,4.08-1.24v3.25a9,9,0,0,1-4.45,1.1,8.23,8.23,0,0,1,0-16.45,8.38,8.38,0,0,1,4.45,1.12v3.28a6.75,6.75,0,0,0-4.11-1.29,5.12,5.12,0,0,0,0,10.23Z\"/>\r\n <path class=\"cls-2\" d=\"M471.18,119.4H459.91a5.07,5.07,0,0,0,5.32,4.37,8.23,8.23,0,0,0,5.11-1.87v3a9.54,9.54,0,0,1-5.46,1.64c-5.14,0-8.25-3.34-8.25-8.17,0-5,3.51-8.28,7.71-8.28,3.79,0,6.92,2.73,6.92,7.94A8.91,8.91,0,0,1,471.18,119.4ZM468,117.13c-.08-2.79-1.78-4.17-3.73-4.17a4.56,4.56,0,0,0-4.43,4.17Z\"/>\r\n <path class=\"cls-2\" d=\"M497.53,105.54a2,2,0,1,1,2,1.93A1.93,1.93,0,0,1,497.53,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M526.55,115.78v10.43h-3.39v-9.83c0-2-.78-3.07-2.65-3.07a2.86,2.86,0,0,0-2.9,3v9.89h-3.39v-9.83c0-2-.78-3.07-2.65-3.07a2.91,2.91,0,0,0-2.87,3.19v9.71h-3.39V110.52h2.61l.38,2.27h.08a4.77,4.77,0,0,1,4.26-2.65,4.46,4.46,0,0,1,4.4,2.73,5,5,0,0,1,4.51-2.73C525,110.14,526.55,112.44,526.55,115.78Z\"/>\r\n <path class=\"cls-2\" d=\"M530.59,110.52h2.82l.37,2.7a6.14,6.14,0,0,1,5.37-3.08c3.71,0,7.13,3.22,7.13,8.22s-3.36,8.23-7,8.23a6.13,6.13,0,0,1-5.26-2.94v8.6h-3.39Zm12.27,7.82c0-3-2-5.09-4.48-5.09s-4.46,2.1-4.46,5.11,1.93,5.12,4.43,5.12S542.86,121.38,542.86,118.34Z\"/>\r\n <path class=\"cls-2\" d=\"M548.66,118.39c0-5,3.45-8.25,7-8.25a6.17,6.17,0,0,1,5.43,3.08l.38-2.7h2.81v15.69h-2.81l-.38-2.7a6.17,6.17,0,0,1-5.43,3.08C552.11,126.59,548.66,123.34,548.66,118.39Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.51,2.12-4.51,5.11,2,5.12,4.51,5.12S561,121.38,561,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M575.92,123.48a6.74,6.74,0,0,0,4.08-1.24v3.25a9,9,0,0,1-4.45,1.1,8.23,8.23,0,0,1,0-16.45,8.38,8.38,0,0,1,4.45,1.12v3.28a6.77,6.77,0,0,0-4.11-1.29,5.12,5.12,0,0,0,0,10.23Z\"/>\r\n <path class=\"cls-2\" d=\"M587.7,110.52H592v2.87H587.7v7c0,2.24,1.38,3.16,3.28,3.16a9.45,9.45,0,0,0,1.41-.14v2.9a10.36,10.36,0,0,1-2.1.2c-3.71,0-5.92-2.21-5.92-6v-7.13h-2.3v-2.87h2.36v-3.65h3.27Z\"/>\r\n <circle class=\"cls-3\" cx=\"483.77\" cy=\"117.24\" r=\"2.98\"/>\r\n </g>\r\n </g>\r\n</svg>\r\n\r\n<div class=\"header-menu\">\r\n <ng-container *ngFor=\"let url of navUrls\">\r\n <div [ngClass]=\"{ active: isActive(url.href), disabled: disableNavUrls }\" (mousedown)=\"navigateTo(url.href) \">{{ url.name }}</div>\r\n </ng-container>\r\n</div>\r\n\r\n<div id=\"header-profile\">\r\n <lib-af-connect-profile-dropdown\r\n *ngIf=\"!isLogoHidden\"\r\n [navUrls]=\"navUrls\"\r\n [disableNavUrls]=\"disableNavUrls\"\r\n [username]=\"username\"\r\n [userType]=\"userType\"\r\n [hasSwitchIndicator]=\"hasSwitchIndicator\"\r\n [isHybrid]=\"isHybrid\"\r\n [canEditProfile]=\"canEditProfile\"\r\n (editProfile)=\"editProfile.emit()\"\r\n (callMeBack)=\"callMeBack.emit()\"\r\n (contactAdviser)=\"contactAdviser.emit()\"\r\n (resetPassword)=\"resetPassword.emit()\"\r\n (logout)=\"logout.emit()\"\r\n (switchUserType)=\"switch($event)\"\r\n >\r\n </lib-af-connect-profile-dropdown>\r\n</div>\r\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;height:100px;margin:auto}@media (max-width: 768px){:host{width:auto;height:50px;padding:.5rem 1.25rem}}:host .logo{width:180px;height:40px;cursor:pointer}@media (max-width: 768px){:host .logo{width:132px;height:30px}}.header-menu{padding-left:1.2rem;padding-right:1.2rem;display:flex;gap:1.5rem;align-items:center}.header-menu>div{color:var(--secondary-space-color);cursor:pointer;position:relative;display:inline-block;transition:color .2s ease-out}.header-menu>div:after{content:\"\";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:linear-gradient(to bottom,#f15a22cc,#f15a2233);border-radius:0 0 5px 5px;opacity:0}.header-menu>div.active:after{opacity:1}.header-menu>div.disabled{pointer-events:none;cursor:default;color:#7f8991}@media (max-width: 1024px){.header-menu{display:none}}#header-profile{display:flex;align-items:center;gap:2rem}@media (max-width: 1024px){#header-profile{gap:1rem}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: ["username", "userType", "navUrls", "disableNavUrls", "hasSwitchIndicator", "isHybrid", "canEditProfile"], outputs: ["editProfile", "callMeBack", "contactAdviser", "resetPassword", "logout", "switchUserType"] }] }); }
1048
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectHeaderComponent, selector: "lib-af-connect-header", inputs: { username: "username", activeRoute: "activeRoute", navUrls: "navUrls", disableNavUrls: "disableNavUrls", isLogoHidden: "isLogoHidden", userType: "userType", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid", canEditProfile: "canEditProfile", hasDashboardSwitch: "hasDashboardSwitch", dashboardType: "dashboardType" }, outputs: { editProfile: "editProfile", callMeBack: "callMeBack", contactAdviser: "contactAdviser", resetPassword: "resetPassword", logout: "logout", switchUserType: "switchUserType", navigate: "navigate", switchDashboardType: "switchDashboardType" }, ngImport: i0, template: "<svg class=\"logo\" (click)=\"navigateTo('dashboard')\"xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 592.39 132.62\">\r\n <defs>\r\n <style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#f15b25;}.cls-3{fill:#1a808d;}</style>\r\n <linearGradient id=\"linear-gradient\" x1=\"254.64\" y1=\"41.32\" x2=\"604.45\" y2=\"41.32\" gradientUnits=\"userSpaceOnUse\">\r\n <stop offset=\"0\" stop-color=\"#1a808d\"/>\r\n <stop offset=\"1\"/>\r\n </linearGradient>\r\n </defs>\r\n <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n <path class=\"cls-1\" d=\"M32.59,53.64c0-17.53,12.08-29.31,24.45-29.31a20.54,20.54,0,0,1,17.53,9.31l1.78-7.82H92V81.16H76.35l-1.78-7.82A20.53,20.53,0,0,1,57,82.64C44.67,82.64,32.59,70.86,32.59,53.64Zm41.28-.1c0-7.43-4.75-12.77-11.18-12.77C56,40.77,51.2,46.41,51.2,53.54S56,66.21,62.69,66.21C69.12,66.21,73.87,60.86,73.87,53.54ZM103.85,0h18.41V81.16H103.85ZM187.1,58.49H150.77c2.47,6.63,9,9.9,16.53,9.9,6,0,11.59-2.08,16.64-4.85V78.09a39.5,39.5,0,0,1-19.11,4.55c-20.3,0-31.68-12.27-31.68-29,0-17.43,12.27-29.31,28.21-29.31,14.46,0,26.24,9.8,26.24,28.22A35.8,35.8,0,0,1,187.1,58.49Zm-16.93-10.6c-.19-5.54-3.66-9.3-8.91-9.3-5,0-9.4,3.56-10.89,9.3Zm61.77,5,19,28.32h-20.8l-9.3-15.94h-.2l-9.31,15.94h-19.8l18.72-27.62L191.74,25.82h20.1l9.21,15.93h.19l9.21-15.93h19.8ZM264.26,41h-7.43V25.82h7.53V21.26C264.36,11,271.88.57,287.13.57a38,38,0,0,1,11.09,1.58V17.5a23.35,23.35,0,0,0-7.63-1.19c-5.34,0-8.21,1.88-8.21,6.24v3.27h14.15V41H282.67v40.2H264.26Zm38,12.48c0-17.43,13.17-29.11,29.7-29.11s29.5,11.68,29.5,29.11S348.6,82.64,332,82.64,302.27,70.76,302.27,53.44Zm40.69,0c0-8.12-5.45-12.67-11-12.67s-11.09,4.55-11.09,12.67S326.33,66.21,332,66.21,343,61.56,343,53.44Zm29-27.62h14.65l1.78,8.11h.2a16.67,16.67,0,0,1,14.85-8.71,13.89,13.89,0,0,1,4.26.5V42.84a20.69,20.69,0,0,0-4.85-.59c-6.44,0-12.48,3.37-12.48,13.46V81.16H371.93Zm62.45,7.52c3.27-5.25,10.1-9,17.13-9,12.77,0,23.86,11.39,23.86,29.21s-11.88,29.1-24.75,29.1a20.84,20.84,0,0,1-17.33-9.3l-1.68,7.82H416V.14h18.41Zm-.2,20.2c0,7.42,4.65,12.67,11.19,12.67s11.38-5.45,11.38-12.57S452,40.77,445.27,40.77C438.83,40.77,434.18,46.11,434.18,53.54Zm103.3,5H501.14c2.48,6.63,9,9.9,16.54,9.9,6,0,11.58-2.08,16.63-4.85V78.09a39.48,39.48,0,0,1-19.11,4.55c-20.29,0-31.68-12.27-31.68-29,0-17.43,12.28-29.31,28.22-29.31,14.45,0,26.23,9.8,26.23,28.22A37,37,0,0,1,537.48,58.49Zm-16.93-10.6c-.2-5.54-3.67-9.3-8.91-9.3-5.05,0-9.41,3.56-10.89,9.3Zm67.66-19.4V43.64a35.12,35.12,0,0,0-17-4.56c-4.26,0-6.63,1.19-6.63,3.27s2.67,3.27,8.51,4.65C582.27,49.18,592,52.45,592,64.23c0,11.29-8.91,18.41-24.65,18.41-8.22,0-15.15-2-19.9-4.85V61.46a31.35,31.35,0,0,0,19.11,6.43c4.85,0,7.62-1.29,7.62-3.56,0-2.58-3.46-3.37-10.4-5.35-8.61-2.37-16.83-6.24-16.83-16.43,0-10.5,8.52-18.22,23.47-18.22C576.92,24.33,583.75,25.91,588.21,28.49Z\"/>\r\n <circle class=\"cls-2\" cx=\"10.86\" cy=\"34.87\" r=\"10.86\" transform=\"translate(-15.07 9.15) rotate(-27.94)\"/>\r\n <circle class=\"cls-2\" cx=\"10.86\" cy=\"71.4\" r=\"10.86\" transform=\"translate(-32.19 13.41) rotate(-27.94)\"/>\r\n <circle class=\"cls-3\" cx=\"368.84\" cy=\"117.24\" r=\"2.98\"/>\r\n <path class=\"cls-2\" d=\"M264,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,264,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M285.22,115.78v10.43h-3.39v-9.34c0-2.42-1.1-3.56-3.19-3.56a3.34,3.34,0,0,0-3.45,3.42v9.48h-3.4V110.52h2.62l.37,2.33h.09a5.58,5.58,0,0,1,4.77-2.71C283.06,110.14,285.22,112.33,285.22,115.78Z\"/>\r\n <path class=\"cls-2\" d=\"M299.46,111.47v3.1a7.88,7.88,0,0,0-4.71-1.52c-1.79,0-2.76.69-2.76,1.78s1.17,1.61,3.16,2.18c2.47.66,5.23,1.5,5.23,4.72,0,3-2.33,4.86-6.21,4.86a9.11,9.11,0,0,1-5.49-1.67v-3.34a7.88,7.88,0,0,0,5.38,2.13c1.92,0,3-.8,3-1.95,0-1.3-1.35-1.73-3.5-2.39-2.56-.75-4.89-1.67-4.89-4.46s2.24-4.77,5.95-4.77A8.9,8.9,0,0,1,299.46,111.47Z\"/>\r\n <path class=\"cls-2\" d=\"M303.29,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,303.29,105.54Zm.29,5H307v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M322.53,113.1l.37-2.58h2.82v14.14c0,5.17-3.65,8-8.13,8a10.29,10.29,0,0,1-5.9-1.9V127.3a8.84,8.84,0,0,0,5.67,2.27c2.78,0,5-1.78,5-4.45v-2a6.05,6.05,0,0,1-5.17,2.81c-3.68,0-7.05-3.16-7.05-7.87s3.42-7.88,7.1-7.88A6.24,6.24,0,0,1,322.53,113.1Zm-9,5a4.48,4.48,0,1,0,8.92-.09,4.5,4.5,0,0,0-4.46-4.74A4.58,4.58,0,0,0,313.5,118.08Z\"/>\r\n <path class=\"cls-2\" d=\"M333.23,112.27h.06a5.37,5.37,0,0,1,4.36-2.13c3.43,0,5.61,2,5.61,5.67v10.4h-3.39v-9.37c0-2.41-1-3.59-3.16-3.59a3.22,3.22,0,0,0-3.48,3.39v9.57h-3.39v-23h3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M351.15,110.52h4.34v2.87h-4.34v7c0,2.24,1.38,3.16,3.28,3.16a9.45,9.45,0,0,0,1.41-.14v2.9a10.36,10.36,0,0,1-2.1.2c-3.71,0-5.92-2.21-5.92-6v-7.13h-2.3v-2.87h2.35v-3.65h3.28Z\"/>\r\n <path class=\"cls-2\" d=\"M380.9,118.39c0-5,3.45-8.25,7-8.25a6.17,6.17,0,0,1,5.43,3.08l.38-2.7h2.81v15.69h-2.81l-.38-2.7a6.17,6.17,0,0,1-5.43,3.08C384.35,126.59,380.9,123.34,380.9,118.39Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.51,2.12-4.51,5.11,2,5.12,4.51,5.12S393.26,121.38,393.26,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M399.81,118.36c0-5,3.39-8.22,7.07-8.22a5.94,5.94,0,0,1,5.23,2.94v-9.89h3.39v23h-2.81l-.41-2.7a6.11,6.11,0,0,1-5.37,3.08C403.23,126.59,399.81,123.39,399.81,118.36Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.48,2.12-4.48,5.11,1.92,5.12,4.48,5.12S412.17,121.38,412.17,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M417.88,110.52h3.62l3.94,12h.09l3.94-12H433l-5.72,15.69H423.6Z\"/>\r\n <path class=\"cls-2\" d=\"M435.05,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,435.05,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M450.28,123.48a6.72,6.72,0,0,0,4.08-1.24v3.25a9,9,0,0,1-4.45,1.1,8.23,8.23,0,0,1,0-16.45,8.38,8.38,0,0,1,4.45,1.12v3.28a6.75,6.75,0,0,0-4.11-1.29,5.12,5.12,0,0,0,0,10.23Z\"/>\r\n <path class=\"cls-2\" d=\"M471.18,119.4H459.91a5.07,5.07,0,0,0,5.32,4.37,8.23,8.23,0,0,0,5.11-1.87v3a9.54,9.54,0,0,1-5.46,1.64c-5.14,0-8.25-3.34-8.25-8.17,0-5,3.51-8.28,7.71-8.28,3.79,0,6.92,2.73,6.92,7.94A8.91,8.91,0,0,1,471.18,119.4ZM468,117.13c-.08-2.79-1.78-4.17-3.73-4.17a4.56,4.56,0,0,0-4.43,4.17Z\"/>\r\n <path class=\"cls-2\" d=\"M497.53,105.54a2,2,0,1,1,2,1.93A1.93,1.93,0,0,1,497.53,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M526.55,115.78v10.43h-3.39v-9.83c0-2-.78-3.07-2.65-3.07a2.86,2.86,0,0,0-2.9,3v9.89h-3.39v-9.83c0-2-.78-3.07-2.65-3.07a2.91,2.91,0,0,0-2.87,3.19v9.71h-3.39V110.52h2.61l.38,2.27h.08a4.77,4.77,0,0,1,4.26-2.65,4.46,4.46,0,0,1,4.4,2.73,5,5,0,0,1,4.51-2.73C525,110.14,526.55,112.44,526.55,115.78Z\"/>\r\n <path class=\"cls-2\" d=\"M530.59,110.52h2.82l.37,2.7a6.14,6.14,0,0,1,5.37-3.08c3.71,0,7.13,3.22,7.13,8.22s-3.36,8.23-7,8.23a6.13,6.13,0,0,1-5.26-2.94v8.6h-3.39Zm12.27,7.82c0-3-2-5.09-4.48-5.09s-4.46,2.1-4.46,5.11,1.93,5.12,4.43,5.12S542.86,121.38,542.86,118.34Z\"/>\r\n <path class=\"cls-2\" d=\"M548.66,118.39c0-5,3.45-8.25,7-8.25a6.17,6.17,0,0,1,5.43,3.08l.38-2.7h2.81v15.69h-2.81l-.38-2.7a6.17,6.17,0,0,1-5.43,3.08C552.11,126.59,548.66,123.34,548.66,118.39Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.51,2.12-4.51,5.11,2,5.12,4.51,5.12S561,121.38,561,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M575.92,123.48a6.74,6.74,0,0,0,4.08-1.24v3.25a9,9,0,0,1-4.45,1.1,8.23,8.23,0,0,1,0-16.45,8.38,8.38,0,0,1,4.45,1.12v3.28a6.77,6.77,0,0,0-4.11-1.29,5.12,5.12,0,0,0,0,10.23Z\"/>\r\n <path class=\"cls-2\" d=\"M587.7,110.52H592v2.87H587.7v7c0,2.24,1.38,3.16,3.28,3.16a9.45,9.45,0,0,0,1.41-.14v2.9a10.36,10.36,0,0,1-2.1.2c-3.71,0-5.92-2.21-5.92-6v-7.13h-2.3v-2.87h2.36v-3.65h3.27Z\"/>\r\n <circle class=\"cls-3\" cx=\"483.77\" cy=\"117.24\" r=\"2.98\"/>\r\n </g>\r\n </g>\r\n</svg>\r\n\r\n<div class=\"header-menu\">\r\n <ng-container *ngFor=\"let url of navUrls\">\r\n <div [ngClass]=\"{ active: isActive(url.href), disabled: disableNavUrls }\" (mousedown)=\"navigateTo(url.href) \">{{ url.name }}</div>\r\n </ng-container>\r\n</div>\r\n\r\n<div id=\"header-profile\">\r\n <lib-af-connect-profile-dropdown\r\n *ngIf=\"!isLogoHidden\"\r\n [navUrls]=\"navUrls\"\r\n [disableNavUrls]=\"disableNavUrls\"\r\n [username]=\"username\"\r\n [userType]=\"userType\"\r\n [hasSwitchIndicator]=\"hasSwitchIndicator\"\r\n [isHybrid]=\"isHybrid\"\r\n [canEditProfile]=\"canEditProfile\"\r\n [hasDashboardSwitch]=\"hasDashboardSwitch\"\r\n [dashboardType]=\"dashboardType\"\r\n (editProfile)=\"editProfile.emit()\"\r\n (callMeBack)=\"callMeBack.emit()\"\r\n (contactAdviser)=\"contactAdviser.emit()\"\r\n (resetPassword)=\"resetPassword.emit()\"\r\n (logout)=\"logout.emit()\"\r\n (switchUserType)=\"switch($event)\"\r\n (switchDashboardType)=\"switchDashboard($event)\"\r\n >\r\n </lib-af-connect-profile-dropdown>\r\n</div>\r\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;height:100px;margin:auto}@media (max-width: 768px){:host{width:auto;height:50px;padding:.5rem 1.25rem}}:host .logo{width:180px;height:40px;cursor:pointer}@media (max-width: 768px){:host .logo{width:132px;height:30px}}.header-menu{padding-left:1.2rem;padding-right:1.2rem;display:flex;gap:1.5rem;align-items:center}.header-menu>div{color:var(--secondary-space-color);cursor:pointer;position:relative;display:inline-block;transition:color .2s ease-out}.header-menu>div:after{content:\"\";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:linear-gradient(to bottom,#f15a22cc,#f15a2233);border-radius:0 0 5px 5px;opacity:0}.header-menu>div.active:after{opacity:1}.header-menu>div.disabled{pointer-events:none;cursor:default;color:#7f8991}@media (max-width: 1024px){.header-menu{display:none}}#header-profile{display:flex;align-items:center;gap:2rem}@media (max-width: 1024px){#header-profile{gap:1rem}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: ["username", "userType", "navUrls", "disableNavUrls", "hasSwitchIndicator", "isHybrid", "canEditProfile", "hasDashboardSwitch", "dashboardType"], outputs: ["editProfile", "callMeBack", "contactAdviser", "resetPassword", "logout", "switchUserType", "switchDashboardType"] }] }); }
1018
1049
  }
1019
1050
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectHeaderComponent, decorators: [{
1020
1051
  type: Component,
1021
- args: [{ selector: 'lib-af-connect-header', template: "<svg class=\"logo\" (click)=\"navigateTo('dashboard')\"xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 592.39 132.62\">\r\n <defs>\r\n <style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#f15b25;}.cls-3{fill:#1a808d;}</style>\r\n <linearGradient id=\"linear-gradient\" x1=\"254.64\" y1=\"41.32\" x2=\"604.45\" y2=\"41.32\" gradientUnits=\"userSpaceOnUse\">\r\n <stop offset=\"0\" stop-color=\"#1a808d\"/>\r\n <stop offset=\"1\"/>\r\n </linearGradient>\r\n </defs>\r\n <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n <path class=\"cls-1\" d=\"M32.59,53.64c0-17.53,12.08-29.31,24.45-29.31a20.54,20.54,0,0,1,17.53,9.31l1.78-7.82H92V81.16H76.35l-1.78-7.82A20.53,20.53,0,0,1,57,82.64C44.67,82.64,32.59,70.86,32.59,53.64Zm41.28-.1c0-7.43-4.75-12.77-11.18-12.77C56,40.77,51.2,46.41,51.2,53.54S56,66.21,62.69,66.21C69.12,66.21,73.87,60.86,73.87,53.54ZM103.85,0h18.41V81.16H103.85ZM187.1,58.49H150.77c2.47,6.63,9,9.9,16.53,9.9,6,0,11.59-2.08,16.64-4.85V78.09a39.5,39.5,0,0,1-19.11,4.55c-20.3,0-31.68-12.27-31.68-29,0-17.43,12.27-29.31,28.21-29.31,14.46,0,26.24,9.8,26.24,28.22A35.8,35.8,0,0,1,187.1,58.49Zm-16.93-10.6c-.19-5.54-3.66-9.3-8.91-9.3-5,0-9.4,3.56-10.89,9.3Zm61.77,5,19,28.32h-20.8l-9.3-15.94h-.2l-9.31,15.94h-19.8l18.72-27.62L191.74,25.82h20.1l9.21,15.93h.19l9.21-15.93h19.8ZM264.26,41h-7.43V25.82h7.53V21.26C264.36,11,271.88.57,287.13.57a38,38,0,0,1,11.09,1.58V17.5a23.35,23.35,0,0,0-7.63-1.19c-5.34,0-8.21,1.88-8.21,6.24v3.27h14.15V41H282.67v40.2H264.26Zm38,12.48c0-17.43,13.17-29.11,29.7-29.11s29.5,11.68,29.5,29.11S348.6,82.64,332,82.64,302.27,70.76,302.27,53.44Zm40.69,0c0-8.12-5.45-12.67-11-12.67s-11.09,4.55-11.09,12.67S326.33,66.21,332,66.21,343,61.56,343,53.44Zm29-27.62h14.65l1.78,8.11h.2a16.67,16.67,0,0,1,14.85-8.71,13.89,13.89,0,0,1,4.26.5V42.84a20.69,20.69,0,0,0-4.85-.59c-6.44,0-12.48,3.37-12.48,13.46V81.16H371.93Zm62.45,7.52c3.27-5.25,10.1-9,17.13-9,12.77,0,23.86,11.39,23.86,29.21s-11.88,29.1-24.75,29.1a20.84,20.84,0,0,1-17.33-9.3l-1.68,7.82H416V.14h18.41Zm-.2,20.2c0,7.42,4.65,12.67,11.19,12.67s11.38-5.45,11.38-12.57S452,40.77,445.27,40.77C438.83,40.77,434.18,46.11,434.18,53.54Zm103.3,5H501.14c2.48,6.63,9,9.9,16.54,9.9,6,0,11.58-2.08,16.63-4.85V78.09a39.48,39.48,0,0,1-19.11,4.55c-20.29,0-31.68-12.27-31.68-29,0-17.43,12.28-29.31,28.22-29.31,14.45,0,26.23,9.8,26.23,28.22A37,37,0,0,1,537.48,58.49Zm-16.93-10.6c-.2-5.54-3.67-9.3-8.91-9.3-5.05,0-9.41,3.56-10.89,9.3Zm67.66-19.4V43.64a35.12,35.12,0,0,0-17-4.56c-4.26,0-6.63,1.19-6.63,3.27s2.67,3.27,8.51,4.65C582.27,49.18,592,52.45,592,64.23c0,11.29-8.91,18.41-24.65,18.41-8.22,0-15.15-2-19.9-4.85V61.46a31.35,31.35,0,0,0,19.11,6.43c4.85,0,7.62-1.29,7.62-3.56,0-2.58-3.46-3.37-10.4-5.35-8.61-2.37-16.83-6.24-16.83-16.43,0-10.5,8.52-18.22,23.47-18.22C576.92,24.33,583.75,25.91,588.21,28.49Z\"/>\r\n <circle class=\"cls-2\" cx=\"10.86\" cy=\"34.87\" r=\"10.86\" transform=\"translate(-15.07 9.15) rotate(-27.94)\"/>\r\n <circle class=\"cls-2\" cx=\"10.86\" cy=\"71.4\" r=\"10.86\" transform=\"translate(-32.19 13.41) rotate(-27.94)\"/>\r\n <circle class=\"cls-3\" cx=\"368.84\" cy=\"117.24\" r=\"2.98\"/>\r\n <path class=\"cls-2\" d=\"M264,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,264,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M285.22,115.78v10.43h-3.39v-9.34c0-2.42-1.1-3.56-3.19-3.56a3.34,3.34,0,0,0-3.45,3.42v9.48h-3.4V110.52h2.62l.37,2.33h.09a5.58,5.58,0,0,1,4.77-2.71C283.06,110.14,285.22,112.33,285.22,115.78Z\"/>\r\n <path class=\"cls-2\" d=\"M299.46,111.47v3.1a7.88,7.88,0,0,0-4.71-1.52c-1.79,0-2.76.69-2.76,1.78s1.17,1.61,3.16,2.18c2.47.66,5.23,1.5,5.23,4.72,0,3-2.33,4.86-6.21,4.86a9.11,9.11,0,0,1-5.49-1.67v-3.34a7.88,7.88,0,0,0,5.38,2.13c1.92,0,3-.8,3-1.95,0-1.3-1.35-1.73-3.5-2.39-2.56-.75-4.89-1.67-4.89-4.46s2.24-4.77,5.95-4.77A8.9,8.9,0,0,1,299.46,111.47Z\"/>\r\n <path class=\"cls-2\" d=\"M303.29,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,303.29,105.54Zm.29,5H307v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M322.53,113.1l.37-2.58h2.82v14.14c0,5.17-3.65,8-8.13,8a10.29,10.29,0,0,1-5.9-1.9V127.3a8.84,8.84,0,0,0,5.67,2.27c2.78,0,5-1.78,5-4.45v-2a6.05,6.05,0,0,1-5.17,2.81c-3.68,0-7.05-3.16-7.05-7.87s3.42-7.88,7.1-7.88A6.24,6.24,0,0,1,322.53,113.1Zm-9,5a4.48,4.48,0,1,0,8.92-.09,4.5,4.5,0,0,0-4.46-4.74A4.58,4.58,0,0,0,313.5,118.08Z\"/>\r\n <path class=\"cls-2\" d=\"M333.23,112.27h.06a5.37,5.37,0,0,1,4.36-2.13c3.43,0,5.61,2,5.61,5.67v10.4h-3.39v-9.37c0-2.41-1-3.59-3.16-3.59a3.22,3.22,0,0,0-3.48,3.39v9.57h-3.39v-23h3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M351.15,110.52h4.34v2.87h-4.34v7c0,2.24,1.38,3.16,3.28,3.16a9.45,9.45,0,0,0,1.41-.14v2.9a10.36,10.36,0,0,1-2.1.2c-3.71,0-5.92-2.21-5.92-6v-7.13h-2.3v-2.87h2.35v-3.65h3.28Z\"/>\r\n <path class=\"cls-2\" d=\"M380.9,118.39c0-5,3.45-8.25,7-8.25a6.17,6.17,0,0,1,5.43,3.08l.38-2.7h2.81v15.69h-2.81l-.38-2.7a6.17,6.17,0,0,1-5.43,3.08C384.35,126.59,380.9,123.34,380.9,118.39Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.51,2.12-4.51,5.11,2,5.12,4.51,5.12S393.26,121.38,393.26,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M399.81,118.36c0-5,3.39-8.22,7.07-8.22a5.94,5.94,0,0,1,5.23,2.94v-9.89h3.39v23h-2.81l-.41-2.7a6.11,6.11,0,0,1-5.37,3.08C403.23,126.59,399.81,123.39,399.81,118.36Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.48,2.12-4.48,5.11,1.92,5.12,4.48,5.12S412.17,121.38,412.17,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M417.88,110.52h3.62l3.94,12h.09l3.94-12H433l-5.72,15.69H423.6Z\"/>\r\n <path class=\"cls-2\" d=\"M435.05,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,435.05,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M450.28,123.48a6.72,6.72,0,0,0,4.08-1.24v3.25a9,9,0,0,1-4.45,1.1,8.23,8.23,0,0,1,0-16.45,8.38,8.38,0,0,1,4.45,1.12v3.28a6.75,6.75,0,0,0-4.11-1.29,5.12,5.12,0,0,0,0,10.23Z\"/>\r\n <path class=\"cls-2\" d=\"M471.18,119.4H459.91a5.07,5.07,0,0,0,5.32,4.37,8.23,8.23,0,0,0,5.11-1.87v3a9.54,9.54,0,0,1-5.46,1.64c-5.14,0-8.25-3.34-8.25-8.17,0-5,3.51-8.28,7.71-8.28,3.79,0,6.92,2.73,6.92,7.94A8.91,8.91,0,0,1,471.18,119.4ZM468,117.13c-.08-2.79-1.78-4.17-3.73-4.17a4.56,4.56,0,0,0-4.43,4.17Z\"/>\r\n <path class=\"cls-2\" d=\"M497.53,105.54a2,2,0,1,1,2,1.93A1.93,1.93,0,0,1,497.53,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M526.55,115.78v10.43h-3.39v-9.83c0-2-.78-3.07-2.65-3.07a2.86,2.86,0,0,0-2.9,3v9.89h-3.39v-9.83c0-2-.78-3.07-2.65-3.07a2.91,2.91,0,0,0-2.87,3.19v9.71h-3.39V110.52h2.61l.38,2.27h.08a4.77,4.77,0,0,1,4.26-2.65,4.46,4.46,0,0,1,4.4,2.73,5,5,0,0,1,4.51-2.73C525,110.14,526.55,112.44,526.55,115.78Z\"/>\r\n <path class=\"cls-2\" d=\"M530.59,110.52h2.82l.37,2.7a6.14,6.14,0,0,1,5.37-3.08c3.71,0,7.13,3.22,7.13,8.22s-3.36,8.23-7,8.23a6.13,6.13,0,0,1-5.26-2.94v8.6h-3.39Zm12.27,7.82c0-3-2-5.09-4.48-5.09s-4.46,2.1-4.46,5.11,1.93,5.12,4.43,5.12S542.86,121.38,542.86,118.34Z\"/>\r\n <path class=\"cls-2\" d=\"M548.66,118.39c0-5,3.45-8.25,7-8.25a6.17,6.17,0,0,1,5.43,3.08l.38-2.7h2.81v15.69h-2.81l-.38-2.7a6.17,6.17,0,0,1-5.43,3.08C552.11,126.59,548.66,123.34,548.66,118.39Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.51,2.12-4.51,5.11,2,5.12,4.51,5.12S561,121.38,561,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M575.92,123.48a6.74,6.74,0,0,0,4.08-1.24v3.25a9,9,0,0,1-4.45,1.1,8.23,8.23,0,0,1,0-16.45,8.38,8.38,0,0,1,4.45,1.12v3.28a6.77,6.77,0,0,0-4.11-1.29,5.12,5.12,0,0,0,0,10.23Z\"/>\r\n <path class=\"cls-2\" d=\"M587.7,110.52H592v2.87H587.7v7c0,2.24,1.38,3.16,3.28,3.16a9.45,9.45,0,0,0,1.41-.14v2.9a10.36,10.36,0,0,1-2.1.2c-3.71,0-5.92-2.21-5.92-6v-7.13h-2.3v-2.87h2.36v-3.65h3.27Z\"/>\r\n <circle class=\"cls-3\" cx=\"483.77\" cy=\"117.24\" r=\"2.98\"/>\r\n </g>\r\n </g>\r\n</svg>\r\n\r\n<div class=\"header-menu\">\r\n <ng-container *ngFor=\"let url of navUrls\">\r\n <div [ngClass]=\"{ active: isActive(url.href), disabled: disableNavUrls }\" (mousedown)=\"navigateTo(url.href) \">{{ url.name }}</div>\r\n </ng-container>\r\n</div>\r\n\r\n<div id=\"header-profile\">\r\n <lib-af-connect-profile-dropdown\r\n *ngIf=\"!isLogoHidden\"\r\n [navUrls]=\"navUrls\"\r\n [disableNavUrls]=\"disableNavUrls\"\r\n [username]=\"username\"\r\n [userType]=\"userType\"\r\n [hasSwitchIndicator]=\"hasSwitchIndicator\"\r\n [isHybrid]=\"isHybrid\"\r\n [canEditProfile]=\"canEditProfile\"\r\n (editProfile)=\"editProfile.emit()\"\r\n (callMeBack)=\"callMeBack.emit()\"\r\n (contactAdviser)=\"contactAdviser.emit()\"\r\n (resetPassword)=\"resetPassword.emit()\"\r\n (logout)=\"logout.emit()\"\r\n (switchUserType)=\"switch($event)\"\r\n >\r\n </lib-af-connect-profile-dropdown>\r\n</div>\r\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;height:100px;margin:auto}@media (max-width: 768px){:host{width:auto;height:50px;padding:.5rem 1.25rem}}:host .logo{width:180px;height:40px;cursor:pointer}@media (max-width: 768px){:host .logo{width:132px;height:30px}}.header-menu{padding-left:1.2rem;padding-right:1.2rem;display:flex;gap:1.5rem;align-items:center}.header-menu>div{color:var(--secondary-space-color);cursor:pointer;position:relative;display:inline-block;transition:color .2s ease-out}.header-menu>div:after{content:\"\";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:linear-gradient(to bottom,#f15a22cc,#f15a2233);border-radius:0 0 5px 5px;opacity:0}.header-menu>div.active:after{opacity:1}.header-menu>div.disabled{pointer-events:none;cursor:default;color:#7f8991}@media (max-width: 1024px){.header-menu{display:none}}#header-profile{display:flex;align-items:center;gap:2rem}@media (max-width: 1024px){#header-profile{gap:1rem}}\n"] }]
1052
+ args: [{ selector: 'lib-af-connect-header', template: "<svg class=\"logo\" (click)=\"navigateTo('dashboard')\"xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 592.39 132.62\">\r\n <defs>\r\n <style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#f15b25;}.cls-3{fill:#1a808d;}</style>\r\n <linearGradient id=\"linear-gradient\" x1=\"254.64\" y1=\"41.32\" x2=\"604.45\" y2=\"41.32\" gradientUnits=\"userSpaceOnUse\">\r\n <stop offset=\"0\" stop-color=\"#1a808d\"/>\r\n <stop offset=\"1\"/>\r\n </linearGradient>\r\n </defs>\r\n <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n <path class=\"cls-1\" d=\"M32.59,53.64c0-17.53,12.08-29.31,24.45-29.31a20.54,20.54,0,0,1,17.53,9.31l1.78-7.82H92V81.16H76.35l-1.78-7.82A20.53,20.53,0,0,1,57,82.64C44.67,82.64,32.59,70.86,32.59,53.64Zm41.28-.1c0-7.43-4.75-12.77-11.18-12.77C56,40.77,51.2,46.41,51.2,53.54S56,66.21,62.69,66.21C69.12,66.21,73.87,60.86,73.87,53.54ZM103.85,0h18.41V81.16H103.85ZM187.1,58.49H150.77c2.47,6.63,9,9.9,16.53,9.9,6,0,11.59-2.08,16.64-4.85V78.09a39.5,39.5,0,0,1-19.11,4.55c-20.3,0-31.68-12.27-31.68-29,0-17.43,12.27-29.31,28.21-29.31,14.46,0,26.24,9.8,26.24,28.22A35.8,35.8,0,0,1,187.1,58.49Zm-16.93-10.6c-.19-5.54-3.66-9.3-8.91-9.3-5,0-9.4,3.56-10.89,9.3Zm61.77,5,19,28.32h-20.8l-9.3-15.94h-.2l-9.31,15.94h-19.8l18.72-27.62L191.74,25.82h20.1l9.21,15.93h.19l9.21-15.93h19.8ZM264.26,41h-7.43V25.82h7.53V21.26C264.36,11,271.88.57,287.13.57a38,38,0,0,1,11.09,1.58V17.5a23.35,23.35,0,0,0-7.63-1.19c-5.34,0-8.21,1.88-8.21,6.24v3.27h14.15V41H282.67v40.2H264.26Zm38,12.48c0-17.43,13.17-29.11,29.7-29.11s29.5,11.68,29.5,29.11S348.6,82.64,332,82.64,302.27,70.76,302.27,53.44Zm40.69,0c0-8.12-5.45-12.67-11-12.67s-11.09,4.55-11.09,12.67S326.33,66.21,332,66.21,343,61.56,343,53.44Zm29-27.62h14.65l1.78,8.11h.2a16.67,16.67,0,0,1,14.85-8.71,13.89,13.89,0,0,1,4.26.5V42.84a20.69,20.69,0,0,0-4.85-.59c-6.44,0-12.48,3.37-12.48,13.46V81.16H371.93Zm62.45,7.52c3.27-5.25,10.1-9,17.13-9,12.77,0,23.86,11.39,23.86,29.21s-11.88,29.1-24.75,29.1a20.84,20.84,0,0,1-17.33-9.3l-1.68,7.82H416V.14h18.41Zm-.2,20.2c0,7.42,4.65,12.67,11.19,12.67s11.38-5.45,11.38-12.57S452,40.77,445.27,40.77C438.83,40.77,434.18,46.11,434.18,53.54Zm103.3,5H501.14c2.48,6.63,9,9.9,16.54,9.9,6,0,11.58-2.08,16.63-4.85V78.09a39.48,39.48,0,0,1-19.11,4.55c-20.29,0-31.68-12.27-31.68-29,0-17.43,12.28-29.31,28.22-29.31,14.45,0,26.23,9.8,26.23,28.22A37,37,0,0,1,537.48,58.49Zm-16.93-10.6c-.2-5.54-3.67-9.3-8.91-9.3-5.05,0-9.41,3.56-10.89,9.3Zm67.66-19.4V43.64a35.12,35.12,0,0,0-17-4.56c-4.26,0-6.63,1.19-6.63,3.27s2.67,3.27,8.51,4.65C582.27,49.18,592,52.45,592,64.23c0,11.29-8.91,18.41-24.65,18.41-8.22,0-15.15-2-19.9-4.85V61.46a31.35,31.35,0,0,0,19.11,6.43c4.85,0,7.62-1.29,7.62-3.56,0-2.58-3.46-3.37-10.4-5.35-8.61-2.37-16.83-6.24-16.83-16.43,0-10.5,8.52-18.22,23.47-18.22C576.92,24.33,583.75,25.91,588.21,28.49Z\"/>\r\n <circle class=\"cls-2\" cx=\"10.86\" cy=\"34.87\" r=\"10.86\" transform=\"translate(-15.07 9.15) rotate(-27.94)\"/>\r\n <circle class=\"cls-2\" cx=\"10.86\" cy=\"71.4\" r=\"10.86\" transform=\"translate(-32.19 13.41) rotate(-27.94)\"/>\r\n <circle class=\"cls-3\" cx=\"368.84\" cy=\"117.24\" r=\"2.98\"/>\r\n <path class=\"cls-2\" d=\"M264,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,264,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M285.22,115.78v10.43h-3.39v-9.34c0-2.42-1.1-3.56-3.19-3.56a3.34,3.34,0,0,0-3.45,3.42v9.48h-3.4V110.52h2.62l.37,2.33h.09a5.58,5.58,0,0,1,4.77-2.71C283.06,110.14,285.22,112.33,285.22,115.78Z\"/>\r\n <path class=\"cls-2\" d=\"M299.46,111.47v3.1a7.88,7.88,0,0,0-4.71-1.52c-1.79,0-2.76.69-2.76,1.78s1.17,1.61,3.16,2.18c2.47.66,5.23,1.5,5.23,4.72,0,3-2.33,4.86-6.21,4.86a9.11,9.11,0,0,1-5.49-1.67v-3.34a7.88,7.88,0,0,0,5.38,2.13c1.92,0,3-.8,3-1.95,0-1.3-1.35-1.73-3.5-2.39-2.56-.75-4.89-1.67-4.89-4.46s2.24-4.77,5.95-4.77A8.9,8.9,0,0,1,299.46,111.47Z\"/>\r\n <path class=\"cls-2\" d=\"M303.29,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,303.29,105.54Zm.29,5H307v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M322.53,113.1l.37-2.58h2.82v14.14c0,5.17-3.65,8-8.13,8a10.29,10.29,0,0,1-5.9-1.9V127.3a8.84,8.84,0,0,0,5.67,2.27c2.78,0,5-1.78,5-4.45v-2a6.05,6.05,0,0,1-5.17,2.81c-3.68,0-7.05-3.16-7.05-7.87s3.42-7.88,7.1-7.88A6.24,6.24,0,0,1,322.53,113.1Zm-9,5a4.48,4.48,0,1,0,8.92-.09,4.5,4.5,0,0,0-4.46-4.74A4.58,4.58,0,0,0,313.5,118.08Z\"/>\r\n <path class=\"cls-2\" d=\"M333.23,112.27h.06a5.37,5.37,0,0,1,4.36-2.13c3.43,0,5.61,2,5.61,5.67v10.4h-3.39v-9.37c0-2.41-1-3.59-3.16-3.59a3.22,3.22,0,0,0-3.48,3.39v9.57h-3.39v-23h3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M351.15,110.52h4.34v2.87h-4.34v7c0,2.24,1.38,3.16,3.28,3.16a9.45,9.45,0,0,0,1.41-.14v2.9a10.36,10.36,0,0,1-2.1.2c-3.71,0-5.92-2.21-5.92-6v-7.13h-2.3v-2.87h2.35v-3.65h3.28Z\"/>\r\n <path class=\"cls-2\" d=\"M380.9,118.39c0-5,3.45-8.25,7-8.25a6.17,6.17,0,0,1,5.43,3.08l.38-2.7h2.81v15.69h-2.81l-.38-2.7a6.17,6.17,0,0,1-5.43,3.08C384.35,126.59,380.9,123.34,380.9,118.39Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.51,2.12-4.51,5.11,2,5.12,4.51,5.12S393.26,121.38,393.26,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M399.81,118.36c0-5,3.39-8.22,7.07-8.22a5.94,5.94,0,0,1,5.23,2.94v-9.89h3.39v23h-2.81l-.41-2.7a6.11,6.11,0,0,1-5.37,3.08C403.23,126.59,399.81,123.39,399.81,118.36Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.48,2.12-4.48,5.11,1.92,5.12,4.48,5.12S412.17,121.38,412.17,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M417.88,110.52h3.62l3.94,12h.09l3.94-12H433l-5.72,15.69H423.6Z\"/>\r\n <path class=\"cls-2\" d=\"M435.05,105.54a2,2,0,1,1,2,1.93A1.92,1.92,0,0,1,435.05,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M450.28,123.48a6.72,6.72,0,0,0,4.08-1.24v3.25a9,9,0,0,1-4.45,1.1,8.23,8.23,0,0,1,0-16.45,8.38,8.38,0,0,1,4.45,1.12v3.28a6.75,6.75,0,0,0-4.11-1.29,5.12,5.12,0,0,0,0,10.23Z\"/>\r\n <path class=\"cls-2\" d=\"M471.18,119.4H459.91a5.07,5.07,0,0,0,5.32,4.37,8.23,8.23,0,0,0,5.11-1.87v3a9.54,9.54,0,0,1-5.46,1.64c-5.14,0-8.25-3.34-8.25-8.17,0-5,3.51-8.28,7.71-8.28,3.79,0,6.92,2.73,6.92,7.94A8.91,8.91,0,0,1,471.18,119.4ZM468,117.13c-.08-2.79-1.78-4.17-3.73-4.17a4.56,4.56,0,0,0-4.43,4.17Z\"/>\r\n <path class=\"cls-2\" d=\"M497.53,105.54a2,2,0,1,1,2,1.93A1.93,1.93,0,0,1,497.53,105.54Zm.29,5h3.39v15.69h-3.39Z\"/>\r\n <path class=\"cls-2\" d=\"M526.55,115.78v10.43h-3.39v-9.83c0-2-.78-3.07-2.65-3.07a2.86,2.86,0,0,0-2.9,3v9.89h-3.39v-9.83c0-2-.78-3.07-2.65-3.07a2.91,2.91,0,0,0-2.87,3.19v9.71h-3.39V110.52h2.61l.38,2.27h.08a4.77,4.77,0,0,1,4.26-2.65,4.46,4.46,0,0,1,4.4,2.73,5,5,0,0,1,4.51-2.73C525,110.14,526.55,112.44,526.55,115.78Z\"/>\r\n <path class=\"cls-2\" d=\"M530.59,110.52h2.82l.37,2.7a6.14,6.14,0,0,1,5.37-3.08c3.71,0,7.13,3.22,7.13,8.22s-3.36,8.23-7,8.23a6.13,6.13,0,0,1-5.26-2.94v8.6h-3.39Zm12.27,7.82c0-3-2-5.09-4.48-5.09s-4.46,2.1-4.46,5.11,1.93,5.12,4.43,5.12S542.86,121.38,542.86,118.34Z\"/>\r\n <path class=\"cls-2\" d=\"M548.66,118.39c0-5,3.45-8.25,7-8.25a6.17,6.17,0,0,1,5.43,3.08l.38-2.7h2.81v15.69h-2.81l-.38-2.7a6.17,6.17,0,0,1-5.43,3.08C552.11,126.59,548.66,123.34,548.66,118.39Zm12.36,0c0-3-2-5.11-4.46-5.11s-4.51,2.12-4.51,5.11,2,5.12,4.51,5.12S561,121.38,561,118.36Z\"/>\r\n <path class=\"cls-2\" d=\"M575.92,123.48a6.74,6.74,0,0,0,4.08-1.24v3.25a9,9,0,0,1-4.45,1.1,8.23,8.23,0,0,1,0-16.45,8.38,8.38,0,0,1,4.45,1.12v3.28a6.77,6.77,0,0,0-4.11-1.29,5.12,5.12,0,0,0,0,10.23Z\"/>\r\n <path class=\"cls-2\" d=\"M587.7,110.52H592v2.87H587.7v7c0,2.24,1.38,3.16,3.28,3.16a9.45,9.45,0,0,0,1.41-.14v2.9a10.36,10.36,0,0,1-2.1.2c-3.71,0-5.92-2.21-5.92-6v-7.13h-2.3v-2.87h2.36v-3.65h3.27Z\"/>\r\n <circle class=\"cls-3\" cx=\"483.77\" cy=\"117.24\" r=\"2.98\"/>\r\n </g>\r\n </g>\r\n</svg>\r\n\r\n<div class=\"header-menu\">\r\n <ng-container *ngFor=\"let url of navUrls\">\r\n <div [ngClass]=\"{ active: isActive(url.href), disabled: disableNavUrls }\" (mousedown)=\"navigateTo(url.href) \">{{ url.name }}</div>\r\n </ng-container>\r\n</div>\r\n\r\n<div id=\"header-profile\">\r\n <lib-af-connect-profile-dropdown\r\n *ngIf=\"!isLogoHidden\"\r\n [navUrls]=\"navUrls\"\r\n [disableNavUrls]=\"disableNavUrls\"\r\n [username]=\"username\"\r\n [userType]=\"userType\"\r\n [hasSwitchIndicator]=\"hasSwitchIndicator\"\r\n [isHybrid]=\"isHybrid\"\r\n [canEditProfile]=\"canEditProfile\"\r\n [hasDashboardSwitch]=\"hasDashboardSwitch\"\r\n [dashboardType]=\"dashboardType\"\r\n (editProfile)=\"editProfile.emit()\"\r\n (callMeBack)=\"callMeBack.emit()\"\r\n (contactAdviser)=\"contactAdviser.emit()\"\r\n (resetPassword)=\"resetPassword.emit()\"\r\n (logout)=\"logout.emit()\"\r\n (switchUserType)=\"switch($event)\"\r\n (switchDashboardType)=\"switchDashboard($event)\"\r\n >\r\n </lib-af-connect-profile-dropdown>\r\n</div>\r\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;height:100px;margin:auto}@media (max-width: 768px){:host{width:auto;height:50px;padding:.5rem 1.25rem}}:host .logo{width:180px;height:40px;cursor:pointer}@media (max-width: 768px){:host .logo{width:132px;height:30px}}.header-menu{padding-left:1.2rem;padding-right:1.2rem;display:flex;gap:1.5rem;align-items:center}.header-menu>div{color:var(--secondary-space-color);cursor:pointer;position:relative;display:inline-block;transition:color .2s ease-out}.header-menu>div:after{content:\"\";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:linear-gradient(to bottom,#f15a22cc,#f15a2233);border-radius:0 0 5px 5px;opacity:0}.header-menu>div.active:after{opacity:1}.header-menu>div.disabled{pointer-events:none;cursor:default;color:#7f8991}@media (max-width: 1024px){.header-menu{display:none}}#header-profile{display:flex;align-items:center;gap:2rem}@media (max-width: 1024px){#header-profile{gap:1rem}}\n"] }]
1022
1053
  }], ctorParameters: () => [{ type: i1$3.Router }], propDecorators: { username: [{
1023
1054
  type: Input
1024
1055
  }], activeRoute: [{
@@ -1037,6 +1068,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
1037
1068
  type: Input
1038
1069
  }], canEditProfile: [{
1039
1070
  type: Input
1071
+ }], hasDashboardSwitch: [{
1072
+ type: Input
1073
+ }], dashboardType: [{
1074
+ type: Input
1040
1075
  }], editProfile: [{
1041
1076
  type: Output
1042
1077
  }], callMeBack: [{
@@ -1051,6 +1086,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
1051
1086
  type: Output
1052
1087
  }], navigate: [{
1053
1088
  type: Output
1089
+ }], switchDashboardType: [{
1090
+ type: Output
1054
1091
  }] } });
1055
1092
 
1056
1093
  /**