npm - af-connect-components - Versions diffs - 18.0.0 → 18.0.2 - Mend

af-connect-components 18.0.0 → 18.0.2

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 (137) hide show

package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs ADDED Viewed

@@ -0,0 +1,85 @@
+import { Component, HostListener, Output, EventEmitter, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/router";
+import * as i3 from "../services/breakpoint.service";
+import * as i4 from "@angular/common";
+import * as i5 from "../af-connect-radio-button/af-connect-radio-button.component";
+import * as i6 from "../af-connect-radio-group/af-connect-radio-group.component";
+export var UserType;
+(function (UserType) {
+    UserType["Retail"] = "Retail";
+    UserType["Institutional"] = "Institutional";
+    UserType["Hybrid"] = "Hybrid";
+})(UserType || (UserType = {}));
+export class AfConnectProfileDropdown {
+    constructor(elementRef, sanitizer, router, breakpointService) {
+        this.elementRef = elementRef;
+        this.sanitizer = sanitizer;
+        this.router = router;
+        this.breakpointService = breakpointService;
+        this.username = '';
+        this.callMeBack = new EventEmitter();
+        this.contactAdviser = new EventEmitter();
+        this.resetPassword = new EventEmitter();
+        this.logout = new EventEmitter();
+        this.switchUserType = new EventEmitter();
+        this.showMenu = false;
+        this.USER_TYPE = UserType;
+    }
+    show(e) {
+        this.showMenu = !this.showMenu;
+    }
+    click(event) {
+        const iconClick = this.elementRef.nativeElement.contains(event.target);
+        const clickedOnUserTypeSwitch = event.target.closest('.user-type-switch') !== null;
+        const clickedOnUserTypeSwitchOption = event.target.closest('.user-type-switch__option') !== null;
+        this.showMenu = iconClick ? this.showMenu : (clickedOnUserTypeSwitch && !clickedOnUserTypeSwitchOption);
+    }
+    select(value) {
+        if (this.userType !== value) {
+            this.userType = value;
+            this.showMenu = false;
+            this.switchUserType.emit(value);
+        }
+    }
+    sanitizeSvg(svg) {
+        return this.sanitizer.bypassSecurityTrustHtml(svg);
+    }
+    navigateTo(url) {
+        this.router.navigate([url]);
+    }
+}
+AfConnectProfileDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: i2.Router }, { token: i3.BreakpointLibService }], target: i0.ɵɵFactoryTarget.Component });
+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", navUrls: "navUrls", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid" }, 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' : isHybrid ? 'yellow' : 'orange']\">\r\n    <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></ng-container>\r\n</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n    <div class=\"dropdown-content\">\r\n        <div (click)=\"callMeBack.emit()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n                <g id=\"call\" transform=\"translate(0 0)\">\r\n                    <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n                </g>\r\n            </svg>\r\n            <span>Call me back</span>\r\n        </div>\r\n        <div (click)=\"contactAdviser.emit()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n                <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour  \" transform=\"translate(0.75 0.75)\">\r\n                    <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n                    <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n                    <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n                </g>\r\n            </svg>\r\n            <span>Contact adviser</span>\r\n        </div>\r\n        <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n            <div class=\"user-type-switch__btn-container\">\r\n                <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n                    <div\r\n                        class=\"user-type-switch__option boxShadow\"\r\n                        (click)=\"select(USER_TYPE.Retail)\"\r\n                    >\r\n                        <div class=\"logo blue\">\r\n                            <ng-container *ngTemplateOutlet=\"retail\"></ng-container>\r\n                        </div>\r\n                        <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n                            <span>Individual/Retail</span>\r\n                        </lib-af-connect-radio-button>\r\n                    </div>\r\n                    <div\r\n                        class=\"user-type-switch__option boxShadow\"\r\n                        (click)=\"select(USER_TYPE.Institutional)\"\r\n                    >\r\n                        <div class=\"logo orange\">\r\n                            <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n                        </div>\r\n                        <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n                            <span>Employee benefits</span>\r\n                        </lib-af-connect-radio-button>\r\n                    </div>\r\n                </lib-af-connect-radio-group>\r\n            </div>\r\n        </div>\r\n        <ng-container *ngIf=\"!(breakpointService.isTablet$ | async)\">\r\n        <ng-container *ngFor=\"let url of navUrls\">\r\n            <div class=\"navigation-item\" (mousedown)=\"navigateTo(url.href!)\">\r\n                <div *ngIf=\"!url.svg\" class=\"container\"></div>\r\n                <ng-container *ngIf=\"url.svg\"><div class=\"container\" [innerHTML]=\"sanitizeSvg(url.svg)\"></div></ng-container>\r\n                <span class=\"bold\">{{url.name}}</span>\r\n            </div>\r\n        </ng-container>\r\n    </ng-container>\r\n        <div (click)=\"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,.dropdown-content div.container{width:20px;height:20px;padding-left:1rem}.dropdown-content div.container{border:none}.dropdown-content>div:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#FAFBFC;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.blue{background:#2CC1DA}.orange{background:#F69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}.bold{font-family:var(--standard-font-family-hero-new-semibold)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: i6.AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : isHybrid ? 'yellow' : 'orange']\">\r\n    <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></ng-container>\r\n</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n    <div class=\"dropdown-content\">\r\n        <div (click)=\"callMeBack.emit()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n                <g id=\"call\" transform=\"translate(0 0)\">\r\n                    <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n                </g>\r\n            </svg>\r\n            <span>Call me back</span>\r\n        </div>\r\n        <div (click)=\"contactAdviser.emit()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n                <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour  \" transform=\"translate(0.75 0.75)\">\r\n                    <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n                    <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n                    <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n                </g>\r\n            </svg>\r\n            <span>Contact adviser</span>\r\n        </div>\r\n        <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n            <div class=\"user-type-switch__btn-container\">\r\n                <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n                    <div\r\n                        class=\"user-type-switch__option boxShadow\"\r\n                        (click)=\"select(USER_TYPE.Retail)\"\r\n                    >\r\n                        <div class=\"logo blue\">\r\n                            <ng-container *ngTemplateOutlet=\"retail\"></ng-container>\r\n                        </div>\r\n                        <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n                            <span>Individual/Retail</span>\r\n                        </lib-af-connect-radio-button>\r\n                    </div>\r\n                    <div\r\n                        class=\"user-type-switch__option boxShadow\"\r\n                        (click)=\"select(USER_TYPE.Institutional)\"\r\n                    >\r\n                        <div class=\"logo orange\">\r\n                            <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n                        </div>\r\n                        <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n                            <span>Employee benefits</span>\r\n                        </lib-af-connect-radio-button>\r\n                    </div>\r\n                </lib-af-connect-radio-group>\r\n            </div>\r\n        </div>\r\n        <ng-container *ngIf=\"!(breakpointService.isTablet$ | async)\">\r\n        <ng-container *ngFor=\"let url of navUrls\">\r\n            <div class=\"navigation-item\" (mousedown)=\"navigateTo(url.href!)\">\r\n                <div *ngIf=\"!url.svg\" class=\"container\"></div>\r\n                <ng-container *ngIf=\"url.svg\"><div class=\"container\" [innerHTML]=\"sanitizeSvg(url.svg)\"></div></ng-container>\r\n                <span class=\"bold\">{{url.name}}</span>\r\n            </div>\r\n        </ng-container>\r\n    </ng-container>\r\n        <div (click)=\"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,.dropdown-content div.container{width:20px;height:20px;padding-left:1rem}.dropdown-content div.container{border:none}.dropdown-content>div:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#FAFBFC;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.blue{background:#2CC1DA}.orange{background:#F69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}.bold{font-family:var(--standard-font-family-hero-new-semibold)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: i2.Router }, { type: i3.BreakpointLibService }]; }, propDecorators: { username: [{
+                type: Input
+            }], userType: [{
+                type: Input
+            }], navUrls: [{
+                type: Input
+            }], hasSwitchIndicator: [{
+                type: Input
+            }], isHybrid: [{
+                type: Input
+            }], callMeBack: [{
+                type: Output
+            }], contactAdviser: [{
+                type: Output
+            }], resetPassword: [{
+                type: Output
+            }], logout: [{
+                type: Output
+            }], switchUserType: [{
+                type: Output
+            }], show: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], click: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFNakcsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQiw2QkFBaUIsQ0FBQTtJQUNqQiwyQ0FBK0IsQ0FBQTtJQUMvQiw2QkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkI7QUFPRCxNQUFNLE9BQU8sd0JBQXdCO0lBZW5DLFlBQW9CLFVBQXNCLEVBQVUsU0FBdUIsRUFBVSxNQUFjLEVBQVMsaUJBQXVDO1FBQS9ILGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFTLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBc0I7UUFkMUksYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUtiLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBRXhELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsY0FBUyxHQUFHLFFBQVEsQ0FBQztJQUVpSSxDQUFDO0lBRXBILElBQUksQ0FBQyxDQUFNO1FBQzVDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFMkMsS0FBSyxDQUFDLEtBQVU7UUFDMUQsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2RSxNQUFNLHVCQUF1QixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLG1CQUFtQixDQUFDLEtBQUssSUFBSSxDQUFDO1FBQ25GLE1BQU0sNkJBQTZCLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsMkJBQTJCLENBQUMsS0FBSyxJQUFJLENBQUM7UUFFakcsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO0lBQzFHLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBK0M7UUFDcEQsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLEtBQUssRUFBRTtZQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsR0FBVztRQUNyQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUMsR0FBRyxDQUFDLENBQUE7SUFDcEQsQ0FBQztJQUVNLFVBQVUsQ0FBQyxHQUFVO1FBQzFCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUM5QixDQUFDOztxSEEzQ1Usd0JBQXdCO3lHQUF4Qix3QkFBd0IscWNDakJyQyw2NlRBdUdBOzJGRHRGYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsaUNBQWlDO29MQUtsQyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQU80QixJQUFJO3NCQUF0QyxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFJVyxLQUFLO3NCQUFoRCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgQnJlYWtwb2ludExpYlNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9icmVha3BvaW50LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBVcmxDb25maWcgfSBmcm9tICcuLi9tb2RlbHMvdXJsLWNvbmZpZyc7XHJcblxyXG5leHBvcnQgZW51bSBVc2VyVHlwZSB7XHJcbiAgUmV0YWlsID0gJ1JldGFpbCcsXHJcbiAgSW5zdGl0dXRpb25hbCA9ICdJbnN0aXR1dGlvbmFsJyxcclxuICBIeWJyaWQgPSAnSHlicmlkJ1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9maWxlRHJvcGRvd24ge1xyXG4gIEBJbnB1dCgpIHVzZXJuYW1lID0gJyc7XHJcbiAgQElucHV0KCkgdXNlclR5cGU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWw7XHJcbiAgQElucHV0KCkgbmF2VXJsczogVXJsQ29uZmlnW107XHJcbiAgQElucHV0KCkgIGhhc1N3aXRjaEluZGljYXRvcjogYm9vbGVhbjtcclxuICBASW5wdXQoKSAgaXNIeWJyaWQ6IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIGNhbGxNZUJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGNvbnRhY3RBZHZpc2VyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSByZXNldFBhc3N3b3JkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIHN3aXRjaFVzZXJUeXBlID0gbmV3IEV2ZW50RW1pdHRlcjxVc2VyVHlwZT4oKTtcclxuXHJcbiAgc2hvd01lbnUgPSBmYWxzZTtcclxuICBVU0VSX1RZUEUgPSBVc2VyVHlwZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyLCBwcml2YXRlIHJvdXRlcjogUm91dGVyLCBwdWJsaWMgYnJlYWtwb2ludFNlcnZpY2U6IEJyZWFrcG9pbnRMaWJTZXJ2aWNlKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pIHNob3coZTogYW55KSB7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gIXRoaXMuc2hvd01lbnU7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIGNsaWNrKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IGljb25DbGljayA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCk7XHJcbiAgICBjb25zdCBjbGlja2VkT25Vc2VyVHlwZVN3aXRjaCA9IGV2ZW50LnRhcmdldC5jbG9zZXN0KCcudXNlci10eXBlLXN3aXRjaCcpICE9PSBudWxsO1xyXG4gICAgY29uc3QgY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2hPcHRpb24gPSBldmVudC50YXJnZXQuY2xvc2VzdCgnLnVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbicpICE9PSBudWxsO1xyXG5cclxuICAgIHRoaXMuc2hvd01lbnUgPSBpY29uQ2xpY2sgPyB0aGlzLnNob3dNZW51IDogKGNsaWNrZWRPblVzZXJUeXBlU3dpdGNoICYmICFjbGlja2VkT25Vc2VyVHlwZVN3aXRjaE9wdGlvbik7XHJcbiAgfVxyXG5cclxuICBzZWxlY3QodmFsdWU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWwpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnVzZXJUeXBlICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLnVzZXJUeXBlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuc2hvd01lbnUgPSBmYWxzZTtcclxuICAgICAgdGhpcy5zd2l0Y2hVc2VyVHlwZS5lbWl0KHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNhbml0aXplU3ZnKHN2Zzogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoc3ZnKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG5hdmlnYXRlVG8odXJsOnN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW3VybF0pO1xyXG4gIH1cclxufVxyXG4iLCI8c3BhbiBbY2xhc3NdPVwiWydsb2dvLWNvbnRlbnQnLCB1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCA/ICdibHVlJyA6IGlzSHlicmlkID8gJ3llbGxvdycgOiAnb3JhbmdlJ11cIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCB8fCBpc0h5YnJpZCA/IHJldGFpbCA6IGluc3RpdHV0aW9uYWxcIj48L25nLWNvbnRhaW5lcj5cclxuPC9zcGFuPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dNZW51XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImNhbGxNZUJhY2suZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIj5cclxuICAgICAgICAgICAgICAgIDxnIGlkPVwiY2FsbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDApXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJwaG9uZS0xXCIgZD1cIk0xOS45NzYsMTcuNTQ5bC0yLjU4OC0yLjE1NmEuNjk0LjY5NCwwLDAsMC0uNy0uMDM3bC0xLjQzOC45NThhLjkxLjkxLDAsMCwxLS41MDkuMTUzLDUuOTgzLDUuOTgzLDAsMCwxLTEuMjgtLjE4LDcuNzI0LDcuNzI0LDAsMCwxLTUuNzU0LTUuNzUyLDUuOTc3LDUuOTc3LDAsMCwxLS4xOC0xLjI4LjkwOS45MDksMCwwLDEsLjE1My0uNTA5bC45NTktMS40MzdhLjY4MS42ODEsMCwwLDAtLjAzNy0uN0w2LjQ0NCw0LjAyMmEuNDI3LjQyNywwLDAsMC0uNzMsMEw0LjI4NSw1Ljc3YTIuNTQ5LDIuNTQ5LDAsMCwwLS40LDIuMDM1LjkwOS45MDksMCwwLDEsLjAyNy4xMDUsNC42NzEsNC42NzEsMCwwLDAsLjE0Mi41LDExLjY4NSwxMS42ODUsMCwwLDAsLjY1NCwxLjU2MywyMC43NzUsMjAuNzc1LDAsMCwwLDMuOTczLDUuMzMyQTIwLjc2LDIwLjc2LDAsMCwwLDE0LjAyLDE5LjI4YTExLjY5MywxMS42OTMsMCwwLDAsMS41NjMuNjU0LDQuODIzLDQuODIzLDAsMCwwLC41LjE0Mi45MDkuOTA5LDAsMCwxLC4xMjYuMDMzLDIuNDkyLDIuNDkyLDAsMCwwLDIuMDE0LS40bDEuNzQ3LTEuNDI5QS40MjYuNDI2LDAsMCwwLDE5Ljk3NiwxNy41NDlabS00LjMtMy43MDZBMi41LDIuNSwwLDAsMSwxOC41NTIsMTRsMi41ODksMi4xNTZhMi4yMzUsMi4yMzUsMCwwLDEtLjAxNSwzLjUzNGwtMS43NDcsMS40MjhhNC4yOSw0LjI5LDAsMCwxLTMuNjk1LjczNXEtLjMzOC0uMDc3LS42NjctLjE4OGExMy41LDEzLjUsMCwwLDEtMS44MDktLjc1NUEyMi41ODMsMjIuNTgzLDAsMCwxLDcuNCwxNi41OTRhMjIuNTc5LDIyLjU3OSwwLDAsMS00LjMxNC01LjgwNiwxMy40ODgsMTMuNDg4LDAsMCwxLS43NTUtMS44MDlBNi44MzMsNi44MzMsMCwwLDEsMi4xNCw4LjNhNC4zNDMsNC4zNDMsMCwwLDEsLjczOC0zLjY4M0w0LjMwNywyLjg3M2EyLjIzOCwyLjIzOCwwLDAsMSwzLjUzNS0uMDE1TDEwLDUuNDQ1YTIuNDg1LDIuNDg1LDAsMCwxLC4xNTMsMi44NzFMOS4zNjYsOS40OTRhNS4zNzQsNS4zNzQsMCwwLDAsLjExLjYyLDUuOTQ4LDUuOTQ4LDAsMCwwLC45MjIsMi4wNTIsNS44NjgsNS44NjgsMCwwLDAsMS40MywxLjQzLDUuOTUyLDUuOTUyLDAsMCwwLDIuMDUzLjkyMSw1LjI3Nyw1LjI3NywwLDAsMCwuNjIuMTFsMS4xNzktLjc4NVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTIgLTIpXCIgZmlsbD1cIiNlZjRmMWZcIi8+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5DYWxsIG1lIGJhY2s8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwiY29udGFjdEFkdmlzZXIuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjEuNVwiIGhlaWdodD1cIjE3Ljg2NFwiIHZpZXdCb3g9XCIwIDAgMjEuNSAxNy44NjRcIj5cclxuICAgICAgICAgICAgICAgIDxnIGlkPVwiSWNvbnNfVUlfQ29udGFjdHNfQ29sb3VyX1wiIGRhdGEtbmFtZT1cIkljb25zIC8gVUkgLyBDb250YWN0cyAvIENvbG91ciAgXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuNzUgMC43NSlcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD1cIlJlY3RhbmdsZVwiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIxNi4zNjRcIiByeD1cIjNcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIvPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zXCIgZGF0YS1uYW1lPVwiTGluZSAzXCIgZD1cIk0uNTUuNTYzbDguNTkxLDcuNjdcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMC44NTkgMC44NTgpXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjZWY0ZjFmXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiLz5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMy0yXCIgZGF0YS1uYW1lPVwiTGluZSAzXCIgZD1cIk0tMS40MDkuNTYzLTEwLDguMjMzXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIwIDAuODU4KVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIxLjVcIi8+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5Db250YWN0IGFkdmlzZXI8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImhhc1N3aXRjaEluZGljYXRvclwiIGNsYXNzPVwidXNlci10eXBlLXN3aXRjaCB1c2VyLXR5cGUtc3dpdGNoXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoX19idG4tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tZ3JvdXAgbGFiZWw9XCJWaWV3IGFzXCIgdmFyaWFudD1cImNoZWNrYm94XCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgKHZhbHVlQ2hhbmdlKT1cInNlbGVjdCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbiBib3hTaGFkb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5SZXRhaWwpXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2dvIGJsdWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZXRhaWxcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaWItYWYtY29ubmVjdC1yYWRpby1idXR0b24gbmdDbGFzcz1cImxhcmdlclwiIFt2YWx1ZV09XCJVU0VSX1RZUEUuUmV0YWlsXCIgW2NoZWNrZWRdPVwidXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5JbmRpdmlkdWFsL1JldGFpbDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbiBib3hTaGFkb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nbyBvcmFuZ2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbnN0aXR1dGlvbmFsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uIG5nQ2xhc3M9XCJsYXJnZXJcIiBbdmFsdWVdPVwiVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBbY2hlY2tlZF09XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5FbXBsb3llZSBiZW5lZml0czwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIShicmVha3BvaW50U2VydmljZS5pc1RhYmxldCQgfCBhc3luYylcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCB1cmwgb2YgbmF2VXJsc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmF2aWdhdGlvbi1pdGVtXCIgKG1vdXNlZG93bik9XCJuYXZpZ2F0ZVRvKHVybC5ocmVmISlcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhdXJsLnN2Z1wiIGNsYXNzPVwiY29udGFpbmVyXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXJsLnN2Z1wiPjxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBbaW5uZXJIVE1MXT1cInNhbml0aXplU3ZnKHVybC5zdmcpXCI+PC9kaXY+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJvbGRcIj57e3VybC5uYW1lfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwicmVzZXRQYXNzd29yZC5lbWl0KClcIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIyMlwiIGhlaWdodD1cIjIwLjAwNFwiIHZpZXdCb3g9XCIwIDAgMjIgMjAuMDA0XCI+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIlNoYXBlXCIgZD1cIk0xMi41MjIsMjBBOS44ODIsOS44ODIsMCwwLDEsMi40ODQsMTBILjU0NGEuNTUyLjU1MiwwLDAsMS0uMzc5LS45NDRsMy4wMjQtMy4xYS41MjguNTI4LDAsMCwxLC43NywwbDMuMDI0LDMuMWEuNTU3LjU1NywwLDAsMS0uMzkuOTQ0SDQuNjUyYTcuNjc5LDcuNjc5LDAsMCwwLDcuNyw3Ljc3OCw3Ljc4Miw3Ljc4MiwwLDAsMCw3LjQ4LTcuNjY3QTcuNjkyLDcuNjkyLDAsMCwwLDEyLjI0LDIuMjIyLDcuNDgxLDcuNDgxLDAsMCwwLDguNTExLDMuMjMzYTEuMDM1LDEuMDM1LDAsMCwxLTEuMjc5LS4yLDEuMTI1LDEuMTI1LDAsMCwxLC4yMTctMS43NDRBOS42MTcsOS42MTcsMCwwLDEsMTIuMjQsMCw5LjksOS45LDAsMCwxLDIyLDEwLjI4OSwxMCwxMCwwLDAsMSwxMi41MjIsMjBaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIyIDIwLjAwNCkgcm90YXRlKDE4MClcIiBmaWxsPVwiI2YxNWEyMlwiLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzcGFuPlJlc2V0IHBhc3N3b3JkPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImxvZ291dC5lbWl0KClcIj5cclxuICAgICAgICAgICAgPHN2ZyBpZD1cImljb25cIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgdmlld0JveD1cIjAgMCAyMCAyMFwiPlxyXG4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9XCJiZ1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIGZpbGw9XCJub25lXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJwYXRoXCIgZD1cIk05LjIxLDkuMjczbDIuNzU4LTIuNzU4QS43MjcuNzI3LDAsMSwwLDEwLjk0LDUuNDg2bC00LDRhLjcyNy43MjcsMCwwLDAsMCwxLjAyOWw0LDRhLjcyNy43MjcsMCwxLDAsMS4wMjktMS4wMjlMOS4yMSwxMC43MjdoOC4wNjZhLjcyNy43MjcsMCwwLDAsMC0xLjQ1NVptMS41MTctNS44MThhLjcyNy43MjcsMCwxLDAsMC0xLjQ1NUgzLjgyMUExLjgyLDEuODIsMCwwLDAsMiwzLjgyMVYxNi4xNzlBMS44MjEsMS44MjEsMCwwLDAsMy44MjEsMThoNi45MDZhLjcyNy43MjcsMCwxLDAsMC0xLjQ1NUgzLjgyMWEuMzY2LjM2NiwwLDAsMS0uMzY3LS4zNjZWMy44MjFhLjM2Ni4zNjYsMCwwLDEsLjM2Ny0uMzY2WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgtMC4wOTkpXCIgZmlsbD1cIiM3Zjg5OTFcIi8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5Mb2cgT3V0PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLXRlbXBsYXRlICNyZXRhaWw+XHJcbiAgICA8c3ZnIGlkPVwiR3JvdXBcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIxMi44MzdcIiBoZWlnaHQ9XCIxMy42OTNcIiB2aWV3Qm94PVwiMCAwIDEyLjgzNyAxMy42OTNcIj5cclxuICAgICAgICA8cGF0aCBpZD1cIk92YWxcIiBkPVwiTTIuNzg1LTFBMy43ODUsMy43ODUsMCwxLDEtMSwyLjc4NSwzLjc5LDMuNzksMCwwLDEsMi43ODUtMVptMCw2LjU4M2EyLjgsMi44LDAsMSwwLTIuOC0yLjhBMi44LDIuOCwwLDAsMCwyLjc4NSw1LjU4M1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMy42MzMgMSlcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICA8cGF0aCBpZD1cIlJlY3RhbmdsZVwiIGQ9XCJNNy4zOTMsNC4xMzVBLjQ5NC40OTQsMCwwLDEsNi45LDMuNjQxLDMuNzEyLDMuNzEyLDAsMCwwLDMuMTQtLjAxM0gtLjUwNkEuNDk0LjQ5NCwwLDAsMS0xLS41MDYuNDk0LjQ5NCwwLDAsMS0uNTA2LTFIMy4xNEE0LjcsNC43LDAsMCwxLDcuODg3LDMuNjQxLjQ5NC40OTQsMCwwLDEsNy4zOTMsNC4xMzVaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDQuOTUgOS41NTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgPHBhdGggaWQ9XCJSZWN0YW5nbGUtMlwiIGRhdGEtbmFtZT1cIlJlY3RhbmdsZVwiIGQ9XCJNLTEyLjUwNiw0LjEzNUEuNDk0LjQ5NCwwLDAsMS0xMywzLjY0MSw0LjcsNC43LDAsMCwxLTguMjUzLTFoMy42NDZhLjQ5NC40OTQsMCwwLDEsLjQ5NC40OTQuNDk0LjQ5NCwwLDAsMS0uNDk0LjQ5NEgtOC4yNTNhMy43MTIsMy43MTIsMCwwLDAtMy43NiwzLjY1NEEuNDk0LjQ5NCwwLDAsMS0xMi41MDYsNC4xMzVaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDEzIDkuNTU4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgPC9zdmc+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48bmctdGVtcGxhdGUgI2luc3RpdHV0aW9uYWw+XHJcbiAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIiB3aWR0aD1cIjE1LjM4NFwiIGhlaWdodD1cIjEyLjQ4OFwiIHZpZXdCb3g9XCIwIDAgMTUuMzg0IDEyLjQ4OFwiPlxyXG4gICAgICAgIDxkZWZzPlxyXG4gICAgICAgICAgICA8Y2xpcFBhdGggaWQ9XCJjbGlwLXBhdGhcIj5cclxuICAgICAgICAgICAgPHJlY3QgaWQ9XCJSZWN0YW5nbGVfMTQyNFwiIGRhdGEtbmFtZT1cIlJlY3RhbmdsZSAxNDI0XCIgd2lkdGg9XCIxNS4zODNcIiBoZWlnaHQ9XCIxMi40ODlcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMCAwKVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiIzcwNzA3MFwiIHN0cm9rZS13aWR0aD1cIjFcIi8+XHJcbiAgICAgICAgICAgIDwvY2xpcFBhdGg+XHJcbiAgICAgICAgPC9kZWZzPlxyXG4gICAgICAgIDxnIGlkPVwiR3JvdXBfMTAyOThcIiBkYXRhLW5hbWU9XCJHcm91cCAxMDI5OFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgtMC45NTIgLTAuNzczKVwiPlxyXG4gICAgICAgICAgICA8ZyBpZD1cIkdyb3VwXzEwMjk3XCIgZGF0YS1uYW1lPVwiR3JvdXAgMTAyOTdcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMC45NTMgMC43NzMpXCIgY2xpcC1wYXRoPVwidXJsKCNjbGlwLXBhdGgpXCI+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIlBhdGhfNjA4MFwiIGRhdGEtbmFtZT1cIlBhdGggNjA4MFwiIGQ9XCJNMjkuMzg2LDMuMDNhLjM0Ni4zNDYsMCwwLDEtLjM0Ni0uMzQ2VjEuMzJhLjYyOS42MjksMCwwLDAtLjYyOC0uNjI5SDIzLjI3NGEuNjI5LjYyOSwwLDAsMC0uNjI4LjYyOVYyLjY4NGEuMzQ2LjM0NiwwLDEsMS0uNjkzLDBWMS4zMkExLjMyMywxLjMyMywwLDAsMSwyMy4yNzQsMGg1LjEzN0ExLjMyMywxLjMyMywwLDAsMSwyOS43MzIsMS4zMlYyLjY4NEEuMzQ2LjM0NiwwLDAsMSwyOS4zODYsMy4wM1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTE4LjE1MSAwLjAwMSlcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiUmVjdGFuZ2xlXzE0MjNcIiBkYXRhLW5hbWU9XCJSZWN0YW5nbGUgMTQyM1wiIGQ9XCJNLS45MzMtMmgxMy4yNUExLjA2OCwxLjA2OCwwLDAsMSwxMy4zODQtLjkzM1Y3LjA4NGExLjA2OCwxLjA2OCwwLDAsMS0xLjA2NywxLjA2N0gtLjkzM0ExLjA2OCwxLjA2OCwwLDAsMS0yLDcuMDg0Vi0uOTMzQTEuMDY4LDEuMDY4LDAsMCwxLS45MzMtMlptMTMuMjUsOS40NThhLjM3NC4zNzQsMCwwLDAsLjM3NC0uMzc0Vi0uOTMzYS4zNzQuMzc0LDAsMCwwLS4zNzQtLjM3NEgtLjkzM2EuMzc0LjM3NCwwLDAsMC0uMzc0LjM3NFY3LjA4NGEuMzc0LjM3NCwwLDAsMCwuMzc0LjM3NFpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMiA0LjMzOClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zMjRcIiBkYXRhLW5hbWU9XCJMaW5lIDMyNFwiIGQ9XCJNMTIuNzEyLTEuMzA3SC0xLjY1NEEuMzQ2LjM0NiwwLDAsMS0yLTEuNjU0LjM0Ni4zNDYsMCwwLDEtMS42NTQtMkgxMi43MTJhLjM0Ni4zNDYsMCwwLDEsLjM0Ni4zNDZBLjM0Ni4zNDYsMCwwLDEsMTIuNzEyLTEuMzA3WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyLjAzNyA4LjA4NylcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zMjVcIiBkYXRhLW5hbWU9XCJMaW5lIDMyNVwiIGQ9XCJNLTEuNjU0LjIyM0EuMzQ2LjM0NiwwLDAsMS0yLS4xMjR2LTEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQtMmEuMzQ2LjM0NiwwLDAsMSwuMzQ2LjM0NnYxLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LjIyM1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMTIuODg4IDcuMzE4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMyNlwiIGRhdGEtbmFtZT1cIkxpbmUgMzI2XCIgZD1cIk0tMS42NTQuMjIzQS4zNDYuMzQ2LDAsMCwxLTItLjEyNHYtMS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC0yYS4zNDYuMzQ2LDAsMCwxLC4zNDYuMzQ2djEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQuMjIzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg1LjgwMiA3LjMxOClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgIDwvZz5cclxuICAgIDwvc3ZnPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=

package/esm2020/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs ADDED Viewed

@@ -0,0 +1,45 @@
+import { Component, Input } from '@angular/core';
+import { Subscription, interval, take } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectProgressBarComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.progressBarTreshold = 30;
+        this.progressCounter = 0;
+        this.minimumProgressAnimation = 30;
+        this.withProgressAnimation = false;
+        this.subscription = new Subscription();
+        this.primaryColor = 'primary-green';
+        this.secondaryColor = 'grey';
+    }
+    ngAfterViewInit() {
+        this.minimumProgressAnimation = this.progress < this.progressBarTreshold ? this.progressBarTreshold : this.progress;
+        interval(11)
+            .pipe(take(this.minimumProgressAnimation || 100))
+            .subscribe(() => {
+            if (!this.withProgressAnimation) {
+                this.progressCounter = this.progress;
+            }
+            else {
+                this.progressCounter++;
+            }
+            this.cdr.detectChanges();
+        });
+    }
+}
+AfConnectProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AfConnectProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProgressBarComponent, selector: "lib-af-connect-progress-bar", inputs: { withProgressAnimation: "withProgressAnimation", progress: "progress", primaryColor: "primaryColor", secondaryColor: "secondaryColor" }, ngImport: i0, template: "<div [ngClass]=\"[secondaryColor]\" class=\"progress-bar-container\">\r\n    <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\r\n      <div class=\"text-container\">\r\n        <div>\r\n          <ng-content></ng-content>\r\n        </div>\r\n        <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  ", styles: [":host{display:block;max-width:100%}.progress-bar-base,.progress-bar,.progress-bar-container{border-radius:.5rem;height:2rem}.progress-bar-container{background-color:var(--dark-grey-color-low-opacity)}.progress-bar-container.orange{background-color:var(--primary-catalyst-yellow-color)}.progress-bar-container.transparent{background-color:transparent}.progress-bar{color:var(--main-white-color);background-color:var(--primary-balanced-teal-color)}.progress-bar.primary-orange{background-color:var(--primary-catalyst-yellow-color)}.text-container{min-width:120px;padding-left:.75rem;padding-right:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-progress-bar', template: "<div [ngClass]=\"[secondaryColor]\" class=\"progress-bar-container\">\r\n    <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\r\n      <div class=\"text-container\">\r\n        <div>\r\n          <ng-content></ng-content>\r\n        </div>\r\n        <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  ", styles: [":host{display:block;max-width:100%}.progress-bar-base,.progress-bar,.progress-bar-container{border-radius:.5rem;height:2rem}.progress-bar-container{background-color:var(--dark-grey-color-low-opacity)}.progress-bar-container.orange{background-color:var(--primary-catalyst-yellow-color)}.progress-bar-container.transparent{background-color:transparent}.progress-bar{color:var(--main-white-color);background-color:var(--primary-balanced-teal-color)}.progress-bar.primary-orange{background-color:var(--primary-catalyst-yellow-color)}.text-container{min-width:120px;padding-left:.75rem;padding-right:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:2rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { withProgressAnimation: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], primaryColor: [{
+                type: Input
+            }], secondaryColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBT3BELE1BQU0sT0FBTyw2QkFBNkI7SUFDeEMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDbkMsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLDZCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUM1QiwwQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR2hDLGlCQUFZLEdBQXVDLGVBQWUsQ0FBQztRQUNuRSxtQkFBYyxHQUFzQyxNQUFNLENBQUM7SUFUdkIsQ0FBQztJQVd2QyxlQUFlO1FBQ3BCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BILFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsSUFBSSxHQUFHLENBQUMsQ0FBQzthQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO2FBQ3RDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQzthQUN4QjtZQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzswSEF4QlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIscU5DUjFDLHFaQVVFOzJGREZXLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7d0dBUzlCLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFHRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGludGVydmFsLCB0YWtlIH0gZnJvbSAncnhqcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2dyZXNzLWJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9ncmVzc0JhckNvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG4gIHB1YmxpYyBwcm9ncmVzc0JhclRyZXNob2xkID0gMzA7XHJcbiAgcHVibGljIHByb2dyZXNzQ291bnRlciA9IDA7XHJcbiAgcHVibGljIG1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IDMwO1xyXG4gIEBJbnB1dCgpIHdpdGhQcm9ncmVzc0FuaW1hdGlvbiA9IGZhbHNlO1xyXG4gIHB1YmxpYyBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcblxyXG4gIEBJbnB1dCgpIHByb2dyZXNzOiBudW1iZXI7XHJcbiAgQElucHV0KCkgcHJpbWFyeUNvbG9yOiAncHJpbWFyeS1ncmVlbicgfCAncHJpbWFyeS1vcmFuZ2UnID0gJ3ByaW1hcnktZ3JlZW4nO1xyXG4gIEBJbnB1dCgpIHNlY29uZGFyeUNvbG9yOiAnb3JhbmdlJyB8ICd0cmFuc3BhcmVudCcgfCAnZ3JleScgPSAnZ3JleSc7XHJcblxyXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IHRoaXMucHJvZ3Jlc3MgPCB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgPyB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgOiB0aGlzLnByb2dyZXNzO1xyXG4gICAgaW50ZXJ2YWwoMTEpXHJcbiAgICAgIC5waXBlKHRha2UodGhpcy5taW5pbXVtUHJvZ3Jlc3NBbmltYXRpb24gfHwgMTAwKSlcclxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgaWYgKCF0aGlzLndpdGhQcm9ncmVzc0FuaW1hdGlvbikge1xyXG4gICAgICAgICAgdGhpcy5wcm9ncmVzc0NvdW50ZXIgPSB0aGlzLnByb2dyZXNzO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICB0aGlzLnByb2dyZXNzQ291bnRlcisrO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtuZ0NsYXNzXT1cIltzZWNvbmRhcnlDb2xvcl1cIiBjbGFzcz1cInByb2dyZXNzLWJhci1jb250YWluZXJcIj5cclxuICAgIDxkaXYgW25nQ2xhc3NdPVwiWydwcm9ncmVzcy1iYXInLCBwcmltYXJ5Q29sb3JdXCIgW3N0eWxlXT1cInsgd2lkdGg6IHByb2dyZXNzQ291bnRlciArICclJyB9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJmYWxzZVwiPiB7eyBwcm9ncmVzcy50b0ZpeGVkKDApIH19JSA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgIl19

package/{esm2022 → esm2020}/lib/af-connect-radio-button/af-connect-radio-button.component.mjs RENAMED Viewed

@@ -1,99 +1,99 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../af-connect-radio-group/af-connect-radio-group.component";
-import * as i2 from "@angular/common";
-// Increasing integer for generating unique ids for all afc-radio-button instances.
-let nextUniqueId = 0;
-export class AfConnectRadioButtonComponent {
-    get checked() {
-        return this._checked;
-    }
-    set checked(newCheckedState) {
-        if (this._checked !== newCheckedState) {
-            this._checked = newCheckedState;
-            if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
-                this.radioGroup.selected = this;
-            }
-            this.markForCheck();
-        }
-    }
-    get disabled() {
-        return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
-    }
-    set disabled(newValue) {
-        this._disabled = newValue;
-    }
-    constructor(radioGroup, changeDetector) {
-        this.radioGroup = radioGroup;
-        this.changeDetector = changeDetector;
-        this._uniqueId = `afc-radio-${++nextUniqueId}`;
-        this._checked = false;
-        this._disabled = false;
-        this._variant = 'default';
-        this._labelPosition = 'after';
-        this._size = 'inline';
-        this.id = this._uniqueId;
-        this.itemOrder = 'left-to-right';
-    }
-    get inputId() {
-        return `${this.id}-input`;
-    }
-    get variant() {
-        return this._variant;
-    }
-    get labelPosition() {
-        return this._labelPosition;
-    }
-    get size() {
-        return this._size;
-    }
-    ngOnInit() {
-        if (!this.radioGroup) {
-            this._variant = 'checkbox';
-        }
-        if (this.radioGroup) {
-            this.checked = this.radioGroup.value === this.value;
-            this._variant = this.radioGroup.variant;
-            this._labelPosition = this.radioGroup.labelPosition;
-            this._size = this.radioGroup.size;
-        }
-    }
-    markForCheck() {
-        this.changeDetector.markForCheck();
-    }
-    onTouchTargetClick(event) {
-        this.onChange(event);
-        // Since the click comes from the touch target, we need
-        // to focus the native input element manually.
-        this.inputElement.nativeElement.focus();
-    }
-    onBlur() {
-        this.radioGroup.propagateTouch();
-    }
-    onChange(event) {
-        event.stopPropagation();
-        if (!this.checked && !this.disabled) {
-            this.checked = true;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectRadioButtonComponent, deps: [{ token: i1.AfConnectRadioGroupComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: { id: "id", value: "value", itemOrder: "itemOrder", checked: "checked", disabled: "disabled" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"field-container\"\r\n  [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\r\n  [ngStyle]=\"{ 'flex-direction': itemOrder === 'left-to-right' ? 'row' : 'row-reverse' }\"\r\n>\r\n  <div [ngClass]=\"['radio-container', variant]\">\r\n    <input\r\n      #input\r\n      type=\"radio\"\r\n      class=\"input\"\r\n      [id]=\"inputId\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [attr.value]=\"value\"\r\n      (change)=\"onChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\r\n    <div class=\"radio-visualization\">\r\n      <span [class]=\"['outer-circle', variant]\"></span>\r\n      <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\r\n      <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\r\n    </div>\r\n  </div>\r\n  <label class=\"label\" [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n", styles: [".field-container{display:flex;align-items:center;justify-content:space-between}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{cursor:inherit;font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectRadioButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-af-connect-radio-button', template: "<div\r\n  class=\"field-container\"\r\n  [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\r\n  [ngStyle]=\"{ 'flex-direction': itemOrder === 'left-to-right' ? 'row' : 'row-reverse' }\"\r\n>\r\n  <div [ngClass]=\"['radio-container', variant]\">\r\n    <input\r\n      #input\r\n      type=\"radio\"\r\n      class=\"input\"\r\n      [id]=\"inputId\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [attr.value]=\"value\"\r\n      (change)=\"onChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\r\n    <div class=\"radio-visualization\">\r\n      <span [class]=\"['outer-circle', variant]\"></span>\r\n      <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\r\n      <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\r\n    </div>\r\n  </div>\r\n  <label class=\"label\" [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n", styles: [".field-container{display:flex;align-items:center;justify-content:space-between}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{cursor:inherit;font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.AfConnectRadioGroupComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { id: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], itemOrder: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], inputElement: [{
-                type: ViewChild,
-                args: ['input']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlwSCxtRkFBbUY7QUFDbkYsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBT3JCLE1BQU0sT0FBTyw2QkFBNkI7SUFZeEMsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxlQUF3QjtRQUNsQyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssZUFBZSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxlQUFlLENBQUM7WUFDaEMsSUFBSSxlQUFlLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQy9FLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUNsQyxDQUFDO1lBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFB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ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XHJcblxyXG4vLyBJbmNyZWFzaW5nIGludGVnZXIgZm9yIGdlbmVyYXRpbmcgdW5pcXVlIGlkcyBmb3IgYWxsIGFmYy1yYWRpby1idXR0b24gaW5zdGFuY2VzLlxyXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IHtcclxuICBwcml2YXRlIF91bmlxdWVJZDogc3RyaW5nID0gYGFmYy1yYWRpby0keysrbmV4dFVuaXF1ZUlkfWA7XHJcbiAgcHJpdmF0ZSBfY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfdmFyaWFudDogUmFkaW9CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xyXG4gIHByaXZhdGUgX2xhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XHJcbiAgcHJpdmF0ZSBfc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl91bmlxdWVJZDtcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1PcmRlcjogJ2xlZnQtdG8tcmlnaHQnIHwgJ3JpZ2h0LXRvLWxlZnQnID0gJ2xlZnQtdG8tcmlnaHQnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NoZWNrZWQ7XHJcbiAgfVxyXG4gIHNldCBjaGVja2VkKG5ld0NoZWNrZWRTdGF0ZTogYm9vbGVhbikge1xyXG4gICAgaWYgKHRoaXMuX2NoZWNrZWQgIT09IG5ld0NoZWNrZWRTdGF0ZSkge1xyXG4gICAgICB0aGlzLl9jaGVja2VkID0gbmV3Q2hlY2tlZFN0YXRlO1xyXG4gICAgICBpZiAobmV3Q2hlY2tlZFN0YXRlICYmIHRoaXMucmFkaW9Hcm91cCAmJiB0aGlzLnJhZGlvR3JvdXAudmFsdWUgIT09IHRoaXMudmFsdWUpIHtcclxuICAgICAgICB0aGlzLnJhZGlvR3JvdXAuc2VsZWN0ZWQgPSB0aGlzO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZCB8fCAodGhpcy5yYWRpb0dyb3VwICE9PSBudWxsICYmIHRoaXMucmFkaW9Hcm91cC5kaXNhYmxlZCk7XHJcbiAgfVxyXG4gIHNldCBkaXNhYmxlZChuZXdWYWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fZGlzYWJsZWQgPSBuZXdWYWx1ZTtcclxuICB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgaW5wdXRFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJhZGlvR3JvdXA6IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBnZXQgaW5wdXRJZCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke3RoaXMuaWR9LWlucHV0YDtcclxuICB9XHJcblxyXG4gIGdldCB2YXJpYW50KCk6IFJhZGlvQnV0dG9uVmFyaWFudCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcblxyXG4gIGdldCBsYWJlbFBvc2l0aW9uKCk6IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fbGFiZWxQb3NpdGlvbjtcclxuICB9XHJcblxyXG4gIGdldCBzaXplKCk6IFJhZGlvQnV0dG9uU2l6ZSB7XHJcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKCF0aGlzLnJhZGlvR3JvdXApIHtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9ICdjaGVja2JveCc7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5yYWRpb0dyb3VwKSB7XHJcbiAgICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMucmFkaW9Hcm91cC52YWx1ZSA9PT0gdGhpcy52YWx1ZTtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9IHRoaXMucmFkaW9Hcm91cC52YXJpYW50O1xyXG4gICAgICB0aGlzLl9sYWJlbFBvc2l0aW9uID0gdGhpcy5yYWRpb0dyb3VwLmxhYmVsUG9zaXRpb247XHJcbiAgICAgIHRoaXMuX3NpemUgPSB0aGlzLnJhZGlvR3JvdXAuc2l6ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG1hcmtGb3JDaGVjaygpIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBvblRvdWNoVGFyZ2V0Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50KTtcclxuXHJcbiAgICAvLyBTaW5jZSB0aGUgY2xpY2sgY29tZXMgZnJvbSB0aGUgdG91Y2ggdGFyZ2V0LCB3ZSBuZWVkXHJcbiAgICAvLyB0byBmb2N1cyB0aGUgbmF0aXZlIGlucHV0IGVsZW1lbnQgbWFudWFsbHkuXHJcbiAgICB0aGlzLmlucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgfVxyXG5cclxuICBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJhZGlvR3JvdXAucHJvcGFnYXRlVG91Y2goKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAoIXRoaXMuY2hlY2tlZCAmJiAhdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJmaWVsZC1jb250YWluZXJcIlxyXG4gIFtuZ0NsYXNzXT1cInsgJ2xhYmVsLWJlZm9yZSc6IGxhYmVsUG9zaXRpb24gPT09ICdiZWZvcmUnLCAnc2l6ZS1ib3gnOiBzaXplID09PSAnYm94JywgY2hlY2tlZDogY2hlY2tlZCwgZGlzYWJsZWQ6IGRpc2FibGVkIH1cIlxyXG4gIFtuZ1N0eWxlXT1cInsgJ2ZsZXgtZGlyZWN0aW9uJzogaXRlbU9yZGVyID09PSAnbGVmdC10by1yaWdodCcgPyAncm93JyA6ICdyb3ctcmV2ZXJzZScgfVwiXHJcbj5cclxuICA8ZGl2IFtuZ0NsYXNzXT1cIlsncmFkaW8tY29udGFpbmVyJywgdmFyaWFudF1cIj5cclxuICAgIDxpbnB1dFxyXG4gICAgICAjaW5wdXRcclxuICAgICAgdHlwZT1cInJhZGlvXCJcclxuICAgICAgY2xhc3M9XCJpbnB1dFwiXHJcbiAgICAgIFtpZF09XCJpbnB1dElkXCJcclxuICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxyXG4gICAgLz5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b3VjaC10YXJnZXRcIiAoY2xpY2spPVwib25Ub3VjaFRhcmdldENsaWNrKCRldmVudClcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyYWRpby12aXN1YWxpemF0aW9uXCI+XHJcbiAgICAgIDxzcGFuIFtjbGFzc109XCJbJ291dGVyLWNpcmNsZScsIHZhcmlhbnRdXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0J1wiIGNsYXNzPVwiaW5uZXItY2lyY2xlXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdjaGVja2JveCcgfHwgdmFyaWFudCA9PT0gJ2N1YmUnXCIgY2xhc3M9XCJjaGVjay1tYXJrXCI+PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGxhYmVsIGNsYXNzPVwibGFiZWxcIiBbZm9yXT1cImlucHV0SWRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2xhYmVsPlxyXG48L2Rpdj5cclxuIl19
+import { Component, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../af-connect-radio-group/af-connect-radio-group.component";
+import * as i2 from "@angular/common";
+// Increasing integer for generating unique ids for all afc-radio-button instances.
+let nextUniqueId = 0;
+export class AfConnectRadioButtonComponent {
+    constructor(radioGroup, changeDetector) {
+        this.radioGroup = radioGroup;
+        this.changeDetector = changeDetector;
+        this._uniqueId = `afc-radio-${++nextUniqueId}`;
+        this._checked = false;
+        this._disabled = false;
+        this._variant = 'default';
+        this._labelPosition = 'after';
+        this._size = 'inline';
+        this.id = this._uniqueId;
+        this.itemOrder = 'left-to-right';
+    }
+    get checked() {
+        return this._checked;
+    }
+    set checked(newCheckedState) {
+        if (this._checked !== newCheckedState) {
+            this._checked = newCheckedState;
+            if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
+                this.radioGroup.selected = this;
+            }
+            this.markForCheck();
+        }
+    }
+    get disabled() {
+        return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
+    }
+    set disabled(newValue) {
+        this._disabled = newValue;
+    }
+    get inputId() {
+        return `${this.id}-input`;
+    }
+    get variant() {
+        return this._variant;
+    }
+    get labelPosition() {
+        return this._labelPosition;
+    }
+    get size() {
+        return this._size;
+    }
+    ngOnInit() {
+        if (!this.radioGroup) {
+            this._variant = 'checkbox';
+        }
+        if (this.radioGroup) {
+            this.checked = this.radioGroup.value === this.value;
+            this._variant = this.radioGroup.variant;
+            this._labelPosition = this.radioGroup.labelPosition;
+            this._size = this.radioGroup.size;
+        }
+    }
+    markForCheck() {
+        this.changeDetector.markForCheck();
+    }
+    onTouchTargetClick(event) {
+        this.onChange(event);
+        // Since the click comes from the touch target, we need
+        // to focus the native input element manually.
+        this.inputElement.nativeElement.focus();
+    }
+    onBlur() {
+        this.radioGroup.propagateTouch();
+    }
+    onChange(event) {
+        event.stopPropagation();
+        if (!this.checked && !this.disabled) {
+            this.checked = true;
+        }
+    }
+}
+AfConnectRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, deps: [{ token: i1.AfConnectRadioGroupComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AfConnectRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: { id: "id", value: "value", itemOrder: "itemOrder", checked: "checked", disabled: "disabled" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"field-container\"\r\n  [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\r\n  [ngStyle]=\"{ 'flex-direction': itemOrder === 'left-to-right' ? 'row' : 'row-reverse' }\"\r\n>\r\n  <div [ngClass]=\"['radio-container', variant]\">\r\n    <input\r\n      #input\r\n      type=\"radio\"\r\n      class=\"input\"\r\n      [id]=\"inputId\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [attr.value]=\"value\"\r\n      (change)=\"onChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\r\n    <div class=\"radio-visualization\">\r\n      <span [class]=\"['outer-circle', variant]\"></span>\r\n      <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\r\n      <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\r\n    </div>\r\n  </div>\r\n  <label class=\"label\" [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n", styles: [".field-container{display:flex;align-items:center;justify-content:space-between}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{cursor:inherit;font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-radio-button', template: "<div\r\n  class=\"field-container\"\r\n  [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\r\n  [ngStyle]=\"{ 'flex-direction': itemOrder === 'left-to-right' ? 'row' : 'row-reverse' }\"\r\n>\r\n  <div [ngClass]=\"['radio-container', variant]\">\r\n    <input\r\n      #input\r\n      type=\"radio\"\r\n      class=\"input\"\r\n      [id]=\"inputId\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [attr.value]=\"value\"\r\n      (change)=\"onChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\r\n    <div class=\"radio-visualization\">\r\n      <span [class]=\"['outer-circle', variant]\"></span>\r\n      <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\r\n      <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\r\n    </div>\r\n  </div>\r\n  <label class=\"label\" [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n", styles: [".field-container{display:flex;align-items:center;justify-content:space-between}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{cursor:inherit;font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AfConnectRadioGroupComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], itemOrder: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlwSCxtRkFBbUY7QUFDbkYsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBT3JCLE1BQU0sT0FBTyw2QkFBNkI7SUFvQ3hDLFlBQW9CLFVBQXdDLEVBQVUsY0FBaUM7UUFBbkYsZUFBVSxHQUFWLFVBQVUsQ0FBOEI7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFuQy9GLGNBQVMsR0FBVyxhQUFhLEVBQUUsWUFBWSxFQUFFLENBQUM7UUFDbEQsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBdUIsU0FBUyxDQUFDO1FBQ3pDLG1CQUFjLEdBQTZCLE9BQU8sQ0FBQztRQUNuRCxVQUFLLEdBQW9CLFFBQVEsQ0FBQztRQUVqQyxPQUFFLEdBQVcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUU1QixjQUFTLEdBQXNDLGVBQWUsQ0FBQztJQTBCa0MsQ0FBQztJQXhCM0csSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxlQUF3QjtRQUNs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ZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XHJcblxyXG4vLyBJbmNyZWFzaW5nIGludGVnZXIgZm9yIGdlbmVyYXRpbmcgdW5pcXVlIGlkcyBmb3IgYWxsIGFmYy1yYWRpby1idXR0b24gaW5zdGFuY2VzLlxyXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IHtcclxuICBwcml2YXRlIF91bmlxdWVJZDogc3RyaW5nID0gYGFmYy1yYWRpby0keysrbmV4dFVuaXF1ZUlkfWA7XHJcbiAgcHJpdmF0ZSBfY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfdmFyaWFudDogUmFkaW9CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xyXG4gIHByaXZhdGUgX2xhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XHJcbiAgcHJpdmF0ZSBfc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl91bmlxdWVJZDtcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1PcmRlcjogJ2xlZnQtdG8tcmlnaHQnIHwgJ3JpZ2h0LXRvLWxlZnQnID0gJ2xlZnQtdG8tcmlnaHQnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NoZWNrZWQ7XHJcbiAgfVxyXG4gIHNldCBjaGVja2VkKG5ld0NoZWNrZWRTdGF0ZTogYm9vbGVhbikge1xyXG4gICAgaWYgKHRoaXMuX2NoZWNrZWQgIT09IG5ld0NoZWNrZWRTdGF0ZSkge1xyXG4gICAgICB0aGlzLl9jaGVja2VkID0gbmV3Q2hlY2tlZFN0YXRlO1xyXG4gICAgICBpZiAobmV3Q2hlY2tlZFN0YXRlICYmIHRoaXMucmFkaW9Hcm91cCAmJiB0aGlzLnJhZGlvR3JvdXAudmFsdWUgIT09IHRoaXMudmFsdWUpIHtcclxuICAgICAgICB0aGlzLnJhZGlvR3JvdXAuc2VsZWN0ZWQgPSB0aGlzO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZCB8fCAodGhpcy5yYWRpb0dyb3VwICE9PSBudWxsICYmIHRoaXMucmFkaW9Hcm91cC5kaXNhYmxlZCk7XHJcbiAgfVxyXG4gIHNldCBkaXNhYmxlZChuZXdWYWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fZGlzYWJsZWQgPSBuZXdWYWx1ZTtcclxuICB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgaW5wdXRFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJhZGlvR3JvdXA6IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBnZXQgaW5wdXRJZCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke3RoaXMuaWR9LWlucHV0YDtcclxuICB9XHJcblxyXG4gIGdldCB2YXJpYW50KCk6IFJhZGlvQnV0dG9uVmFyaWFudCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcblxyXG4gIGdldCBsYWJlbFBvc2l0aW9uKCk6IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fbGFiZWxQb3NpdGlvbjtcclxuICB9XHJcblxyXG4gIGdldCBzaXplKCk6IFJhZGlvQnV0dG9uU2l6ZSB7XHJcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKCF0aGlzLnJhZGlvR3JvdXApIHtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9ICdjaGVja2JveCc7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5yYWRpb0dyb3VwKSB7XHJcbiAgICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMucmFkaW9Hcm91cC52YWx1ZSA9PT0gdGhpcy52YWx1ZTtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9IHRoaXMucmFkaW9Hcm91cC52YXJpYW50O1xyXG4gICAgICB0aGlzLl9sYWJlbFBvc2l0aW9uID0gdGhpcy5yYWRpb0dyb3VwLmxhYmVsUG9zaXRpb247XHJcbiAgICAgIHRoaXMuX3NpemUgPSB0aGlzLnJhZGlvR3JvdXAuc2l6ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG1hcmtGb3JDaGVjaygpIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBvblRvdWNoVGFyZ2V0Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50KTtcclxuXHJcbiAgICAvLyBTaW5jZSB0aGUgY2xpY2sgY29tZXMgZnJvbSB0aGUgdG91Y2ggdGFyZ2V0LCB3ZSBuZWVkXHJcbiAgICAvLyB0byBmb2N1cyB0aGUgbmF0aXZlIGlucHV0IGVsZW1lbnQgbWFudWFsbHkuXHJcbiAgICB0aGlzLmlucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgfVxyXG5cclxuICBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJhZGlvR3JvdXAucHJvcGFnYXRlVG91Y2goKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAoIXRoaXMuY2hlY2tlZCAmJiAhdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJmaWVsZC1jb250YWluZXJcIlxyXG4gIFtuZ0NsYXNzXT1cInsgJ2xhYmVsLWJlZm9yZSc6IGxhYmVsUG9zaXRpb24gPT09ICdiZWZvcmUnLCAnc2l6ZS1ib3gnOiBzaXplID09PSAnYm94JywgY2hlY2tlZDogY2hlY2tlZCwgZGlzYWJsZWQ6IGRpc2FibGVkIH1cIlxyXG4gIFtuZ1N0eWxlXT1cInsgJ2ZsZXgtZGlyZWN0aW9uJzogaXRlbU9yZGVyID09PSAnbGVmdC10by1yaWdodCcgPyAncm93JyA6ICdyb3ctcmV2ZXJzZScgfVwiXHJcbj5cclxuICA8ZGl2IFtuZ0NsYXNzXT1cIlsncmFkaW8tY29udGFpbmVyJywgdmFyaWFudF1cIj5cclxuICAgIDxpbnB1dFxyXG4gICAgICAjaW5wdXRcclxuICAgICAgdHlwZT1cInJhZGlvXCJcclxuICAgICAgY2xhc3M9XCJpbnB1dFwiXHJcbiAgICAgIFtpZF09XCJpbnB1dElkXCJcclxuICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxyXG4gICAgLz5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b3VjaC10YXJnZXRcIiAoY2xpY2spPVwib25Ub3VjaFRhcmdldENsaWNrKCRldmVudClcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyYWRpby12aXN1YWxpemF0aW9uXCI+XHJcbiAgICAgIDxzcGFuIFtjbGFzc109XCJbJ291dGVyLWNpcmNsZScsIHZhcmlhbnRdXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0J1wiIGNsYXNzPVwiaW5uZXItY2lyY2xlXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdjaGVja2JveCcgfHwgdmFyaWFudCA9PT0gJ2N1YmUnXCIgY2xhc3M9XCJjaGVjay1tYXJrXCI+PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGxhYmVsIGNsYXNzPVwibGFiZWxcIiBbZm9yXT1cImlucHV0SWRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2xhYmVsPlxyXG48L2Rpdj5cclxuIl19