af-connect-components 18.0.2 → 18.0.3

package/{esm2020 → esm2022}/lib/af-connect-products-carousel/defaultConfig.mjs

@@ -1,27 +1,27 @@
-export const defaultConfig = [
-    {
-        imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/mmm-carousel.jpg',
-        title: 'My Money Matters',
-        content: 'Get the most out of your money. Explore ways to make your money and savings work for you with our tools.',
-        readMore: 'https://mymoneymatters.alexforbes.com/'
-    },
-    {
-        imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/AF-Rewards-carousel.jpg',
-        title: 'My Rewards',
-        content: 'Exclusive savings from big brands.',
-        readMore: 'https://rewards.alexforbes.com/landingpage'
-    },
-    {
-        imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/Unit-trusts-carousel.jpg',
-        title: 'Unit Trusts',
-        content: 'Invest from as little as R500.00 a month to up to R30 000.00 up front toward a personal goal.',
-        readMore: 'https://www.alexforbes.com/za/en/individual/investing-for-a-goal.html'
-    },
-    {
-        imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/AF-Plus-carousel.jpg',
-        title: 'AF+',
-        content: 'Guided by expert advisers and fulfilled by trusted partners, making it easy to solve life’s financial challenges with confidence.',
-        readMore: 'https://plus.alexforbes.com/'
-    },
-];
+export const defaultConfig = [
+    {
+        imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/mmm-carousel.jpg',
+        title: 'My Money Matters',
+        content: 'Get the most out of your money. Explore ways to make your money and savings work for you with our tools.',
+        readMore: 'https://mymoneymatters.alexforbes.com/'
+    },
+    {
+        imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/AF-Rewards-carousel.jpg',
+        title: 'My Rewards',
+        content: 'Exclusive savings from big brands.',
+        readMore: 'https://rewards.alexforbes.com/landingpage'
+    },
+    {
+        imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/Unit-trusts-carousel.jpg',
+        title: 'Unit Trusts',
+        content: 'Invest from as little as R500.00 a month to up to R30 000.00 up front toward a personal goal.',
+        readMore: 'https://www.alexforbes.com/za/en/individual/investing-for-a-goal.html'
+    },
+    {
+        imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/AF-Plus-carousel.jpg',
+        title: 'AF+',
+        content: 'Guided by expert advisers and fulfilled by trusted partners, making it easy to solve life’s financial challenges with confidence.',
+        readMore: 'https://plus.alexforbes.com/'
+    },
+];
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdENvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwvZGVmYXVsdENvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUc7SUFDekI7UUFDSSxRQUFRLEVBQUUsd0dBQXdHO1FBQ2xILEtBQUssRUFBRSxrQkFBa0I7UUFDekIsT0FBTyxFQUFFLDBHQUEwRztRQUNuSCxRQUFRLEVBQUUsd0NBQXdDO0tBQ3JEO0lBQ0Q7UUFDSSxRQUFRLEVBQUUsK0dBQStHO1FBQ3pILEtBQUssRUFBRSxZQUFZO1FBQ25CLE9BQU8sRUFBRSxvQ0FBb0M7UUFDN0MsUUFBUSxFQUFFLDRDQUE0QztLQUN6RDtJQUNEO1FBQ0ksUUFBUSxFQUFFLGdIQUFnSDtRQUMxSCxLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPLEVBQUUsK0ZBQStGO1FBQ3hHLFFBQVEsRUFBRSx1RUFBdUU7S0FDcEY7SUFDRDtRQUNJLFFBQVEsRUFBRSw0R0FBNEc7UUFDdEgsS0FBSyxFQUFFLEtBQUs7UUFDWixPQUFPLEVBQUUsbUlBQW1JO1FBQzVJLFFBQVEsRUFBRSw4QkFBOEI7S0FDM0M7Q0FDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGRlZmF1bHRDb25maWcgPSBbXHJcbiAgICB7XHJcbiAgICAgICAgaW1hZ2VTcmM6ICdodHRwczovL3N0Zy5hbGV4Zm9yYmVzLmNvbS9jb250ZW50L2RhbS9hZmJyL2NvbW1vbi9pbWFnZXMtd2Vic2l0ZS9wcm9kdWN0cy9hZi1jb25uZWN0L21tbS1jYXJvdXNlbC5qcGcnLFxyXG4gICAgICAgIHRpdGxlOiAnTXkgTW9uZXkgTWF0dGVycycsXHJcbiAgICAgICAgY29udGVudDogJ0dldCB0aGUgbW9zdCBvdXQgb2YgeW91ciBtb25leS4gRXhwbG9yZSB3YXlzIHRvIG1ha2UgeW91ciBtb25leSBhbmQgc2F2aW5ncyB3b3JrIGZvciB5b3Ugd2l0aCBvdXIgdG9vbHMuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vbXltb25leW1hdHRlcnMuYWxleGZvcmJlcy5jb20vJ1xyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgICBpbWFnZVNyYzogJ2h0dHBzOi8vc3RnLmFsZXhmb3JiZXMuY29tL2NvbnRlbnQvZGFtL2FmYnIvY29tbW9uL2ltYWdlcy13ZWJzaXRlL3Byb2R1Y3RzL2FmLWNvbm5lY3QvQUYtUmV3YXJkcy1jYXJvdXNlbC5qcGcnLFxyXG4gICAgICAgIHRpdGxlOiAnTXkgUmV3YXJkcycsXHJcbiAgICAgICAgY29udGVudDogJ0V4Y2x1c2l2ZSBzYXZpbmdzIGZyb20gYmlnIGJyYW5kcy4nLFxyXG4gICAgICAgIHJlYWRNb3JlOiAnaHR0cHM6Ly9yZXdhcmRzLmFsZXhmb3JiZXMuY29tL2xhbmRpbmdwYWdlJ1xyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgICBpbWFnZVNyYzogJ2h0dHBzOi8vc3RnLmFsZXhmb3JiZXMuY29tL2NvbnRlbnQvZGFtL2FmYnIvY29tbW9uL2ltYWdlcy13ZWJzaXRlL3Byb2R1Y3RzL2FmLWNvbm5lY3QvVW5pdC10cnVzdHMtY2Fyb3VzZWwuanBnJyxcclxuICAgICAgICB0aXRsZTogJ1VuaXQgVHJ1c3RzJyxcclxuICAgICAgICBjb250ZW50OiAnSW52ZXN0IGZyb20gYXMgbGl0dGxlIGFzIFI1MDAuMDAgYSBtb250aCB0byB1cCB0byBSMzAgMDAwLjAwIHVwIGZyb250IHRvd2FyZCBhIHBlcnNvbmFsIGdvYWwuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vd3d3LmFsZXhmb3JiZXMuY29tL3phL2VuL2luZGl2aWR1YWwvaW52ZXN0aW5nLWZvci1hLWdvYWwuaHRtbCdcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgICAgaW1hZ2VTcmM6ICdodHRwczovL3N0Zy5hbGV4Zm9yYmVzLmNvbS9jb250ZW50L2RhbS9hZmJyL2NvbW1vbi9pbWFnZXMtd2Vic2l0ZS9wcm9kdWN0cy9hZi1jb25uZWN0L0FGLVBsdXMtY2Fyb3VzZWwuanBnJyxcclxuICAgICAgICB0aXRsZTogJ0FGKycsXHJcbiAgICAgICAgY29udGVudDogJ0d1aWRlZCBieSBleHBlcnQgYWR2aXNlcnMgYW5kIGZ1bGZpbGxlZCBieSB0cnVzdGVkIHBhcnRuZXJzLCBtYWtpbmcgaXQgZWFzeSB0byBzb2x2ZSBsaWZl4oCZcyBmaW5hbmNpYWwgY2hhbGxlbmdlcyB3aXRoIGNvbmZpZGVuY2UuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vcGx1cy5hbGV4Zm9yYmVzLmNvbS8nXHJcbiAgICB9LFxyXG5dO1xyXG4iXX0=

package/esm2022/lib/af-connect-products-carousel/image-card/image-card.component.mjs

@@ -0,0 +1,27 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ImageCardComponent {
+    constructor() {
+        this.title = '';
+        this.content = '';
+    }
+    ngOnInit() { }
+    openReadMore() {
+        window.open(this.readMoreLink, '_blank');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImageCardComponent, selector: "af-connect-image-card", inputs: { src: "src", title: "title", content: "content", readMoreLink: "readMoreLink" }, ngImport: i0, template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n  <span class=\"info-container__title\">{{ title }}</span>\r\n  <span class=\"info-container__content\">{{ content }}</span>\r\n  <button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#fafbfc}@media (max-width: 768px){:host{width:295px;position:relative;flex-direction:row;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314;padding-block:.75rem}}.info-container{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:.75rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57;margin-block:.25rem}@media (max-width: 768px){.info-container__title{font-size:14px;margin-top:0}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 .25rem 0 6rem;width:20rem;height:100%;place-content:start}}img{width:325px;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;object-fit:cover;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:auto 0 0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold}@media (max-width: 768px){.button-read-more{font-size:11px}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'af-connect-image-card', template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n  <span class=\"info-container__title\">{{ title }}</span>\r\n  <span class=\"info-container__content\">{{ content }}</span>\r\n  <button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#fafbfc}@media (max-width: 768px){:host{width:295px;position:relative;flex-direction:row;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314;padding-block:.75rem}}.info-container{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:.75rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57;margin-block:.25rem}@media (max-width: 768px){.info-container__title{font-size:14px;margin-top:0}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 .25rem 0 6rem;width:20rem;height:100%;place-content:start}}img{width:325px;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;object-fit:cover;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:auto 0 0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold}@media (max-width: 768px){.button-read-more{font-size:11px}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { src: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], readMoreLink: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2ltYWdlLWNhcmQvaW1hZ2UtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2ltYWdlLWNhcmQvaW1hZ2UtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLGtCQUFrQjtJQU03QjtRQUpTLFVBQUssR0FBdUIsRUFBRSxDQUFDO1FBQy9CLFlBQU8sR0FBdUIsRUFBRSxDQUFDO0lBRzFCLENBQUM7SUFFakIsUUFBUSxLQUFXLENBQUM7SUFFcEIsWUFBWTtRQUNWLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDOytHQVpVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHVKQ1AvQiw2UkFNQTs7NEZEQ2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLHVCQUF1Qjt3REFLeEIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhZi1jb25uZWN0LWltYWdlLWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS1jYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEltYWdlQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIGNvbnRlbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIHJlYWRNb3JlTGluazogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG5cclxuICBvcGVuUmVhZE1vcmUoKSB7XHJcbiAgICB3aW5kb3cub3Blbih0aGlzLnJlYWRNb3JlTGluaywgJ19ibGFuaycpO1xyXG4gIH1cclxufVxyXG4iLCI8aW1nIFtzcmNdPVwic3JjXCIgLz5cclxuPGRpdiBjbGFzcz1cImluZm8tY29udGFpbmVyXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJpbmZvLWNvbnRhaW5lcl9fdGl0bGVcIj57eyB0aXRsZSB9fTwvc3Bhbj5cclxuICA8c3BhbiBjbGFzcz1cImluZm8tY29udGFpbmVyX19jb250ZW50XCI+e3sgY29udGVudCB9fTwvc3Bhbj5cclxuICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLXJlYWQtbW9yZVwiIChjbGljayk9XCJvcGVuUmVhZE1vcmUoKVwiPlJlYWQgbW9yZTwvYnV0dG9uPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs

@@ -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]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: i2.Router }, { token: i3.BreakpointLibService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", navUrls: "navUrls", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid" }, outputs: { 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:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content>div:not(.user-type-switch):nth-child(-n+1){display:none}.dropdown-content div:nth-child(2){display:flex}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725)}.dropdown-content div svg,.dropdown-content div.container{width:20px;height:20px;padding-left:1rem}.dropdown-content div.container{border:none}.dropdown-content>div:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#fafbfc;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.blue{background:#2cc1da}.orange{background:#f69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}.bold{font-family:var(--standard-font-family-hero-new-semibold)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: i6.AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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:fit-content;right:0;top:3.5rem;font-size:12px;background:#fff;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content>div:not(.user-type-switch):nth-child(-n+1){display:none}.dropdown-content div:nth-child(2){display:flex}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725)}.dropdown-content div svg,.dropdown-content div.container{width:20px;height:20px;padding-left:1rem}.dropdown-content div.container{border:none}.dropdown-content>div:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#fafbfc;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.blue{background:#2cc1da}.orange{background:#f69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}.bold{font-family:var(--standard-font-family-hero-new-semibold)}\n"] }]
+        }], ctorParameters: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFNakcsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQiw2QkFBaUIsQ0FBQTtJQUNqQiwyQ0FBK0IsQ0FBQTtJQUMvQiw2QkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkI7QUFPRCxNQUFNLE9BQU8sd0JBQXdCO0lBZW5DLFlBQW9CLFVBQXNCLEVBQVUsU0FBdUIsRUFBVSxNQUFjLEVBQVMsaUJBQXVDO1FBQS9ILGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFTLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBc0I7UUFkMUksYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUtiLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBRXhELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsY0FBUyxHQUFHLFFBQVEsQ0FBQztJQUVpSSxDQUFDO0lBRXBILElBQUksQ0FBQyxDQUFNO1FBQzVDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFMkMsS0FBSyxDQUFDLEtBQVU7UUFDMUQsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2RSxNQUFNLHVCQUF1QixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLG1CQUFtQixDQUFDLEtBQUssSUFBSSxDQUFDO1FBQ25GLE1BQU0sNkJBQTZCLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsMkJBQTJCLENBQUMsS0FBSyxJQUFJLENBQUM7UUFFakcsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO0lBQzFHLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBK0M7UUFDcEQsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVc7UUFDckIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLEdBQUcsQ0FBQyxDQUFBO0lBQ3BELENBQUM7SUFFTSxVQUFVLENBQUMsR0FBVTtRQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDOUIsQ0FBQzsrR0EzQ1Usd0JBQXdCO21HQUF4Qix3QkFBd0IscWNDakJyQyw2NlRBdUdBOzs0RkR0RmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLGlDQUFpQztrS0FLbEMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFPNEIsSUFBSTtzQkFBdEMsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBSVcsS0FBSztzQkFBaEQsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEJyZWFrcG9pbnRMaWJTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvYnJlYWtwb2ludC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVXJsQ29uZmlnIH0gZnJvbSAnLi4vbW9kZWxzL3VybC1jb25maWcnO1xyXG5cclxuZXhwb3J0IGVudW0gVXNlclR5cGUge1xyXG4gIFJldGFpbCA9ICdSZXRhaWwnLFxyXG4gIEluc3RpdHV0aW9uYWwgPSAnSW5zdGl0dXRpb25hbCcsXHJcbiAgSHlicmlkID0gJ0h5YnJpZCdcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0UHJvZmlsZURyb3Bkb3duIHtcclxuICBASW5wdXQoKSB1c2VybmFtZSA9ICcnO1xyXG4gIEBJbnB1dCgpIHVzZXJUeXBlOiBVc2VyVHlwZS5JbnN0aXR1dGlvbmFsIHwgVXNlclR5cGUuUmV0YWlsO1xyXG4gIEBJbnB1dCgpIG5hdlVybHM6IFVybENvbmZpZ1tdO1xyXG4gIEBJbnB1dCgpICBoYXNTd2l0Y2hJbmRpY2F0b3I6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgIGlzSHlicmlkOiBib29sZWFuO1xyXG4gIEBPdXRwdXQoKSBjYWxsTWVCYWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBjb250YWN0QWR2aXNlciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgcmVzZXRQYXNzd29yZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgbG9nb3V0ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBzd2l0Y2hVc2VyVHlwZSA9IG5ldyBFdmVudEVtaXR0ZXI8VXNlclR5cGU+KCk7XHJcblxyXG4gIHNob3dNZW51ID0gZmFsc2U7XHJcbiAgVVNFUl9UWVBFID0gVXNlclR5cGU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplciwgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlciwgcHVibGljIGJyZWFrcG9pbnRTZXJ2aWNlOiBCcmVha3BvaW50TGliU2VydmljZSkge31cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKSBzaG93KGU6IGFueSkge1xyXG4gICAgdGhpcy5zaG93TWVudSA9ICF0aGlzLnNob3dNZW51O1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKSBjbGljayhldmVudDogYW55KSB7XHJcbiAgICBjb25zdCBpY29uQ2xpY2sgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpO1xyXG4gICAgY29uc3QgY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2ggPSBldmVudC50YXJnZXQuY2xvc2VzdCgnLnVzZXItdHlwZS1zd2l0Y2gnKSAhPT0gbnVsbDtcclxuICAgIGNvbnN0IGNsaWNrZWRPblVzZXJUeXBlU3dpdGNoT3B0aW9uID0gZXZlbnQudGFyZ2V0LmNsb3Nlc3QoJy51c2VyLXR5cGUtc3dpdGNoX19vcHRpb24nKSAhPT0gbnVsbDtcclxuXHJcbiAgICB0aGlzLnNob3dNZW51ID0gaWNvbkNsaWNrID8gdGhpcy5zaG93TWVudSA6IChjbGlja2VkT25Vc2VyVHlwZVN3aXRjaCAmJiAhY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2hPcHRpb24pO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0KHZhbHVlOiBVc2VyVHlwZS5JbnN0aXR1dGlvbmFsIHwgVXNlclR5cGUuUmV0YWlsKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy51c2VyVHlwZSAhPT0gdmFsdWUpIHtcclxuICAgICAgdGhpcy51c2VyVHlwZSA9IHZhbHVlO1xyXG4gICAgICB0aGlzLnNob3dNZW51ID0gZmFsc2U7XHJcbiAgICAgIHRoaXMuc3dpdGNoVXNlclR5cGUuZW1pdCh2YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzYW5pdGl6ZVN2Zyhzdmc6IHN0cmluZykge1xyXG4gICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKHN2ZylcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuYXZpZ2F0ZVRvKHVybDpzdHJpbmcpOiB2b2lkIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFt1cmxdKTtcclxuICB9XHJcbn1cclxuIiwiPHNwYW4gW2NsYXNzXT1cIlsnbG9nby1jb250ZW50JywgdXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWwgPyAnYmx1ZScgOiBpc0h5YnJpZCA/ICd5ZWxsb3cnIDogJ29yYW5nZSddXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWwgfHwgaXNIeWJyaWQgPyByZXRhaWwgOiBpbnN0aXR1dGlvbmFsXCI+PC9uZy1jb250YWluZXI+XHJcbjwvc3Bhbj5cclxuXHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93TWVudVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLWNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJjYWxsTWVCYWNrLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCI+XHJcbiAgICAgICAgICAgICAgICA8ZyBpZD1cImNhbGxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMCAwKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwicGhvbmUtMVwiIGQ9XCJNMTkuOTc2LDE3LjU0OWwtMi41ODgtMi4xNTZhLjY5NC42OTQsMCwwLDAtLjctLjAzN2wtMS40MzguOTU4YS45MS45MSwwLDAsMS0uNTA5LjE1Myw1Ljk4Myw1Ljk4MywwLDAsMS0xLjI4LS4xOCw3LjcyNCw3LjcyNCwwLDAsMS01Ljc1NC01Ljc1Miw1Ljk3Nyw1Ljk3NywwLDAsMS0uMTgtMS4yOC45MDkuOTA5LDAsMCwxLC4xNTMtLjUwOWwuOTU5LTEuNDM3YS42ODEuNjgxLDAsMCwwLS4wMzctLjdMNi40NDQsNC4wMjJhLjQyNy40MjcsMCwwLDAtLjczLDBMNC4yODUsNS43N2EyLjU0OSwyLjU0OSwwLDAsMC0uNCwyLjAzNS45MDkuOTA5LDAsMCwxLC4wMjcuMTA1LDQuNjcxLDQuNjcxLDAsMCwwLC4xNDIuNSwxMS42ODUsMTEuNjg1LDAsMCwwLC42NTQsMS41NjMsMjAuNzc1LDIwLjc3NSwwLDAsMCwzLjk3Myw1LjMzMkEyMC43NiwyMC43NiwwLDAsMCwxNC4wMiwxOS4yOGExMS42OTMsMTEuNjkzLDAsMCwwLDEuNTYzLjY1NCw0LjgyMyw0LjgyMywwLDAsMCwuNS4xNDIuOTA5LjkwOSwwLDAsMSwuMTI2LjAzMywyLjQ5MiwyLjQ5MiwwLDAsMCwyLjAxNC0uNGwxLjc0Ny0xLjQyOUEuNDI2LjQyNiwwLDAsMCwxOS45NzYsMTcuNTQ5Wm0tNC4zLTMuNzA2QTIuNSwyLjUsMCwwLDEsMTguNTUyLDE0bDIuNTg5LDIuMTU2YTIuMjM1LDIuMjM1LDAsMCwxLS4wMTUsMy41MzRsLTEuNzQ3LDEuNDI4YTQuMjksNC4yOSwwLDAsMS0zLjY5NS43MzVxLS4zMzgtLjA3Ny0uNjY3LS4xODhhMTMuNSwxMy41LDAsMCwxLTEuODA5LS43NTVBMjIuNTgzLDIyLjU4MywwLDAsMSw3LjQsMTYuNTk0YTIyLjU3OSwyMi41NzksMCwwLDEtNC4zMTQtNS44MDYsMTMuNDg4LDEzLjQ4OCwwLDAsMS0uNzU1LTEuODA5QTYuODMzLDYuODMzLDAsMCwxLDIuMTQsOC4zYTQuMzQzLDQuMzQzLDAsMCwxLC43MzgtMy42ODNMNC4zMDcsMi44NzNhMi4yMzgsMi4yMzgsMCwwLDEsMy41MzUtLjAxNUwxMCw1LjQ0NWEyLjQ4NSwyLjQ4NSwwLDAsMSwuMTUzLDIuODcxTDkuMzY2LDkuNDk0YTUuMzc0LDUuMzc0LDAsMCwwLC4xMS42Miw1Ljk0OCw1Ljk0OCwwLDAsMCwuOTIyLDIuMDUyLDUuODY4LDUuODY4LDAsMCwwLDEuNDMsMS40Myw1Ljk1Miw1Ljk1MiwwLDAsMCwyLjA1My45MjEsNS4yNzcsNS4yNzcsMCwwLDAsLjYyLjExbDEuMTc5LS43ODVaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0yIC0yKVwiIGZpbGw9XCIjZWY0ZjFmXCIvPlxyXG4gICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+Q2FsbCBtZSBiYWNrPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImNvbnRhY3RBZHZpc2VyLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIxLjVcIiBoZWlnaHQ9XCIxNy44NjRcIiB2aWV3Qm94PVwiMCAwIDIxLjUgMTcuODY0XCI+XHJcbiAgICAgICAgICAgICAgICA8ZyBpZD1cIkljb25zX1VJX0NvbnRhY3RzX0NvbG91cl9cIiBkYXRhLW5hbWU9XCJJY29ucyAvIFVJIC8gQ29udGFjdHMgLyBDb2xvdXIgIFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwLjc1IDAuNzUpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9XCJSZWN0YW5nbGVcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMTYuMzY0XCIgcng9XCIzXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjZWY0ZjFmXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiLz5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfM1wiIGRhdGEtbmFtZT1cIkxpbmUgM1wiIGQ9XCJNLjU1LjU2M2w4LjU5MSw3LjY3XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuODU5IDAuODU4KVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIxLjVcIi8+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMtMlwiIGRhdGEtbmFtZT1cIkxpbmUgM1wiIGQ9XCJNLTEuNDA5LjU2My0xMCw4LjIzM1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyMCAwLjg1OClcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIvPlxyXG4gICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+Q29udGFjdCBhZHZpc2VyPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJoYXNTd2l0Y2hJbmRpY2F0b3JcIiBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2ggdXNlci10eXBlLXN3aXRjaFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidXNlci10eXBlLXN3aXRjaF9fYnRuLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgPGxpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwIGxhYmVsPVwiVmlldyBhc1wiIHZhcmlhbnQ9XCJjaGVja2JveFwiIGRpcmVjdGlvbj1cImNvbHVtblwiICh2YWx1ZUNoYW5nZSk9XCJzZWxlY3QoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoX19vcHRpb24gYm94U2hhZG93XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdChVU0VSX1RZUEUuUmV0YWlsKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nbyBibHVlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicmV0YWlsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uIG5nQ2xhc3M9XCJsYXJnZXJcIiBbdmFsdWVdPVwiVVNFUl9UWVBFLlJldGFpbFwiIFtjaGVja2VkXT1cInVzZXJUeXBlID09PSBVU0VSX1RZUEUuUmV0YWlsXCIgaXRlbU9yZGVyPVwicmlnaHQtdG8tbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+SW5kaXZpZHVhbC9SZXRhaWw8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoX19vcHRpb24gYm94U2hhZG93XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdChVU0VSX1RZUEUuSW5zdGl0dXRpb25hbClcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvZ28gb3JhbmdlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaW5zdGl0dXRpb25hbFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpYi1hZi1jb25uZWN0LXJhZGlvLWJ1dHRvbiBuZ0NsYXNzPVwibGFyZ2VyXCIgW3ZhbHVlXT1cIlVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsXCIgW2NoZWNrZWRdPVwidXNlclR5cGUgPT09IFVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsXCIgaXRlbU9yZGVyPVwicmlnaHQtdG8tbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+RW1wbG95ZWUgYmVuZWZpdHM8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1ncm91cD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiEoYnJlYWtwb2ludFNlcnZpY2UuaXNUYWJsZXQkIHwgYXN5bmMpXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgdXJsIG9mIG5hdlVybHNcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5hdmlnYXRpb24taXRlbVwiIChtb3VzZWRvd24pPVwibmF2aWdhdGVUbyh1cmwuaHJlZiEpXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIXVybC5zdmdcIiBjbGFzcz1cImNvbnRhaW5lclwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVybC5zdmdcIj48ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgW2lubmVySFRNTF09XCJzYW5pdGl6ZVN2Zyh1cmwuc3ZnKVwiPjwvZGl2PjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJib2xkXCI+e3t1cmwubmFtZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cInJlc2V0UGFzc3dvcmQuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjJcIiBoZWlnaHQ9XCIyMC4wMDRcIiB2aWV3Qm94PVwiMCAwIDIyIDIwLjAwNFwiPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJTaGFwZVwiIGQ9XCJNMTIuNTIyLDIwQTkuODgyLDkuODgyLDAsMCwxLDIuNDg0LDEwSC41NDRhLjU1Mi41NTIsMCwwLDEtLjM3OS0uOTQ0bDMuMDI0LTMuMWEuNTI4LjUyOCwwLDAsMSwuNzcsMGwzLjAyNCwzLjFhLjU1Ny41NTcsMCwwLDEtLjM5Ljk0NEg0LjY1MmE3LjY3OSw3LjY3OSwwLDAsMCw3LjcsNy43NzgsNy43ODIsNy43ODIsMCwwLDAsNy40OC03LjY2N0E3LjY5Miw3LjY5MiwwLDAsMCwxMi4yNCwyLjIyMiw3LjQ4MSw3LjQ4MSwwLDAsMCw4LjUxMSwzLjIzM2ExLjAzNSwxLjAzNSwwLDAsMS0xLjI3OS0uMiwxLjEyNSwxLjEyNSwwLDAsMSwuMjE3LTEuNzQ0QTkuNjE3LDkuNjE3LDAsMCwxLDEyLjI0LDAsOS45LDkuOSwwLDAsMSwyMiwxMC4yODksMTAsMTAsMCwwLDEsMTIuNTIyLDIwWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyMiAyMC4wMDQpIHJvdGF0ZSgxODApXCIgZmlsbD1cIiNmMTVhMjJcIi8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5SZXNldCBwYXNzd29yZDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJsb2dvdXQuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgaWQ9XCJpY29uXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIj5cclxuICAgICAgICAgICAgICAgIDxyZWN0IGlkPVwiYmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiBmaWxsPVwibm9uZVwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwicGF0aFwiIGQ9XCJNOS4yMSw5LjI3M2wyLjc1OC0yLjc1OEEuNzI3LjcyNywwLDEsMCwxMC45NCw1LjQ4NmwtNCw0YS43MjcuNzI3LDAsMCwwLDAsMS4wMjlsNCw0YS43MjcuNzI3LDAsMSwwLDEuMDI5LTEuMDI5TDkuMjEsMTAuNzI3aDguMDY2YS43MjcuNzI3LDAsMCwwLDAtMS40NTVabTEuNTE3LTUuODE4YS43MjcuNzI3LDAsMSwwLDAtMS40NTVIMy44MjFBMS44MiwxLjgyLDAsMCwwLDIsMy44MjFWMTYuMTc5QTEuODIxLDEuODIxLDAsMCwwLDMuODIxLDE4aDYuOTA2YS43MjcuNzI3LDAsMSwwLDAtMS40NTVIMy44MjFhLjM2Ni4zNjYsMCwwLDEtLjM2Ny0uMzY2VjMuODIxYS4zNjYuMzY2LDAsMCwxLC4zNjctLjM2NlpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTAuMDk5KVwiIGZpbGw9XCIjN2Y4OTkxXCIvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+TG9nIE91dDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjcmV0YWlsPlxyXG4gICAgPHN2ZyBpZD1cIkdyb3VwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMTIuODM3XCIgaGVpZ2h0PVwiMTMuNjkzXCIgdmlld0JveD1cIjAgMCAxMi44MzcgMTMuNjkzXCI+XHJcbiAgICAgICAgPHBhdGggaWQ9XCJPdmFsXCIgZD1cIk0yLjc4NS0xQTMuNzg1LDMuNzg1LDAsMSwxLTEsMi43ODUsMy43OSwzLjc5LDAsMCwxLDIuNzg1LTFabTAsNi41ODNhMi44LDIuOCwwLDEsMC0yLjgtMi44QTIuOCwyLjgsMCwwLDAsMi43ODUsNS41ODNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDMuNjMzIDEpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgPHBhdGggaWQ9XCJSZWN0YW5nbGVcIiBkPVwiTTcuMzkzLDQuMTM1QS40OTQuNDk0LDAsMCwxLDYuOSwzLjY0MSwzLjcxMiwzLjcxMiwwLDAsMCwzLjE0LS4wMTNILS41MDZBLjQ5NC40OTQsMCwwLDEtMS0uNTA2LjQ5NC40OTQsMCwwLDEtLjUwNi0xSDMuMTRBNC43LDQuNywwLDAsMSw3Ljg4NywzLjY0MS40OTQuNDk0LDAsMCwxLDcuMzkzLDQuMTM1WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg0Ljk1IDkuNTU4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiUmVjdGFuZ2xlLTJcIiBkYXRhLW5hbWU9XCJSZWN0YW5nbGVcIiBkPVwiTS0xMi41MDYsNC4xMzVBLjQ5NC40OTQsMCwwLDEtMTMsMy42NDEsNC43LDQuNywwLDAsMS04LjI1My0xaDMuNjQ2YS40OTQuNDk0LDAsMCwxLC40OTQuNDk0LjQ5NC40OTQsMCwwLDEtLjQ5NC40OTRILTguMjUzYTMuNzEyLDMuNzEyLDAsMCwwLTMuNzYsMy42NTRBLjQ5NC40OTQsMCwwLDEtMTIuNTA2LDQuMTM1WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMyA5LjU1OClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgIDwvc3ZnPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNpbnN0aXR1dGlvbmFsPlxyXG4gICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCIgd2lkdGg9XCIxNS4zODRcIiBoZWlnaHQ9XCIxMi40ODhcIiB2aWV3Qm94PVwiMCAwIDE1LjM4NCAxMi40ODhcIj5cclxuICAgICAgICA8ZGVmcz5cclxuICAgICAgICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcC1wYXRoXCI+XHJcbiAgICAgICAgICAgIDxyZWN0IGlkPVwiUmVjdGFuZ2xlXzE0MjRcIiBkYXRhLW5hbWU9XCJSZWN0YW5nbGUgMTQyNFwiIHdpZHRoPVwiMTUuMzgzXCIgaGVpZ2h0PVwiMTIuNDg5XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgMClcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiM3MDcwNzBcIiBzdHJva2Utd2lkdGg9XCIxXCIvPlxyXG4gICAgICAgICAgICA8L2NsaXBQYXRoPlxyXG4gICAgICAgIDwvZGVmcz5cclxuICAgICAgICA8ZyBpZD1cIkdyb3VwXzEwMjk4XCIgZGF0YS1uYW1lPVwiR3JvdXAgMTAyOThcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTAuOTUyIC0wLjc3MylcIj5cclxuICAgICAgICAgICAgPGcgaWQ9XCJHcm91cF8xMDI5N1wiIGRhdGEtbmFtZT1cIkdyb3VwIDEwMjk3XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuOTUzIDAuNzczKVwiIGNsaXAtcGF0aD1cInVybCgjY2xpcC1wYXRoKVwiPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJQYXRoXzYwODBcIiBkYXRhLW5hbWU9XCJQYXRoIDYwODBcIiBkPVwiTTI5LjM4NiwzLjAzYS4zNDYuMzQ2LDAsMCwxLS4zNDYtLjM0NlYxLjMyYS42MjkuNjI5LDAsMCwwLS42MjgtLjYyOUgyMy4yNzRhLjYyOS42MjksMCwwLDAtLjYyOC42MjlWMi42ODRhLjM0Ni4zNDYsMCwxLDEtLjY5MywwVjEuMzJBMS4zMjMsMS4zMjMsMCwwLDEsMjMuMjc0LDBoNS4xMzdBMS4zMjMsMS4zMjMsMCwwLDEsMjkuNzMyLDEuMzJWMi42ODRBLjM0Ni4zNDYsMCwwLDEsMjkuMzg2LDMuMDNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0xOC4xNTEgMC4wMDEpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIlJlY3RhbmdsZV8xNDIzXCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlIDE0MjNcIiBkPVwiTS0uOTMzLTJoMTMuMjVBMS4wNjgsMS4wNjgsMCwwLDEsMTMuMzg0LS45MzNWNy4wODRhMS4wNjgsMS4wNjgsMCwwLDEtMS4wNjcsMS4wNjdILS45MzNBMS4wNjgsMS4wNjgsMCwwLDEtMiw3LjA4NFYtLjkzM0ExLjA2OCwxLjA2OCwwLDAsMS0uOTMzLTJabTEzLjI1LDkuNDU4YS4zNzQuMzc0LDAsMCwwLC4zNzQtLjM3NFYtLjkzM2EuMzc0LjM3NCwwLDAsMC0uMzc0LS4zNzRILS45MzNhLjM3NC4zNzQsMCwwLDAtLjM3NC4zNzRWNy4wODRhLjM3NC4zNzQsMCwwLDAsLjM3NC4zNzRaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIgNC4zMzgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI0XCIgZGF0YS1uYW1lPVwiTGluZSAzMjRcIiBkPVwiTTEyLjcxMi0xLjMwN0gtMS42NTRBLjM0Ni4zNDYsMCwwLDEtMi0xLjY1NC4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJIMTIuNzEyYS4zNDYuMzQ2LDAsMCwxLC4zNDYuMzQ2QS4zNDYuMzQ2LDAsMCwxLDEyLjcxMi0xLjMwN1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMi4wMzcgOC4wODcpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI1XCIgZGF0YS1uYW1lPVwiTGluZSAzMjVcIiBkPVwiTS0xLjY1NC4yMjNBLjM0Ni4zNDYsMCwwLDEtMi0uMTI0di0xLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJhLjM0Ni4zNDYsMCwwLDEsLjM0Ni4zNDZ2MS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC4yMjNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDEyLjg4OCA3LjMxOClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zMjZcIiBkYXRhLW5hbWU9XCJMaW5lIDMyNlwiIGQ9XCJNLTEuNjU0LjIyM0EuMzQ2LjM0NiwwLDAsMS0yLS4xMjR2LTEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQtMmEuMzQ2LjM0NiwwLDAsMSwuMzQ2LjM0NnYxLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LjIyM1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNS44MDIgNy4zMTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgIDwvZz5cclxuICAgICAgICA8L2c+XHJcbiAgICA8L3N2Zz5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19

package/esm2022/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs

@@ -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();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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: "18.2.13", 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: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { withProgressAnimation: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], primaryColor: [{
+                type: Input
+            }], secondaryColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBT3BELE1BQU0sT0FBTyw2QkFBNkI7SUFDeEMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDbkMsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLDZCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUM1QiwwQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR2hDLGlCQUFZLEdBQXVDLGVBQWUsQ0FBQztRQUNuRSxtQkFBYyxHQUFzQyxNQUFNLENBQUM7SUFUdkIsQ0FBQztJQVd2QyxlQUFlO1FBQ3BCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BILFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsSUFBSSxHQUFHLENBQUMsQ0FBQzthQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO2dCQUNoQyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDdkMsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixDQUFDO1lBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7K0dBeEJVLDZCQUE2QjttR0FBN0IsNkJBQTZCLHFOQ1IxQyxxWkFVRTs7NEZERlcsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDZCQUE2QjtzRkFTOUIscUJBQXFCO3NCQUE3QixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiwgaW50ZXJ2YWwsIHRha2UgfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFByb2dyZXNzQmFyQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcbiAgcHVibGljIHByb2dyZXNzQmFyVHJlc2hvbGQgPSAzMDtcclxuICBwdWJsaWMgcHJvZ3Jlc3NDb3VudGVyID0gMDtcclxuICBwdWJsaWMgbWluaW11bVByb2dyZXNzQW5pbWF0aW9uID0gMzA7XHJcbiAgQElucHV0KCkgd2l0aFByb2dyZXNzQW5pbWF0aW9uID0gZmFsc2U7XHJcbiAgcHVibGljIHN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcclxuXHJcbiAgQElucHV0KCkgcHJvZ3Jlc3M6IG51bWJlcjtcclxuICBASW5wdXQoKSBwcmltYXJ5Q29sb3I6ICdwcmltYXJ5LWdyZWVuJyB8ICdwcmltYXJ5LW9yYW5nZScgPSAncHJpbWFyeS1ncmVlbic7XHJcbiAgQElucHV0KCkgc2Vjb25kYXJ5Q29sb3I6ICdvcmFuZ2UnIHwgJ3RyYW5zcGFyZW50JyB8ICdncmV5JyA9ICdncmV5JztcclxuXHJcbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubWluaW11bVByb2dyZXNzQW5pbWF0aW9uID0gdGhpcy5wcm9ncmVzcyA8IHRoaXMucHJvZ3Jlc3NCYXJUcmVzaG9sZCA/IHRoaXMucHJvZ3Jlc3NCYXJUcmVzaG9sZCA6IHRoaXMucHJvZ3Jlc3M7XHJcbiAgICBpbnRlcnZhbCgxMSlcclxuICAgICAgLnBpcGUodGFrZSh0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiB8fCAxMDApKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICBpZiAoIXRoaXMud2l0aFByb2dyZXNzQW5pbWF0aW9uKSB7XHJcbiAgICAgICAgICB0aGlzLnByb2dyZXNzQ291bnRlciA9IHRoaXMucHJvZ3Jlc3M7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHRoaXMucHJvZ3Jlc3NDb3VudGVyKys7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW25nQ2xhc3NdPVwiW3NlY29uZGFyeUNvbG9yXVwiIGNsYXNzPVwicHJvZ3Jlc3MtYmFyLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBbbmdDbGFzc109XCJbJ3Byb2dyZXNzLWJhcicsIHByaW1hcnlDb2xvcl1cIiBbc3R5bGVdPVwieyB3aWR0aDogcHJvZ3Jlc3NDb3VudGVyICsgJyUnIH1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cImZhbHNlXCI+IHt7IHByb2dyZXNzLnRvRml4ZWQoMCkgfX0lIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAiXX0=