af-connect-components 0.0.23 → 0.0.24

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/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +10 -6
  2. package/fesm2015/af-connect-components.mjs +9 -5
  3. package/fesm2015/af-connect-components.mjs.map +1 -1
  4. package/fesm2020/af-connect-components.mjs +9 -5
  5. package/fesm2020/af-connect-components.mjs.map +1 -1
  6. package/package.json +1 -1
package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs CHANGED
@@ -27,18 +27,22 @@ export class AfConnectProfileDropdown {
27
27
  click(event) {
28
28
  const iconClick = this.elementRef.nativeElement.contains(event.target);
29
29
  const clickedOnUserTypeSwitch = event.target.closest('.user-type-switch') !== null;
30
- this.showMenu = iconClick ? this.showMenu : (clickedOnUserTypeSwitch || false);
30
+ const clickedOnUserTypeSwitchOption = event.target.closest('.user-type-switch__option') !== null;
31
+ this.showMenu = iconClick ? this.showMenu : (clickedOnUserTypeSwitch && !clickedOnUserTypeSwitchOption);
31
32
  }
32
33
  select(value) {
33
- this.userType = value;
34
- this.switchUserType.emit(value);
34
+ if (this.userType !== value) {
35
+ this.userType = value;
36
+ this.showMenu = false;
37
+ this.switchUserType.emit(value);
38
+ }
35
39
  }
36
40
  }
37
41
  AfConnectProfileDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
38
- AfConnectProfileDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", hasSwitchIndicator: "hasSwitchIndicator" }, outputs: { 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' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? 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', userType === USER_TYPE.Retail && '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', userType === USER_TYPE.Institutional && '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 <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:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;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{width:20px;height:20px;padding-left:1rem}.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}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: i3.AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }] });
42
+ AfConnectProfileDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", hasSwitchIndicator: "hasSwitchIndicator" }, outputs: { 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' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? 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 <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:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;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{width:20px;height:20px;padding-left:1rem}.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}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: i3.AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }] });
39
43
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
40
44
  type: Component,
41
- args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? 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', userType === USER_TYPE.Retail && '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', userType === USER_TYPE.Institutional && '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 <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:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;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{width:20px;height:20px;padding-left:1rem}.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}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"] }]
45
+ args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? 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 <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:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;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{width:20px;height:20px;padding-left:1rem}.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}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"] }]
42
46
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { username: [{
43
47
  type: Input
44
48
  }], userType: [{
@@ -62,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImpor
62
66
  type: HostListener,
63
67
  args: ['document:click', ['$event']]
64
68
  }] } });
65
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFFakcsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQiw2QkFBaUIsQ0FBQTtJQUNqQiwyQ0FBK0IsQ0FBQTtJQUMvQiw2QkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkI7QUFPRCxNQUFNLE9BQU8sd0JBQXdCO0lBYW5DLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFaakMsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUdiLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBRXhELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsY0FBUyxHQUFHLFFBQVEsQ0FBQztJQUV3QixDQUFDO0lBRVgsSUFBSSxDQUFDLENBQU07UUFDNUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUUyQyxLQUFLLENBQUMsS0FBVTtRQUMxRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZFLE1BQU0sdUJBQXVCLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsS0FBSyxJQUFJLENBQUM7UUFFbkYsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLElBQUksS0FBSyxDQUFDLENBQUM7SUFDakYsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUErQztRQUNwRCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDOztxSEE3QlUsd0JBQXdCO3lHQUF4Qix3QkFBd0IsMlpDYnJDLDY3U0E4RkE7MkZEakZhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxpQ0FBaUM7aUdBS2xDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBTzRCLElBQUk7c0JBQXRDLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUlXLEtBQUs7c0JBQWhELFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5leHBvcnQgZW51bSBVc2VyVHlwZSB7XHJcbiAgUmV0YWlsID0gJ1JldGFpbCcsXHJcbiAgSW5zdGl0dXRpb25hbCA9ICdJbnN0aXR1dGlvbmFsJyxcclxuICBIeWJyaWQgPSAnSHlicmlkJ1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9maWxlRHJvcGRvd24ge1xyXG4gIEBJbnB1dCgpIHVzZXJuYW1lID0gJyc7XHJcbiAgQElucHV0KCkgdXNlclR5cGU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWw7XHJcbiAgQElucHV0KCkgIGhhc1N3aXRjaEluZGljYXRvcjogYm9vbGVhbjtcclxuICBAT3V0cHV0KCkgY2FsbE1lQmFjayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgY29udGFjdEFkdmlzZXIgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIHJlc2V0UGFzc3dvcmQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGxvZ291dCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgc3dpdGNoVXNlclR5cGUgPSBuZXcgRXZlbnRFbWl0dGVyPFVzZXJUeXBlPigpO1xyXG5cclxuICBzaG93TWVudSA9IGZhbHNlO1xyXG4gIFVTRVJfVFlQRSA9IFVzZXJUeXBlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSkgc2hvdyhlOiBhbnkpIHtcclxuICAgIHRoaXMuc2hvd01lbnUgPSAhdGhpcy5zaG93TWVudTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSkgY2xpY2soZXZlbnQ6IGFueSkge1xyXG4gICAgY29uc3QgaWNvbkNsaWNrID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KTtcclxuICAgIGNvbnN0IGNsaWNrZWRPblVzZXJUeXBlU3dpdGNoID0gZXZlbnQudGFyZ2V0LmNsb3Nlc3QoJy51c2VyLXR5cGUtc3dpdGNoJykgIT09IG51bGw7XHJcblxyXG4gICAgdGhpcy5zaG93TWVudSA9IGljb25DbGljayA/IHRoaXMuc2hvd01lbnUgOiAoY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2ggfHwgZmFsc2UpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0KHZhbHVlOiBVc2VyVHlwZS5JbnN0aXR1dGlvbmFsIHwgVXNlclR5cGUuUmV0YWlsKTogdm9pZCB7XHJcbiAgICB0aGlzLnVzZXJUeXBlID0gdmFsdWU7XHJcbiAgICB0aGlzLnN3aXRjaFVzZXJUeXBlLmVtaXQodmFsdWUpO1xyXG4gIH1cclxufVxyXG4iLCI8c3BhbiBbY2xhc3NdPVwiWydsb2dvLWNvbnRlbnQnLCB1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCA/ICdibHVlJyA6ICdvcmFuZ2UnXVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInVzZXJUeXBlID09PSBVU0VSX1RZUEUuUmV0YWlsID8gcmV0YWlsIDogaW5zdGl0dXRpb25hbFwiPjwvbmctY29udGFpbmVyPlxyXG48L3NwYW4+XHJcblxyXG48bmctY29udGFpbmVyICpuZ0lmPVwic2hvd01lbnVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwiY2FsbE1lQmFjay5lbWl0KClcIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgdmlld0JveD1cIjAgMCAyMCAyMFwiPlxyXG4gICAgICAgICAgICAgICAgPGcgaWQ9XCJjYWxsXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgMClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD1cInBob25lLTFcIiBkPVwiTTE5Ljk3NiwxNy41NDlsLTIuNTg4LTIuMTU2YS42OTQuNjk0LDAsMCwwLS43LS4wMzdsLTEuNDM4Ljk1OGEuOTEuOTEsMCwwLDEtLjUwOS4xNTMsNS45ODMsNS45ODMsMCwwLDEtMS4yOC0uMTgsNy43MjQsNy43MjQsMCwwLDEtNS43NTQtNS43NTIsNS45NzcsNS45NzcsMCwwLDEtLjE4LTEuMjguOTA5LjkwOSwwLDAsMSwuMTUzLS41MDlsLjk1OS0xLjQzN2EuNjgxLjY4MSwwLDAsMC0uMDM3LS43TDYuNDQ0LDQuMDIyYS40MjcuNDI3LDAsMCwwLS43MywwTDQuMjg1LDUuNzdhMi41NDksMi41NDksMCwwLDAtLjQsMi4wMzUuOTA5LjkwOSwwLDAsMSwuMDI3LjEwNSw0LjY3MSw0LjY3MSwwLDAsMCwuMTQyLjUsMTEuNjg1LDExLjY4NSwwLDAsMCwuNjU0LDEuNTYzLDIwLjc3NSwyMC43NzUsMCwwLDAsMy45NzMsNS4zMzJBMjAuNzYsMjAuNzYsMCwwLDAsMTQuMDIsMTkuMjhhMTEuNjkzLDExLjY5MywwLDAsMCwxLjU2My42NTQsNC44MjMsNC44MjMsMCwwLDAsLjUuMTQyLjkwOS45MDksMCwwLDEsLjEyNi4wMzMsMi40OTIsMi40OTIsMCwwLDAsMi4wMTQtLjRsMS43NDctMS40MjlBLjQyNi40MjYsMCwwLDAsMTkuOTc2LDE3LjU0OVptLTQuMy0zLjcwNkEyLjUsMi41LDAsMCwxLDE4LjU1MiwxNGwyLjU4OSwyLjE1NmEyLjIzNSwyLjIzNSwwLDAsMS0uMDE1LDMuNTM0bC0xLjc0NywxLjQyOGE0LjI5LDQuMjksMCwwLDEtMy42OTUuNzM1cS0uMzM4LS4wNzctLjY2Ny0uMTg4YTEzLjUsMTMuNSwwLDAsMS0xLjgwOS0uNzU1QTIyLjU4MywyMi41ODMsMCwwLDEsNy40LDE2LjU5NGEyMi41NzksMjIuNTc5LDAsMCwxLTQuMzE0LTUuODA2LDEzLjQ4OCwxMy40ODgsMCwwLDEtLjc1NS0xLjgwOUE2LjgzMyw2LjgzMywwLDAsMSwyLjE0LDguM2E0LjM0Myw0LjM0MywwLDAsMSwuNzM4LTMuNjgzTDQuMzA3LDIuODczYTIuMjM4LDIuMjM4LDAsMCwxLDMuNTM1LS4wMTVMMTAsNS40NDVhMi40ODUsMi40ODUsMCwwLDEsLjE1MywyLjg3MUw5LjM2Niw5LjQ5NGE1LjM3NCw1LjM3NCwwLDAsMCwuMTEuNjIsNS45NDgsNS45NDgsMCwwLDAsLjkyMiwyLjA1Miw1Ljg2OCw1Ljg2OCwwLDAsMCwxLjQzLDEuNDMsNS45NTIsNS45NTIsMCwwLDAsMi4wNTMuOTIxLDUuMjc3LDUuMjc3LDAsMCwwLC42Mi4xMWwxLjE3OS0uNzg1WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgtMiAtMilcIiBmaWxsPVwiI2VmNGYxZlwiLz5cclxuICAgICAgICAgICAgICAgIDwvZz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzcGFuPkNhbGwgbWUgYmFjazwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJjb250YWN0QWR2aXNlci5lbWl0KClcIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIyMS41XCIgaGVpZ2h0PVwiMTcuODY0XCIgdmlld0JveD1cIjAgMCAyMS41IDE3Ljg2NFwiPlxyXG4gICAgICAgICAgICAgICAgPGcgaWQ9XCJJY29uc19VSV9Db250YWN0c19Db2xvdXJfXCIgZGF0YS1uYW1lPVwiSWNvbnMgLyBVSSAvIENvbnRhY3RzIC8gQ29sb3VyICBcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMC43NSAwLjc1KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPVwiUmVjdGFuZ2xlXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjE2LjM2NFwiIHJ4PVwiM1wiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIxLjVcIi8+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzNcIiBkYXRhLW5hbWU9XCJMaW5lIDNcIiBkPVwiTS41NS41NjNsOC41OTEsNy42N1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwLjg1OSAwLjg1OClcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIvPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zLTJcIiBkYXRhLW5hbWU9XCJMaW5lIDNcIiBkPVwiTS0xLjQwOS41NjMtMTAsOC4yMzNcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMjAgMC44NTgpXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjZWY0ZjFmXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiLz5cclxuICAgICAgICAgICAgICAgIDwvZz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzcGFuPkNvbnRhY3QgYWR2aXNlcjwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaGFzU3dpdGNoSW5kaWNhdG9yXCIgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoIHVzZXItdHlwZS1zd2l0Y2hcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX2J0bi1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgIDxsaWItYWYtY29ubmVjdC1yYWRpby1ncm91cCBsYWJlbD1cIlZpZXcgYXNcIiB2YXJpYW50PVwiY2hlY2tib3hcIiBkaXJlY3Rpb249XCJjb2x1bW5cIiAodmFsdWVDaGFuZ2UpPVwic2VsZWN0KCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzc109XCJbJ3VzZXItdHlwZS1zd2l0Y2hfX29wdGlvbicsIHVzZXJUeXBlID09PSBVU0VSX1RZUEUuUmV0YWlsICYmICdib3hTaGFkb3cnXVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3QoVVNFUl9UWVBFLlJldGFpbClcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvZ28gYmx1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInJldGFpbFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpYi1hZi1jb25uZWN0LXJhZGlvLWJ1dHRvbiBuZ0NsYXNzPVwibGFyZ2VyXCIgW3ZhbHVlXT1cIlVTRVJfVFlQRS5SZXRhaWxcIiBbY2hlY2tlZF09XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbFwiIGl0ZW1PcmRlcj1cInJpZ2h0LXRvLWxlZnRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPkluZGl2aWR1YWwvUmV0YWlsPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2xpYi1hZi1jb25uZWN0LXJhZGlvLWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzc109XCJbJ3VzZXItdHlwZS1zd2l0Y2hfX29wdGlvbicsIHVzZXJUeXBlID09PSBVU0VSX1RZUEUuSW5zdGl0dXRpb25hbCAmJiAnYm94U2hhZG93J11cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nbyBvcmFuZ2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbnN0aXR1dGlvbmFsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uIG5nQ2xhc3M9XCJsYXJnZXJcIiBbdmFsdWVdPVwiVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBbY2hlY2tlZF09XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5FbXBsb3llZSBiZW5lZml0czwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJyZXNldFBhc3N3b3JkLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIyXCIgaGVpZ2h0PVwiMjAuMDA0XCIgdmlld0JveD1cIjAgMCAyMiAyMC4wMDRcIj5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiU2hhcGVcIiBkPVwiTTEyLjUyMiwyMEE5Ljg4Miw5Ljg4MiwwLDAsMSwyLjQ4NCwxMEguNTQ0YS41NTIuNTUyLDAsMCwxLS4zNzktLjk0NGwzLjAyNC0zLjFhLjUyOC41MjgsMCwwLDEsLjc3LDBsMy4wMjQsMy4xYS41NTcuNTU3LDAsMCwxLS4zOS45NDRINC42NTJhNy42NzksNy42NzksMCwwLDAsNy43LDcuNzc4LDcuNzgyLDcuNzgyLDAsMCwwLDcuNDgtNy42NjdBNy42OTIsNy42OTIsMCwwLDAsMTIuMjQsMi4yMjIsNy40ODEsNy40ODEsMCwwLDAsOC41MTEsMy4yMzNhMS4wMzUsMS4wMzUsMCwwLDEtMS4yNzktLjIsMS4xMjUsMS4xMjUsMCwwLDEsLjIxNy0xLjc0NEE5LjYxNyw5LjYxNywwLDAsMSwxMi4yNCwwLDkuOSw5LjksMCwwLDEsMjIsMTAuMjg5LDEwLDEwLDAsMCwxLDEyLjUyMiwyMFpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMjIgMjAuMDA0KSByb3RhdGUoMTgwKVwiIGZpbGw9XCIjZjE1YTIyXCIvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+UmVzZXQgcGFzc3dvcmQ8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwibG9nb3V0LmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIGlkPVwiaWNvblwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCI+XHJcbiAgICAgICAgICAgICAgICA8cmVjdCBpZD1cImJnXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgZmlsbD1cIm5vbmVcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cInBhdGhcIiBkPVwiTTkuMjEsOS4yNzNsMi43NTgtMi43NThBLjcyNy43MjcsMCwxLDAsMTAuOTQsNS40ODZsLTQsNGEuNzI3LjcyNywwLDAsMCwwLDEuMDI5bDQsNGEuNzI3LjcyNywwLDEsMCwxLjAyOS0xLjAyOUw5LjIxLDEwLjcyN2g4LjA2NmEuNzI3LjcyNywwLDAsMCwwLTEuNDU1Wm0xLjUxNy01LjgxOGEuNzI3LjcyNywwLDEsMCwwLTEuNDU1SDMuODIxQTEuODIsMS44MiwwLDAsMCwyLDMuODIxVjE2LjE3OUExLjgyMSwxLjgyMSwwLDAsMCwzLjgyMSwxOGg2LjkwNmEuNzI3LjcyNywwLDEsMCwwLTEuNDU1SDMuODIxYS4zNjYuMzY2LDAsMCwxLS4zNjctLjM2NlYzLjgyMWEuMzY2LjM2NiwwLDAsMSwuMzY3LS4zNjZaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0wLjA5OSlcIiBmaWxsPVwiIzdmODk5MVwiLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzcGFuPkxvZyBPdXQ8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctdGVtcGxhdGUgI3JldGFpbD5cclxuICAgIDxzdmcgaWQ9XCJHcm91cFwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjEyLjgzN1wiIGhlaWdodD1cIjEzLjY5M1wiIHZpZXdCb3g9XCIwIDAgMTIuODM3IDEzLjY5M1wiPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiT3ZhbFwiIGQ9XCJNMi43ODUtMUEzLjc4NSwzLjc4NSwwLDEsMS0xLDIuNzg1LDMuNzksMy43OSwwLDAsMSwyLjc4NS0xWm0wLDYuNTgzYTIuOCwyLjgsMCwxLDAtMi44LTIuOEEyLjgsMi44LDAsMCwwLDIuNzg1LDUuNTgzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgzLjYzMyAxKVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiUmVjdGFuZ2xlXCIgZD1cIk03LjM5Myw0LjEzNUEuNDk0LjQ5NCwwLDAsMSw2LjksMy42NDEsMy43MTIsMy43MTIsMCwwLDAsMy4xNC0uMDEzSC0uNTA2QS40OTQuNDk0LDAsMCwxLTEtLjUwNi40OTQuNDk0LDAsMCwxLS41MDYtMUgzLjE0QTQuNyw0LjcsMCwwLDEsNy44ODcsMy42NDEuNDk0LjQ5NCwwLDAsMSw3LjM5Myw0LjEzNVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNC45NSA5LjU1OClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICA8cGF0aCBpZD1cIlJlY3RhbmdsZS0yXCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlXCIgZD1cIk0tMTIuNTA2LDQuMTM1QS40OTQuNDk0LDAsMCwxLTEzLDMuNjQxLDQuNyw0LjcsMCwwLDEtOC4yNTMtMWgzLjY0NmEuNDk0LjQ5NCwwLDAsMSwuNDk0LjQ5NC40OTQuNDk0LDAsMCwxLS40OTQuNDk0SC04LjI1M2EzLjcxMiwzLjcxMiwwLDAsMC0zLjc2LDMuNjU0QS40OTQuNDk0LDAsMCwxLTEyLjUwNiw0LjEzNVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMTMgOS41NTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICA8L3N2Zz5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaW5zdGl0dXRpb25hbD5cclxuICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHhtbG5zOnhsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiIHdpZHRoPVwiMTUuMzg0XCIgaGVpZ2h0PVwiMTIuNDg4XCIgdmlld0JveD1cIjAgMCAxNS4zODQgMTIuNDg4XCI+XHJcbiAgICAgICAgPGRlZnM+XHJcbiAgICAgICAgICAgIDxjbGlwUGF0aCBpZD1cImNsaXAtcGF0aFwiPlxyXG4gICAgICAgICAgICA8cmVjdCBpZD1cIlJlY3RhbmdsZV8xNDI0XCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlIDE0MjRcIiB3aWR0aD1cIjE1LjM4M1wiIGhlaWdodD1cIjEyLjQ4OVwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDApXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjNzA3MDcwXCIgc3Ryb2tlLXdpZHRoPVwiMVwiLz5cclxuICAgICAgICAgICAgPC9jbGlwUGF0aD5cclxuICAgICAgICA8L2RlZnM+XHJcbiAgICAgICAgPGcgaWQ9XCJHcm91cF8xMDI5OFwiIGRhdGEtbmFtZT1cIkdyb3VwIDEwMjk4XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0wLjk1MiAtMC43NzMpXCI+XHJcbiAgICAgICAgICAgIDxnIGlkPVwiR3JvdXBfMTAyOTdcIiBkYXRhLW5hbWU9XCJHcm91cCAxMDI5N1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwLjk1MyAwLjc3MylcIiBjbGlwLXBhdGg9XCJ1cmwoI2NsaXAtcGF0aClcIj5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiUGF0aF82MDgwXCIgZGF0YS1uYW1lPVwiUGF0aCA2MDgwXCIgZD1cIk0yOS4zODYsMy4wM2EuMzQ2LjM0NiwwLDAsMS0uMzQ2LS4zNDZWMS4zMmEuNjI5LjYyOSwwLDAsMC0uNjI4LS42MjlIMjMuMjc0YS42MjkuNjI5LDAsMCwwLS42MjguNjI5VjIuNjg0YS4zNDYuMzQ2LDAsMSwxLS42OTMsMFYxLjMyQTEuMzIzLDEuMzIzLDAsMCwxLDIzLjI3NCwwaDUuMTM3QTEuMzIzLDEuMzIzLDAsMCwxLDI5LjczMiwxLjMyVjIuNjg0QS4zNDYuMzQ2LDAsMCwxLDI5LjM4NiwzLjAzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgtMTguMTUxIDAuMDAxKVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJSZWN0YW5nbGVfMTQyM1wiIGRhdGEtbmFtZT1cIlJlY3RhbmdsZSAxNDIzXCIgZD1cIk0tLjkzMy0yaDEzLjI1QTEuMDY4LDEuMDY4LDAsMCwxLDEzLjM4NC0uOTMzVjcuMDg0YTEuMDY4LDEuMDY4LDAsMCwxLTEuMDY3LDEuMDY3SC0uOTMzQTEuMDY4LDEuMDY4LDAsMCwxLTIsNy4wODRWLS45MzNBMS4wNjgsMS4wNjgsMCwwLDEtLjkzMy0yWm0xMy4yNSw5LjQ1OGEuMzc0LjM3NCwwLDAsMCwuMzc0LS4zNzRWLS45MzNhLjM3NC4zNzQsMCwwLDAtLjM3NC0uMzc0SC0uOTMzYS4zNzQuMzc0LDAsMCwwLS4zNzQuMzc0VjcuMDg0YS4zNzQuMzc0LDAsMCwwLC4zNzQuMzc0WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyIDQuMzM4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMyNFwiIGRhdGEtbmFtZT1cIkxpbmUgMzI0XCIgZD1cIk0xMi43MTItMS4zMDdILTEuNjU0QS4zNDYuMzQ2LDAsMCwxLTItMS42NTQuMzQ2LjM0NiwwLDAsMS0xLjY1NC0ySDEyLjcxMmEuMzQ2LjM0NiwwLDAsMSwuMzQ2LjM0NkEuMzQ2LjM0NiwwLDAsMSwxMi43MTItMS4zMDdaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIuMDM3IDguMDg3KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMyNVwiIGRhdGEtbmFtZT1cIkxpbmUgMzI1XCIgZD1cIk0tMS42NTQuMjIzQS4zNDYuMzQ2LDAsMCwxLTItLjEyNHYtMS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC0yYS4zNDYuMzQ2LDAsMCwxLC4zNDYuMzQ2djEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQuMjIzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMi44ODggNy4zMTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI2XCIgZGF0YS1uYW1lPVwiTGluZSAzMjZcIiBkPVwiTS0xLjY1NC4yMjNBLjM0Ni4zNDYsMCwwLDEtMi0uMTI0di0xLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJhLjM0Ni4zNDYsMCwwLDEsLjM0Ni4zNDZ2MS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC4yMjNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDUuODAyIDcuMzE4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgPC9nPlxyXG4gICAgPC9zdmc+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
69
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFFakcsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQiw2QkFBaUIsQ0FBQTtJQUNqQiwyQ0FBK0IsQ0FBQTtJQUMvQiw2QkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkI7QUFPRCxNQUFNLE9BQU8sd0JBQXdCO0lBYW5DLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFaakMsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUdiLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBRXhELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsY0FBUyxHQUFHLFFBQVEsQ0FBQztJQUV3QixDQUFDO0lBRVgsSUFBSSxDQUFDLENBQU07UUFDNUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUUyQyxLQUFLLENBQUMsS0FBVTtRQUMxRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZFLE1BQU0sdUJBQXVCLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsS0FBSyxJQUFJLENBQUM7UUFDbkYsTUFBTSw2QkFBNkIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQywyQkFBMkIsQ0FBQyxLQUFLLElBQUksQ0FBQztRQUVqRyxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsSUFBSSxDQUFDLDZCQUE2QixDQUFDLENBQUM7SUFDMUcsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUErQztRQUNwRCxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssS0FBSyxFQUFFO1lBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs7cUhBakNVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDJaQ2JyQyxrMlNBOEZBOzJGRGpGYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsaUNBQWlDO2lHQUtsQyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQU80QixJQUFJO3NCQUF0QyxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFJVyxLQUFLO3NCQUFoRCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuZXhwb3J0IGVudW0gVXNlclR5cGUge1xyXG4gIFJldGFpbCA9ICdSZXRhaWwnLFxyXG4gIEluc3RpdHV0aW9uYWwgPSAnSW5zdGl0dXRpb25hbCcsXHJcbiAgSHlicmlkID0gJ0h5YnJpZCdcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0UHJvZmlsZURyb3Bkb3duIHtcclxuICBASW5wdXQoKSB1c2VybmFtZSA9ICcnO1xyXG4gIEBJbnB1dCgpIHVzZXJUeXBlOiBVc2VyVHlwZS5JbnN0aXR1dGlvbmFsIHwgVXNlclR5cGUuUmV0YWlsO1xyXG4gIEBJbnB1dCgpICBoYXNTd2l0Y2hJbmRpY2F0b3I6IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIGNhbGxNZUJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGNvbnRhY3RBZHZpc2VyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSByZXNldFBhc3N3b3JkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIHN3aXRjaFVzZXJUeXBlID0gbmV3IEV2ZW50RW1pdHRlcjxVc2VyVHlwZT4oKTtcclxuXHJcbiAgc2hvd01lbnUgPSBmYWxzZTtcclxuICBVU0VSX1RZUEUgPSBVc2VyVHlwZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pIHNob3coZTogYW55KSB7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gIXRoaXMuc2hvd01lbnU7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIGNsaWNrKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IGljb25DbGljayA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCk7XHJcbiAgICBjb25zdCBjbGlja2VkT25Vc2VyVHlwZVN3aXRjaCA9IGV2ZW50LnRhcmdldC5jbG9zZXN0KCcudXNlci10eXBlLXN3aXRjaCcpICE9PSBudWxsO1xyXG4gICAgY29uc3QgY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2hPcHRpb24gPSBldmVudC50YXJnZXQuY2xvc2VzdCgnLnVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbicpICE9PSBudWxsO1xyXG5cclxuICAgIHRoaXMuc2hvd01lbnUgPSBpY29uQ2xpY2sgPyB0aGlzLnNob3dNZW51IDogKGNsaWNrZWRPblVzZXJUeXBlU3dpdGNoICYmICFjbGlja2VkT25Vc2VyVHlwZVN3aXRjaE9wdGlvbik7XHJcbiAgfVxyXG5cclxuICBzZWxlY3QodmFsdWU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWwpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnVzZXJUeXBlICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLnVzZXJUeXBlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuc2hvd01lbnUgPSBmYWxzZTtcclxuICAgICAgdGhpcy5zd2l0Y2hVc2VyVHlwZS5lbWl0KHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHNwYW4gW2NsYXNzXT1cIlsnbG9nby1jb250ZW50JywgdXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWwgPyAnYmx1ZScgOiAnb3JhbmdlJ11cIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCA/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+XHJcbiAgICAgICAgICAgICAgICA8L2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJyZXNldFBhc3N3b3JkLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIyXCIgaGVpZ2h0PVwiMjAuMDA0XCIgdmlld0JveD1cIjAgMCAyMiAyMC4wMDRcIj5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiU2hhcGVcIiBkPVwiTTEyLjUyMiwyMEE5Ljg4Miw5Ljg4MiwwLDAsMSwyLjQ4NCwxMEguNTQ0YS41NTIuNTUyLDAsMCwxLS4zNzktLjk0NGwzLjAyNC0zLjFhLjUyOC41MjgsMCwwLDEsLjc3LDBsMy4wMjQsMy4xYS41NTcuNTU3LDAsMCwxLS4zOS45NDRINC42NTJhNy42NzksNy42NzksMCwwLDAsNy43LDcuNzc4LDcuNzgyLDcuNzgyLDAsMCwwLDcuNDgtNy42NjdBNy42OTIsNy42OTIsMCwwLDAsMTIuMjQsMi4yMjIsNy40ODEsNy40ODEsMCwwLDAsOC41MTEsMy4yMzNhMS4wMzUsMS4wMzUsMCwwLDEtMS4yNzktLjIsMS4xMjUsMS4xMjUsMCwwLDEsLjIxNy0xLjc0NEE5LjYxNyw5LjYxNywwLDAsMSwxMi4yNCwwLDkuOSw5LjksMCwwLDEsMjIsMTAuMjg5LDEwLDEwLDAsMCwxLDEyLjUyMiwyMFpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMjIgMjAuMDA0KSByb3RhdGUoMTgwKVwiIGZpbGw9XCIjZjE1YTIyXCIvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+UmVzZXQgcGFzc3dvcmQ8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwibG9nb3V0LmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIGlkPVwiaWNvblwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCI+XHJcbiAgICAgICAgICAgICAgICA8cmVjdCBpZD1cImJnXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgZmlsbD1cIm5vbmVcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cInBhdGhcIiBkPVwiTTkuMjEsOS4yNzNsMi43NTgtMi43NThBLjcyNy43MjcsMCwxLDAsMTAuOTQsNS40ODZsLTQsNGEuNzI3LjcyNywwLDAsMCwwLDEuMDI5bDQsNGEuNzI3LjcyNywwLDEsMCwxLjAyOS0xLjAyOUw5LjIxLDEwLjcyN2g4LjA2NmEuNzI3LjcyNywwLDAsMCwwLTEuNDU1Wm0xLjUxNy01LjgxOGEuNzI3LjcyNywwLDEsMCwwLTEuNDU1SDMuODIxQTEuODIsMS44MiwwLDAsMCwyLDMuODIxVjE2LjE3OUExLjgyMSwxLjgyMSwwLDAsMCwzLjgyMSwxOGg2LjkwNmEuNzI3LjcyNywwLDEsMCwwLTEuNDU1SDMuODIxYS4zNjYuMzY2LDAsMCwxLS4zNjctLjM2NlYzLjgyMWEuMzY2LjM2NiwwLDAsMSwuMzY3LS4zNjZaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0wLjA5OSlcIiBmaWxsPVwiIzdmODk5MVwiLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzcGFuPkxvZyBPdXQ8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctdGVtcGxhdGUgI3JldGFpbD5cclxuICAgIDxzdmcgaWQ9XCJHcm91cFwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjEyLjgzN1wiIGhlaWdodD1cIjEzLjY5M1wiIHZpZXdCb3g9XCIwIDAgMTIuODM3IDEzLjY5M1wiPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiT3ZhbFwiIGQ9XCJNMi43ODUtMUEzLjc4NSwzLjc4NSwwLDEsMS0xLDIuNzg1LDMuNzksMy43OSwwLDAsMSwyLjc4NS0xWm0wLDYuNTgzYTIuOCwyLjgsMCwxLDAtMi44LTIuOEEyLjgsMi44LDAsMCwwLDIuNzg1LDUuNTgzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgzLjYzMyAxKVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiUmVjdGFuZ2xlXCIgZD1cIk03LjM5Myw0LjEzNUEuNDk0LjQ5NCwwLDAsMSw2LjksMy42NDEsMy43MTIsMy43MTIsMCwwLDAsMy4xNC0uMDEzSC0uNTA2QS40OTQuNDk0LDAsMCwxLTEtLjUwNi40OTQuNDk0LDAsMCwxLS41MDYtMUgzLjE0QTQuNyw0LjcsMCwwLDEsNy44ODcsMy42NDEuNDk0LjQ5NCwwLDAsMSw3LjM5Myw0LjEzNVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNC45NSA5LjU1OClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICA8cGF0aCBpZD1cIlJlY3RhbmdsZS0yXCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlXCIgZD1cIk0tMTIuNTA2LDQuMTM1QS40OTQuNDk0LDAsMCwxLTEzLDMuNjQxLDQuNyw0LjcsMCwwLDEtOC4yNTMtMWgzLjY0NmEuNDk0LjQ5NCwwLDAsMSwuNDk0LjQ5NC40OTQuNDk0LDAsMCwxLS40OTQuNDk0SC04LjI1M2EzLjcxMiwzLjcxMiwwLDAsMC0zLjc2LDMuNjU0QS40OTQuNDk0LDAsMCwxLTEyLjUwNiw0LjEzNVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMTMgOS41NTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICA8L3N2Zz5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaW5zdGl0dXRpb25hbD5cclxuICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHhtbG5zOnhsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiIHdpZHRoPVwiMTUuMzg0XCIgaGVpZ2h0PVwiMTIuNDg4XCIgdmlld0JveD1cIjAgMCAxNS4zODQgMTIuNDg4XCI+XHJcbiAgICAgICAgPGRlZnM+XHJcbiAgICAgICAgICAgIDxjbGlwUGF0aCBpZD1cImNsaXAtcGF0aFwiPlxyXG4gICAgICAgICAgICA8cmVjdCBpZD1cIlJlY3RhbmdsZV8xNDI0XCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlIDE0MjRcIiB3aWR0aD1cIjE1LjM4M1wiIGhlaWdodD1cIjEyLjQ4OVwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDApXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjNzA3MDcwXCIgc3Ryb2tlLXdpZHRoPVwiMVwiLz5cclxuICAgICAgICAgICAgPC9jbGlwUGF0aD5cclxuICAgICAgICA8L2RlZnM+XHJcbiAgICAgICAgPGcgaWQ9XCJHcm91cF8xMDI5OFwiIGRhdGEtbmFtZT1cIkdyb3VwIDEwMjk4XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0wLjk1MiAtMC43NzMpXCI+XHJcbiAgICAgICAgICAgIDxnIGlkPVwiR3JvdXBfMTAyOTdcIiBkYXRhLW5hbWU9XCJHcm91cCAxMDI5N1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwLjk1MyAwLjc3MylcIiBjbGlwLXBhdGg9XCJ1cmwoI2NsaXAtcGF0aClcIj5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiUGF0aF82MDgwXCIgZGF0YS1uYW1lPVwiUGF0aCA2MDgwXCIgZD1cIk0yOS4zODYsMy4wM2EuMzQ2LjM0NiwwLDAsMS0uMzQ2LS4zNDZWMS4zMmEuNjI5LjYyOSwwLDAsMC0uNjI4LS42MjlIMjMuMjc0YS42MjkuNjI5LDAsMCwwLS42MjguNjI5VjIuNjg0YS4zNDYuMzQ2LDAsMSwxLS42OTMsMFYxLjMyQTEuMzIzLDEuMzIzLDAsMCwxLDIzLjI3NCwwaDUuMTM3QTEuMzIzLDEuMzIzLDAsMCwxLDI5LjczMiwxLjMyVjIuNjg0QS4zNDYuMzQ2LDAsMCwxLDI5LjM4NiwzLjAzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgtMTguMTUxIDAuMDAxKVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJSZWN0YW5nbGVfMTQyM1wiIGRhdGEtbmFtZT1cIlJlY3RhbmdsZSAxNDIzXCIgZD1cIk0tLjkzMy0yaDEzLjI1QTEuMDY4LDEuMDY4LDAsMCwxLDEzLjM4NC0uOTMzVjcuMDg0YTEuMDY4LDEuMDY4LDAsMCwxLTEuMDY3LDEuMDY3SC0uOTMzQTEuMDY4LDEuMDY4LDAsMCwxLTIsNy4wODRWLS45MzNBMS4wNjgsMS4wNjgsMCwwLDEtLjkzMy0yWm0xMy4yNSw5LjQ1OGEuMzc0LjM3NCwwLDAsMCwuMzc0LS4zNzRWLS45MzNhLjM3NC4zNzQsMCwwLDAtLjM3NC0uMzc0SC0uOTMzYS4zNzQuMzc0LDAsMCwwLS4zNzQuMzc0VjcuMDg0YS4zNzQuMzc0LDAsMCwwLC4zNzQuMzc0WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyIDQuMzM4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMyNFwiIGRhdGEtbmFtZT1cIkxpbmUgMzI0XCIgZD1cIk0xMi43MTItMS4zMDdILTEuNjU0QS4zNDYuMzQ2LDAsMCwxLTItMS42NTQuMzQ2LjM0NiwwLDAsMS0xLjY1NC0ySDEyLjcxMmEuMzQ2LjM0NiwwLDAsMSwuMzQ2LjM0NkEuMzQ2LjM0NiwwLDAsMSwxMi43MTItMS4zMDdaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIuMDM3IDguMDg3KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMyNVwiIGRhdGEtbmFtZT1cIkxpbmUgMzI1XCIgZD1cIk0tMS42NTQuMjIzQS4zNDYuMzQ2LDAsMCwxLTItLjEyNHYtMS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC0yYS4zNDYuMzQ2LDAsMCwxLC4zNDYuMzQ2djEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQuMjIzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMi44ODggNy4zMTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI2XCIgZGF0YS1uYW1lPVwiTGluZSAzMjZcIiBkPVwiTS0xLjY1NC4yMjNBLjM0Ni4zNDYsMCwwLDEtMi0uMTI0di0xLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJhLjM0Ni4zNDYsMCwwLDEsLjM0Ni4zNDZ2MS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC4yMjNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDUuODAyIDcuMzE4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgPC9nPlxyXG4gICAgPC9zdmc+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
package/fesm2015/af-connect-components.mjs CHANGED
@@ -638,18 +638,22 @@ class AfConnectProfileDropdown {
638
638
  click(event) {
639
639
  const iconClick = this.elementRef.nativeElement.contains(event.target);
640
640
  const clickedOnUserTypeSwitch = event.target.closest('.user-type-switch') !== null;
641
- this.showMenu = iconClick ? this.showMenu : (clickedOnUserTypeSwitch || false);
641
+ const clickedOnUserTypeSwitchOption = event.target.closest('.user-type-switch__option') !== null;
642
+ this.showMenu = iconClick ? this.showMenu : (clickedOnUserTypeSwitch && !clickedOnUserTypeSwitchOption);
642
643
  }
643
644
  select(value) {
644
- this.userType = value;
645
- this.switchUserType.emit(value);
645
+ if (this.userType !== value) {
646
+ this.userType = value;
647
+ this.showMenu = false;
648
+ this.switchUserType.emit(value);
649
+ }
646
650
  }
647
651
  }
648
652
  AfConnectProfileDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
649
- AfConnectProfileDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", hasSwitchIndicator: "hasSwitchIndicator" }, outputs: { 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' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? 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', userType === USER_TYPE.Retail && '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', userType === USER_TYPE.Institutional && '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 <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:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;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{width:20px;height:20px;padding-left:1rem}.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}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] });
653
+ AfConnectProfileDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", hasSwitchIndicator: "hasSwitchIndicator" }, outputs: { 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' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? 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 <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:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;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{width:20px;height:20px;padding-left:1rem}.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}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] });
650
654
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
651
655
  type: Component,
652
- args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? 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', userType === USER_TYPE.Retail && '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', userType === USER_TYPE.Institutional && '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 <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:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;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{width:20px;height:20px;padding-left:1rem}.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}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"] }]
656
+ args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? 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 <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:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;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{width:20px;height:20px;padding-left:1rem}.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}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"] }]
653
657
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { username: [{
654
658
  type: Input
655
659
  }], userType: [{