af-connect-components 18.0.4 → 18.0.7

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 (6) hide show
  1. package/esm2022/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +4 -3
  2. package/esm2022/lib/af-connect-savings-banner/af-connect-savings-banner.component.mjs +1 -1
  3. package/esm2022/lib/af-connect-solutions-product/af-connect-solutions-product.component.mjs +1 -1
  4. package/fesm2022/af-connect-components.mjs +3 -2
  5. package/fesm2022/af-connect-components.mjs.map +1 -1
  6. package/package.json +1 -1
package/esm2022/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs CHANGED
@@ -48,14 +48,15 @@ export class AfConnectProfileDropdown {
48
48
  return this.sanitizer.bypassSecurityTrustHtml(svg);
49
49
  }
50
50
  navigateTo(url) {
51
+ this.showMenu = false;
51
52
  this.router.navigate([url]);
52
53
  }
53
54
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: i2.Router }, { token: i3.BreakpointLibService }], target: i0.ɵɵFactoryTarget.Component }); }
54
- 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", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid" }, 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=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></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=\"retail\"></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\" (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=\"bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div (click)=\"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 (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 (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 #retail>\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 #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;cursor:pointer}@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}.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:12rem;height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@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%}.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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: i6.AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
55
+ 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", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid" }, 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=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></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=\"retail\"></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\" (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=\"bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <!-- <div (click)=\"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 (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 (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 #retail>\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 #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;cursor:pointer}@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}.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:12rem;height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@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%}.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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: i6.AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
55
56
  }
56
57
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
57
58
  type: Component,
58
- 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=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></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=\"retail\"></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\" (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=\"bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div (click)=\"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 (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 (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 #retail>\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 #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;cursor:pointer}@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}.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:12rem;height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@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%}.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"] }]
59
+ 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=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></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=\"retail\"></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\" (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=\"bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <!-- <div (click)=\"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 (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 (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 #retail>\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 #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;cursor:pointer}@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}.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:12rem;height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@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%}.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"] }]
59
60
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: i2.Router }, { type: i3.BreakpointLibService }], propDecorators: { username: [{
60
61
  type: Input
61
62
  }], userType: [{
@@ -85,4 +86,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
85
86
  type: HostListener,
86
87
  args: ['document:click', ['$event']]
87
88
  }] } });
88
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFNakcsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQiw2QkFBaUIsQ0FBQTtJQUNqQiwyQ0FBK0IsQ0FBQTtJQUMvQiw2QkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkI7QUFPRCxNQUFNLE9BQU8sd0JBQXdCO0lBZ0JuQyxZQUFvQixVQUFzQixFQUFVLFNBQXVCLEVBQVUsTUFBYyxFQUFTLGlCQUF1QztRQUEvSCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUFVLFdBQU0sR0FBTixNQUFNLENBQVE7UUFBUyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQXNCO1FBZjFJLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFLYixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdkMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzFDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN6QyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFFeEQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsUUFBUSxDQUFDO0lBRWlJLENBQUM7SUFFcEgsSUFBSSxDQUFDLENBQU07UUFDNUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUUyQyxLQUFLLENBQUMsS0FBVTtRQUMxRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZFLE1BQU0sdUJBQXVCLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsS0FBSyxJQUFJLENBQUM7UUFDbkYsTUFBTSw2QkFBNkIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQywyQkFBMkIsQ0FBQyxLQUFLLElBQUksQ0FBQztRQUVqRyxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsSUFBSSxDQUFDLDZCQUE2QixDQUFDLENBQUM7SUFDMUcsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUErQztRQUNwRCxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssS0FBSyxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsR0FBVztRQUNyQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUMsR0FBRyxDQUFDLENBQUE7SUFDcEQsQ0FBQztJQUVNLFVBQVUsQ0FBQyxHQUFVO1FBQzFCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUM5QixDQUFDOytHQTVDVSx3QkFBd0I7bUdBQXhCLHdCQUF3QixpZUNqQnJDLGk5VkE4R0E7OzRGRDdGYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsaUNBQWlDO2tLQUtsQyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBTzRCLElBQUk7c0JBQXRDLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUlXLEtBQUs7c0JBQWhELFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50TGliU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2JyZWFrcG9pbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IFVybENvbmZpZyB9IGZyb20gJy4uL21vZGVscy91cmwtY29uZmlnJztcclxuXHJcbmV4cG9ydCBlbnVtIFVzZXJUeXBlIHtcclxuICBSZXRhaWwgPSAnUmV0YWlsJyxcclxuICBJbnN0aXR1dGlvbmFsID0gJ0luc3RpdHV0aW9uYWwnLFxyXG4gIEh5YnJpZCA9ICdIeWJyaWQnXHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFByb2ZpbGVEcm9wZG93biB7XHJcbiAgQElucHV0KCkgdXNlcm5hbWUgPSAnJztcclxuICBASW5wdXQoKSB1c2VyVHlwZTogVXNlclR5cGUuSW5zdGl0dXRpb25hbCB8IFVzZXJUeXBlLlJldGFpbDtcclxuICBASW5wdXQoKSBuYXZVcmxzOiBVcmxDb25maWdbXTtcclxuICBASW5wdXQoKSAgaGFzU3dpdGNoSW5kaWNhdG9yOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpICBpc0h5YnJpZDogYm9vbGVhbjtcclxuICBAT3V0cHV0KCkgZWRpdFByb2ZpbGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGNhbGxNZUJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGNvbnRhY3RBZHZpc2VyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSByZXNldFBhc3N3b3JkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIHN3aXRjaFVzZXJUeXBlID0gbmV3IEV2ZW50RW1pdHRlcjxVc2VyVHlwZT4oKTtcclxuXHJcbiAgc2hvd01lbnUgPSBmYWxzZTtcclxuICBVU0VSX1RZUEUgPSBVc2VyVHlwZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyLCBwcml2YXRlIHJvdXRlcjogUm91dGVyLCBwdWJsaWMgYnJlYWtwb2ludFNlcnZpY2U6IEJyZWFrcG9pbnRMaWJTZXJ2aWNlKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pIHNob3coZTogYW55KSB7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gIXRoaXMuc2hvd01lbnU7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIGNsaWNrKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IGljb25DbGljayA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCk7XHJcbiAgICBjb25zdCBjbGlja2VkT25Vc2VyVHlwZVN3aXRjaCA9IGV2ZW50LnRhcmdldC5jbG9zZXN0KCcudXNlci10eXBlLXN3aXRjaCcpICE9PSBudWxsO1xyXG4gICAgY29uc3QgY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2hPcHRpb24gPSBldmVudC50YXJnZXQuY2xvc2VzdCgnLnVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbicpICE9PSBudWxsO1xyXG5cclxuICAgIHRoaXMuc2hvd01lbnUgPSBpY29uQ2xpY2sgPyB0aGlzLnNob3dNZW51IDogKGNsaWNrZWRPblVzZXJUeXBlU3dpdGNoICYmICFjbGlja2VkT25Vc2VyVHlwZVN3aXRjaE9wdGlvbik7XHJcbiAgfVxyXG5cclxuICBzZWxlY3QodmFsdWU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWwpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnVzZXJUeXBlICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLnVzZXJUeXBlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuc2hvd01lbnUgPSBmYWxzZTtcclxuICAgICAgdGhpcy5zd2l0Y2hVc2VyVHlwZS5lbWl0KHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNhbml0aXplU3ZnKHN2Zzogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoc3ZnKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG5hdmlnYXRlVG8odXJsOnN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW3VybF0pO1xyXG4gIH1cclxufVxyXG4iLCI8c3BhbiBbY2xhc3NdPVwiWydsb2dvLWNvbnRlbnQnLCB1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCA/ICdibHVlJyA6IGlzSHlicmlkID8gJ3llbGxvdycgOiAnb3JhbmdlJ11cIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCB8fCBpc0h5YnJpZCA/IHJldGFpbCA6IGluc3RpdHV0aW9uYWxcIj48L25nLWNvbnRhaW5lcj5cclxuPC9zcGFuPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dNZW51XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImNhbGxNZUJhY2suZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIj5cclxuICAgICAgICAgICAgICAgIDxnIGlkPVwiY2FsbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDApXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJwaG9uZS0xXCIgZD1cIk0xOS45NzYsMTcuNTQ5bC0yLjU4OC0yLjE1NmEuNjk0LjY5NCwwLDAsMC0uNy0uMDM3bC0xLjQzOC45NThhLjkxLjkxLDAsMCwxLS41MDkuMTUzLDUuOTgzLDUuOTgzLDAsMCwxLTEuMjgtLjE4LDcuNzI0LDcuNzI0LDAsMCwxLTUuNzU0LTUuNzUyLDUuOTc3LDUuOTc3LDAsMCwxLS4xOC0xLjI4LjkwOS45MDksMCwwLDEsLjE1My0uNTA5bC45NTktMS40MzdhLjY4MS42ODEsMCwwLDAtLjAzNy0uN0w2LjQ0NCw0LjAyMmEuNDI3LjQyNywwLDAsMC0uNzMsMEw0LjI4NSw1Ljc3YTIuNTQ5LDIuNTQ5LDAsMCwwLS40LDIuMDM1LjkwOS45MDksMCwwLDEsLjAyNy4xMDUsNC42NzEsNC42NzEsMCwwLDAsLjE0Mi41LDExLjY4NSwxMS42ODUsMCwwLDAsLjY1NCwxLjU2MywyMC43NzUsMjAuNzc1LDAsMCwwLDMuOTczLDUuMzMyQTIwLjc2LDIwLjc2LDAsMCwwLDE0LjAyLDE5LjI4YTExLjY5MywxMS42OTMsMCwwLDAsMS41NjMuNjU0LDQuODIzLDQuODIzLDAsMCwwLC41LjE0Mi45MDkuOTA5LDAsMCwxLC4xMjYuMDMzLDIuNDkyLDIuNDkyLDAsMCwwLDIuMDE0LS40bDEuNzQ3LTEuNDI5QS40MjYuNDI2LDAsMCwwLDE5Ljk3NiwxNy41NDlabS00LjMtMy43MDZBMi41LDIuNSwwLDAsMSwxOC41NTIsMTRsMi41ODksMi4xNTZhMi4yMzUsMi4yMzUsMCwwLDEtLjAxNSwzLjUzNGwtMS43NDcsMS40MjhhNC4yOSw0LjI5LDAsMCwxLTMuNjk1LjczNXEtLjMzOC0uMDc3LS42NjctLjE4OGExMy41LDEzLjUsMCwwLDEtMS44MDktLjc1NUEyMi41ODMsMjIuNTgzLDAsMCwxLDcuNCwxNi41OTRhMjIuNTc5LDIyLjU3OSwwLDAsMS00LjMxNC01LjgwNiwxMy40ODgsMTMuNDg4LDAsMCwxLS43NTUtMS44MDlBNi44MzMsNi44MzMsMCwwLDEsMi4xNCw4LjNhNC4zNDMsNC4zNDMsMCwwLDEsLjczOC0zLjY4M0w0LjMwNywyLjg3M2EyLjIzOCwyLjIzOCwwLDAsMSwzLjUzNS0uMDE1TDEwLDUuNDQ1YTIuNDg1LDIuNDg1LDAsMCwxLC4xNTMsMi44NzFMOS4zNjYsOS40OTRhNS4zNzQsNS4zNzQsMCwwLDAsLjExLjYyLDUuOTQ4LDUuOTQ4LDAsMCwwLC45MjIsMi4wNTIsNS44NjgsNS44NjgsMCwwLDAsMS40MywxLjQzLDUuOTUyLDUuOTUyLDAsMCwwLDIuMDUzLjkyMSw1LjI3Nyw1LjI3NywwLDAsMCwuNjIuMTFsMS4xNzktLjc4NVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTIgLTIpXCIgZmlsbD1cIiNlZjRmMWZcIi8+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5DYWxsIG1lIGJhY2s8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwiY29udGFjdEFkdmlzZXIuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjEuNVwiIGhlaWdodD1cIjE3Ljg2NFwiIHZpZXdCb3g9XCIwIDAgMjEuNSAxNy44NjRcIj5cclxuICAgICAgICAgICAgICAgIDxnIGlkPVwiSWNvbnNfVUlfQ29udGFjdHNfQ29sb3VyX1wiIGRhdGEtbmFtZT1cIkljb25zIC8gVUkgLyBDb250YWN0cyAvIENvbG91ciAgXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuNzUgMC43NSlcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD1cIlJlY3RhbmdsZVwiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIxNi4zNjRcIiByeD1cIjNcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIvPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zXCIgZGF0YS1uYW1lPVwiTGluZSAzXCIgZD1cIk0uNTUuNTYzbDguNTkxLDcuNjdcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMC44NTkgMC44NTgpXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjZWY0ZjFmXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiLz5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMy0yXCIgZGF0YS1uYW1lPVwiTGluZSAzXCIgZD1cIk0tMS40MDkuNTYzLTEwLDguMjMzXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIwIDAuODU4KVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIxLjVcIi8+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5Db250YWN0IGFkdmlzZXI8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImhhc1N3aXRjaEluZGljYXRvclwiIGNsYXNzPVwidXNlci10eXBlLXN3aXRjaCB1c2VyLXR5cGUtc3dpdGNoXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoX19idG4tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tZ3JvdXAgbGFiZWw9XCJWaWV3IGFzXCIgdmFyaWFudD1cImNoZWNrYm94XCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgKHZhbHVlQ2hhbmdlKT1cInNlbGVjdCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbiBib3hTaGFkb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5SZXRhaWwpXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2dvIGJsdWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZXRhaWxcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaWItYWYtY29ubmVjdC1yYWRpby1idXR0b24gbmdDbGFzcz1cImxhcmdlclwiIFt2YWx1ZV09XCJVU0VSX1RZUEUuUmV0YWlsXCIgW2NoZWNrZWRdPVwidXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5JbmRpdmlkdWFsL1JldGFpbDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbiBib3hTaGFkb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nbyBvcmFuZ2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbnN0aXR1dGlvbmFsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uIG5nQ2xhc3M9XCJsYXJnZXJcIiBbdmFsdWVdPVwiVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBbY2hlY2tlZF09XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5FbXBsb3llZSBiZW5lZml0czwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIShicmVha3BvaW50U2VydmljZS5pc1RhYmxldCQgfCBhc3luYylcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgdXJsIG9mIG5hdlVybHNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYXZpZ2F0aW9uLWl0ZW1cIiAobW91c2Vkb3duKT1cIm5hdmlnYXRlVG8odXJsLmhyZWYhKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhdXJsLnN2Z1wiIGNsYXNzPVwiY29udGFpbmVyXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVybC5zdmdcIj48ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgW2lubmVySFRNTF09XCJzYW5pdGl6ZVN2Zyh1cmwuc3ZnKVwiPjwvZGl2PjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm9sZFwiPnt7dXJsLm5hbWV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJlZGl0UHJvZmlsZS5lbWl0KClcIj5cclxuICAgICAgICAgIDxzdmcgaWQ9XCJJY29uc19VSV9FZGl0X0NvbG91clwiIGRhdGEtbmFtZT1cIkljb25zIC8gVUkgLyBFZGl0IC8gQ29sb3VyXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMTUuNDk0XCIgaGVpZ2h0PVwiMTUuNVwiIHZpZXdCb3g9XCIwIDAgMTUuNDk0IDE1LjVcIj5cclxuICAgICAgICAgICAgPGcgaWQ9XCJHcm91cF8zXCIgZGF0YS1uYW1lPVwiR3JvdXAgM1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwKVwiPjxwYXRoIGlkPVwiRmlsbF8xXCIgZGF0YS1uYW1lPVwiRmlsbCAxXCIgZD1cIk0uODM3LDE1LjVILjY0NGEuNjQ4LjY0OCwwLDAsMS0uNTctLjM0NkEuNjQyLjY0MiwwLDAsMSwuMDMsMTQuNjZsMS41NS00LjU1NGEuNjYzLjY2MywwLDAsMSwuMTYxLS4yNTlMMTAuNzg1LjhhMi43NzksMi43NzksMCwwLDEsMy45MDksMFYuODM2YTIuNzg3LDIuNzg3LDAsMCwxLDAsMy45MDhMNS42NSwxMy43ODhsLS4yNTguMTYyTC44MzcsMTUuNVptMTEuNy0xNC4wNTZhMS40NzcsMS40NzcsMCwwLDAtLjg0NC4yNjRMMi43NzYsMTAuNjg4bC0xLjEsMy4xNjUsMy4xNjUtMS4xTDEzLjc5LDMuODA4bC0uMDMyLS4wMzJhMS40ODYsMS40ODYsMCwwLDAtMS4yMjMtMi4zMzFaXCIgZmlsbD1cIiNlZjRmMWZcIi8+PC9nPlxyXG4gICAgICAgICAgICA8cGF0aCBpZD1cIlBhdGhfMjJcIiBkYXRhLW5hbWU9XCJQYXRoIDIyXCIgZD1cIk0uODU3Ljg3OCwzLjI5NCwzLjMxNVwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyLjM5MyA4Ljg3MSlcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIyXCIvPlxyXG4gICAgICAgICAgPC9zdmc+ICAgICAgICAgIFxyXG4gICAgICAgICAgPHNwYW4+RWRpdCBwcm9maWxlPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cInJlc2V0UGFzc3dvcmQuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjJcIiBoZWlnaHQ9XCIyMC4wMDRcIiB2aWV3Qm94PVwiMCAwIDIyIDIwLjAwNFwiPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJTaGFwZVwiIGQ9XCJNMTIuNTIyLDIwQTkuODgyLDkuODgyLDAsMCwxLDIuNDg0LDEwSC41NDRhLjU1Mi41NTIsMCwwLDEtLjM3OS0uOTQ0bDMuMDI0LTMuMWEuNTI4LjUyOCwwLDAsMSwuNzcsMGwzLjAyNCwzLjFhLjU1Ny41NTcsMCwwLDEtLjM5Ljk0NEg0LjY1MmE3LjY3OSw3LjY3OSwwLDAsMCw3LjcsNy43NzgsNy43ODIsNy43ODIsMCwwLDAsNy40OC03LjY2N0E3LjY5Miw3LjY5MiwwLDAsMCwxMi4yNCwyLjIyMiw3LjQ4MSw3LjQ4MSwwLDAsMCw4LjUxMSwzLjIzM2ExLjAzNSwxLjAzNSwwLDAsMS0xLjI3OS0uMiwxLjEyNSwxLjEyNSwwLDAsMSwuMjE3LTEuNzQ0QTkuNjE3LDkuNjE3LDAsMCwxLDEyLjI0LDAsOS45LDkuOSwwLDAsMSwyMiwxMC4yODksMTAsMTAsMCwwLDEsMTIuNTIyLDIwWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyMiAyMC4wMDQpIHJvdGF0ZSgxODApXCIgZmlsbD1cIiNmMTVhMjJcIi8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5SZXNldCBwYXNzd29yZDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJsb2dvdXQuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgaWQ9XCJpY29uXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIj5cclxuICAgICAgICAgICAgICAgIDxyZWN0IGlkPVwiYmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiBmaWxsPVwibm9uZVwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwicGF0aFwiIGQ9XCJNOS4yMSw5LjI3M2wyLjc1OC0yLjc1OEEuNzI3LjcyNywwLDEsMCwxMC45NCw1LjQ4NmwtNCw0YS43MjcuNzI3LDAsMCwwLDAsMS4wMjlsNCw0YS43MjcuNzI3LDAsMSwwLDEuMDI5LTEuMDI5TDkuMjEsMTAuNzI3aDguMDY2YS43MjcuNzI3LDAsMCwwLDAtMS40NTVabTEuNTE3LTUuODE4YS43MjcuNzI3LDAsMSwwLDAtMS40NTVIMy44MjFBMS44MiwxLjgyLDAsMCwwLDIsMy44MjFWMTYuMTc5QTEuODIxLDEuODIxLDAsMCwwLDMuODIxLDE4aDYuOTA2YS43MjcuNzI3LDAsMSwwLDAtMS40NTVIMy44MjFhLjM2Ni4zNjYsMCwwLDEtLjM2Ny0uMzY2VjMuODIxYS4zNjYuMzY2LDAsMCwxLC4zNjctLjM2NlpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTAuMDk5KVwiIGZpbGw9XCIjN2Y4OTkxXCIvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+TG9nIE91dDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjcmV0YWlsPlxyXG4gICAgPHN2ZyBpZD1cIkdyb3VwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMTIuODM3XCIgaGVpZ2h0PVwiMTMuNjkzXCIgdmlld0JveD1cIjAgMCAxMi44MzcgMTMuNjkzXCI+XHJcbiAgICAgICAgPHBhdGggaWQ9XCJPdmFsXCIgZD1cIk0yLjc4NS0xQTMuNzg1LDMuNzg1LDAsMSwxLTEsMi43ODUsMy43OSwzLjc5LDAsMCwxLDIuNzg1LTFabTAsNi41ODNhMi44LDIuOCwwLDEsMC0yLjgtMi44QTIuOCwyLjgsMCwwLDAsMi43ODUsNS41ODNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDMuNjMzIDEpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgPHBhdGggaWQ9XCJSZWN0YW5nbGVcIiBkPVwiTTcuMzkzLDQuMTM1QS40OTQuNDk0LDAsMCwxLDYuOSwzLjY0MSwzLjcxMiwzLjcxMiwwLDAsMCwzLjE0LS4wMTNILS41MDZBLjQ5NC40OTQsMCwwLDEtMS0uNTA2LjQ5NC40OTQsMCwwLDEtLjUwNi0xSDMuMTRBNC43LDQuNywwLDAsMSw3Ljg4NywzLjY0MS40OTQuNDk0LDAsMCwxLDcuMzkzLDQuMTM1WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg0Ljk1IDkuNTU4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiUmVjdGFuZ2xlLTJcIiBkYXRhLW5hbWU9XCJSZWN0YW5nbGVcIiBkPVwiTS0xMi41MDYsNC4xMzVBLjQ5NC40OTQsMCwwLDEtMTMsMy42NDEsNC43LDQuNywwLDAsMS04LjI1My0xaDMuNjQ2YS40OTQuNDk0LDAsMCwxLC40OTQuNDk0LjQ5NC40OTQsMCwwLDEtLjQ5NC40OTRILTguMjUzYTMuNzEyLDMuNzEyLDAsMCwwLTMuNzYsMy42NTRBLjQ5NC40OTQsMCwwLDEtMTIuNTA2LDQuMTM1WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMyA5LjU1OClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgIDwvc3ZnPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNpbnN0aXR1dGlvbmFsPlxyXG4gICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCIgd2lkdGg9XCIxNS4zODRcIiBoZWlnaHQ9XCIxMi40ODhcIiB2aWV3Qm94PVwiMCAwIDE1LjM4NCAxMi40ODhcIj5cclxuICAgICAgICA8ZGVmcz5cclxuICAgICAgICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcC1wYXRoXCI+XHJcbiAgICAgICAgICAgIDxyZWN0IGlkPVwiUmVjdGFuZ2xlXzE0MjRcIiBkYXRhLW5hbWU9XCJSZWN0YW5nbGUgMTQyNFwiIHdpZHRoPVwiMTUuMzgzXCIgaGVpZ2h0PVwiMTIuNDg5XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgMClcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiM3MDcwNzBcIiBzdHJva2Utd2lkdGg9XCIxXCIvPlxyXG4gICAgICAgICAgICA8L2NsaXBQYXRoPlxyXG4gICAgICAgIDwvZGVmcz5cclxuICAgICAgICA8ZyBpZD1cIkdyb3VwXzEwMjk4XCIgZGF0YS1uYW1lPVwiR3JvdXAgMTAyOThcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTAuOTUyIC0wLjc3MylcIj5cclxuICAgICAgICAgICAgPGcgaWQ9XCJHcm91cF8xMDI5N1wiIGRhdGEtbmFtZT1cIkdyb3VwIDEwMjk3XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuOTUzIDAuNzczKVwiIGNsaXAtcGF0aD1cInVybCgjY2xpcC1wYXRoKVwiPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJQYXRoXzYwODBcIiBkYXRhLW5hbWU9XCJQYXRoIDYwODBcIiBkPVwiTTI5LjM4NiwzLjAzYS4zNDYuMzQ2LDAsMCwxLS4zNDYtLjM0NlYxLjMyYS42MjkuNjI5LDAsMCwwLS42MjgtLjYyOUgyMy4yNzRhLjYyOS42MjksMCwwLDAtLjYyOC42MjlWMi42ODRhLjM0Ni4zNDYsMCwxLDEtLjY5MywwVjEuMzJBMS4zMjMsMS4zMjMsMCwwLDEsMjMuMjc0LDBoNS4xMzdBMS4zMjMsMS4zMjMsMCwwLDEsMjkuNzMyLDEuMzJWMi42ODRBLjM0Ni4zNDYsMCwwLDEsMjkuMzg2LDMuMDNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0xOC4xNTEgMC4wMDEpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIlJlY3RhbmdsZV8xNDIzXCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlIDE0MjNcIiBkPVwiTS0uOTMzLTJoMTMuMjVBMS4wNjgsMS4wNjgsMCwwLDEsMTMuMzg0LS45MzNWNy4wODRhMS4wNjgsMS4wNjgsMCwwLDEtMS4wNjcsMS4wNjdILS45MzNBMS4wNjgsMS4wNjgsMCwwLDEtMiw3LjA4NFYtLjkzM0ExLjA2OCwxLjA2OCwwLDAsMS0uOTMzLTJabTEzLjI1LDkuNDU4YS4zNzQuMzc0LDAsMCwwLC4zNzQtLjM3NFYtLjkzM2EuMzc0LjM3NCwwLDAsMC0uMzc0LS4zNzRILS45MzNhLjM3NC4zNzQsMCwwLDAtLjM3NC4zNzRWNy4wODRhLjM3NC4zNzQsMCwwLDAsLjM3NC4zNzRaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIgNC4zMzgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI0XCIgZGF0YS1uYW1lPVwiTGluZSAzMjRcIiBkPVwiTTEyLjcxMi0xLjMwN0gtMS42NTRBLjM0Ni4zNDYsMCwwLDEtMi0xLjY1NC4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJIMTIuNzEyYS4zNDYuMzQ2LDAsMCwxLC4zNDYuMzQ2QS4zNDYuMzQ2LDAsMCwxLDEyLjcxMi0xLjMwN1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMi4wMzcgOC4wODcpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI1XCIgZGF0YS1uYW1lPVwiTGluZSAzMjVcIiBkPVwiTS0xLjY1NC4yMjNBLjM0Ni4zNDYsMCwwLDEtMi0uMTI0di0xLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJhLjM0Ni4zNDYsMCwwLDEsLjM0Ni4zNDZ2MS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC4yMjNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDEyLjg4OCA3LjMxOClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zMjZcIiBkYXRhLW5hbWU9XCJMaW5lIDMyNlwiIGQ9XCJNLTEuNjU0LjIyM0EuMzQ2LjM0NiwwLDAsMS0yLS4xMjR2LTEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQtMmEuMzQ2LjM0NiwwLDAsMSwuMzQ2LjM0NnYxLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LjIyM1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNS44MDIgNy4zMTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgIDwvZz5cclxuICAgICAgICA8L2c+XHJcbiAgICA8L3N2Zz5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
89
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFNakcsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQiw2QkFBaUIsQ0FBQTtJQUNqQiwyQ0FBK0IsQ0FBQTtJQUMvQiw2QkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkI7QUFPRCxNQUFNLE9BQU8sd0JBQXdCO0lBZ0JuQyxZQUFvQixVQUFzQixFQUFVLFNBQXVCLEVBQVUsTUFBYyxFQUFTLGlCQUF1QztRQUEvSCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUFVLFdBQU0sR0FBTixNQUFNLENBQVE7UUFBUyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQXNCO1FBZjFJLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFLYixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdkMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzFDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN6QyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFFeEQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsUUFBUSxDQUFDO0lBRWlJLENBQUM7SUFFcEgsSUFBSSxDQUFDLENBQU07UUFDNUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUUyQyxLQUFLLENBQUMsS0FBVTtRQUMxRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZFLE1BQU0sdUJBQXVCLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsS0FBSyxJQUFJLENBQUM7UUFDbkYsTUFBTSw2QkFBNkIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQywyQkFBMkIsQ0FBQyxLQUFLLElBQUksQ0FBQztRQUVqRyxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsSUFBSSxDQUFDLDZCQUE2QixDQUFDLENBQUM7SUFDMUcsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUErQztRQUNwRCxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssS0FBSyxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsR0FBVztRQUNyQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUMsR0FBRyxDQUFDLENBQUE7SUFDcEQsQ0FBQztJQUVNLFVBQVUsQ0FBQyxHQUFVO1FBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUM5QixDQUFDOytHQTdDVSx3QkFBd0I7bUdBQXhCLHdCQUF3QixpZUNqQnJDLDA5VkE4R0E7OzRGRDdGYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsaUNBQWlDO2tLQUtsQyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBTzRCLElBQUk7c0JBQXRDLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUlXLEtBQUs7c0JBQWhELFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50TGliU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2JyZWFrcG9pbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IFVybENvbmZpZyB9IGZyb20gJy4uL21vZGVscy91cmwtY29uZmlnJztcclxuXHJcbmV4cG9ydCBlbnVtIFVzZXJUeXBlIHtcclxuICBSZXRhaWwgPSAnUmV0YWlsJyxcclxuICBJbnN0aXR1dGlvbmFsID0gJ0luc3RpdHV0aW9uYWwnLFxyXG4gIEh5YnJpZCA9ICdIeWJyaWQnXHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFByb2ZpbGVEcm9wZG93biB7XHJcbiAgQElucHV0KCkgdXNlcm5hbWUgPSAnJztcclxuICBASW5wdXQoKSB1c2VyVHlwZTogVXNlclR5cGUuSW5zdGl0dXRpb25hbCB8IFVzZXJUeXBlLlJldGFpbDtcclxuICBASW5wdXQoKSBuYXZVcmxzOiBVcmxDb25maWdbXTtcclxuICBASW5wdXQoKSAgaGFzU3dpdGNoSW5kaWNhdG9yOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpICBpc0h5YnJpZDogYm9vbGVhbjtcclxuICBAT3V0cHV0KCkgZWRpdFByb2ZpbGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGNhbGxNZUJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGNvbnRhY3RBZHZpc2VyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSByZXNldFBhc3N3b3JkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIHN3aXRjaFVzZXJUeXBlID0gbmV3IEV2ZW50RW1pdHRlcjxVc2VyVHlwZT4oKTtcclxuXHJcbiAgc2hvd01lbnUgPSBmYWxzZTtcclxuICBVU0VSX1RZUEUgPSBVc2VyVHlwZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyLCBwcml2YXRlIHJvdXRlcjogUm91dGVyLCBwdWJsaWMgYnJlYWtwb2ludFNlcnZpY2U6IEJyZWFrcG9pbnRMaWJTZXJ2aWNlKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pIHNob3coZTogYW55KSB7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gIXRoaXMuc2hvd01lbnU7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIGNsaWNrKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IGljb25DbGljayA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCk7XHJcbiAgICBjb25zdCBjbGlja2VkT25Vc2VyVHlwZVN3aXRjaCA9IGV2ZW50LnRhcmdldC5jbG9zZXN0KCcudXNlci10eXBlLXN3aXRjaCcpICE9PSBudWxsO1xyXG4gICAgY29uc3QgY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2hPcHRpb24gPSBldmVudC50YXJnZXQuY2xvc2VzdCgnLnVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbicpICE9PSBudWxsO1xyXG5cclxuICAgIHRoaXMuc2hvd01lbnUgPSBpY29uQ2xpY2sgPyB0aGlzLnNob3dNZW51IDogKGNsaWNrZWRPblVzZXJUeXBlU3dpdGNoICYmICFjbGlja2VkT25Vc2VyVHlwZVN3aXRjaE9wdGlvbik7XHJcbiAgfVxyXG5cclxuICBzZWxlY3QodmFsdWU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWwpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnVzZXJUeXBlICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLnVzZXJUeXBlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuc2hvd01lbnUgPSBmYWxzZTtcclxuICAgICAgdGhpcy5zd2l0Y2hVc2VyVHlwZS5lbWl0KHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNhbml0aXplU3ZnKHN2Zzogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoc3ZnKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG5hdmlnYXRlVG8odXJsOnN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhpcy5zaG93TWVudSA9IGZhbHNlO1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW3VybF0pO1xyXG4gIH1cclxufVxyXG4iLCI8c3BhbiBbY2xhc3NdPVwiWydsb2dvLWNvbnRlbnQnLCB1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCA/ICdibHVlJyA6IGlzSHlicmlkID8gJ3llbGxvdycgOiAnb3JhbmdlJ11cIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCB8fCBpc0h5YnJpZCA/IHJldGFpbCA6IGluc3RpdHV0aW9uYWxcIj48L25nLWNvbnRhaW5lcj5cclxuPC9zcGFuPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dNZW51XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImNhbGxNZUJhY2suZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIj5cclxuICAgICAgICAgICAgICAgIDxnIGlkPVwiY2FsbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDApXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJwaG9uZS0xXCIgZD1cIk0xOS45NzYsMTcuNTQ5bC0yLjU4OC0yLjE1NmEuNjk0LjY5NCwwLDAsMC0uNy0uMDM3bC0xLjQzOC45NThhLjkxLjkxLDAsMCwxLS41MDkuMTUzLDUuOTgzLDUuOTgzLDAsMCwxLTEuMjgtLjE4LDcuNzI0LDcuNzI0LDAsMCwxLTUuNzU0LTUuNzUyLDUuOTc3LDUuOTc3LDAsMCwxLS4xOC0xLjI4LjkwOS45MDksMCwwLDEsLjE1My0uNTA5bC45NTktMS40MzdhLjY4MS42ODEsMCwwLDAtLjAzNy0uN0w2LjQ0NCw0LjAyMmEuNDI3LjQyNywwLDAsMC0uNzMsMEw0LjI4NSw1Ljc3YTIuNTQ5LDIuNTQ5LDAsMCwwLS40LDIuMDM1LjkwOS45MDksMCwwLDEsLjAyNy4xMDUsNC42NzEsNC42NzEsMCwwLDAsLjE0Mi41LDExLjY4NSwxMS42ODUsMCwwLDAsLjY1NCwxLjU2MywyMC43NzUsMjAuNzc1LDAsMCwwLDMuOTczLDUuMzMyQTIwLjc2LDIwLjc2LDAsMCwwLDE0LjAyLDE5LjI4YTExLjY5MywxMS42OTMsMCwwLDAsMS41NjMuNjU0LDQuODIzLDQuODIzLDAsMCwwLC41LjE0Mi45MDkuOTA5LDAsMCwxLC4xMjYuMDMzLDIuNDkyLDIuNDkyLDAsMCwwLDIuMDE0LS40bDEuNzQ3LTEuNDI5QS40MjYuNDI2LDAsMCwwLDE5Ljk3NiwxNy41NDlabS00LjMtMy43MDZBMi41LDIuNSwwLDAsMSwxOC41NTIsMTRsMi41ODksMi4xNTZhMi4yMzUsMi4yMzUsMCwwLDEtLjAxNSwzLjUzNGwtMS43NDcsMS40MjhhNC4yOSw0LjI5LDAsMCwxLTMuNjk1LjczNXEtLjMzOC0uMDc3LS42NjctLjE4OGExMy41LDEzLjUsMCwwLDEtMS44MDktLjc1NUEyMi41ODMsMjIuNTgzLDAsMCwxLDcuNCwxNi41OTRhMjIuNTc5LDIyLjU3OSwwLDAsMS00LjMxNC01LjgwNiwxMy40ODgsMTMuNDg4LDAsMCwxLS43NTUtMS44MDlBNi44MzMsNi44MzMsMCwwLDEsMi4xNCw4LjNhNC4zNDMsNC4zNDMsMCwwLDEsLjczOC0zLjY4M0w0LjMwNywyLjg3M2EyLjIzOCwyLjIzOCwwLDAsMSwzLjUzNS0uMDE1TDEwLDUuNDQ1YTIuNDg1LDIuNDg1LDAsMCwxLC4xNTMsMi44NzFMOS4zNjYsOS40OTRhNS4zNzQsNS4zNzQsMCwwLDAsLjExLjYyLDUuOTQ4LDUuOTQ4LDAsMCwwLC45MjIsMi4wNTIsNS44NjgsNS44NjgsMCwwLDAsMS40MywxLjQzLDUuOTUyLDUuOTUyLDAsMCwwLDIuMDUzLjkyMSw1LjI3Nyw1LjI3NywwLDAsMCwuNjIuMTFsMS4xNzktLjc4NVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTIgLTIpXCIgZmlsbD1cIiNlZjRmMWZcIi8+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5DYWxsIG1lIGJhY2s8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwiY29udGFjdEFkdmlzZXIuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjEuNVwiIGhlaWdodD1cIjE3Ljg2NFwiIHZpZXdCb3g9XCIwIDAgMjEuNSAxNy44NjRcIj5cclxuICAgICAgICAgICAgICAgIDxnIGlkPVwiSWNvbnNfVUlfQ29udGFjdHNfQ29sb3VyX1wiIGRhdGEtbmFtZT1cIkljb25zIC8gVUkgLyBDb250YWN0cyAvIENvbG91ciAgXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuNzUgMC43NSlcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD1cIlJlY3RhbmdsZVwiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIxNi4zNjRcIiByeD1cIjNcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIvPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zXCIgZGF0YS1uYW1lPVwiTGluZSAzXCIgZD1cIk0uNTUuNTYzbDguNTkxLDcuNjdcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMC44NTkgMC44NTgpXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjZWY0ZjFmXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiLz5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMy0yXCIgZGF0YS1uYW1lPVwiTGluZSAzXCIgZD1cIk0tMS40MDkuNTYzLTEwLDguMjMzXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIwIDAuODU4KVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIxLjVcIi8+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5Db250YWN0IGFkdmlzZXI8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImhhc1N3aXRjaEluZGljYXRvclwiIGNsYXNzPVwidXNlci10eXBlLXN3aXRjaCB1c2VyLXR5cGUtc3dpdGNoXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoX19idG4tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tZ3JvdXAgbGFiZWw9XCJWaWV3IGFzXCIgdmFyaWFudD1cImNoZWNrYm94XCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgKHZhbHVlQ2hhbmdlKT1cInNlbGVjdCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbiBib3hTaGFkb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5SZXRhaWwpXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2dvIGJsdWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZXRhaWxcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaWItYWYtY29ubmVjdC1yYWRpby1idXR0b24gbmdDbGFzcz1cImxhcmdlclwiIFt2YWx1ZV09XCJVU0VSX1RZUEUuUmV0YWlsXCIgW2NoZWNrZWRdPVwidXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5JbmRpdmlkdWFsL1JldGFpbDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbiBib3hTaGFkb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nbyBvcmFuZ2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbnN0aXR1dGlvbmFsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uIG5nQ2xhc3M9XCJsYXJnZXJcIiBbdmFsdWVdPVwiVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBbY2hlY2tlZF09XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5FbXBsb3llZSBiZW5lZml0czwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIShicmVha3BvaW50U2VydmljZS5pc1RhYmxldCQgfCBhc3luYylcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgdXJsIG9mIG5hdlVybHNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYXZpZ2F0aW9uLWl0ZW1cIiAobW91c2Vkb3duKT1cIm5hdmlnYXRlVG8odXJsLmhyZWYhKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhdXJsLnN2Z1wiIGNsYXNzPVwiY29udGFpbmVyXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVybC5zdmdcIj48ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgW2lubmVySFRNTF09XCJzYW5pdGl6ZVN2Zyh1cmwuc3ZnKVwiPjwvZGl2PjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm9sZFwiPnt7dXJsLm5hbWV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8IS0tIDxkaXYgKGNsaWNrKT1cImVkaXRQcm9maWxlLmVtaXQoKVwiPlxyXG4gICAgICAgICAgPHN2ZyBpZD1cIkljb25zX1VJX0VkaXRfQ29sb3VyXCIgZGF0YS1uYW1lPVwiSWNvbnMgLyBVSSAvIEVkaXQgLyBDb2xvdXJcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIxNS40OTRcIiBoZWlnaHQ9XCIxNS41XCIgdmlld0JveD1cIjAgMCAxNS40OTQgMTUuNVwiPlxyXG4gICAgICAgICAgICA8ZyBpZD1cIkdyb3VwXzNcIiBkYXRhLW5hbWU9XCJHcm91cCAzXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDApXCI+PHBhdGggaWQ9XCJGaWxsXzFcIiBkYXRhLW5hbWU9XCJGaWxsIDFcIiBkPVwiTS44MzcsMTUuNUguNjQ0YS42NDguNjQ4LDAsMCwxLS41Ny0uMzQ2QS42NDIuNjQyLDAsMCwxLC4wMywxNC42NmwxLjU1LTQuNTU0YS42NjMuNjYzLDAsMCwxLC4xNjEtLjI1OUwxMC43ODUuOGEyLjc3OSwyLjc3OSwwLDAsMSwzLjkwOSwwVi44MzZhMi43ODcsMi43ODcsMCwwLDEsMCwzLjkwOEw1LjY1LDEzLjc4OGwtLjI1OC4xNjJMLjgzNywxNS41Wm0xMS43LTE0LjA1NmExLjQ3NywxLjQ3NywwLDAsMC0uODQ0LjI2NEwyLjc3NiwxMC42ODhsLTEuMSwzLjE2NSwzLjE2NS0xLjFMMTMuNzksMy44MDhsLS4wMzItLjAzMmExLjQ4NiwxLjQ4NiwwLDAsMC0xLjIyMy0yLjMzMVpcIiBmaWxsPVwiI2VmNGYxZlwiLz48L2c+XHJcbiAgICAgICAgICAgIDxwYXRoIGlkPVwiUGF0aF8yMlwiIGRhdGEtbmFtZT1cIlBhdGggMjJcIiBkPVwiTS44NTcuODc4LDMuMjk0LDMuMzE1XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIuMzkzIDguODcxKVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjJcIi8+XHJcbiAgICAgICAgICA8L3N2Zz4gICAgICAgICAgXHJcbiAgICAgICAgICA8c3Bhbj5FZGl0IHByb2ZpbGU8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+IC0tPlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cInJlc2V0UGFzc3dvcmQuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjJcIiBoZWlnaHQ9XCIyMC4wMDRcIiB2aWV3Qm94PVwiMCAwIDIyIDIwLjAwNFwiPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJTaGFwZVwiIGQ9XCJNMTIuNTIyLDIwQTkuODgyLDkuODgyLDAsMCwxLDIuNDg0LDEwSC41NDRhLjU1Mi41NTIsMCwwLDEtLjM3OS0uOTQ0bDMuMDI0LTMuMWEuNTI4LjUyOCwwLDAsMSwuNzcsMGwzLjAyNCwzLjFhLjU1Ny41NTcsMCwwLDEtLjM5Ljk0NEg0LjY1MmE3LjY3OSw3LjY3OSwwLDAsMCw3LjcsNy43NzgsNy43ODIsNy43ODIsMCwwLDAsNy40OC03LjY2N0E3LjY5Miw3LjY5MiwwLDAsMCwxMi4yNCwyLjIyMiw3LjQ4MSw3LjQ4MSwwLDAsMCw4LjUxMSwzLjIzM2ExLjAzNSwxLjAzNSwwLDAsMS0xLjI3OS0uMiwxLjEyNSwxLjEyNSwwLDAsMSwuMjE3LTEuNzQ0QTkuNjE3LDkuNjE3LDAsMCwxLDEyLjI0LDAsOS45LDkuOSwwLDAsMSwyMiwxMC4yODksMTAsMTAsMCwwLDEsMTIuNTIyLDIwWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyMiAyMC4wMDQpIHJvdGF0ZSgxODApXCIgZmlsbD1cIiNmMTVhMjJcIi8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5SZXNldCBwYXNzd29yZDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJsb2dvdXQuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgaWQ9XCJpY29uXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIj5cclxuICAgICAgICAgICAgICAgIDxyZWN0IGlkPVwiYmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiBmaWxsPVwibm9uZVwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwicGF0aFwiIGQ9XCJNOS4yMSw5LjI3M2wyLjc1OC0yLjc1OEEuNzI3LjcyNywwLDEsMCwxMC45NCw1LjQ4NmwtNCw0YS43MjcuNzI3LDAsMCwwLDAsMS4wMjlsNCw0YS43MjcuNzI3LDAsMSwwLDEuMDI5LTEuMDI5TDkuMjEsMTAuNzI3aDguMDY2YS43MjcuNzI3LDAsMCwwLDAtMS40NTVabTEuNTE3LTUuODE4YS43MjcuNzI3LDAsMSwwLDAtMS40NTVIMy44MjFBMS44MiwxLjgyLDAsMCwwLDIsMy44MjFWMTYuMTc5QTEuODIxLDEuODIxLDAsMCwwLDMuODIxLDE4aDYuOTA2YS43MjcuNzI3LDAsMSwwLDAtMS40NTVIMy44MjFhLjM2Ni4zNjYsMCwwLDEtLjM2Ny0uMzY2VjMuODIxYS4zNjYuMzY2LDAsMCwxLC4zNjctLjM2NlpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTAuMDk5KVwiIGZpbGw9XCIjN2Y4OTkxXCIvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+TG9nIE91dDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjcmV0YWlsPlxyXG4gICAgPHN2ZyBpZD1cIkdyb3VwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMTIuODM3XCIgaGVpZ2h0PVwiMTMuNjkzXCIgdmlld0JveD1cIjAgMCAxMi44MzcgMTMuNjkzXCI+XHJcbiAgICAgICAgPHBhdGggaWQ9XCJPdmFsXCIgZD1cIk0yLjc4NS0xQTMuNzg1LDMuNzg1LDAsMSwxLTEsMi43ODUsMy43OSwzLjc5LDAsMCwxLDIuNzg1LTFabTAsNi41ODNhMi44LDIuOCwwLDEsMC0yLjgtMi44QTIuOCwyLjgsMCwwLDAsMi43ODUsNS41ODNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDMuNjMzIDEpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgPHBhdGggaWQ9XCJSZWN0YW5nbGVcIiBkPVwiTTcuMzkzLDQuMTM1QS40OTQuNDk0LDAsMCwxLDYuOSwzLjY0MSwzLjcxMiwzLjcxMiwwLDAsMCwzLjE0LS4wMTNILS41MDZBLjQ5NC40OTQsMCwwLDEtMS0uNTA2LjQ5NC40OTQsMCwwLDEtLjUwNi0xSDMuMTRBNC43LDQuNywwLDAsMSw3Ljg4NywzLjY0MS40OTQuNDk0LDAsMCwxLDcuMzkzLDQuMTM1WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg0Ljk1IDkuNTU4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiUmVjdGFuZ2xlLTJcIiBkYXRhLW5hbWU9XCJSZWN0YW5nbGVcIiBkPVwiTS0xMi41MDYsNC4xMzVBLjQ5NC40OTQsMCwwLDEtMTMsMy42NDEsNC43LDQuNywwLDAsMS04LjI1My0xaDMuNjQ2YS40OTQuNDk0LDAsMCwxLC40OTQuNDk0LjQ5NC40OTQsMCwwLDEtLjQ5NC40OTRILTguMjUzYTMuNzEyLDMuNzEyLDAsMCwwLTMuNzYsMy42NTRBLjQ5NC40OTQsMCwwLDEtMTIuNTA2LDQuMTM1WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMyA5LjU1OClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgIDwvc3ZnPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNpbnN0aXR1dGlvbmFsPlxyXG4gICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCIgd2lkdGg9XCIxNS4zODRcIiBoZWlnaHQ9XCIxMi40ODhcIiB2aWV3Qm94PVwiMCAwIDE1LjM4NCAxMi40ODhcIj5cclxuICAgICAgICA8ZGVmcz5cclxuICAgICAgICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcC1wYXRoXCI+XHJcbiAgICAgICAgICAgIDxyZWN0IGlkPVwiUmVjdGFuZ2xlXzE0MjRcIiBkYXRhLW5hbWU9XCJSZWN0YW5nbGUgMTQyNFwiIHdpZHRoPVwiMTUuMzgzXCIgaGVpZ2h0PVwiMTIuNDg5XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgMClcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiM3MDcwNzBcIiBzdHJva2Utd2lkdGg9XCIxXCIvPlxyXG4gICAgICAgICAgICA8L2NsaXBQYXRoPlxyXG4gICAgICAgIDwvZGVmcz5cclxuICAgICAgICA8ZyBpZD1cIkdyb3VwXzEwMjk4XCIgZGF0YS1uYW1lPVwiR3JvdXAgMTAyOThcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTAuOTUyIC0wLjc3MylcIj5cclxuICAgICAgICAgICAgPGcgaWQ9XCJHcm91cF8xMDI5N1wiIGRhdGEtbmFtZT1cIkdyb3VwIDEwMjk3XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuOTUzIDAuNzczKVwiIGNsaXAtcGF0aD1cInVybCgjY2xpcC1wYXRoKVwiPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJQYXRoXzYwODBcIiBkYXRhLW5hbWU9XCJQYXRoIDYwODBcIiBkPVwiTTI5LjM4NiwzLjAzYS4zNDYuMzQ2LDAsMCwxLS4zNDYtLjM0NlYxLjMyYS42MjkuNjI5LDAsMCwwLS42MjgtLjYyOUgyMy4yNzRhLjYyOS42MjksMCwwLDAtLjYyOC42MjlWMi42ODRhLjM0Ni4zNDYsMCwxLDEtLjY5MywwVjEuMzJBMS4zMjMsMS4zMjMsMCwwLDEsMjMuMjc0LDBoNS4xMzdBMS4zMjMsMS4zMjMsMCwwLDEsMjkuNzMyLDEuMzJWMi42ODRBLjM0Ni4zNDYsMCwwLDEsMjkuMzg2LDMuMDNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0xOC4xNTEgMC4wMDEpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIlJlY3RhbmdsZV8xNDIzXCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlIDE0MjNcIiBkPVwiTS0uOTMzLTJoMTMuMjVBMS4wNjgsMS4wNjgsMCwwLDEsMTMuMzg0LS45MzNWNy4wODRhMS4wNjgsMS4wNjgsMCwwLDEtMS4wNjcsMS4wNjdILS45MzNBMS4wNjgsMS4wNjgsMCwwLDEtMiw3LjA4NFYtLjkzM0ExLjA2OCwxLjA2OCwwLDAsMS0uOTMzLTJabTEzLjI1LDkuNDU4YS4zNzQuMzc0LDAsMCwwLC4zNzQtLjM3NFYtLjkzM2EuMzc0LjM3NCwwLDAsMC0uMzc0LS4zNzRILS45MzNhLjM3NC4zNzQsMCwwLDAtLjM3NC4zNzRWNy4wODRhLjM3NC4zNzQsMCwwLDAsLjM3NC4zNzRaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIgNC4zMzgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI0XCIgZGF0YS1uYW1lPVwiTGluZSAzMjRcIiBkPVwiTTEyLjcxMi0xLjMwN0gtMS42NTRBLjM0Ni4zNDYsMCwwLDEtMi0xLjY1NC4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJIMTIuNzEyYS4zNDYuMzQ2LDAsMCwxLC4zNDYuMzQ2QS4zNDYuMzQ2LDAsMCwxLDEyLjcxMi0xLjMwN1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMi4wMzcgOC4wODcpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI1XCIgZGF0YS1uYW1lPVwiTGluZSAzMjVcIiBkPVwiTS0xLjY1NC4yMjNBLjM0Ni4zNDYsMCwwLDEtMi0uMTI0di0xLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJhLjM0Ni4zNDYsMCwwLDEsLjM0Ni4zNDZ2MS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC4yMjNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDEyLjg4OCA3LjMxOClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zMjZcIiBkYXRhLW5hbWU9XCJMaW5lIDMyNlwiIGQ9XCJNLTEuNjU0LjIyM0EuMzQ2LjM0NiwwLDAsMS0yLS4xMjR2LTEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQtMmEuMzQ2LjM0NiwwLDAsMSwuMzQ2LjM0NnYxLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LjIyM1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNS44MDIgNy4zMTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgIDwvZz5cclxuICAgICAgICA8L2c+XHJcbiAgICA8L3N2Zz5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
package/esm2022/lib/af-connect-savings-banner/af-connect-savings-banner.component.mjs CHANGED
@@ -12,4 +12,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
12
12
  type: Component,
13
13
  args: [{ selector: 'lib-af-connect-savings-banner', template: "<section class=\"wrapper\">\r\n <div class=\"main-content\">\r\n <span class=\"chip\">AF Rewards</span>\r\n <h2>MAX YOUR SAVINGS!</h2>\r\n <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n </div>\r\n <div class=\"pill\">\r\n <span>Start saving today!</span>\r\n <lib-af-connect-button\r\n variant=\"filled\"\r\n title=\"Discover more\"\r\n class=\"regular regular-pill\"\r\n (clickBtn)=\"navigateExternal()\"\r\n ></lib-af-connect-button>\r\n </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"] }]
14
14
  }] });
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sK0JBQStCO0lBQzFDLGdCQUFnQjtRQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsNENBQTRDLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDdEUsQ0FBQzsrR0FIVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxRUNQNUMsb2tCQWdCQTs7NEZEVGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2F2aW5nc0Jhbm5lckNvbXBvbmVudCB7XHJcbiAgbmF2aWdhdGVFeHRlcm5hbCgpIHtcclxuICAgIHdpbmRvdy5vcGVuKCdodHRwczovL3Jld2FyZHMuYWxleGZvcmJlcy5jb20vbGFuZGluZ3BhZ2UnLCAnX2JsYW5rJyk7XHJcbiAgfVxyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwid3JhcHBlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnRcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2hpcFwiPkFGIFJld2FyZHM8L3NwYW4+XHJcbiAgICA8aDI+TUFYIFlPVVIgU0FWSU5HUyE8L2gyPlxyXG4gICAgPHA+QSBkeW5hbWljIHNob3BwaW5nIGV4cGVyaWVuY2XigJRnZXQgdm91Y2hlcnMsIHNob3Agb25saW5lIG9yIGluLXN0b3JlLCBhbmQgc2F2ZSB3aXRoIG5vIGxpbWl0cyBvciBjb3N0cyE8L3A+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInBpbGxcIj5cclxuICAgIDxzcGFuPlN0YXJ0IHNhdmluZyB0b2RheSE8L3NwYW4+XHJcbiAgICA8bGliLWFmLWNvbm5lY3QtYnV0dG9uXHJcbiAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxyXG4gICAgICB0aXRsZT1cIkRpc2NvdmVyIG1vcmVcIlxyXG4gICAgICBjbGFzcz1cInJlZ3VsYXIgcmVndWxhci1waWxsXCJcclxuICAgICAgKGNsaWNrQnRuKT1cIm5hdmlnYXRlRXh0ZXJuYWwoKVwiXHJcbiAgICA+PC9saWItYWYtY29ubmVjdC1idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
15
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sK0JBQStCO0lBQzFDLGdCQUFnQjtRQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsNENBQTRDLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDdEUsQ0FBQzsrR0FIVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxRUNQNUMsb2tCQWdCQTs7NEZEVGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2F2aW5nc0Jhbm5lckNvbXBvbmVudCB7XHJcbiAgbmF2aWdhdGVFeHRlcm5hbCgpIHtcclxuICAgIHdpbmRvdy5vcGVuKCdodHRwczovL3Jld2FyZHMuYWxleGZvcmJlcy5jb20vbGFuZGluZ3BhZ2UnLCAnX2JsYW5rJyk7XHJcbiAgfVxyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwid3JhcHBlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnRcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2hpcFwiPkFGIFJld2FyZHM8L3NwYW4+XHJcbiAgICA8aDI+TUFYIFlPVVIgU0FWSU5HUyE8L2gyPlxyXG4gICAgPHA+QSBkeW5hbWljIHNob3BwaW5nIGV4cGVyaWVuY2XigJRnZXQgdm91Y2hlcnMsIHNob3Agb25saW5lIG9yIGluLXN0b3JlLCBhbmQgc2F2ZSB3aXRoIG5vIGxpbWl0cyBvciBjb3N0cyE8L3A+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInBpbGxcIj5cclxuICAgIDxzcGFuPlN0YXJ0IHNhdmluZyB0b2RheSE8L3NwYW4+XHJcbiAgICA8bGliLWFmLWNvbm5lY3QtYnV0dG9uXHJcbiAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxyXG4gICAgICB0aXRsZT1cIkRpc2NvdmVyIG1vcmVcIlxyXG4gICAgICBjbGFzcz1cInJlZ3VsYXIgcmVndWxhci1waWxsXCJcclxuICAgICAgKGNsaWNrQnRuKT1cIm5hdmlnYXRlRXh0ZXJuYWwoKVwiXHJcbiAgICA+PC9saWItYWYtY29ubmVjdC1idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
package/esm2022/lib/af-connect-solutions-product/af-connect-solutions-product.component.mjs CHANGED
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
33
33
  }], variant: [{
34
34
  type: Input
35
35
  }] } });
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0L2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxJQUFJLEVBQTJDLE1BQU0scUNBQXFDLENBQUM7Ozs7O0FBT3BHLE1BQU0sT0FBTyxrQ0FBa0M7SUFLN0MsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUF1QjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBSUQsWUFBbUIsaUJBQXVDO1FBQXZDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBc0I7UUFmbEQsYUFBUSxHQUFxQixRQUFRLENBQUM7UUFFckMsY0FBUyxHQUEwQixTQUFTLENBQUM7SUFhTyxDQUFDO0lBRTlELGdCQUFnQjtRQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDOUMsQ0FBQzsrR0FwQlUsa0NBQWtDO21HQUFsQyxrQ0FBa0MsMEpDVC9DLDRwQ0FxQ0E7OzRGRDVCYSxrQ0FBa0M7a0JBTDlDLFNBQVM7K0JBQ0Usa0NBQWtDO3lGQU9uQyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUYsT0FBTztzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50TGliU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2JyZWFrcG9pbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IGRhdGEsIFNvbHVjdGlvbnNQcm9kdWN0RGF0YSwgU29sdXRpb25zUHJvZHVjdCB9IGZyb20gJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5kYXRhJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFNvbHV0aW9uc1Byb2R1Y3RDb21wb25lbnQge1xyXG4gIHByaXZhdGUgX3ZhcmlhbnQ6IFNvbHV0aW9uc1Byb2R1Y3QgPSAnaW52ZXN0JztcclxuXHJcbiAgQElucHV0KCkgZGlyZWN0aW9uOiAnZGVmYXVsdCcgfCAncmV2ZXJzZScgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgaW1nQmFzZVVybDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHZhcmlhbnQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcbiAgc2V0IHZhcmlhbnQodmFsdWU6IFNvbHV0aW9uc1Byb2R1Y3QpIHtcclxuICAgIHRoaXMuX3ZhcmlhbnQgPSB2YWx1ZTtcclxuICAgIHRoaXMuY29udGVudCA9IGRhdGFbdmFsdWVdO1xyXG4gIH1cclxuXHJcbiAgY29udGVudDogU29sdWN0aW9uc1Byb2R1Y3REYXRhO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYnJlYWtwb2ludFNlcnZpY2U6IEJyZWFrcG9pbnRMaWJTZXJ2aWNlKSB7fVxyXG5cclxuICBuYXZpZ2F0ZUV4dGVybmFsKCkge1xyXG4gICAgd2luZG93Lm9wZW4odGhpcy5jb250ZW50LmN0YUxpbmssICdfYmxhbmsnKTtcclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24gW25nQ2xhc3NdPVwiWyd3cmFwcGVyJywgZGlyZWN0aW9uLCB2YXJpYW50XVwiPlxyXG4gIEBpZiAoIShicmVha3BvaW50U2VydmljZS5pc01vYmlsZSQgfCBhc3luYykpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jb250YWluZXJcIj5cclxuICAgICAgPGltZyBbc3JjXT1cImltZ0Jhc2VVcmwgKyBjb250ZW50LmltZ1dlYlwiPlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICA8aGVhZGVyPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImxpbmVcIj48L3NwYW4+XHJcbiAgICAgIDxoMz57eyBjb250ZW50LmhlYWRpbmcgfX08L2gzPlxyXG4gICAgICA8aDQ+e3sgY29udGVudC5zdWJoZWFkaW5nIH19PC9oND5cclxuICAgIDwvaGVhZGVyPlxyXG4gICAgQGlmICghKGJyZWFrcG9pbnRTZXJ2aWNlLmlzTW9iaWxlJCB8IGFzeW5jKSkge1xyXG4gICAgICA8cD57eyBjb250ZW50LmRlc2NyaXB0aW9uIH19PC9wPlxyXG4gICAgfVxyXG4gICAgQGVsc2Uge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cImltZ0Jhc2VVcmwgKyBjb250ZW50LmltZ01vYmlsZVwiPlxyXG4gICAgICAgIDxwPnt7IGNvbnRlbnQuZGVzY3JpcHRpb24gfX08L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgfVxyXG4gICAgPGxpYi1hZi1jb25uZWN0LWJ1dHRvbiBcclxuICAgICAgY2xhc3M9XCJyZWd1bGFyXCJcclxuICAgICAgW3RpdGxlXT1cImNvbnRlbnQuY3RhVGl0bGVcIlxyXG4gICAgICB2YXJpYW50PVwiZmlsbGVkXCJcclxuICAgICAgKGNsaWNrQnRuKT1cIm5hdmlnYXRlRXh0ZXJuYWwoKVwiXHJcbiAgICA+PC9saWItYWYtY29ubmVjdC1idXR0b24+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGFiZWxzXCI+XHJcbiAgICAgIEBmb3IgKGxhYmVsIG9mIGNvbnRlbnQubGFiZWxzOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIj5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJpbWdCYXNlVXJsICsgbGFiZWwuaW1nXCI+XHJcbiAgICAgICAgICA8c3Bhbj57eyBsYWJlbC50ZXh0IH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG4iXX0=
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0L2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxJQUFJLEVBQTJDLE1BQU0scUNBQXFDLENBQUM7Ozs7O0FBT3BHLE1BQU0sT0FBTyxrQ0FBa0M7SUFLN0MsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUF1QjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBSUQsWUFBbUIsaUJBQXVDO1FBQXZDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBc0I7UUFmbEQsYUFBUSxHQUFxQixRQUFRLENBQUM7UUFFckMsY0FBUyxHQUEwQixTQUFTLENBQUM7SUFhTyxDQUFDO0lBRTlELGdCQUFnQjtRQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDOUMsQ0FBQzsrR0FwQlUsa0NBQWtDO21HQUFsQyxrQ0FBa0MsMEpDVC9DLDRwQ0FxQ0E7OzRGRDVCYSxrQ0FBa0M7a0JBTDlDLFNBQVM7K0JBQ0Usa0NBQWtDO3lGQU9uQyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUYsT0FBTztzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50TGliU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2JyZWFrcG9pbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IGRhdGEsIFNvbHVjdGlvbnNQcm9kdWN0RGF0YSwgU29sdXRpb25zUHJvZHVjdCB9IGZyb20gJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5kYXRhJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFNvbHV0aW9uc1Byb2R1Y3RDb21wb25lbnQge1xyXG4gIHByaXZhdGUgX3ZhcmlhbnQ6IFNvbHV0aW9uc1Byb2R1Y3QgPSAnaW52ZXN0JztcclxuXHJcbiAgQElucHV0KCkgZGlyZWN0aW9uOiAnZGVmYXVsdCcgfCAncmV2ZXJzZScgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgaW1nQmFzZVVybDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHZhcmlhbnQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcbiAgc2V0IHZhcmlhbnQodmFsdWU6IFNvbHV0aW9uc1Byb2R1Y3QpIHtcclxuICAgIHRoaXMuX3ZhcmlhbnQgPSB2YWx1ZTtcclxuICAgIHRoaXMuY29udGVudCA9IGRhdGFbdmFsdWVdO1xyXG4gIH1cclxuXHJcbiAgY29udGVudDogU29sdWN0aW9uc1Byb2R1Y3REYXRhO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYnJlYWtwb2ludFNlcnZpY2U6IEJyZWFrcG9pbnRMaWJTZXJ2aWNlKSB7fVxyXG5cclxuICBuYXZpZ2F0ZUV4dGVybmFsKCkge1xyXG4gICAgd2luZG93Lm9wZW4odGhpcy5jb250ZW50LmN0YUxpbmssICdfYmxhbmsnKTtcclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24gW25nQ2xhc3NdPVwiWyd3cmFwcGVyJywgZGlyZWN0aW9uLCB2YXJpYW50XVwiPlxyXG4gIEBpZiAoIShicmVha3BvaW50U2VydmljZS5pc01vYmlsZSQgfCBhc3luYykpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jb250YWluZXJcIj5cclxuICAgICAgPGltZyBbc3JjXT1cImltZ0Jhc2VVcmwgKyBjb250ZW50LmltZ1dlYlwiPlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICA8aGVhZGVyPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImxpbmVcIj48L3NwYW4+XHJcbiAgICAgIDxoMz57eyBjb250ZW50LmhlYWRpbmcgfX08L2gzPlxyXG4gICAgICA8aDQ+e3sgY29udGVudC5zdWJoZWFkaW5nIH19PC9oND5cclxuICAgIDwvaGVhZGVyPlxyXG4gICAgQGlmICghKGJyZWFrcG9pbnRTZXJ2aWNlLmlzTW9iaWxlJCB8IGFzeW5jKSkge1xyXG4gICAgICA8cD57eyBjb250ZW50LmRlc2NyaXB0aW9uIH19PC9wPlxyXG4gICAgfVxyXG4gICAgQGVsc2Uge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cImltZ0Jhc2VVcmwgKyBjb250ZW50LmltZ01vYmlsZVwiPlxyXG4gICAgICAgIDxwPnt7IGNvbnRlbnQuZGVzY3JpcHRpb24gfX08L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgfVxyXG4gICAgPGxpYi1hZi1jb25uZWN0LWJ1dHRvbiBcclxuICAgICAgY2xhc3M9XCJyZWd1bGFyXCJcclxuICAgICAgW3RpdGxlXT1cImNvbnRlbnQuY3RhVGl0bGVcIlxyXG4gICAgICB2YXJpYW50PVwiZmlsbGVkXCJcclxuICAgICAgKGNsaWNrQnRuKT1cIm5hdmlnYXRlRXh0ZXJuYWwoKVwiXHJcbiAgICA+PC9saWItYWYtY29ubmVjdC1idXR0b24+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGFiZWxzXCI+XHJcbiAgICAgIEBmb3IgKGxhYmVsIG9mIGNvbnRlbnQubGFiZWxzOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIj5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJpbWdCYXNlVXJsICsgbGFiZWwuaW1nXCI+XHJcbiAgICAgICAgICA8c3Bhbj57eyBsYWJlbC50ZXh0IH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG4iXX0=
package/fesm2022/af-connect-components.mjs CHANGED
@@ -702,14 +702,15 @@ class AfConnectProfileDropdown {
702
702
  return this.sanitizer.bypassSecurityTrustHtml(svg);
703
703
  }
704
704
  navigateTo(url) {
705
+ this.showMenu = false;
705
706
  this.router.navigate([url]);
706
707
  }
707
708
  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 }); }
708
- 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", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid" }, 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=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></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=\"retail\"></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\" (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=\"bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div (click)=\"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 (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 (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 #retail>\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 #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;cursor:pointer}@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}.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:12rem;height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@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%}.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" }] }); }
709
+ 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", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid" }, 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=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></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=\"retail\"></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\" (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=\"bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <!-- <div (click)=\"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 (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 (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 #retail>\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 #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;cursor:pointer}@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}.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:12rem;height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@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%}.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" }] }); }
709
710
  }
710
711
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
711
712
  type: Component,
712
- 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=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></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=\"retail\"></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\" (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=\"bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <div (click)=\"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 (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 (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 #retail>\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 #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;cursor:pointer}@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}.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:12rem;height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@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%}.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"] }]
713
+ 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=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></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=\"retail\"></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\" (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=\"bold\">{{url.name}}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <!-- <div (click)=\"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 (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 (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 #retail>\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 #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;cursor:pointer}@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}.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:12rem;height:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@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%}.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"] }]
713
714
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.DomSanitizer }, { type: i1$3.Router }, { type: BreakpointLibService }], propDecorators: { username: [{
714
715
  type: Input
715
716
  }], userType: [{