@jooler/jooler-websites-shared 0.0.171 → 0.0.173

package/esm2020/lib/contact-us-page/contact-us-page.component.mjs

@@ -1,129 +1,129 @@
-import { FormControl } from '@angular/forms';
-import { Component, Input } from '@angular/core';
-import { SuccessMessageDialogComponent } from '../success-message-dialog/success-message-dialog.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/cdk/layout";
-import * as i3 from "@angular/forms";
-import * as i4 from "@fortawesome/angular-fontawesome";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@ng-select/ng-select";
-import * as i8 from "../section-title/section-title.component";
-import * as i9 from "../choose-country-with-flag/choose-country-with-flag.component";
-export class ContactUsPageComponent {
-    constructor(dialog, breakpointObserver, fb) {
-        this.dialog = dialog;
-        this.breakpointObserver = breakpointObserver;
-        this.fb = fb;
-        this.subjects = [];
-        this.scrollMemberNumber = 2;
-        this.form = this.fb.group({
-            firstName: new FormControl(null),
-            lastName: new FormControl(null),
-            companyName: new FormControl(null),
-            email: new FormControl(null),
-            country: new FormControl(null),
-            phoneNumber: new FormControl(null),
-            subject: new FormControl(null),
-            message: new FormControl(null),
-        });
-    }
-    ngOnInit() {
-        this.setCurrentLocation();
-        this.breakpointObserver.observe([
-            "(max-width: 1200px) and (min-width:1076px)", "(max-width: 1075px) and (min-width:651px)",
-            "(max-width: 650px)"
-        ]).subscribe((result) => {
-            if (result.breakpoints['(max-width: 1200px) and (min-width:1076px)']) {
-                this.isUnderTabRange = true;
-                this.isTabletSize = true;
-                this.membersToShow = 3;
-                this.scrollMemberNumber = 2;
-            }
-            else if (result.breakpoints['(max-width: 1075px) and (min-width:651px)']) {
-                this.isUnderTabRange = true;
-                this.membersToShow = 2;
-                this.scrollMemberNumber = 1;
-                this.isTabletSize = true;
-            }
-            else if (result.breakpoints['(max-width: 650px)']) {
-                this.isUnderTabRange = true;
-                this.membersToShow = 1;
-                this.scrollMemberNumber = 1;
-                this.isTabletSize = true;
-            }
-            else {
-                this.isTabletSize = false;
-                this.isUnderTabRange = false;
-            }
-        });
-    }
-    get firstName() {
-        return this.form.get('firstName');
-    }
-    get lastName() {
-        return this.form.get('lastName');
-    }
-    get companyName() {
-        return this.form.get('companyName');
-    }
-    get email() {
-        return this.form.get('email');
-    }
-    get country() {
-        return this.form.get('country');
-    }
-    get phoneNumber() {
-        return this.form.get('phoneNumber');
-    }
-    get subject() {
-        return this.form.get('subject');
-    }
-    get message() {
-        return this.form.get('message');
-    }
-    onClickSubmit() {
-        // this._ContactUsService.createContactUs(this.form.value).subscribe({
-        //   next: (response) => {
-        //     console.log("Contact Us Message Created", this.form.value);
-        //     this.openDialog();
-        //   },
-        //   error: (error) => console.error("error", error)
-        // })
-    }
-    // Get Current Location Coordinates
-    setCurrentLocation() {
-        if ('geolocation' in navigator) {
-            navigator.geolocation.getCurrentPosition((position) => {
-                this.latitude = position.coords.latitude;
-                this.longitude = position.coords.longitude;
-                this.zoom = 15;
-            });
-        }
-    }
-    openDialog() {
-        const dialogRef = this.dialog.open(SuccessMessageDialogComponent);
-        dialogRef.afterClosed().subscribe(() => {
-            this.form.reset();
-        });
-    }
-    getSelectedOptionValue($event) {
-        this.selectedCode = $event.phone;
-    }
-}
-ContactUsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContactUsPageComponent, deps: [{ token: i1.MatDialog }, { token: i2.BreakpointObserver }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-ContactUsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ContactUsPageComponent, selector: "contact-us-page", inputs: { subjects: "subjects", contactUsPageData: "contactUsPageData", apiPath: "apiPath", items: "items" }, ngImport: i0, template: "<div class=\"page\">\n    <div class=\"contact-us\">\n        <div class=\"left-side\">\n            <img [src]=\"contactUsPageData.backgroundImage\" alt=\"\" class=\"bg-image\">\n            <div class=\"img-title\">\n                {{contactUsPageData.imageTitle}}\n            </div>\n            <div class=\"bottom-img-side\" *ngIf=\"!isUnderTabRange\">\n                <div class=\"logo\"><img [src]=\"contactUsPageData.ourLogo\" alt=\"JOOLER\"></div>\n                <div class=\"img-description\">{{contactUsPageData.imageDescription}}\n                </div>\n                <div class=\"social-media-icons\">\n                    <!-- <social-media-icons class=\"social-media\" [color]=\"'#fff'\" [areIconsInFooter]=\"false\"></social-media-icons> -->\n                </div>\n            </div>\n        </div>\n        <div class=\"right-side\">\n            <section-title [sectionTitle]=\"contactUsPageData.sectionTitle\"></section-title>\n            <!-- <section-title title=\"Get In Touch\" [alignLeft]=\"true\"></section-title> -->\n            <div class=\"content\">\n                <div class=\"message-box\">\n                    <form [formGroup]=\"form\" (ngSubmit)=\"onClickSubmit()\">\n                        <div class=\"full-name-area\">\n                            <div class=\"first-name\">\n                                <span class=\"fields-labels\">First Name*</span>\n                                <input type=\"text\" formControlName=\"firstName\" class=\"input\" placeholder=\"First Name\" />\n                            </div>\n                            <div class=\"last-name\">\n                                <span class=\"fields-labels\">Last Name*</span>\n                                <input type=\"text\" formControlName=\"lastName\" class=\"input\" placeholder=\"Last Name\" />\n                            </div>\n                        </div>\n                        <span class=\"fields-labels\">Company Name*</span>\n                        <input type=\"text\" formControlName=\"companyName\" class=\"input\" placeholder=\"Your company name\" />\n                        <span class=\"fields-labels\">Email*</span>\n                        <input type=\"text\" formControlName=\"email\" class=\"input\" placeholder=\"name@example.com\" />\n                        <span class=\"fields-labels\">Phone Number</span>\n                        <div class=\"phone-number-section\">\n\n                            <div class=\"countries-list\">\n                                <choose-country-with-flag formControlName=\"country\" (change)=\"getSelectedOptionValue($event)\" [items]=\"items\"></choose-country-with-flag>\n                            </div>\n                            <span class=\"code-section\">\n                                <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\n                                <input class=\"code\" [value]=\"selectedCode? selectedCode: null\" placeholder=\"--\" [readOnly]=\"true\" />\n                            </span>\n                            <input formControlName=\"phoneNumber\" type=\"number\" class=\"phone-num-input\" placeholder=\"Phone Number\" />\n                        </div>\n                        <div class=\"subject\">\n                            <ng-select formControlName=\"subject\" [items]=\"subjects\" bindLabel=\"label\" placeholder=\"Subject\" bindValue=\"label\">\n                            </ng-select>\n                        </div>\n                        <textarea type=\"text\" formControlName=\"message\" placeholder=\"Message\" class=\"text-area\">\n\n\n                        </textarea>\n                        <div class=\"actions\">\n                            <button class=\"submit\" type=\"submit\" mat-raised-button=\"mat-raised-button\" color=\"primary\">\n                                Submit\n                            </button>\n                        </div>\n                    </form>\n                </div>\n            </div>\n        </div>\n    </div>\n    <!-- <div class=\"our-locations-section\">\n        <div class=\"locations-content\">\n            <div class=\"headline\">\n                {{contactUsPageData.locations.headline}}\n            </div>\n            <div class=\"title\">\n                {{contactUsPageData.locations.title}}\n            </div>\n            <div class=\"lines-img\">\n                <img src=\"../../../assets/images/lines-contact-us.png\" alt=\"\">\n            </div>\n            <div class=\"subtitle\">\n                {{contactUsPageData.locations.subtitle}}\n            </div>\n            <div class=\"addresses\">\n                <div class=\"address flexy\" *ngFor=\"let address of contactUsPageData.locations.addresses\">\n                    <div class=\"address-header\">\n                        <div class=\"icon\">\n                            <img [src]=\"contactUsPageData.locations.pinIconWhite\" alt=\"\">\n                        </div>\n                        <div class=\"location-name\">\n                            {{address.name}}\n                        </div>\n                    </div>\n                    <div class=\"building\">\n                        {{address.building}}\n                    </div>\n                    <div class=\"location-area\">\n                        {{address.locationArea}}\n                    </div>\n                    <div class=\"hours\">\n                        <fa-icon [icon]=\"['fas','clock']\"></fa-icon>\n                        {{address.hours}}\n                    </div>\n                    <div class=\"cellular-number\">\n                        <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\n                        {{address.phoneNumber}}\n                    </div>\n                </div>\n                <p-carousel *ngIf=\"isUnderTabRange\" class=\"carousel\" [value]=\"contactUsPageData.locations.addresses\"\n                    [numVisible]='membersToShow' [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizantol\"\n                    [circular]=\"true\">\n                    <ng-template let-address pTemplate=\"item\">\n                        <div class=\"address\">\n                            <div class=\"address-header\">\n                                <div class=\"icon\">\n                                    <img [src]=\"contactUsPageData.locations.pinIconBlue\" alt=\"\">\n                                </div>\n                                <div class=\"location-name\">\n                                    {{address.name}}\n                                </div>\n                            </div>\n                            <div class=\"building\">\n                                {{address.building}}\n                            </div>\n                            <div class=\"location-area\">\n                                {{address.locationArea}}\n                            </div>\n                            <div class=\"hours\">\n                                <fa-icon [icon]=\"['fas','clock']\"></fa-icon>\n                                {{address.hours}}\n                            </div>\n                            <div class=\"cellular-number\">\n                                <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\n                                {{address.phoneNumber}}\n                            </div>\n                        </div>\n                    </ng-template>\n                </p-carousel>\n            </div>\n        </div>\n    </div> -->\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{width:100%;height:100%;position:relative;padding:2rem}.page .contact-us{box-shadow:#0000001f .1rem .3rem,#0000003d 0 .1rem .2rem;border-radius:1.5rem;margin:auto;width:55%;height:100%;display:grid;grid-template-columns:50% 50%;box-sizing:border-box;margin:5rem auto 15rem}.page .contact-us .first-name,.page .contact-us .last-name{width:47.5%}.page .contact-us .right-side{padding:2rem 4rem;display:grid;grid-template-rows:auto auto auto auto;row-gap:1rem}.page .contact-us .right-side .phone-number-section{position:relative;display:flex;gap:.5rem;margin:.5rem 0rem}.page .contact-us .right-side .phone-number-section .countries-list{width:30%}.page .contact-us .right-side .phone-number-section .code-section{width:15%;margin-right:0rem;align-self:center;color:#000;position:relative;display:flex}.page .contact-us .right-side .phone-number-section .code-section *{color:#838b91}.page .contact-us .right-side .phone-number-section .code{text-align:center;height:4rem;width:100%;padding-left:2rem;margin-right:0vh}.page .contact-us .right-side .phone-number-section .code::placeholder{padding-left:1rem}.page .contact-us .right-side .phone-number-section fa-icon{align-self:center;position:absolute;left:.5rem;z-index:2}.page .contact-us .right-side .phone-number-section .phone-num-input{width:55%;margin-right:0rem;height:4rem}.page .contact-us .right-side .phone-number-section .phone-num-input::-webkit-outer-spin-button,.page .contact-us .right-side .phone-number-section .phone-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page .contact-us .right-side .title{font-weight:800;color:#3d3d3d}.page .contact-us .right-side .subtitle{font-weight:500;font-size:1.9rem;color:#3d3d3d;padding:1rem 0rem}.page .contact-us .right-side .content{display:grid;grid-template-rows:auto auto auto auto}.page .contact-us .right-side .content .message-box{grid-row:1/span 2}.page .contact-us .right-side .content .message-box .text-area{height:15rem;resize:none;border-radius:.5rem;border:rgb(190,188,188) .1rem solid}.page .contact-us .right-side .content .message-box .text-area::placeholder{font-weight:500;color:#9e9e9e;font-size:1.2rem}.page .contact-us .right-side .content .message-box .text-area:focus-visible{outline:none}.page .contact-us .right-side .content .message-box .actions{margin:1rem 0rem}.page .contact-us .right-side .content .message-box .actions button{background-color:#155ed4;font-weight:500;font-size:1.4rem;border-radius:.3rem}.page .contact-us .right-side .content .message-box .input,.page .contact-us .right-side .content .message-box textarea{margin:1rem 0rem;width:100%;background-color:#fff}.page .contact-us .left-side{height:100%;position:relative;color:#fff}.page .contact-us .left-side .img-title{position:absolute;top:5%;left:calc(2% + 2rem);font-weight:700;font-size:3.6rem}.page .contact-us .left-side .bottom-img-side{position:absolute;top:75%;left:calc(2% + 2rem);margin:2rem 9rem 0rem 0rem}.page .contact-us .left-side .bottom-img-side .logo{width:20rem;height:4rem}.page .contact-us .left-side .bottom-img-side .logo img{width:10rem;height:4rem}.page .contact-us .left-side .bottom-img-side .img-description{margin-top:2rem}.page .contact-us .left-side .bg-image{width:100%;height:100%;border-radius:1.5rem 0rem 0rem 1.5rem}@media only screen and (max-width: 75em){.page .contact-us .left-side .bg-image{border-radius:1.5rem}}.page .carousel{display:none}.page .flexy{display:flex}.page .our-locations-section{width:100%;background-color:#26518b;padding:1.5rem;color:#fff}.page .our-locations-section .locations-content{width:95%;margin:auto}.page .our-locations-section .locations-content .headline{font-weight:500;font-size:2rem}.page .our-locations-section .locations-content .title{font-weight:700;padding:1rem 0rem;font-size:4rem}.page .our-locations-section .locations-content .subtitle{font-weight:500;padding:1rem 0rem}.page .our-locations-section .locations-content .lines-img{padding:1rem 0rem}.page .our-locations-section .locations-content .addresses{width:100%;display:flex;flex-direction:row;column-gap:2%}.page .our-locations-section .locations-content .addresses .address{flex-direction:column;row-gap:.7rem;width:22%;padding:1.5rem 0rem}.page .our-locations-section .locations-content .addresses .address .address-header{display:flex;flex-direction:column;row-gap:.7rem}.page .our-locations-section .locations-content .addresses .address .address-header img{width:3rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:1.9rem;font-weight:500}.page .our-locations-section .locations-content .addresses .address .location-area{width:95%}@media only screen and (min-width: 112.5em){.page .title{font-size:4.5rem}.page .contact-us{width:65%}.page .contact-us .full-name-area{display:flex;column-gap:5%}.page .contact-us .left-side{height:100%}.page .contact-us .left-side img{object-fit:cover;box-sizing:border-box;width:100%;height:100%}}@media only screen and (max-width: 112.5em){.page .contact-us{width:75%;box-sizing:border-box}.page .contact-us .title{font-size:3.4rem}.page .contact-us .full-name-area{display:flex;column-gap:5%}.page .contact-us .first-name,.page .contact-us .last-name{width:47.5%}.page .contact-us .left-side{height:100%}.page .contact-us .left-side img{object-fit:cover;box-sizing:border-box;width:100%;height:100rem;border-radius:0rem 1.5rem 1.5rem 0rem}}@media only screen and (max-width: 112.5em) and (max-width: 1350px){.page .contact-us{width:80%}}@media only screen and (max-width: 112.5em) and (max-width: 1280px){.page .contact-us{width:86%}}@media only screen and (max-width: 1401px) and (min-width: 1201px){.page .our-locations-section .locations-content{width:auto}}@media only screen and (max-width: 75em){.page .contact-us{display:flex;flex-direction:column;top:3vh;width:100%;height:107rem;padding:5vh 2rem 10vh 2rem}.page .contact-us .right-side{padding:3rem 2rem;display:flex;flex-direction:column;height:80%}.page .contact-us .right-side .mat-mdc-card-content{display:block;padding:0 .2rem}.page .contact-us .left-side{height:25%}.page .contact-us .left-side .img-title{color:#fff}.page .contact-us .left-side img{height:100%;object-position:0rem -13rem;border-radius:1.5rem}.page .carousel{display:block;width:100%}.page .flexy{display:none}.page .our-locations-section .locations-content .addresses{width:100%}.page .our-locations-section .locations-content .addresses .address{font-size:1.8rem;width:31rem;margin:auto;text-align:center;background-color:#fff;color:#26518b;height:27rem;border-radius:1rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:2rem;margin-bottom:1rem}.page .mat-mdc-card{box-shadow:none}}@media only screen and (max-width: 37.5em){.page .contact-us{height:auto;padding:5vh 2rem 0vh 2rem}.page .contact-us .full-name-area{display:block}.page .contact-us .first-name,.page .contact-us .last-name{width:100%}.page .contact-us .left-side{height:12rem}.page .contact-us .left-side .img-title{font-weight:600;font-size:3rem}.page .contact-us .left-side img{object-position:0rem -5rem}.page .contact-us .right-side .phone-number-section{flex-wrap:wrap}.page .contact-us .right-side .phone-number-section .countries-list{width:100%}.page .contact-us .right-side .phone-number-section .code-section{width:9rem}.page .contact-us .right-side .phone-number-section .phone-num-input{width:calc(100% - 9.5rem)}.page .our-locations-section .locations-content .addresses .address{width:27rem}}@media only screen and (max-width: 400px){.page .contact-us .left-side{height:10rem}.page .contact-us .left-side .img-title{font-weight:500;font-size:2.6rem}.page .our-locations-section .locations-content .addresses{width:100%}.page .our-locations-section .locations-content .addresses .address{width:24.5rem;height:28rem;border-radius:1rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:2.2rem;margin-bottom:1rem;padding:0rem .4rem}.page .our-locations-section .locations-content .addresses .address .building,.page .our-locations-section .locations-content .addresses .address .location-area{padding:0rem .4rem}}.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-prev:focus,.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-next:focus{outline:0 none;box-shadow:0 0 0 .2rem transparent}.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-prev,.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-next{width:4rem;height:4rem;background-color:transparent}.page ::ng-deep .p-carousel .p-carousel-content .p-icon{color:#fff;width:2rem;height:2rem}.page ::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#fff;width:2.7rem;transition:all ease-in-out .1s}.page ::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem;transition:all ease-in-out .5s}\n"], dependencies: [{ kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i8.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i9.ChooseCountryWithFlagComponent, selector: "choose-country-with-flag", inputs: ["items"], outputs: ["change"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContactUsPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'contact-us-page', template: "<div class=\"page\">\n    <div class=\"contact-us\">\n        <div class=\"left-side\">\n            <img [src]=\"contactUsPageData.backgroundImage\" alt=\"\" class=\"bg-image\">\n            <div class=\"img-title\">\n                {{contactUsPageData.imageTitle}}\n            </div>\n            <div class=\"bottom-img-side\" *ngIf=\"!isUnderTabRange\">\n                <div class=\"logo\"><img [src]=\"contactUsPageData.ourLogo\" alt=\"JOOLER\"></div>\n                <div class=\"img-description\">{{contactUsPageData.imageDescription}}\n                </div>\n                <div class=\"social-media-icons\">\n                    <!-- <social-media-icons class=\"social-media\" [color]=\"'#fff'\" [areIconsInFooter]=\"false\"></social-media-icons> -->\n                </div>\n            </div>\n        </div>\n        <div class=\"right-side\">\n            <section-title [sectionTitle]=\"contactUsPageData.sectionTitle\"></section-title>\n            <!-- <section-title title=\"Get In Touch\" [alignLeft]=\"true\"></section-title> -->\n            <div class=\"content\">\n                <div class=\"message-box\">\n                    <form [formGroup]=\"form\" (ngSubmit)=\"onClickSubmit()\">\n                        <div class=\"full-name-area\">\n                            <div class=\"first-name\">\n                                <span class=\"fields-labels\">First Name*</span>\n                                <input type=\"text\" formControlName=\"firstName\" class=\"input\" placeholder=\"First Name\" />\n                            </div>\n                            <div class=\"last-name\">\n                                <span class=\"fields-labels\">Last Name*</span>\n                                <input type=\"text\" formControlName=\"lastName\" class=\"input\" placeholder=\"Last Name\" />\n                            </div>\n                        </div>\n                        <span class=\"fields-labels\">Company Name*</span>\n                        <input type=\"text\" formControlName=\"companyName\" class=\"input\" placeholder=\"Your company name\" />\n                        <span class=\"fields-labels\">Email*</span>\n                        <input type=\"text\" formControlName=\"email\" class=\"input\" placeholder=\"name@example.com\" />\n                        <span class=\"fields-labels\">Phone Number</span>\n                        <div class=\"phone-number-section\">\n\n                            <div class=\"countries-list\">\n                                <choose-country-with-flag formControlName=\"country\" (change)=\"getSelectedOptionValue($event)\" [items]=\"items\"></choose-country-with-flag>\n                            </div>\n                            <span class=\"code-section\">\n                                <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\n                                <input class=\"code\" [value]=\"selectedCode? selectedCode: null\" placeholder=\"--\" [readOnly]=\"true\" />\n                            </span>\n                            <input formControlName=\"phoneNumber\" type=\"number\" class=\"phone-num-input\" placeholder=\"Phone Number\" />\n                        </div>\n                        <div class=\"subject\">\n                            <ng-select formControlName=\"subject\" [items]=\"subjects\" bindLabel=\"label\" placeholder=\"Subject\" bindValue=\"label\">\n                            </ng-select>\n                        </div>\n                        <textarea type=\"text\" formControlName=\"message\" placeholder=\"Message\" class=\"text-area\">\n\n\n                        </textarea>\n                        <div class=\"actions\">\n                            <button class=\"submit\" type=\"submit\" mat-raised-button=\"mat-raised-button\" color=\"primary\">\n                                Submit\n                            </button>\n                        </div>\n                    </form>\n                </div>\n            </div>\n        </div>\n    </div>\n    <!-- <div class=\"our-locations-section\">\n        <div class=\"locations-content\">\n            <div class=\"headline\">\n                {{contactUsPageData.locations.headline}}\n            </div>\n            <div class=\"title\">\n                {{contactUsPageData.locations.title}}\n            </div>\n            <div class=\"lines-img\">\n                <img src=\"../../../assets/images/lines-contact-us.png\" alt=\"\">\n            </div>\n            <div class=\"subtitle\">\n                {{contactUsPageData.locations.subtitle}}\n            </div>\n            <div class=\"addresses\">\n                <div class=\"address flexy\" *ngFor=\"let address of contactUsPageData.locations.addresses\">\n                    <div class=\"address-header\">\n                        <div class=\"icon\">\n                            <img [src]=\"contactUsPageData.locations.pinIconWhite\" alt=\"\">\n                        </div>\n                        <div class=\"location-name\">\n                            {{address.name}}\n                        </div>\n                    </div>\n                    <div class=\"building\">\n                        {{address.building}}\n                    </div>\n                    <div class=\"location-area\">\n                        {{address.locationArea}}\n                    </div>\n                    <div class=\"hours\">\n                        <fa-icon [icon]=\"['fas','clock']\"></fa-icon>\n                        {{address.hours}}\n                    </div>\n                    <div class=\"cellular-number\">\n                        <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\n                        {{address.phoneNumber}}\n                    </div>\n                </div>\n                <p-carousel *ngIf=\"isUnderTabRange\" class=\"carousel\" [value]=\"contactUsPageData.locations.addresses\"\n                    [numVisible]='membersToShow' [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizantol\"\n                    [circular]=\"true\">\n                    <ng-template let-address pTemplate=\"item\">\n                        <div class=\"address\">\n                            <div class=\"address-header\">\n                                <div class=\"icon\">\n                                    <img [src]=\"contactUsPageData.locations.pinIconBlue\" alt=\"\">\n                                </div>\n                                <div class=\"location-name\">\n                                    {{address.name}}\n                                </div>\n                            </div>\n                            <div class=\"building\">\n                                {{address.building}}\n                            </div>\n                            <div class=\"location-area\">\n                                {{address.locationArea}}\n                            </div>\n                            <div class=\"hours\">\n                                <fa-icon [icon]=\"['fas','clock']\"></fa-icon>\n                                {{address.hours}}\n                            </div>\n                            <div class=\"cellular-number\">\n                                <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\n                                {{address.phoneNumber}}\n                            </div>\n                        </div>\n                    </ng-template>\n                </p-carousel>\n            </div>\n        </div>\n    </div> -->\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{width:100%;height:100%;position:relative;padding:2rem}.page .contact-us{box-shadow:#0000001f .1rem .3rem,#0000003d 0 .1rem .2rem;border-radius:1.5rem;margin:auto;width:55%;height:100%;display:grid;grid-template-columns:50% 50%;box-sizing:border-box;margin:5rem auto 15rem}.page .contact-us .first-name,.page .contact-us .last-name{width:47.5%}.page .contact-us .right-side{padding:2rem 4rem;display:grid;grid-template-rows:auto auto auto auto;row-gap:1rem}.page .contact-us .right-side .phone-number-section{position:relative;display:flex;gap:.5rem;margin:.5rem 0rem}.page .contact-us .right-side .phone-number-section .countries-list{width:30%}.page .contact-us .right-side .phone-number-section .code-section{width:15%;margin-right:0rem;align-self:center;color:#000;position:relative;display:flex}.page .contact-us .right-side .phone-number-section .code-section *{color:#838b91}.page .contact-us .right-side .phone-number-section .code{text-align:center;height:4rem;width:100%;padding-left:2rem;margin-right:0vh}.page .contact-us .right-side .phone-number-section .code::placeholder{padding-left:1rem}.page .contact-us .right-side .phone-number-section fa-icon{align-self:center;position:absolute;left:.5rem;z-index:2}.page .contact-us .right-side .phone-number-section .phone-num-input{width:55%;margin-right:0rem;height:4rem}.page .contact-us .right-side .phone-number-section .phone-num-input::-webkit-outer-spin-button,.page .contact-us .right-side .phone-number-section .phone-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page .contact-us .right-side .title{font-weight:800;color:#3d3d3d}.page .contact-us .right-side .subtitle{font-weight:500;font-size:1.9rem;color:#3d3d3d;padding:1rem 0rem}.page .contact-us .right-side .content{display:grid;grid-template-rows:auto auto auto auto}.page .contact-us .right-side .content .message-box{grid-row:1/span 2}.page .contact-us .right-side .content .message-box .text-area{height:15rem;resize:none;border-radius:.5rem;border:rgb(190,188,188) .1rem solid}.page .contact-us .right-side .content .message-box .text-area::placeholder{font-weight:500;color:#9e9e9e;font-size:1.2rem}.page .contact-us .right-side .content .message-box .text-area:focus-visible{outline:none}.page .contact-us .right-side .content .message-box .actions{margin:1rem 0rem}.page .contact-us .right-side .content .message-box .actions button{background-color:#155ed4;font-weight:500;font-size:1.4rem;border-radius:.3rem}.page .contact-us .right-side .content .message-box .input,.page .contact-us .right-side .content .message-box textarea{margin:1rem 0rem;width:100%;background-color:#fff}.page .contact-us .left-side{height:100%;position:relative;color:#fff}.page .contact-us .left-side .img-title{position:absolute;top:5%;left:calc(2% + 2rem);font-weight:700;font-size:3.6rem}.page .contact-us .left-side .bottom-img-side{position:absolute;top:75%;left:calc(2% + 2rem);margin:2rem 9rem 0rem 0rem}.page .contact-us .left-side .bottom-img-side .logo{width:20rem;height:4rem}.page .contact-us .left-side .bottom-img-side .logo img{width:10rem;height:4rem}.page .contact-us .left-side .bottom-img-side .img-description{margin-top:2rem}.page .contact-us .left-side .bg-image{width:100%;height:100%;border-radius:1.5rem 0rem 0rem 1.5rem}@media only screen and (max-width: 75em){.page .contact-us .left-side .bg-image{border-radius:1.5rem}}.page .carousel{display:none}.page .flexy{display:flex}.page .our-locations-section{width:100%;background-color:#26518b;padding:1.5rem;color:#fff}.page .our-locations-section .locations-content{width:95%;margin:auto}.page .our-locations-section .locations-content .headline{font-weight:500;font-size:2rem}.page .our-locations-section .locations-content .title{font-weight:700;padding:1rem 0rem;font-size:4rem}.page .our-locations-section .locations-content .subtitle{font-weight:500;padding:1rem 0rem}.page .our-locations-section .locations-content .lines-img{padding:1rem 0rem}.page .our-locations-section .locations-content .addresses{width:100%;display:flex;flex-direction:row;column-gap:2%}.page .our-locations-section .locations-content .addresses .address{flex-direction:column;row-gap:.7rem;width:22%;padding:1.5rem 0rem}.page .our-locations-section .locations-content .addresses .address .address-header{display:flex;flex-direction:column;row-gap:.7rem}.page .our-locations-section .locations-content .addresses .address .address-header img{width:3rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:1.9rem;font-weight:500}.page .our-locations-section .locations-content .addresses .address .location-area{width:95%}@media only screen and (min-width: 112.5em){.page .title{font-size:4.5rem}.page .contact-us{width:65%}.page .contact-us .full-name-area{display:flex;column-gap:5%}.page .contact-us .left-side{height:100%}.page .contact-us .left-side img{object-fit:cover;box-sizing:border-box;width:100%;height:100%}}@media only screen and (max-width: 112.5em){.page .contact-us{width:75%;box-sizing:border-box}.page .contact-us .title{font-size:3.4rem}.page .contact-us .full-name-area{display:flex;column-gap:5%}.page .contact-us .first-name,.page .contact-us .last-name{width:47.5%}.page .contact-us .left-side{height:100%}.page .contact-us .left-side img{object-fit:cover;box-sizing:border-box;width:100%;height:100rem;border-radius:0rem 1.5rem 1.5rem 0rem}}@media only screen and (max-width: 112.5em) and (max-width: 1350px){.page .contact-us{width:80%}}@media only screen and (max-width: 112.5em) and (max-width: 1280px){.page .contact-us{width:86%}}@media only screen and (max-width: 1401px) and (min-width: 1201px){.page .our-locations-section .locations-content{width:auto}}@media only screen and (max-width: 75em){.page .contact-us{display:flex;flex-direction:column;top:3vh;width:100%;height:107rem;padding:5vh 2rem 10vh 2rem}.page .contact-us .right-side{padding:3rem 2rem;display:flex;flex-direction:column;height:80%}.page .contact-us .right-side .mat-mdc-card-content{display:block;padding:0 .2rem}.page .contact-us .left-side{height:25%}.page .contact-us .left-side .img-title{color:#fff}.page .contact-us .left-side img{height:100%;object-position:0rem -13rem;border-radius:1.5rem}.page .carousel{display:block;width:100%}.page .flexy{display:none}.page .our-locations-section .locations-content .addresses{width:100%}.page .our-locations-section .locations-content .addresses .address{font-size:1.8rem;width:31rem;margin:auto;text-align:center;background-color:#fff;color:#26518b;height:27rem;border-radius:1rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:2rem;margin-bottom:1rem}.page .mat-mdc-card{box-shadow:none}}@media only screen and (max-width: 37.5em){.page .contact-us{height:auto;padding:5vh 2rem 0vh 2rem}.page .contact-us .full-name-area{display:block}.page .contact-us .first-name,.page .contact-us .last-name{width:100%}.page .contact-us .left-side{height:12rem}.page .contact-us .left-side .img-title{font-weight:600;font-size:3rem}.page .contact-us .left-side img{object-position:0rem -5rem}.page .contact-us .right-side .phone-number-section{flex-wrap:wrap}.page .contact-us .right-side .phone-number-section .countries-list{width:100%}.page .contact-us .right-side .phone-number-section .code-section{width:9rem}.page .contact-us .right-side .phone-number-section .phone-num-input{width:calc(100% - 9.5rem)}.page .our-locations-section .locations-content .addresses .address{width:27rem}}@media only screen and (max-width: 400px){.page .contact-us .left-side{height:10rem}.page .contact-us .left-side .img-title{font-weight:500;font-size:2.6rem}.page .our-locations-section .locations-content .addresses{width:100%}.page .our-locations-section .locations-content .addresses .address{width:24.5rem;height:28rem;border-radius:1rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:2.2rem;margin-bottom:1rem;padding:0rem .4rem}.page .our-locations-section .locations-content .addresses .address .building,.page .our-locations-section .locations-content .addresses .address .location-area{padding:0rem .4rem}}.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-prev:focus,.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-next:focus{outline:0 none;box-shadow:0 0 0 .2rem transparent}.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-prev,.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-next{width:4rem;height:4rem;background-color:transparent}.page ::ng-deep .p-carousel .p-carousel-content .p-icon{color:#fff;width:2rem;height:2rem}.page ::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#fff;width:2.7rem;transition:all ease-in-out .1s}.page ::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem;transition:all ease-in-out .5s}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.BreakpointObserver }, { type: i3.FormBuilder }]; }, propDecorators: { subjects: [{
-                type: Input
-            }], contactUsPageData: [{
-                type: Input
-            }], apiPath: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUl6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQzs7Ozs7Ozs7Ozs7QUFRM0csTUFBTSxPQUFPLHNCQUFzQjtJQWdCakMsWUFDUyxNQUFpQixFQUNoQixrQkFBc0MsRUFDdEMsRUFBZTtRQUZoQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQ2hCLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQWxCaEIsYUFBUSxHQUFVLEVBQUUsQ0FBQztRQWE5Qix1QkFBa0IsR0FBVyxDQUFDLENBQUM7UUF5Qy9CLFNBQUksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNuQixTQUFTLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1lBQ2hDLFFBQVEsRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDL0IsV0FBVyxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztZQUNsQyxLQUFLLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1lBQzVCLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDOUIsV0FBVyxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztZQUNsQyxPQUFPLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1lBQzlCLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7U0FDL0IsQ0FBQyxDQUFDO0lBMUNDLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztZQUM5Qiw0Q0FBNEMsRUFBRSwyQ0FBMkM7WUFDekYsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDRDQUE0QyxDQUFDLEVBQUU7Z0JBQ3BFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7YUFDN0I7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDJDQUEyQyxDQUFDLEVBQUU7Z0JBQ3hFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLG9CQUFvQixDQUFDLEVBQUU7Z0JBQ2pELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQ0k7Z0JBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7Z0JBQzFCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO2FBQzlCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBYUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsYUFBYTtRQUNYLHNFQUFzRTtRQUN0RSwwQkFBMEI7UUFDMUIsa0VBQWtFO1FBQ2xFLHlCQUF5QjtRQUN6QixPQUFPO1FBQ1Asb0RBQW9EO1FBQ3BELEtBQUs7SUFDUCxDQUFDO0lBRUQsbUNBQW1DO0lBQzNCLGtCQUFrQjtRQUN4QixJQUFJLGFBQWEsSUFBSSxTQUFTLEVBQUU7WUFDOUIsU0FBUyxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFO2dCQUNwRCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO2dCQUN6QyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDO2dCQUMzQyxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUNqQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBQ2xFLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDcEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsc0JBQXNCLENBQUMsTUFBTTtRQUMzQixJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7SUFDbkMsQ0FBQzs7bUhBaElVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHFLQ2JuQywwNU9BMElNOzJGRDdITyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzJKQUtsQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50U3RhdGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbnRhY3QtdXMtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWN0LXVzLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LXVzLXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdFVzUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHN1YmplY3RzOiBhbnlbXSA9IFtdO1xuICBASW5wdXQoKSBjb250YWN0VXNQYWdlRGF0YTogYW55O1xuICBASW5wdXQoKSBhcGlQYXRoOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGl0ZW1zOiBhbnlbXTtcbiAgbGF0aXR1ZGU6IG51bWJlcjtcbiAgbG9uZ2l0dWRlOiBudW1iZXI7XG4gIHpvb206IG51bWJlcjtcbiAgc2VsZWN0ZWRTdWJqZWN0OiBudW1iZXI7XG4gIHNlbGVjdGVkQ291bnRyeTogYW55O1xuICBzZWxlY3RlZENvZGU6IGFueTtcbiAgaXNVbmRlclRhYlJhbmdlOiBib29sZWFuO1xuICBtZW1iZXJzVG9TaG93OiBudW1iZXI7XG4gIGlzVGFibGV0U2l6ZTogYm9vbGVhbjtcbiAgc2Nyb2xsTWVtYmVyTnVtYmVyOiBudW1iZXIgPSAyO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBkaWFsb2c6IE1hdERpYWxvZyxcbiAgICBwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICAgIC8vIHByaXZhdGUgX3JvdXRlcjogUm91dGVyLFxuICAgIC8vIHByaXZhdGUgX0NvbnRhY3RVc1NlcnZpY2U6IENvbnRhY3RVc1NlcnZpY2VTZXJ2aWNlLFxuICApIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc2V0Q3VycmVudExvY2F0aW9uKCk7XG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZShbXG4gICAgICBcIihtYXgtd2lkdGg6IDEyMDBweCkgYW5kIChtaW4td2lkdGg6MTA3NnB4KVwiLCBcIihtYXgtd2lkdGg6IDEwNzVweCkgYW5kIChtaW4td2lkdGg6NjUxcHgpXCIsXG4gICAgICBcIihtYXgtd2lkdGg6IDY1MHB4KVwiXG4gICAgXSkuc3Vic2NyaWJlKChyZXN1bHQ6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xuICAgICAgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDoxMDc2cHgpJ10pIHtcbiAgICAgICAgdGhpcy5pc1VuZGVyVGFiUmFuZ2UgPSB0cnVlO1xuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IHRydWU7XG4gICAgICAgIHRoaXMubWVtYmVyc1RvU2hvdyA9IDM7XG4gICAgICAgIHRoaXMuc2Nyb2xsTWVtYmVyTnVtYmVyID0gMjtcbiAgICAgIH1cbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogMTA3NXB4KSBhbmQgKG1pbi13aWR0aDo2NTFweCknXSkge1xuICAgICAgICB0aGlzLmlzVW5kZXJUYWJSYW5nZSA9IHRydWU7XG4gICAgICAgIHRoaXMubWVtYmVyc1RvU2hvdyA9IDI7XG4gICAgICAgIHRoaXMuc2Nyb2xsTWVtYmVyTnVtYmVyID0gMTtcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSB0cnVlO1xuICAgICAgfVxuICAgICAgZWxzZSBpZiAocmVzdWx0LmJyZWFrcG9pbnRzWycobWF4LXdpZHRoOiA2NTBweCknXSkge1xuICAgICAgICB0aGlzLmlzVW5kZXJUYWJSYW5nZSA9IHRydWU7XG4gICAgICAgIHRoaXMubWVtYmVyc1RvU2hvdyA9IDE7XG4gICAgICAgIHRoaXMuc2Nyb2xsTWVtYmVyTnVtYmVyID0gMTtcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSB0cnVlO1xuICAgICAgfVxuICAgICAgZWxzZSB7XG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gZmFsc2U7XG4gICAgICAgIHRoaXMuaXNVbmRlclRhYlJhbmdlID0gZmFsc2U7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBmb3JtID0gdGhpcy5mYi5ncm91cCh7XG4gICAgZmlyc3ROYW1lOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXG4gICAgbGFzdE5hbWU6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcbiAgICBjb21wYW55TmFtZTogbmV3IEZvcm1Db250cm9sKG51bGwpLFxuICAgIGVtYWlsOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXG4gICAgY291bnRyeTogbmV3IEZvcm1Db250cm9sKG51bGwpLFxuICAgIHBob25lTnVtYmVyOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXG4gICAgc3ViamVjdDogbmV3IEZvcm1Db250cm9sKG51bGwpLFxuICAgIG1lc3NhZ2U6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcbiAgfSk7XG5cbiAgZ2V0IGZpcnN0TmFtZSgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnZmlyc3ROYW1lJyk7XG4gIH1cblxuICBnZXQgbGFzdE5hbWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2xhc3ROYW1lJyk7XG4gIH1cblxuICBnZXQgY29tcGFueU5hbWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2NvbXBhbnlOYW1lJyk7XG4gIH1cblxuICBnZXQgZW1haWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2VtYWlsJyk7XG4gIH1cblxuICBnZXQgY291bnRyeSgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnY291bnRyeScpO1xuICB9XG5cbiAgZ2V0IHBob25lTnVtYmVyKCkge1xuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdwaG9uZU51bWJlcicpO1xuICB9XG5cbiAgZ2V0IHN1YmplY3QoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ3N1YmplY3QnKTtcbiAgfVxuXG4gIGdldCBtZXNzYWdlKCkge1xuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdtZXNzYWdlJyk7XG4gIH1cblxuICBvbkNsaWNrU3VibWl0KCkge1xuICAgIC8vIHRoaXMuX0NvbnRhY3RVc1NlcnZpY2UuY3JlYXRlQ29udGFjdFVzKHRoaXMuZm9ybS52YWx1ZSkuc3Vic2NyaWJlKHtcbiAgICAvLyAgIG5leHQ6IChyZXNwb25zZSkgPT4ge1xuICAgIC8vICAgICBjb25zb2xlLmxvZyhcIkNvbnRhY3QgVXMgTWVzc2FnZSBDcmVhdGVkXCIsIHRoaXMuZm9ybS52YWx1ZSk7XG4gICAgLy8gICAgIHRoaXMub3BlbkRpYWxvZygpO1xuICAgIC8vICAgfSxcbiAgICAvLyAgIGVycm9yOiAoZXJyb3IpID0+IGNvbnNvbGUuZXJyb3IoXCJlcnJvclwiLCBlcnJvcilcbiAgICAvLyB9KVxuICB9XG5cbiAgLy8gR2V0IEN1cnJlbnQgTG9jYXRpb24gQ29vcmRpbmF0ZXNcbiAgcHJpdmF0ZSBzZXRDdXJyZW50TG9jYXRpb24oKSB7XG4gICAgaWYgKCdnZW9sb2NhdGlvbicgaW4gbmF2aWdhdG9yKSB7XG4gICAgICBuYXZpZ2F0b3IuZ2VvbG9jYXRpb24uZ2V0Q3VycmVudFBvc2l0aW9uKChwb3NpdGlvbikgPT4ge1xuICAgICAgICB0aGlzLmxhdGl0dWRlID0gcG9zaXRpb24uY29vcmRzLmxhdGl0dWRlO1xuICAgICAgICB0aGlzLmxvbmdpdHVkZSA9IHBvc2l0aW9uLmNvb3Jkcy5sb25naXR1ZGU7XG4gICAgICAgIHRoaXMuem9vbSA9IDE1O1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgb3BlbkRpYWxvZygpIHtcbiAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50KTtcbiAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5mb3JtLnJlc2V0KCk7XG4gICAgfSk7XG4gIH1cblxuICBnZXRTZWxlY3RlZE9wdGlvblZhbHVlKCRldmVudCkge1xuICAgIHRoaXMuc2VsZWN0ZWRDb2RlID0gJGV2ZW50LnBob25lO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicGFnZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWN0LXVzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJjb250YWN0VXNQYWdlRGF0YS5iYWNrZ3JvdW5kSW1hZ2VcIiBhbHQ9XCJcIiBjbGFzcz1cImJnLWltYWdlXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAge3tjb250YWN0VXNQYWdlRGF0YS5pbWFnZVRpdGxlfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbS1pbWctc2lkZVwiICpuZ0lmPVwiIWlzVW5kZXJUYWJSYW5nZVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2dvXCI+PGltZyBbc3JjXT1cImNvbnRhY3RVc1BhZ2VEYXRhLm91ckxvZ29cIiBhbHQ9XCJKT09MRVJcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLWRlc2NyaXB0aW9uXCI+e3tjb250YWN0VXNQYWdlRGF0YS5pbWFnZURlc2NyaXB0aW9ufX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic29jaWFsLW1lZGlhLWljb25zXCI+XG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPHNvY2lhbC1tZWRpYS1pY29ucyBjbGFzcz1cInNvY2lhbC1tZWRpYVwiIFtjb2xvcl09XCInI2ZmZidcIiBbYXJlSWNvbnNJbkZvb3Rlcl09XCJmYWxzZVwiPjwvc29jaWFsLW1lZGlhLWljb25zPiAtLT5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIj5cbiAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwiY29udGFjdFVzUGFnZURhdGEuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxuICAgICAgICAgICAgPCEtLSA8c2VjdGlvbi10aXRsZSB0aXRsZT1cIkdldCBJbiBUb3VjaFwiIFthbGlnbkxlZnRdPVwidHJ1ZVwiPjwvc2VjdGlvbi10aXRsZT4gLS0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZXNzYWdlLWJveFwiPlxuICAgICAgICAgICAgICAgICAgICA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiAobmdTdWJtaXQpPVwib25DbGlja1N1Ym1pdCgpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnVsbC1uYW1lLWFyZWFcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlyc3QtbmFtZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpZWxkcy1sYWJlbHNcIj5GaXJzdCBOYW1lKjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiZmlyc3ROYW1lXCIgY2xhc3M9XCJpbnB1dFwiIHBsYWNlaG9sZGVyPVwiRmlyc3QgTmFtZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxhc3QtbmFtZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpZWxkcy1sYWJlbHNcIj5MYXN0IE5hbWUqPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBmb3JtQ29udHJvbE5hbWU9XCJsYXN0TmFtZVwiIGNsYXNzPVwiaW5wdXRcIiBwbGFjZWhvbGRlcj1cIkxhc3QgTmFtZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmllbGRzLWxhYmVsc1wiPkNvbXBhbnkgTmFtZSo8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBmb3JtQ29udHJvbE5hbWU9XCJjb21wYW55TmFtZVwiIGNsYXNzPVwiaW5wdXRcIiBwbGFjZWhvbGRlcj1cIllvdXIgY29tcGFueSBuYW1lXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmllbGRzLWxhYmVsc1wiPkVtYWlsKjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cImVtYWlsXCIgY2xhc3M9XCJpbnB1dFwiIHBsYWNlaG9sZGVyPVwibmFtZUBleGFtcGxlLmNvbVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpZWxkcy1sYWJlbHNcIj5QaG9uZSBOdW1iZXI8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGhvbmUtbnVtYmVyLXNlY3Rpb25cIj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb3VudHJpZXMtbGlzdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2hvb3NlLWNvdW50cnktd2l0aC1mbGFnIGZvcm1Db250cm9sTmFtZT1cImNvdW50cnlcIiAoY2hhbmdlKT1cImdldFNlbGVjdGVkT3B0aW9uVmFsdWUoJGV2ZW50KVwiIFtpdGVtc109XCJpdGVtc1wiPjwvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29kZS1zZWN0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cIlsnZmFzJywncGhvbmUnXVwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IGNsYXNzPVwiY29kZVwiIFt2YWx1ZV09XCJzZWxlY3RlZENvZGU/IHNlbGVjdGVkQ29kZTogbnVsbFwiIHBsYWNlaG9sZGVyPVwiLS1cIiBbcmVhZE9ubHldPVwidHJ1ZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJwaG9uZU51bWJlclwiIHR5cGU9XCJudW1iZXJcIiBjbGFzcz1cInBob25lLW51bS1pbnB1dFwiIHBsYWNlaG9sZGVyPVwiUGhvbmUgTnVtYmVyXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1YmplY3RcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cInN1YmplY3RcIiBbaXRlbXNdPVwic3ViamVjdHNcIiBiaW5kTGFiZWw9XCJsYWJlbFwiIHBsYWNlaG9sZGVyPVwiU3ViamVjdFwiIGJpbmRWYWx1ZT1cImxhYmVsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1zZWxlY3Q+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0YXJlYSB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cIm1lc3NhZ2VcIiBwbGFjZWhvbGRlcj1cIk1lc3NhZ2VcIiBjbGFzcz1cInRleHQtYXJlYVwiPlxuXG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGV4dGFyZWE+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJzdWJtaXRcIiB0eXBlPVwic3VibWl0XCIgbWF0LXJhaXNlZC1idXR0b249XCJtYXQtcmFpc2VkLWJ1dHRvblwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBTdWJtaXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPCEtLSA8ZGl2IGNsYXNzPVwib3VyLWxvY2F0aW9ucy1zZWN0aW9uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbnMtY29udGVudFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRsaW5lXCI+XG4gICAgICAgICAgICAgICAge3tjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMuaGVhZGxpbmV9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICAgICAgICB7e2NvbnRhY3RVc1BhZ2VEYXRhLmxvY2F0aW9ucy50aXRsZX19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsaW5lcy1pbWdcIj5cbiAgICAgICAgICAgICAgICA8aW1nIHNyYz1cIi4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvbGluZXMtY29udGFjdC11cy5wbmdcIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+XG4gICAgICAgICAgICAgICAge3tjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMuc3VidGl0bGV9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkcmVzc2VzXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZHJlc3MgZmxleHlcIiAqbmdGb3I9XCJsZXQgYWRkcmVzcyBvZiBjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMuYWRkcmVzc2VzXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyZXNzLWhlYWRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImljb25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiY29udGFjdFVzUGFnZURhdGEubG9jYXRpb25zLnBpbkljb25XaGl0ZVwiIGFsdD1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9jYXRpb24tbmFtZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5uYW1lfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1aWxkaW5nXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MuYnVpbGRpbmd9fVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvY2F0aW9uLWFyZWFcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5sb2NhdGlvbkFyZWF9fVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdXJzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhcycsJ2Nsb2NrJ11cIj48L2ZhLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MuaG91cnN9fVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNlbGx1bGFyLW51bWJlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiWydmYXMnLCdwaG9uZSddXCI+PC9mYS1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAge3thZGRyZXNzLnBob25lTnVtYmVyfX1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPHAtY2Fyb3VzZWwgKm5nSWY9XCJpc1VuZGVyVGFiUmFuZ2VcIiBjbGFzcz1cImNhcm91c2VsXCIgW3ZhbHVlXT1cImNvbnRhY3RVc1BhZ2VEYXRhLmxvY2F0aW9ucy5hZGRyZXNzZXNcIlxuICAgICAgICAgICAgICAgICAgICBbbnVtVmlzaWJsZV09J21lbWJlcnNUb1Nob3cnIFtudW1TY3JvbGxdPSdzY3JvbGxNZW1iZXJOdW1iZXInIFtwYWdlXT1cIjBcIiBvcmllbnRhdGlvbj1cImhvcml6YW50b2xcIlxuICAgICAgICAgICAgICAgICAgICBbY2lyY3VsYXJdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgbGV0LWFkZHJlc3MgcFRlbXBsYXRlPVwiaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZHJlc3NcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkcmVzcy1oZWFkZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImljb25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMucGluSWNvbkJsdWVcIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1uYW1lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MubmFtZX19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidWlsZGluZ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MuYnVpbGRpbmd9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1hcmVhXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5sb2NhdGlvbkFyZWF9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Vyc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhcycsJ2Nsb2NrJ11cIj48L2ZhLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5ob3Vyc319XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNlbGx1bGFyLW51bWJlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhcycsJ3Bob25lJ11cIj48L2ZhLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5waG9uZU51bWJlcn19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8L3AtY2Fyb3VzZWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+IC0tPlxuPC9kaXY+Il19
+import { FormControl } from '@angular/forms';
+import { Component, Input } from '@angular/core';
+import { SuccessMessageDialogComponent } from '../success-message-dialog/success-message-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/cdk/layout";
+import * as i3 from "@angular/forms";
+import * as i4 from "@fortawesome/angular-fontawesome";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@ng-select/ng-select";
+import * as i8 from "../section-title/section-title.component";
+import * as i9 from "../choose-country-with-flag/choose-country-with-flag.component";
+export class ContactUsPageComponent {
+    constructor(dialog, breakpointObserver, fb) {
+        this.dialog = dialog;
+        this.breakpointObserver = breakpointObserver;
+        this.fb = fb;
+        this.subjects = [];
+        this.scrollMemberNumber = 2;
+        this.form = this.fb.group({
+            firstName: new FormControl(null),
+            lastName: new FormControl(null),
+            companyName: new FormControl(null),
+            email: new FormControl(null),
+            country: new FormControl(null),
+            phoneNumber: new FormControl(null),
+            subject: new FormControl(null),
+            message: new FormControl(null),
+        });
+    }
+    ngOnInit() {
+        this.setCurrentLocation();
+        this.breakpointObserver.observe([
+            "(max-width: 1200px) and (min-width:1076px)", "(max-width: 1075px) and (min-width:651px)",
+            "(max-width: 650px)"
+        ]).subscribe((result) => {
+            if (result.breakpoints['(max-width: 1200px) and (min-width:1076px)']) {
+                this.isUnderTabRange = true;
+                this.isTabletSize = true;
+                this.membersToShow = 3;
+                this.scrollMemberNumber = 2;
+            }
+            else if (result.breakpoints['(max-width: 1075px) and (min-width:651px)']) {
+                this.isUnderTabRange = true;
+                this.membersToShow = 2;
+                this.scrollMemberNumber = 1;
+                this.isTabletSize = true;
+            }
+            else if (result.breakpoints['(max-width: 650px)']) {
+                this.isUnderTabRange = true;
+                this.membersToShow = 1;
+                this.scrollMemberNumber = 1;
+                this.isTabletSize = true;
+            }
+            else {
+                this.isTabletSize = false;
+                this.isUnderTabRange = false;
+            }
+        });
+    }
+    get firstName() {
+        return this.form.get('firstName');
+    }
+    get lastName() {
+        return this.form.get('lastName');
+    }
+    get companyName() {
+        return this.form.get('companyName');
+    }
+    get email() {
+        return this.form.get('email');
+    }
+    get country() {
+        return this.form.get('country');
+    }
+    get phoneNumber() {
+        return this.form.get('phoneNumber');
+    }
+    get subject() {
+        return this.form.get('subject');
+    }
+    get message() {
+        return this.form.get('message');
+    }
+    onClickSubmit() {
+        // this._ContactUsService.createContactUs(this.form.value).subscribe({
+        //   next: (response) => {
+        //     console.log("Contact Us Message Created", this.form.value);
+        //     this.openDialog();
+        //   },
+        //   error: (error) => console.error("error", error)
+        // })
+    }
+    // Get Current Location Coordinates
+    setCurrentLocation() {
+        if ('geolocation' in navigator) {
+            navigator.geolocation.getCurrentPosition((position) => {
+                this.latitude = position.coords.latitude;
+                this.longitude = position.coords.longitude;
+                this.zoom = 15;
+            });
+        }
+    }
+    openDialog() {
+        const dialogRef = this.dialog.open(SuccessMessageDialogComponent);
+        dialogRef.afterClosed().subscribe(() => {
+            this.form.reset();
+        });
+    }
+    getSelectedOptionValue($event) {
+        this.selectedCode = $event.phone;
+    }
+}
+ContactUsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContactUsPageComponent, deps: [{ token: i1.MatDialog }, { token: i2.BreakpointObserver }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+ContactUsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ContactUsPageComponent, selector: "contact-us-page", inputs: { subjects: "subjects", contactUsPageData: "contactUsPageData", apiPath: "apiPath", items: "items" }, ngImport: i0, template: "<div class=\"page\">\r\n    <div class=\"contact-us\">\r\n        <div class=\"left-side\">\r\n            <img [src]=\"contactUsPageData.backgroundImage\" alt=\"\" class=\"bg-image\">\r\n            <div class=\"img-title\">\r\n                {{contactUsPageData.imageTitle}}\r\n            </div>\r\n            <div class=\"bottom-img-side\" *ngIf=\"!isUnderTabRange\">\r\n                <div class=\"logo\"><img [src]=\"contactUsPageData.ourLogo\" alt=\"JOOLER\"></div>\r\n                <div class=\"img-description\">{{contactUsPageData.imageDescription}}\r\n                </div>\r\n                <div class=\"social-media-icons\">\r\n                    <!-- <social-media-icons class=\"social-media\" [color]=\"'#fff'\" [areIconsInFooter]=\"false\"></social-media-icons> -->\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right-side\">\r\n            <section-title [sectionTitle]=\"contactUsPageData.sectionTitle\"></section-title>\r\n            <!-- <section-title title=\"Get In Touch\" [alignLeft]=\"true\"></section-title> -->\r\n            <div class=\"content\">\r\n                <div class=\"message-box\">\r\n                    <form [formGroup]=\"form\" (ngSubmit)=\"onClickSubmit()\">\r\n                        <div class=\"full-name-area\">\r\n                            <div class=\"first-name\">\r\n                                <span class=\"fields-labels\">First Name*</span>\r\n                                <input type=\"text\" formControlName=\"firstName\" class=\"input\" placeholder=\"First Name\" />\r\n                            </div>\r\n                            <div class=\"last-name\">\r\n                                <span class=\"fields-labels\">Last Name*</span>\r\n                                <input type=\"text\" formControlName=\"lastName\" class=\"input\" placeholder=\"Last Name\" />\r\n                            </div>\r\n                        </div>\r\n                        <span class=\"fields-labels\">Company Name*</span>\r\n                        <input type=\"text\" formControlName=\"companyName\" class=\"input\" placeholder=\"Your company name\" />\r\n                        <span class=\"fields-labels\">Email*</span>\r\n                        <input type=\"text\" formControlName=\"email\" class=\"input\" placeholder=\"name@example.com\" />\r\n                        <span class=\"fields-labels\">Phone Number</span>\r\n                        <div class=\"phone-number-section\">\r\n\r\n                            <div class=\"countries-list\">\r\n                                <choose-country-with-flag formControlName=\"country\" (change)=\"getSelectedOptionValue($event)\" [items]=\"items\"></choose-country-with-flag>\r\n                            </div>\r\n                            <span class=\"code-section\">\r\n                                <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\r\n                                <input class=\"code\" [value]=\"selectedCode? selectedCode: null\" placeholder=\"--\" [readOnly]=\"true\" />\r\n                            </span>\r\n                            <input formControlName=\"phoneNumber\" type=\"number\" class=\"phone-num-input\" placeholder=\"Phone Number\" />\r\n                        </div>\r\n                        <div class=\"subject\">\r\n                            <ng-select formControlName=\"subject\" [items]=\"subjects\" bindLabel=\"label\" placeholder=\"Subject\" bindValue=\"label\">\r\n                            </ng-select>\r\n                        </div>\r\n                        <textarea type=\"text\" formControlName=\"message\" placeholder=\"Message\" class=\"text-area\">\r\n\r\n\r\n                        </textarea>\r\n                        <div class=\"actions\">\r\n                            <button class=\"submit\" type=\"submit\" mat-raised-button=\"mat-raised-button\" color=\"primary\">\r\n                                Submit\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!-- <div class=\"our-locations-section\">\r\n        <div class=\"locations-content\">\r\n            <div class=\"headline\">\r\n                {{contactUsPageData.locations.headline}}\r\n            </div>\r\n            <div class=\"title\">\r\n                {{contactUsPageData.locations.title}}\r\n            </div>\r\n            <div class=\"lines-img\">\r\n                <img src=\"../../../assets/images/lines-contact-us.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"subtitle\">\r\n                {{contactUsPageData.locations.subtitle}}\r\n            </div>\r\n            <div class=\"addresses\">\r\n                <div class=\"address flexy\" *ngFor=\"let address of contactUsPageData.locations.addresses\">\r\n                    <div class=\"address-header\">\r\n                        <div class=\"icon\">\r\n                            <img [src]=\"contactUsPageData.locations.pinIconWhite\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"location-name\">\r\n                            {{address.name}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"building\">\r\n                        {{address.building}}\r\n                    </div>\r\n                    <div class=\"location-area\">\r\n                        {{address.locationArea}}\r\n                    </div>\r\n                    <div class=\"hours\">\r\n                        <fa-icon [icon]=\"['fas','clock']\"></fa-icon>\r\n                        {{address.hours}}\r\n                    </div>\r\n                    <div class=\"cellular-number\">\r\n                        <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\r\n                        {{address.phoneNumber}}\r\n                    </div>\r\n                </div>\r\n                <p-carousel *ngIf=\"isUnderTabRange\" class=\"carousel\" [value]=\"contactUsPageData.locations.addresses\"\r\n                    [numVisible]='membersToShow' [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizantol\"\r\n                    [circular]=\"true\">\r\n                    <ng-template let-address pTemplate=\"item\">\r\n                        <div class=\"address\">\r\n                            <div class=\"address-header\">\r\n                                <div class=\"icon\">\r\n                                    <img [src]=\"contactUsPageData.locations.pinIconBlue\" alt=\"\">\r\n                                </div>\r\n                                <div class=\"location-name\">\r\n                                    {{address.name}}\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"building\">\r\n                                {{address.building}}\r\n                            </div>\r\n                            <div class=\"location-area\">\r\n                                {{address.locationArea}}\r\n                            </div>\r\n                            <div class=\"hours\">\r\n                                <fa-icon [icon]=\"['fas','clock']\"></fa-icon>\r\n                                {{address.hours}}\r\n                            </div>\r\n                            <div class=\"cellular-number\">\r\n                                <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\r\n                                {{address.phoneNumber}}\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                </p-carousel>\r\n            </div>\r\n        </div>\r\n    </div> -->\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{width:100%;height:100%;position:relative;padding:2rem}.page .contact-us{box-shadow:#0000001f .1rem .3rem,#0000003d 0 .1rem .2rem;border-radius:1.5rem;margin:auto;width:55%;height:100%;display:grid;grid-template-columns:50% 50%;box-sizing:border-box;margin:5rem auto 15rem}.page .contact-us .first-name,.page .contact-us .last-name{width:47.5%}.page .contact-us .right-side{padding:2rem 4rem;display:grid;grid-template-rows:auto auto auto auto;row-gap:1rem}.page .contact-us .right-side .phone-number-section{position:relative;display:flex;gap:.5rem;margin:.5rem 0rem}.page .contact-us .right-side .phone-number-section .countries-list{width:30%}.page .contact-us .right-side .phone-number-section .code-section{width:15%;margin-right:0rem;align-self:center;color:#000;position:relative;display:flex}.page .contact-us .right-side .phone-number-section .code-section *{color:#838b91}.page .contact-us .right-side .phone-number-section .code{text-align:center;height:4rem;width:100%;padding-left:2rem;margin-right:0vh}.page .contact-us .right-side .phone-number-section .code::placeholder{padding-left:1rem}.page .contact-us .right-side .phone-number-section fa-icon{align-self:center;position:absolute;left:.5rem;z-index:2}.page .contact-us .right-side .phone-number-section .phone-num-input{width:55%;margin-right:0rem;height:4rem}.page .contact-us .right-side .phone-number-section .phone-num-input::-webkit-outer-spin-button,.page .contact-us .right-side .phone-number-section .phone-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page .contact-us .right-side .title{font-weight:800;color:#3d3d3d}.page .contact-us .right-side .subtitle{font-weight:500;font-size:1.9rem;color:#3d3d3d;padding:1rem 0rem}.page .contact-us .right-side .content{display:grid;grid-template-rows:auto auto auto auto}.page .contact-us .right-side .content .message-box{grid-row:1/span 2}.page .contact-us .right-side .content .message-box .text-area{height:15rem;resize:none;border-radius:.5rem;border:rgb(190,188,188) .1rem solid}.page .contact-us .right-side .content .message-box .text-area::placeholder{font-weight:500;color:#9e9e9e;font-size:1.2rem}.page .contact-us .right-side .content .message-box .text-area:focus-visible{outline:none}.page .contact-us .right-side .content .message-box .actions{margin:1rem 0rem}.page .contact-us .right-side .content .message-box .actions button{background-color:#155ed4;font-weight:500;font-size:1.4rem;border-radius:.3rem}.page .contact-us .right-side .content .message-box .input,.page .contact-us .right-side .content .message-box textarea{margin:1rem 0rem;width:100%;background-color:#fff}.page .contact-us .left-side{height:100%;position:relative;color:#fff}.page .contact-us .left-side .img-title{position:absolute;top:5%;left:calc(2% + 2rem);font-weight:700;font-size:3.6rem}.page .contact-us .left-side .bottom-img-side{position:absolute;top:75%;left:calc(2% + 2rem);margin:2rem 9rem 0rem 0rem}.page .contact-us .left-side .bottom-img-side .logo{width:20rem;height:4rem}.page .contact-us .left-side .bottom-img-side .logo img{width:10rem;height:4rem}.page .contact-us .left-side .bottom-img-side .img-description{margin-top:2rem}.page .contact-us .left-side .bg-image{width:100%;height:100%;border-radius:1.5rem 0rem 0rem 1.5rem}@media only screen and (max-width: 75em){.page .contact-us .left-side .bg-image{border-radius:1.5rem}}.page .carousel{display:none}.page .flexy{display:flex}.page .our-locations-section{width:100%;background-color:#26518b;padding:1.5rem;color:#fff}.page .our-locations-section .locations-content{width:95%;margin:auto}.page .our-locations-section .locations-content .headline{font-weight:500;font-size:2rem}.page .our-locations-section .locations-content .title{font-weight:700;padding:1rem 0rem;font-size:4rem}.page .our-locations-section .locations-content .subtitle{font-weight:500;padding:1rem 0rem}.page .our-locations-section .locations-content .lines-img{padding:1rem 0rem}.page .our-locations-section .locations-content .addresses{width:100%;display:flex;flex-direction:row;column-gap:2%}.page .our-locations-section .locations-content .addresses .address{flex-direction:column;row-gap:.7rem;width:22%;padding:1.5rem 0rem}.page .our-locations-section .locations-content .addresses .address .address-header{display:flex;flex-direction:column;row-gap:.7rem}.page .our-locations-section .locations-content .addresses .address .address-header img{width:3rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:1.9rem;font-weight:500}.page .our-locations-section .locations-content .addresses .address .location-area{width:95%}@media only screen and (min-width: 112.5em){.page .title{font-size:4.5rem}.page .contact-us{width:65%}.page .contact-us .full-name-area{display:flex;column-gap:5%}.page .contact-us .left-side{height:100%}.page .contact-us .left-side img{object-fit:cover;box-sizing:border-box;width:100%;height:100%}}@media only screen and (max-width: 112.5em){.page .contact-us{width:75%;box-sizing:border-box}.page .contact-us .title{font-size:3.4rem}.page .contact-us .full-name-area{display:flex;column-gap:5%}.page .contact-us .first-name,.page .contact-us .last-name{width:47.5%}.page .contact-us .left-side{height:100%}.page .contact-us .left-side img{object-fit:cover;box-sizing:border-box;width:100%;height:100rem;border-radius:0rem 1.5rem 1.5rem 0rem}}@media only screen and (max-width: 112.5em) and (max-width: 1350px){.page .contact-us{width:80%}}@media only screen and (max-width: 112.5em) and (max-width: 1280px){.page .contact-us{width:86%}}@media only screen and (max-width: 1401px) and (min-width: 1201px){.page .our-locations-section .locations-content{width:auto}}@media only screen and (max-width: 75em){.page .contact-us{display:flex;flex-direction:column;top:3vh;width:100%;height:107rem;padding:5vh 2rem 10vh 2rem}.page .contact-us .right-side{padding:3rem 2rem;display:flex;flex-direction:column;height:80%}.page .contact-us .right-side .mat-mdc-card-content{display:block;padding:0 .2rem}.page .contact-us .left-side{height:25%}.page .contact-us .left-side .img-title{color:#fff}.page .contact-us .left-side img{height:100%;object-position:0rem -13rem;border-radius:1.5rem}.page .carousel{display:block;width:100%}.page .flexy{display:none}.page .our-locations-section .locations-content .addresses{width:100%}.page .our-locations-section .locations-content .addresses .address{font-size:1.8rem;width:31rem;margin:auto;text-align:center;background-color:#fff;color:#26518b;height:27rem;border-radius:1rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:2rem;margin-bottom:1rem}.page .mat-mdc-card{box-shadow:none}}@media only screen and (max-width: 37.5em){.page .contact-us{height:auto;padding:5vh 2rem 0vh 2rem}.page .contact-us .full-name-area{display:block}.page .contact-us .first-name,.page .contact-us .last-name{width:100%}.page .contact-us .left-side{height:12rem}.page .contact-us .left-side .img-title{font-weight:600;font-size:3rem}.page .contact-us .left-side img{object-position:0rem -5rem}.page .contact-us .right-side .phone-number-section{flex-wrap:wrap}.page .contact-us .right-side .phone-number-section .countries-list{width:100%}.page .contact-us .right-side .phone-number-section .code-section{width:9rem}.page .contact-us .right-side .phone-number-section .phone-num-input{width:calc(100% - 9.5rem)}.page .our-locations-section .locations-content .addresses .address{width:27rem}}@media only screen and (max-width: 400px){.page .contact-us .left-side{height:10rem}.page .contact-us .left-side .img-title{font-weight:500;font-size:2.6rem}.page .our-locations-section .locations-content .addresses{width:100%}.page .our-locations-section .locations-content .addresses .address{width:24.5rem;height:28rem;border-radius:1rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:2.2rem;margin-bottom:1rem;padding:0rem .4rem}.page .our-locations-section .locations-content .addresses .address .building,.page .our-locations-section .locations-content .addresses .address .location-area{padding:0rem .4rem}}.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-prev:focus,.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-next:focus{outline:0 none;box-shadow:0 0 0 .2rem transparent}.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-prev,.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-next{width:4rem;height:4rem;background-color:transparent}.page ::ng-deep .p-carousel .p-carousel-content .p-icon{color:#fff;width:2rem;height:2rem}.page ::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#fff;width:2.7rem;transition:all ease-in-out .1s}.page ::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem;transition:all ease-in-out .5s}\n"], dependencies: [{ kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i8.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i9.ChooseCountryWithFlagComponent, selector: "choose-country-with-flag", inputs: ["items"], outputs: ["change"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContactUsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'contact-us-page', template: "<div class=\"page\">\r\n    <div class=\"contact-us\">\r\n        <div class=\"left-side\">\r\n            <img [src]=\"contactUsPageData.backgroundImage\" alt=\"\" class=\"bg-image\">\r\n            <div class=\"img-title\">\r\n                {{contactUsPageData.imageTitle}}\r\n            </div>\r\n            <div class=\"bottom-img-side\" *ngIf=\"!isUnderTabRange\">\r\n                <div class=\"logo\"><img [src]=\"contactUsPageData.ourLogo\" alt=\"JOOLER\"></div>\r\n                <div class=\"img-description\">{{contactUsPageData.imageDescription}}\r\n                </div>\r\n                <div class=\"social-media-icons\">\r\n                    <!-- <social-media-icons class=\"social-media\" [color]=\"'#fff'\" [areIconsInFooter]=\"false\"></social-media-icons> -->\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right-side\">\r\n            <section-title [sectionTitle]=\"contactUsPageData.sectionTitle\"></section-title>\r\n            <!-- <section-title title=\"Get In Touch\" [alignLeft]=\"true\"></section-title> -->\r\n            <div class=\"content\">\r\n                <div class=\"message-box\">\r\n                    <form [formGroup]=\"form\" (ngSubmit)=\"onClickSubmit()\">\r\n                        <div class=\"full-name-area\">\r\n                            <div class=\"first-name\">\r\n                                <span class=\"fields-labels\">First Name*</span>\r\n                                <input type=\"text\" formControlName=\"firstName\" class=\"input\" placeholder=\"First Name\" />\r\n                            </div>\r\n                            <div class=\"last-name\">\r\n                                <span class=\"fields-labels\">Last Name*</span>\r\n                                <input type=\"text\" formControlName=\"lastName\" class=\"input\" placeholder=\"Last Name\" />\r\n                            </div>\r\n                        </div>\r\n                        <span class=\"fields-labels\">Company Name*</span>\r\n                        <input type=\"text\" formControlName=\"companyName\" class=\"input\" placeholder=\"Your company name\" />\r\n                        <span class=\"fields-labels\">Email*</span>\r\n                        <input type=\"text\" formControlName=\"email\" class=\"input\" placeholder=\"name@example.com\" />\r\n                        <span class=\"fields-labels\">Phone Number</span>\r\n                        <div class=\"phone-number-section\">\r\n\r\n                            <div class=\"countries-list\">\r\n                                <choose-country-with-flag formControlName=\"country\" (change)=\"getSelectedOptionValue($event)\" [items]=\"items\"></choose-country-with-flag>\r\n                            </div>\r\n                            <span class=\"code-section\">\r\n                                <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\r\n                                <input class=\"code\" [value]=\"selectedCode? selectedCode: null\" placeholder=\"--\" [readOnly]=\"true\" />\r\n                            </span>\r\n                            <input formControlName=\"phoneNumber\" type=\"number\" class=\"phone-num-input\" placeholder=\"Phone Number\" />\r\n                        </div>\r\n                        <div class=\"subject\">\r\n                            <ng-select formControlName=\"subject\" [items]=\"subjects\" bindLabel=\"label\" placeholder=\"Subject\" bindValue=\"label\">\r\n                            </ng-select>\r\n                        </div>\r\n                        <textarea type=\"text\" formControlName=\"message\" placeholder=\"Message\" class=\"text-area\">\r\n\r\n\r\n                        </textarea>\r\n                        <div class=\"actions\">\r\n                            <button class=\"submit\" type=\"submit\" mat-raised-button=\"mat-raised-button\" color=\"primary\">\r\n                                Submit\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!-- <div class=\"our-locations-section\">\r\n        <div class=\"locations-content\">\r\n            <div class=\"headline\">\r\n                {{contactUsPageData.locations.headline}}\r\n            </div>\r\n            <div class=\"title\">\r\n                {{contactUsPageData.locations.title}}\r\n            </div>\r\n            <div class=\"lines-img\">\r\n                <img src=\"../../../assets/images/lines-contact-us.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"subtitle\">\r\n                {{contactUsPageData.locations.subtitle}}\r\n            </div>\r\n            <div class=\"addresses\">\r\n                <div class=\"address flexy\" *ngFor=\"let address of contactUsPageData.locations.addresses\">\r\n                    <div class=\"address-header\">\r\n                        <div class=\"icon\">\r\n                            <img [src]=\"contactUsPageData.locations.pinIconWhite\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"location-name\">\r\n                            {{address.name}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"building\">\r\n                        {{address.building}}\r\n                    </div>\r\n                    <div class=\"location-area\">\r\n                        {{address.locationArea}}\r\n                    </div>\r\n                    <div class=\"hours\">\r\n                        <fa-icon [icon]=\"['fas','clock']\"></fa-icon>\r\n                        {{address.hours}}\r\n                    </div>\r\n                    <div class=\"cellular-number\">\r\n                        <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\r\n                        {{address.phoneNumber}}\r\n                    </div>\r\n                </div>\r\n                <p-carousel *ngIf=\"isUnderTabRange\" class=\"carousel\" [value]=\"contactUsPageData.locations.addresses\"\r\n                    [numVisible]='membersToShow' [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizantol\"\r\n                    [circular]=\"true\">\r\n                    <ng-template let-address pTemplate=\"item\">\r\n                        <div class=\"address\">\r\n                            <div class=\"address-header\">\r\n                                <div class=\"icon\">\r\n                                    <img [src]=\"contactUsPageData.locations.pinIconBlue\" alt=\"\">\r\n                                </div>\r\n                                <div class=\"location-name\">\r\n                                    {{address.name}}\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"building\">\r\n                                {{address.building}}\r\n                            </div>\r\n                            <div class=\"location-area\">\r\n                                {{address.locationArea}}\r\n                            </div>\r\n                            <div class=\"hours\">\r\n                                <fa-icon [icon]=\"['fas','clock']\"></fa-icon>\r\n                                {{address.hours}}\r\n                            </div>\r\n                            <div class=\"cellular-number\">\r\n                                <fa-icon [icon]=\"['fas','phone']\"></fa-icon>\r\n                                {{address.phoneNumber}}\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                </p-carousel>\r\n            </div>\r\n        </div>\r\n    </div> -->\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{width:100%;height:100%;position:relative;padding:2rem}.page .contact-us{box-shadow:#0000001f .1rem .3rem,#0000003d 0 .1rem .2rem;border-radius:1.5rem;margin:auto;width:55%;height:100%;display:grid;grid-template-columns:50% 50%;box-sizing:border-box;margin:5rem auto 15rem}.page .contact-us .first-name,.page .contact-us .last-name{width:47.5%}.page .contact-us .right-side{padding:2rem 4rem;display:grid;grid-template-rows:auto auto auto auto;row-gap:1rem}.page .contact-us .right-side .phone-number-section{position:relative;display:flex;gap:.5rem;margin:.5rem 0rem}.page .contact-us .right-side .phone-number-section .countries-list{width:30%}.page .contact-us .right-side .phone-number-section .code-section{width:15%;margin-right:0rem;align-self:center;color:#000;position:relative;display:flex}.page .contact-us .right-side .phone-number-section .code-section *{color:#838b91}.page .contact-us .right-side .phone-number-section .code{text-align:center;height:4rem;width:100%;padding-left:2rem;margin-right:0vh}.page .contact-us .right-side .phone-number-section .code::placeholder{padding-left:1rem}.page .contact-us .right-side .phone-number-section fa-icon{align-self:center;position:absolute;left:.5rem;z-index:2}.page .contact-us .right-side .phone-number-section .phone-num-input{width:55%;margin-right:0rem;height:4rem}.page .contact-us .right-side .phone-number-section .phone-num-input::-webkit-outer-spin-button,.page .contact-us .right-side .phone-number-section .phone-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page .contact-us .right-side .title{font-weight:800;color:#3d3d3d}.page .contact-us .right-side .subtitle{font-weight:500;font-size:1.9rem;color:#3d3d3d;padding:1rem 0rem}.page .contact-us .right-side .content{display:grid;grid-template-rows:auto auto auto auto}.page .contact-us .right-side .content .message-box{grid-row:1/span 2}.page .contact-us .right-side .content .message-box .text-area{height:15rem;resize:none;border-radius:.5rem;border:rgb(190,188,188) .1rem solid}.page .contact-us .right-side .content .message-box .text-area::placeholder{font-weight:500;color:#9e9e9e;font-size:1.2rem}.page .contact-us .right-side .content .message-box .text-area:focus-visible{outline:none}.page .contact-us .right-side .content .message-box .actions{margin:1rem 0rem}.page .contact-us .right-side .content .message-box .actions button{background-color:#155ed4;font-weight:500;font-size:1.4rem;border-radius:.3rem}.page .contact-us .right-side .content .message-box .input,.page .contact-us .right-side .content .message-box textarea{margin:1rem 0rem;width:100%;background-color:#fff}.page .contact-us .left-side{height:100%;position:relative;color:#fff}.page .contact-us .left-side .img-title{position:absolute;top:5%;left:calc(2% + 2rem);font-weight:700;font-size:3.6rem}.page .contact-us .left-side .bottom-img-side{position:absolute;top:75%;left:calc(2% + 2rem);margin:2rem 9rem 0rem 0rem}.page .contact-us .left-side .bottom-img-side .logo{width:20rem;height:4rem}.page .contact-us .left-side .bottom-img-side .logo img{width:10rem;height:4rem}.page .contact-us .left-side .bottom-img-side .img-description{margin-top:2rem}.page .contact-us .left-side .bg-image{width:100%;height:100%;border-radius:1.5rem 0rem 0rem 1.5rem}@media only screen and (max-width: 75em){.page .contact-us .left-side .bg-image{border-radius:1.5rem}}.page .carousel{display:none}.page .flexy{display:flex}.page .our-locations-section{width:100%;background-color:#26518b;padding:1.5rem;color:#fff}.page .our-locations-section .locations-content{width:95%;margin:auto}.page .our-locations-section .locations-content .headline{font-weight:500;font-size:2rem}.page .our-locations-section .locations-content .title{font-weight:700;padding:1rem 0rem;font-size:4rem}.page .our-locations-section .locations-content .subtitle{font-weight:500;padding:1rem 0rem}.page .our-locations-section .locations-content .lines-img{padding:1rem 0rem}.page .our-locations-section .locations-content .addresses{width:100%;display:flex;flex-direction:row;column-gap:2%}.page .our-locations-section .locations-content .addresses .address{flex-direction:column;row-gap:.7rem;width:22%;padding:1.5rem 0rem}.page .our-locations-section .locations-content .addresses .address .address-header{display:flex;flex-direction:column;row-gap:.7rem}.page .our-locations-section .locations-content .addresses .address .address-header img{width:3rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:1.9rem;font-weight:500}.page .our-locations-section .locations-content .addresses .address .location-area{width:95%}@media only screen and (min-width: 112.5em){.page .title{font-size:4.5rem}.page .contact-us{width:65%}.page .contact-us .full-name-area{display:flex;column-gap:5%}.page .contact-us .left-side{height:100%}.page .contact-us .left-side img{object-fit:cover;box-sizing:border-box;width:100%;height:100%}}@media only screen and (max-width: 112.5em){.page .contact-us{width:75%;box-sizing:border-box}.page .contact-us .title{font-size:3.4rem}.page .contact-us .full-name-area{display:flex;column-gap:5%}.page .contact-us .first-name,.page .contact-us .last-name{width:47.5%}.page .contact-us .left-side{height:100%}.page .contact-us .left-side img{object-fit:cover;box-sizing:border-box;width:100%;height:100rem;border-radius:0rem 1.5rem 1.5rem 0rem}}@media only screen and (max-width: 112.5em) and (max-width: 1350px){.page .contact-us{width:80%}}@media only screen and (max-width: 112.5em) and (max-width: 1280px){.page .contact-us{width:86%}}@media only screen and (max-width: 1401px) and (min-width: 1201px){.page .our-locations-section .locations-content{width:auto}}@media only screen and (max-width: 75em){.page .contact-us{display:flex;flex-direction:column;top:3vh;width:100%;height:107rem;padding:5vh 2rem 10vh 2rem}.page .contact-us .right-side{padding:3rem 2rem;display:flex;flex-direction:column;height:80%}.page .contact-us .right-side .mat-mdc-card-content{display:block;padding:0 .2rem}.page .contact-us .left-side{height:25%}.page .contact-us .left-side .img-title{color:#fff}.page .contact-us .left-side img{height:100%;object-position:0rem -13rem;border-radius:1.5rem}.page .carousel{display:block;width:100%}.page .flexy{display:none}.page .our-locations-section .locations-content .addresses{width:100%}.page .our-locations-section .locations-content .addresses .address{font-size:1.8rem;width:31rem;margin:auto;text-align:center;background-color:#fff;color:#26518b;height:27rem;border-radius:1rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:2rem;margin-bottom:1rem}.page .mat-mdc-card{box-shadow:none}}@media only screen and (max-width: 37.5em){.page .contact-us{height:auto;padding:5vh 2rem 0vh 2rem}.page .contact-us .full-name-area{display:block}.page .contact-us .first-name,.page .contact-us .last-name{width:100%}.page .contact-us .left-side{height:12rem}.page .contact-us .left-side .img-title{font-weight:600;font-size:3rem}.page .contact-us .left-side img{object-position:0rem -5rem}.page .contact-us .right-side .phone-number-section{flex-wrap:wrap}.page .contact-us .right-side .phone-number-section .countries-list{width:100%}.page .contact-us .right-side .phone-number-section .code-section{width:9rem}.page .contact-us .right-side .phone-number-section .phone-num-input{width:calc(100% - 9.5rem)}.page .our-locations-section .locations-content .addresses .address{width:27rem}}@media only screen and (max-width: 400px){.page .contact-us .left-side{height:10rem}.page .contact-us .left-side .img-title{font-weight:500;font-size:2.6rem}.page .our-locations-section .locations-content .addresses{width:100%}.page .our-locations-section .locations-content .addresses .address{width:24.5rem;height:28rem;border-radius:1rem}.page .our-locations-section .locations-content .addresses .address .address-header .location-name{font-size:2.2rem;margin-bottom:1rem;padding:0rem .4rem}.page .our-locations-section .locations-content .addresses .address .building,.page .our-locations-section .locations-content .addresses .address .location-area{padding:0rem .4rem}}.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-prev:focus,.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-next:focus{outline:0 none;box-shadow:0 0 0 .2rem transparent}.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-prev,.page ::ng-deep .p-carousel .p-carousel-content .p-carousel-next{width:4rem;height:4rem;background-color:transparent}.page ::ng-deep .p-carousel .p-carousel-content .p-icon{color:#fff;width:2rem;height:2rem}.page ::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#fff;width:2.7rem;transition:all ease-in-out .1s}.page ::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem;transition:all ease-in-out .5s}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.BreakpointObserver }, { type: i3.FormBuilder }]; }, propDecorators: { subjects: [{
+                type: Input
+            }], contactUsPageData: [{
+                type: Input
+            }], apiPath: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUl6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQzs7Ozs7Ozs7Ozs7QUFRM0csTUFBTSxPQUFPLHNCQUFzQjtJQWdCakMsWUFDUyxNQUFpQixFQUNoQixrQkFBc0MsRUFDdEMsRUFBZTtRQUZoQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQ2hCLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQWxCaEIsYUFBUSxHQUFVLEVBQUUsQ0FBQztRQWE5Qix1QkFBa0IsR0FBVyxDQUFDLENBQUM7UUF5Qy9CLFNBQUksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNuQixTQUFTLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1lBQ2hDLFFBQVEsRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDL0IsV0FBVyxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztZQUNsQyxLQUFLLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1lBQzVCLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDOUIsV0FBVyxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztZQUNsQyxPQUFPLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1lBQzlCLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7U0FDL0IsQ0FBQyxDQUFDO0lBMUNDLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztZQUM5Qiw0Q0FBNEMsRUFBRSwyQ0FBMkM7WUFDekYsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDRDQUE0QyxDQUFDLEVBQUU7Z0JBQ3BFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7YUFDN0I7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDJDQUEyQyxDQUFDLEVBQUU7Z0JBQ3hFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLG9CQUFvQixDQUFDLEVBQUU7Z0JBQ2pELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQ0k7Z0JBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7Z0JBQzFCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO2FBQzlCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBYUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsYUFBYTtRQUNYLHNFQUFzRTtRQUN0RSwwQkFBMEI7UUFDMUIsa0VBQWtFO1FBQ2xFLHlCQUF5QjtRQUN6QixPQUFPO1FBQ1Asb0RBQW9EO1FBQ3BELEtBQUs7SUFDUCxDQUFDO0lBRUQsbUNBQW1DO0lBQzNCLGtCQUFrQjtRQUN4QixJQUFJLGFBQWEsSUFBSSxTQUFTLEVBQUU7WUFDOUIsU0FBUyxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFO2dCQUNwRCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO2dCQUN6QyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDO2dCQUMzQyxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUNqQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBQ2xFLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDcEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsc0JBQXNCLENBQUMsTUFBTTtRQUMzQixJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7SUFDbkMsQ0FBQzs7bUhBaElVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHFLQ2JuQyw4cVBBMElNOzJGRDdITyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzJKQUtsQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50U3RhdGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcclxuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50JztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvbnRhY3QtdXMtcGFnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRhY3QtdXMtcGFnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb250YWN0VXNQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzdWJqZWN0czogYW55W10gPSBbXTtcclxuICBASW5wdXQoKSBjb250YWN0VXNQYWdlRGF0YTogYW55O1xyXG4gIEBJbnB1dCgpIGFwaVBhdGg6IHN0cmluZztcclxuICBASW5wdXQoKSBpdGVtczogYW55W107XHJcbiAgbGF0aXR1ZGU6IG51bWJlcjtcclxuICBsb25naXR1ZGU6IG51bWJlcjtcclxuICB6b29tOiBudW1iZXI7XHJcbiAgc2VsZWN0ZWRTdWJqZWN0OiBudW1iZXI7XHJcbiAgc2VsZWN0ZWRDb3VudHJ5OiBhbnk7XHJcbiAgc2VsZWN0ZWRDb2RlOiBhbnk7XHJcbiAgaXNVbmRlclRhYlJhbmdlOiBib29sZWFuO1xyXG4gIG1lbWJlcnNUb1Nob3c6IG51bWJlcjtcclxuICBpc1RhYmxldFNpemU6IGJvb2xlYW47XHJcbiAgc2Nyb2xsTWVtYmVyTnVtYmVyOiBudW1iZXIgPSAyO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBkaWFsb2c6IE1hdERpYWxvZyxcclxuICAgIHByaXZhdGUgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIsXHJcbiAgICBwcml2YXRlIGZiOiBGb3JtQnVpbGRlcixcclxuICAgIC8vIHByaXZhdGUgX3JvdXRlcjogUm91dGVyLFxyXG4gICAgLy8gcHJpdmF0ZSBfQ29udGFjdFVzU2VydmljZTogQ29udGFjdFVzU2VydmljZVNlcnZpY2UsXHJcbiAgKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnNldEN1cnJlbnRMb2NhdGlvbigpO1xyXG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZShbXHJcbiAgICAgIFwiKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDoxMDc2cHgpXCIsIFwiKG1heC13aWR0aDogMTA3NXB4KSBhbmQgKG1pbi13aWR0aDo2NTFweClcIixcclxuICAgICAgXCIobWF4LXdpZHRoOiA2NTBweClcIlxyXG4gICAgXSkuc3Vic2NyaWJlKChyZXN1bHQ6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xyXG4gICAgICBpZiAocmVzdWx0LmJyZWFrcG9pbnRzWycobWF4LXdpZHRoOiAxMjAwcHgpIGFuZCAobWluLXdpZHRoOjEwNzZweCknXSkge1xyXG4gICAgICAgIHRoaXMuaXNVbmRlclRhYlJhbmdlID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMztcclxuICAgICAgICB0aGlzLnNjcm9sbE1lbWJlck51bWJlciA9IDI7XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSBpZiAocmVzdWx0LmJyZWFrcG9pbnRzWycobWF4LXdpZHRoOiAxMDc1cHgpIGFuZCAobWluLXdpZHRoOjY1MXB4KSddKSB7XHJcbiAgICAgICAgdGhpcy5pc1VuZGVyVGFiUmFuZ2UgPSB0cnVlO1xyXG4gICAgICAgIHRoaXMubWVtYmVyc1RvU2hvdyA9IDI7XHJcbiAgICAgICAgdGhpcy5zY3JvbGxNZW1iZXJOdW1iZXIgPSAxO1xyXG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIGlmIChyZXN1bHQuYnJlYWtwb2ludHNbJyhtYXgtd2lkdGg6IDY1MHB4KSddKSB7XHJcbiAgICAgICAgdGhpcy5pc1VuZGVyVGFiUmFuZ2UgPSB0cnVlO1xyXG4gICAgICAgIHRoaXMubWVtYmVyc1RvU2hvdyA9IDE7XHJcbiAgICAgICAgdGhpcy5zY3JvbGxNZW1iZXJOdW1iZXIgPSAxO1xyXG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIHtcclxuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMuaXNVbmRlclRhYlJhbmdlID0gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgZm9ybSA9IHRoaXMuZmIuZ3JvdXAoe1xyXG4gICAgZmlyc3ROYW1lOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXHJcbiAgICBsYXN0TmFtZTogbmV3IEZvcm1Db250cm9sKG51bGwpLFxyXG4gICAgY29tcGFueU5hbWU6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcclxuICAgIGVtYWlsOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXHJcbiAgICBjb3VudHJ5OiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXHJcbiAgICBwaG9uZU51bWJlcjogbmV3IEZvcm1Db250cm9sKG51bGwpLFxyXG4gICAgc3ViamVjdDogbmV3IEZvcm1Db250cm9sKG51bGwpLFxyXG4gICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKG51bGwpLFxyXG4gIH0pO1xyXG5cclxuICBnZXQgZmlyc3ROYW1lKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2ZpcnN0TmFtZScpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGxhc3ROYW1lKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2xhc3ROYW1lJyk7XHJcbiAgfVxyXG5cclxuICBnZXQgY29tcGFueU5hbWUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnY29tcGFueU5hbWUnKTtcclxuICB9XHJcblxyXG4gIGdldCBlbWFpbCgpIHtcclxuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdlbWFpbCcpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGNvdW50cnkoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnY291bnRyeScpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHBob25lTnVtYmVyKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ3Bob25lTnVtYmVyJyk7XHJcbiAgfVxyXG5cclxuICBnZXQgc3ViamVjdCgpIHtcclxuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdzdWJqZWN0Jyk7XHJcbiAgfVxyXG5cclxuICBnZXQgbWVzc2FnZSgpIHtcclxuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdtZXNzYWdlJyk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrU3VibWl0KCkge1xyXG4gICAgLy8gdGhpcy5fQ29udGFjdFVzU2VydmljZS5jcmVhdGVDb250YWN0VXModGhpcy5mb3JtLnZhbHVlKS5zdWJzY3JpYmUoe1xyXG4gICAgLy8gICBuZXh0OiAocmVzcG9uc2UpID0+IHtcclxuICAgIC8vICAgICBjb25zb2xlLmxvZyhcIkNvbnRhY3QgVXMgTWVzc2FnZSBDcmVhdGVkXCIsIHRoaXMuZm9ybS52YWx1ZSk7XHJcbiAgICAvLyAgICAgdGhpcy5vcGVuRGlhbG9nKCk7XHJcbiAgICAvLyAgIH0sXHJcbiAgICAvLyAgIGVycm9yOiAoZXJyb3IpID0+IGNvbnNvbGUuZXJyb3IoXCJlcnJvclwiLCBlcnJvcilcclxuICAgIC8vIH0pXHJcbiAgfVxyXG5cclxuICAvLyBHZXQgQ3VycmVudCBMb2NhdGlvbiBDb29yZGluYXRlc1xyXG4gIHByaXZhdGUgc2V0Q3VycmVudExvY2F0aW9uKCkge1xyXG4gICAgaWYgKCdnZW9sb2NhdGlvbicgaW4gbmF2aWdhdG9yKSB7XHJcbiAgICAgIG5hdmlnYXRvci5nZW9sb2NhdGlvbi5nZXRDdXJyZW50UG9zaXRpb24oKHBvc2l0aW9uKSA9PiB7XHJcbiAgICAgICAgdGhpcy5sYXRpdHVkZSA9IHBvc2l0aW9uLmNvb3Jkcy5sYXRpdHVkZTtcclxuICAgICAgICB0aGlzLmxvbmdpdHVkZSA9IHBvc2l0aW9uLmNvb3Jkcy5sb25naXR1ZGU7XHJcbiAgICAgICAgdGhpcy56b29tID0gMTU7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3BlbkRpYWxvZygpIHtcclxuICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQpO1xyXG4gICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5mb3JtLnJlc2V0KCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGdldFNlbGVjdGVkT3B0aW9uVmFsdWUoJGV2ZW50KSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkQ29kZSA9ICRldmVudC5waG9uZTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250YWN0LXVzXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtc2lkZVwiPlxyXG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwiY29udGFjdFVzUGFnZURhdGEuYmFja2dyb3VuZEltYWdlXCIgYWx0PVwiXCIgY2xhc3M9XCJiZy1pbWFnZVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLXRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgICB7e2NvbnRhY3RVc1BhZ2VEYXRhLmltYWdlVGl0bGV9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbS1pbWctc2lkZVwiICpuZ0lmPVwiIWlzVW5kZXJUYWJSYW5nZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvZ29cIj48aW1nIFtzcmNdPVwiY29udGFjdFVzUGFnZURhdGEub3VyTG9nb1wiIGFsdD1cIkpPT0xFUlwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltZy1kZXNjcmlwdGlvblwiPnt7Y29udGFjdFVzUGFnZURhdGEuaW1hZ2VEZXNjcmlwdGlvbn19XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzb2NpYWwtbWVkaWEtaWNvbnNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8IS0tIDxzb2NpYWwtbWVkaWEtaWNvbnMgY2xhc3M9XCJzb2NpYWwtbWVkaWFcIiBbY29sb3JdPVwiJyNmZmYnXCIgW2FyZUljb25zSW5Gb290ZXJdPVwiZmFsc2VcIj48L3NvY2lhbC1tZWRpYS1pY29ucz4gLS0+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIj5cclxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJjb250YWN0VXNQYWdlRGF0YS5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICAgICAgICAgIDwhLS0gPHNlY3Rpb24tdGl0bGUgdGl0bGU9XCJHZXQgSW4gVG91Y2hcIiBbYWxpZ25MZWZ0XT1cInRydWVcIj48L3NlY3Rpb24tdGl0bGU+IC0tPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lc3NhZ2UtYm94XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCIgKG5nU3VibWl0KT1cIm9uQ2xpY2tTdWJtaXQoKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnVsbC1uYW1lLWFyZWFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaXJzdC1uYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWVsZHMtbGFiZWxzXCI+Rmlyc3QgTmFtZSo8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiZmlyc3ROYW1lXCIgY2xhc3M9XCJpbnB1dFwiIHBsYWNlaG9sZGVyPVwiRmlyc3QgTmFtZVwiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYXN0LW5hbWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpZWxkcy1sYWJlbHNcIj5MYXN0IE5hbWUqPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cImxhc3ROYW1lXCIgY2xhc3M9XCJpbnB1dFwiIHBsYWNlaG9sZGVyPVwiTGFzdCBOYW1lXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWVsZHMtbGFiZWxzXCI+Q29tcGFueSBOYW1lKjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiY29tcGFueU5hbWVcIiBjbGFzcz1cImlucHV0XCIgcGxhY2Vob2xkZXI9XCJZb3VyIGNvbXBhbnkgbmFtZVwiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmllbGRzLWxhYmVsc1wiPkVtYWlsKjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiZW1haWxcIiBjbGFzcz1cImlucHV0XCIgcGxhY2Vob2xkZXI9XCJuYW1lQGV4YW1wbGUuY29tXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWVsZHMtbGFiZWxzXCI+UGhvbmUgTnVtYmVyPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGhvbmUtbnVtYmVyLXNlY3Rpb25cIj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY291bnRyaWVzLWxpc3RcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2hvb3NlLWNvdW50cnktd2l0aC1mbGFnIGZvcm1Db250cm9sTmFtZT1cImNvdW50cnlcIiAoY2hhbmdlKT1cImdldFNlbGVjdGVkT3B0aW9uVmFsdWUoJGV2ZW50KVwiIFtpdGVtc109XCJpdGVtc1wiPjwvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNvZGUtc2VjdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cIlsnZmFzJywncGhvbmUnXVwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJjb2RlXCIgW3ZhbHVlXT1cInNlbGVjdGVkQ29kZT8gc2VsZWN0ZWRDb2RlOiBudWxsXCIgcGxhY2Vob2xkZXI9XCItLVwiIFtyZWFkT25seV09XCJ0cnVlXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJwaG9uZU51bWJlclwiIHR5cGU9XCJudW1iZXJcIiBjbGFzcz1cInBob25lLW51bS1pbnB1dFwiIHBsYWNlaG9sZGVyPVwiUGhvbmUgTnVtYmVyXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWJqZWN0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cInN1YmplY3RcIiBbaXRlbXNdPVwic3ViamVjdHNcIiBiaW5kTGFiZWw9XCJsYWJlbFwiIHBsYWNlaG9sZGVyPVwiU3ViamVjdFwiIGJpbmRWYWx1ZT1cImxhYmVsXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L25nLXNlbGVjdD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0YXJlYSB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cIm1lc3NhZ2VcIiBwbGFjZWhvbGRlcj1cIk1lc3NhZ2VcIiBjbGFzcz1cInRleHQtYXJlYVwiPlxyXG5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGV4dGFyZWE+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwic3VibWl0XCIgdHlwZT1cInN1Ym1pdFwiIG1hdC1yYWlzZWQtYnV0dG9uPVwibWF0LXJhaXNlZC1idXR0b25cIiBjb2xvcj1cInByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBTdWJtaXRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Zvcm0+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS0gPGRpdiBjbGFzcz1cIm91ci1sb2NhdGlvbnMtc2VjdGlvblwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbnMtY29udGVudFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIHt7Y29udGFjdFVzUGFnZURhdGEubG9jYXRpb25zLmhlYWRsaW5lfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAge3tjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMudGl0bGV9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmVzLWltZ1wiPlxyXG4gICAgICAgICAgICAgICAgPGltZyBzcmM9XCIuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2xpbmVzLWNvbnRhY3QtdXMucG5nXCIgYWx0PVwiXCI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIj5cclxuICAgICAgICAgICAgICAgIHt7Y29udGFjdFVzUGFnZURhdGEubG9jYXRpb25zLnN1YnRpdGxlfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyZXNzZXNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyZXNzIGZsZXh5XCIgKm5nRm9yPVwibGV0IGFkZHJlc3Mgb2YgY29udGFjdFVzUGFnZURhdGEubG9jYXRpb25zLmFkZHJlc3Nlc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyZXNzLWhlYWRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImNvbnRhY3RVc1BhZ2VEYXRhLmxvY2F0aW9ucy5waW5JY29uV2hpdGVcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1uYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MubmFtZX19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidWlsZGluZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MuYnVpbGRpbmd9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1hcmVhXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5sb2NhdGlvbkFyZWF9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Vyc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhcycsJ2Nsb2NrJ11cIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5ob3Vyc319XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNlbGx1bGFyLW51bWJlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhcycsJ3Bob25lJ11cIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5waG9uZU51bWJlcn19XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxwLWNhcm91c2VsICpuZ0lmPVwiaXNVbmRlclRhYlJhbmdlXCIgY2xhc3M9XCJjYXJvdXNlbFwiIFt2YWx1ZV09XCJjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMuYWRkcmVzc2VzXCJcclxuICAgICAgICAgICAgICAgICAgICBbbnVtVmlzaWJsZV09J21lbWJlcnNUb1Nob3cnIFtudW1TY3JvbGxdPSdzY3JvbGxNZW1iZXJOdW1iZXInIFtwYWdlXT1cIjBcIiBvcmllbnRhdGlvbj1cImhvcml6YW50b2xcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtjaXJjdWxhcl09XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGxldC1hZGRyZXNzIHBUZW1wbGF0ZT1cIml0ZW1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZHJlc3NcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyZXNzLWhlYWRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMucGluSWNvbkJsdWVcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9jYXRpb24tbmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MubmFtZX19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidWlsZGluZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5idWlsZGluZ319XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1hcmVhXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3thZGRyZXNzLmxvY2F0aW9uQXJlYX19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Vyc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cIlsnZmFzJywnY2xvY2snXVwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MuaG91cnN9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2VsbHVsYXItbnVtYmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiWydmYXMnLCdwaG9uZSddXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5waG9uZU51bWJlcn19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgIDwvcC1jYXJvdXNlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj4gLS0+XHJcbjwvZGl2PiJdfQ==