@jooler/jooler-websites-shared 0.0.245 → 0.0.248

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

@@ -127,11 +127,11 @@ export class ContactUsPageComponent {
         this.selectedCode = $event.phone;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContactUsPageComponent, deps: [{ token: i1.MatDialog }, { token: i2.BreakpointObserver }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 loading=\"lazy\" [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 loading=\"lazy\" [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 loading=\"lazy\" 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 loading=\"lazy\" [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 loading=\"lazy\" [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%}}app-root{font-size:1.6rem;font-family:inherit}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-flat-button],    button[mat-stroked-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", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i8.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }, { kind: "component", type: i9.ChooseCountryWithFlagComponent, selector: "choose-country-with-flag", inputs: ["items"], outputs: ["change"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 loading=\"lazy\" [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 loading=\"lazy\" [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 loading=\"lazy\" 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 loading=\"lazy\" [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 loading=\"lazy\" [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%}}app-root{font-size:1.6rem;font-family:inherit}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-flat-button],    button[mat-stroked-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", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i8.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }, { kind: "component", type: i9.ChooseCountryWithFlagComponent, selector: "choose-country-with-flag", inputs: ["items"], outputs: ["change"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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 loading=\"lazy\" [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 loading=\"lazy\" [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 loading=\"lazy\" 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 loading=\"lazy\" [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 loading=\"lazy\" [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%}}app-root{font-size:1.6rem;font-family:inherit}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"] }]
+            args: [{ selector: 'contact-us-page', template: "<div class=\"page\">\n    <div class=\"contact-us\">\n        <div class=\"left-side\">\n            <img loading=\"lazy\" [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 loading=\"lazy\" [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 loading=\"lazy\" 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 loading=\"lazy\" [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 loading=\"lazy\" [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%}}app-root{font-size:1.6rem;font-family:inherit}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: [{
@@ -141,4 +141,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], items: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUl6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQzs7Ozs7Ozs7Ozs7QUFRM0csTUFBTSxPQUFPLHNCQUFzQjtJQWlCeEI7SUFDQztJQUNBO0lBbEJELFFBQVEsR0FBVSxFQUFFLENBQUM7SUFDckIsaUJBQWlCLENBQU07SUFDdkIsT0FBTyxDQUFTO0lBQ2hCLEtBQUssQ0FBUTtJQUN0QixRQUFRLENBQVM7SUFDakIsU0FBUyxDQUFTO0lBQ2xCLElBQUksQ0FBUztJQUNiLGVBQWUsQ0FBUztJQUN4QixlQUFlLENBQU07SUFDckIsWUFBWSxDQUFNO0lBQ2xCLGVBQWUsQ0FBVTtJQUN6QixhQUFhLENBQVM7SUFDdEIsWUFBWSxDQUFVO0lBQ3RCLGtCQUFrQixHQUFXLENBQUMsQ0FBQztJQUUvQixZQUNTLE1BQWlCLEVBQ2hCLGtCQUFzQyxFQUN0QyxFQUFlO1FBRmhCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFDaEIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxPQUFFLEdBQUYsRUFBRSxDQUFhO0lBR3JCLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztZQUM5Qiw0Q0FBNEMsRUFBRSwyQ0FBMkM7WUFDekYsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDRDQUE0QyxDQUFDLEVBQUU7Z0JBQ3BFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7YUFDN0I7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDJDQUEyQyxDQUFDLEVBQUU7Z0JBQ3hFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLG9CQUFvQixDQUFDLEVBQUU7Z0JBQ2pELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQ0k7Z0JBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7Z0JBQzFCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO2FBQzlCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBSSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1FBQ25CLFNBQVMsRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7UUFDaEMsUUFBUSxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztRQUMvQixXQUFXLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1FBQ2xDLEtBQUssRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7UUFDNUIsT0FBTyxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztRQUM5QixXQUFXLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1FBQ2xDLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7UUFDOUIsT0FBTyxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztLQUMvQixDQUFDLENBQUM7SUFFSCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxhQUFhO1FBQ1gsc0VBQXNFO1FBQ3RFLDBCQUEwQjtRQUMxQixrRUFBa0U7UUFDbEUseUJBQXlCO1FBQ3pCLE9BQU87UUFDUCxvREFBb0Q7UUFDcEQsS0FBSztJQUNQLENBQUM7SUFFRCxtQ0FBbUM7SUFDM0Isa0JBQWtCO1FBQ3hCLElBQUksYUFBYSxJQUFJLFNBQVMsRUFBRTtZQUM5QixTQUFTLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7Z0JBQ3BELElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7Z0JBQ3pDLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7Z0JBQzNDLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQ2pCLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDZCQUE2QixDQUFDLENBQUM7UUFDbEUsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDckMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxNQUFNO1FBQzNCLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztJQUNuQyxDQUFDO3dHQWhJVSxzQkFBc0I7NEZBQXRCLHNCQUFzQixxS0NibkMsbXdQQTBJTTs7NEZEN0hPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7MkpBS2xCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29udGFjdC11cy1wYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LXVzLXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbnRhY3RVc1BhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHN1YmplY3RzOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGNvbnRhY3RVc1BhZ2VEYXRhOiBhbnk7XHJcbiAgQElucHV0KCkgYXBpUGF0aDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBhbnlbXTtcclxuICBsYXRpdHVkZTogbnVtYmVyO1xyXG4gIGxvbmdpdHVkZTogbnVtYmVyO1xyXG4gIHpvb206IG51bWJlcjtcclxuICBzZWxlY3RlZFN1YmplY3Q6IG51bWJlcjtcclxuICBzZWxlY3RlZENvdW50cnk6IGFueTtcclxuICBzZWxlY3RlZENvZGU6IGFueTtcclxuICBpc1VuZGVyVGFiUmFuZ2U6IGJvb2xlYW47XHJcbiAgbWVtYmVyc1RvU2hvdzogbnVtYmVyO1xyXG4gIGlzVGFibGV0U2l6ZTogYm9vbGVhbjtcclxuICBzY3JvbGxNZW1iZXJOdW1iZXI6IG51bWJlciA9IDI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZzogTWF0RGlhbG9nLFxyXG4gICAgcHJpdmF0ZSBicmVha3BvaW50T2JzZXJ2ZXI6IEJyZWFrcG9pbnRPYnNlcnZlcixcclxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxyXG4gICAgLy8gcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIsXHJcbiAgICAvLyBwcml2YXRlIF9Db250YWN0VXNTZXJ2aWNlOiBDb250YWN0VXNTZXJ2aWNlU2VydmljZSxcclxuICApIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc2V0Q3VycmVudExvY2F0aW9uKCk7XHJcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtcclxuICAgICAgXCIobWF4LXdpZHRoOiAxMjAwcHgpIGFuZCAobWluLXdpZHRoOjEwNzZweClcIiwgXCIobWF4LXdpZHRoOiAxMDc1cHgpIGFuZCAobWluLXdpZHRoOjY1MXB4KVwiLFxyXG4gICAgICBcIihtYXgtd2lkdGg6IDY1MHB4KVwiXHJcbiAgICBdKS5zdWJzY3JpYmUoKHJlc3VsdDogQnJlYWtwb2ludFN0YXRlKSA9PiB7XHJcbiAgICAgIGlmIChyZXN1bHQuYnJlYWtwb2ludHNbJyhtYXgtd2lkdGg6IDEyMDBweCkgYW5kIChtaW4td2lkdGg6MTA3NnB4KSddKSB7XHJcbiAgICAgICAgdGhpcy5pc1VuZGVyVGFiUmFuZ2UgPSB0cnVlO1xyXG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLm1lbWJlcnNUb1Nob3cgPSAzO1xyXG4gICAgICAgIHRoaXMuc2Nyb2xsTWVtYmVyTnVtYmVyID0gMjtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIGlmIChyZXN1bHQuYnJlYWtwb2ludHNbJyhtYXgtd2lkdGg6IDEwNzVweCkgYW5kIChtaW4td2lkdGg6NjUxcHgpJ10pIHtcclxuICAgICAgICB0aGlzLmlzVW5kZXJUYWJSYW5nZSA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMjtcclxuICAgICAgICB0aGlzLnNjcm9sbE1lbWJlck51bWJlciA9IDE7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogNjUwcHgpJ10pIHtcclxuICAgICAgICB0aGlzLmlzVW5kZXJUYWJSYW5nZSA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMTtcclxuICAgICAgICB0aGlzLnNjcm9sbE1lbWJlck51bWJlciA9IDE7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2Uge1xyXG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5pc1VuZGVyVGFiUmFuZ2UgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBmb3JtID0gdGhpcy5mYi5ncm91cCh7XHJcbiAgICBmaXJzdE5hbWU6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcclxuICAgIGxhc3ROYW1lOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXHJcbiAgICBjb21wYW55TmFtZTogbmV3IEZvcm1Db250cm9sKG51bGwpLFxyXG4gICAgZW1haWw6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcclxuICAgIGNvdW50cnk6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcclxuICAgIHBob25lTnVtYmVyOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXHJcbiAgICBzdWJqZWN0OiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXHJcbiAgICBtZXNzYWdlOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXHJcbiAgfSk7XHJcblxyXG4gIGdldCBmaXJzdE5hbWUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnZmlyc3ROYW1lJyk7XHJcbiAgfVxyXG5cclxuICBnZXQgbGFzdE5hbWUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnbGFzdE5hbWUnKTtcclxuICB9XHJcblxyXG4gIGdldCBjb21wYW55TmFtZSgpIHtcclxuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdjb21wYW55TmFtZScpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGVtYWlsKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2VtYWlsJyk7XHJcbiAgfVxyXG5cclxuICBnZXQgY291bnRyeSgpIHtcclxuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdjb3VudHJ5Jyk7XHJcbiAgfVxyXG5cclxuICBnZXQgcGhvbmVOdW1iZXIoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgncGhvbmVOdW1iZXInKTtcclxuICB9XHJcblxyXG4gIGdldCBzdWJqZWN0KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ3N1YmplY3QnKTtcclxuICB9XHJcblxyXG4gIGdldCBtZXNzYWdlKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ21lc3NhZ2UnKTtcclxuICB9XHJcblxyXG4gIG9uQ2xpY2tTdWJtaXQoKSB7XHJcbiAgICAvLyB0aGlzLl9Db250YWN0VXNTZXJ2aWNlLmNyZWF0ZUNvbnRhY3RVcyh0aGlzLmZvcm0udmFsdWUpLnN1YnNjcmliZSh7XHJcbiAgICAvLyAgIG5leHQ6IChyZXNwb25zZSkgPT4ge1xyXG4gICAgLy8gICAgIGNvbnNvbGUubG9nKFwiQ29udGFjdCBVcyBNZXNzYWdlIENyZWF0ZWRcIiwgdGhpcy5mb3JtLnZhbHVlKTtcclxuICAgIC8vICAgICB0aGlzLm9wZW5EaWFsb2coKTtcclxuICAgIC8vICAgfSxcclxuICAgIC8vICAgZXJyb3I6IChlcnJvcikgPT4gY29uc29sZS5lcnJvcihcImVycm9yXCIsIGVycm9yKVxyXG4gICAgLy8gfSlcclxuICB9XHJcblxyXG4gIC8vIEdldCBDdXJyZW50IExvY2F0aW9uIENvb3JkaW5hdGVzXHJcbiAgcHJpdmF0ZSBzZXRDdXJyZW50TG9jYXRpb24oKSB7XHJcbiAgICBpZiAoJ2dlb2xvY2F0aW9uJyBpbiBuYXZpZ2F0b3IpIHtcclxuICAgICAgbmF2aWdhdG9yLmdlb2xvY2F0aW9uLmdldEN1cnJlbnRQb3NpdGlvbigocG9zaXRpb24pID0+IHtcclxuICAgICAgICB0aGlzLmxhdGl0dWRlID0gcG9zaXRpb24uY29vcmRzLmxhdGl0dWRlO1xyXG4gICAgICAgIHRoaXMubG9uZ2l0dWRlID0gcG9zaXRpb24uY29vcmRzLmxvbmdpdHVkZTtcclxuICAgICAgICB0aGlzLnpvb20gPSAxNTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvcGVuRGlhbG9nKCkge1xyXG4gICAgY29uc3QgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCk7XHJcbiAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB0aGlzLmZvcm0ucmVzZXQoKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgZ2V0U2VsZWN0ZWRPcHRpb25WYWx1ZSgkZXZlbnQpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRDb2RlID0gJGV2ZW50LnBob25lO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicGFnZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhY3QtdXNcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC1zaWRlXCI+XHJcbiAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cImNvbnRhY3RVc1BhZ2VEYXRhLmJhY2tncm91bmRJbWFnZVwiIGFsdD1cIlwiIGNsYXNzPVwiYmctaW1hZ2VcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltZy10aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAge3tjb250YWN0VXNQYWdlRGF0YS5pbWFnZVRpdGxlfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20taW1nLXNpZGVcIiAqbmdJZj1cIiFpc1VuZGVyVGFiUmFuZ2VcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2dvXCI+PGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiY29udGFjdFVzUGFnZURhdGEub3VyTG9nb1wiIGFsdD1cIkpPT0xFUlwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltZy1kZXNjcmlwdGlvblwiPnt7Y29udGFjdFVzUGFnZURhdGEuaW1hZ2VEZXNjcmlwdGlvbn19XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzb2NpYWwtbWVkaWEtaWNvbnNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8IS0tIDxzb2NpYWwtbWVkaWEtaWNvbnMgY2xhc3M9XCJzb2NpYWwtbWVkaWFcIiBbY29sb3JdPVwiJyNmZmYnXCIgW2FyZUljb25zSW5Gb290ZXJdPVwiZmFsc2VcIj48L3NvY2lhbC1tZWRpYS1pY29ucz4gLS0+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIj5cclxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJjb250YWN0VXNQYWdlRGF0YS5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICAgICAgICAgIDwhLS0gPHNlY3Rpb24tdGl0bGUgdGl0bGU9XCJHZXQgSW4gVG91Y2hcIiBbYWxpZ25MZWZ0XT1cInRydWVcIj48L3NlY3Rpb24tdGl0bGU+IC0tPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lc3NhZ2UtYm94XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCIgKG5nU3VibWl0KT1cIm9uQ2xpY2tTdWJtaXQoKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnVsbC1uYW1lLWFyZWFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaXJzdC1uYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWVsZHMtbGFiZWxzXCI+Rmlyc3QgTmFtZSo8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiZmlyc3ROYW1lXCIgY2xhc3M9XCJpbnB1dFwiIHBsYWNlaG9sZGVyPVwiRmlyc3QgTmFtZVwiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYXN0LW5hbWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpZWxkcy1sYWJlbHNcIj5MYXN0IE5hbWUqPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cImxhc3ROYW1lXCIgY2xhc3M9XCJpbnB1dFwiIHBsYWNlaG9sZGVyPVwiTGFzdCBOYW1lXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWVsZHMtbGFiZWxzXCI+Q29tcGFueSBOYW1lKjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiY29tcGFueU5hbWVcIiBjbGFzcz1cImlucHV0XCIgcGxhY2Vob2xkZXI9XCJZb3VyIGNvbXBhbnkgbmFtZVwiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmllbGRzLWxhYmVsc1wiPkVtYWlsKjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiZW1haWxcIiBjbGFzcz1cImlucHV0XCIgcGxhY2Vob2xkZXI9XCJuYW1lQGV4YW1wbGUuY29tXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWVsZHMtbGFiZWxzXCI+UGhvbmUgTnVtYmVyPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGhvbmUtbnVtYmVyLXNlY3Rpb25cIj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY291bnRyaWVzLWxpc3RcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2hvb3NlLWNvdW50cnktd2l0aC1mbGFnIGZvcm1Db250cm9sTmFtZT1cImNvdW50cnlcIiAoY2hhbmdlKT1cImdldFNlbGVjdGVkT3B0aW9uVmFsdWUoJGV2ZW50KVwiIFtpdGVtc109XCJpdGVtc1wiPjwvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNvZGUtc2VjdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cIlsnZmFzJywncGhvbmUnXVwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJjb2RlXCIgW3ZhbHVlXT1cInNlbGVjdGVkQ29kZT8gc2VsZWN0ZWRDb2RlOiBudWxsXCIgcGxhY2Vob2xkZXI9XCItLVwiIFtyZWFkT25seV09XCJ0cnVlXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJwaG9uZU51bWJlclwiIHR5cGU9XCJudW1iZXJcIiBjbGFzcz1cInBob25lLW51bS1pbnB1dFwiIHBsYWNlaG9sZGVyPVwiUGhvbmUgTnVtYmVyXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWJqZWN0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cInN1YmplY3RcIiBbaXRlbXNdPVwic3ViamVjdHNcIiBiaW5kTGFiZWw9XCJsYWJlbFwiIHBsYWNlaG9sZGVyPVwiU3ViamVjdFwiIGJpbmRWYWx1ZT1cImxhYmVsXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L25nLXNlbGVjdD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0YXJlYSB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cIm1lc3NhZ2VcIiBwbGFjZWhvbGRlcj1cIk1lc3NhZ2VcIiBjbGFzcz1cInRleHQtYXJlYVwiPlxyXG5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGV4dGFyZWE+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwic3VibWl0XCIgdHlwZT1cInN1Ym1pdFwiIG1hdC1yYWlzZWQtYnV0dG9uPVwibWF0LXJhaXNlZC1idXR0b25cIiBjb2xvcj1cInByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBTdWJtaXRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Zvcm0+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS0gPGRpdiBjbGFzcz1cIm91ci1sb2NhdGlvbnMtc2VjdGlvblwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbnMtY29udGVudFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIHt7Y29udGFjdFVzUGFnZURhdGEubG9jYXRpb25zLmhlYWRsaW5lfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAge3tjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMudGl0bGV9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmVzLWltZ1wiPlxyXG4gICAgICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIHNyYz1cIi4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvbGluZXMtY29udGFjdC11cy5wbmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAge3tjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMuc3VidGl0bGV9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZHJlc3Nlc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZHJlc3MgZmxleHlcIiAqbmdGb3I9XCJsZXQgYWRkcmVzcyBvZiBjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMuYWRkcmVzc2VzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZHJlc3MtaGVhZGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMucGluSWNvbldoaXRlXCIgYWx0PVwiXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9jYXRpb24tbmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3thZGRyZXNzLm5hbWV9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnVpbGRpbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAge3thZGRyZXNzLmJ1aWxkaW5nfX1cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9jYXRpb24tYXJlYVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MubG9jYXRpb25BcmVhfX1cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG91cnNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiWydmYXMnLCdjbG9jayddXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MuaG91cnN9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjZWxsdWxhci1udW1iZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiWydmYXMnLCdwaG9uZSddXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MucGhvbmVOdW1iZXJ9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8cC1jYXJvdXNlbCAqbmdJZj1cImlzVW5kZXJUYWJSYW5nZVwiIGNsYXNzPVwiY2Fyb3VzZWxcIiBbdmFsdWVdPVwiY29udGFjdFVzUGFnZURhdGEubG9jYXRpb25zLmFkZHJlc3Nlc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW251bVZpc2libGVdPSdtZW1iZXJzVG9TaG93JyBbbnVtU2Nyb2xsXT0nc2Nyb2xsTWVtYmVyTnVtYmVyJyBbcGFnZV09XCIwXCIgb3JpZW50YXRpb249XCJob3JpemFudG9sXCJcclxuICAgICAgICAgICAgICAgICAgICBbY2lyY3VsYXJdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBsZXQtYWRkcmVzcyBwVGVtcGxhdGU9XCJpdGVtXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyZXNzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkcmVzcy1oZWFkZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMucGluSWNvbkJsdWVcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9jYXRpb24tbmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MubmFtZX19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidWlsZGluZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5idWlsZGluZ319XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1hcmVhXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3thZGRyZXNzLmxvY2F0aW9uQXJlYX19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Vyc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cIlsnZmFzJywnY2xvY2snXVwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MuaG91cnN9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2VsbHVsYXItbnVtYmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiWydmYXMnLCdwaG9uZSddXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5waG9uZU51bWJlcn19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgIDwvcC1jYXJvdXNlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj4gLS0+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUl6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQzs7Ozs7Ozs7Ozs7QUFRM0csTUFBTSxPQUFPLHNCQUFzQjtJQWlCeEI7SUFDQztJQUNBO0lBbEJELFFBQVEsR0FBVSxFQUFFLENBQUM7SUFDckIsaUJBQWlCLENBQU07SUFDdkIsT0FBTyxDQUFTO0lBQ2hCLEtBQUssQ0FBUTtJQUN0QixRQUFRLENBQVM7SUFDakIsU0FBUyxDQUFTO0lBQ2xCLElBQUksQ0FBUztJQUNiLGVBQWUsQ0FBUztJQUN4QixlQUFlLENBQU07SUFDckIsWUFBWSxDQUFNO0lBQ2xCLGVBQWUsQ0FBVTtJQUN6QixhQUFhLENBQVM7SUFDdEIsWUFBWSxDQUFVO0lBQ3RCLGtCQUFrQixHQUFXLENBQUMsQ0FBQztJQUUvQixZQUNTLE1BQWlCLEVBQ2hCLGtCQUFzQyxFQUN0QyxFQUFlO1FBRmhCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFDaEIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN0QyxPQUFFLEdBQUYsRUFBRSxDQUFhO0lBR3JCLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztZQUM5Qiw0Q0FBNEMsRUFBRSwyQ0FBMkM7WUFDekYsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDRDQUE0QyxDQUFDLEVBQUU7Z0JBQ3BFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7YUFDN0I7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDJDQUEyQyxDQUFDLEVBQUU7Z0JBQ3hFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLG9CQUFvQixDQUFDLEVBQUU7Z0JBQ2pELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQ0k7Z0JBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7Z0JBQzFCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO2FBQzlCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBSSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1FBQ25CLFNBQVMsRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7UUFDaEMsUUFBUSxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztRQUMvQixXQUFXLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1FBQ2xDLEtBQUssRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7UUFDNUIsT0FBTyxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztRQUM5QixXQUFXLEVBQUUsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDO1FBQ2xDLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUM7UUFDOUIsT0FBTyxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQztLQUMvQixDQUFDLENBQUM7SUFFSCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxhQUFhO1FBQ1gsc0VBQXNFO1FBQ3RFLDBCQUEwQjtRQUMxQixrRUFBa0U7UUFDbEUseUJBQXlCO1FBQ3pCLE9BQU87UUFDUCxvREFBb0Q7UUFDcEQsS0FBSztJQUNQLENBQUM7SUFFRCxtQ0FBbUM7SUFDM0Isa0JBQWtCO1FBQ3hCLElBQUksYUFBYSxJQUFJLFNBQVMsRUFBRTtZQUM5QixTQUFTLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7Z0JBQ3BELElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7Z0JBQ3pDLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7Z0JBQzNDLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQ2pCLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDZCQUE2QixDQUFDLENBQUM7UUFDbEUsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDckMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxNQUFNO1FBQzNCLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztJQUNuQyxDQUFDO3dHQWhJVSxzQkFBc0I7NEZBQXRCLHNCQUFzQixxS0NibkMsKytPQTBJTTs7NEZEN0hPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7MkpBS2xCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudCc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29udGFjdC11cy1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRhY3QtdXMtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbnRhY3QtdXMtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb250YWN0VXNQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc3ViamVjdHM6IGFueVtdID0gW107XG4gIEBJbnB1dCgpIGNvbnRhY3RVc1BhZ2VEYXRhOiBhbnk7XG4gIEBJbnB1dCgpIGFwaVBhdGg6IHN0cmluZztcbiAgQElucHV0KCkgaXRlbXM6IGFueVtdO1xuICBsYXRpdHVkZTogbnVtYmVyO1xuICBsb25naXR1ZGU6IG51bWJlcjtcbiAgem9vbTogbnVtYmVyO1xuICBzZWxlY3RlZFN1YmplY3Q6IG51bWJlcjtcbiAgc2VsZWN0ZWRDb3VudHJ5OiBhbnk7XG4gIHNlbGVjdGVkQ29kZTogYW55O1xuICBpc1VuZGVyVGFiUmFuZ2U6IGJvb2xlYW47XG4gIG1lbWJlcnNUb1Nob3c6IG51bWJlcjtcbiAgaXNUYWJsZXRTaXplOiBib29sZWFuO1xuICBzY3JvbGxNZW1iZXJOdW1iZXI6IG51bWJlciA9IDI7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGRpYWxvZzogTWF0RGlhbG9nLFxuICAgIHByaXZhdGUgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIsXG4gICAgcHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXIsXG4gICAgLy8gcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIsXG4gICAgLy8gcHJpdmF0ZSBfQ29udGFjdFVzU2VydmljZTogQ29udGFjdFVzU2VydmljZVNlcnZpY2UsXG4gICkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zZXRDdXJyZW50TG9jYXRpb24oKTtcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtcbiAgICAgIFwiKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDoxMDc2cHgpXCIsIFwiKG1heC13aWR0aDogMTA3NXB4KSBhbmQgKG1pbi13aWR0aDo2NTFweClcIixcbiAgICAgIFwiKG1heC13aWR0aDogNjUwcHgpXCJcbiAgICBdKS5zdWJzY3JpYmUoKHJlc3VsdDogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICBpZiAocmVzdWx0LmJyZWFrcG9pbnRzWycobWF4LXdpZHRoOiAxMjAwcHgpIGFuZCAobWluLXdpZHRoOjEwNzZweCknXSkge1xuICAgICAgICB0aGlzLmlzVW5kZXJUYWJSYW5nZSA9IHRydWU7XG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMztcbiAgICAgICAgdGhpcy5zY3JvbGxNZW1iZXJOdW1iZXIgPSAyO1xuICAgICAgfVxuICAgICAgZWxzZSBpZiAocmVzdWx0LmJyZWFrcG9pbnRzWycobWF4LXdpZHRoOiAxMDc1cHgpIGFuZCAobWluLXdpZHRoOjY1MXB4KSddKSB7XG4gICAgICAgIHRoaXMuaXNVbmRlclRhYlJhbmdlID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMjtcbiAgICAgICAgdGhpcy5zY3JvbGxNZW1iZXJOdW1iZXIgPSAxO1xuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IHRydWU7XG4gICAgICB9XG4gICAgICBlbHNlIGlmIChyZXN1bHQuYnJlYWtwb2ludHNbJyhtYXgtd2lkdGg6IDY1MHB4KSddKSB7XG4gICAgICAgIHRoaXMuaXNVbmRlclRhYlJhbmdlID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMTtcbiAgICAgICAgdGhpcy5zY3JvbGxNZW1iZXJOdW1iZXIgPSAxO1xuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IHRydWU7XG4gICAgICB9XG4gICAgICBlbHNlIHtcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5pc1VuZGVyVGFiUmFuZ2UgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGZvcm0gPSB0aGlzLmZiLmdyb3VwKHtcbiAgICBmaXJzdE5hbWU6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcbiAgICBsYXN0TmFtZTogbmV3IEZvcm1Db250cm9sKG51bGwpLFxuICAgIGNvbXBhbnlOYW1lOiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXG4gICAgZW1haWw6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcbiAgICBjb3VudHJ5OiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXG4gICAgcGhvbmVOdW1iZXI6IG5ldyBGb3JtQ29udHJvbChudWxsKSxcbiAgICBzdWJqZWN0OiBuZXcgRm9ybUNvbnRyb2wobnVsbCksXG4gICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKG51bGwpLFxuICB9KTtcblxuICBnZXQgZmlyc3ROYW1lKCkge1xuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdmaXJzdE5hbWUnKTtcbiAgfVxuXG4gIGdldCBsYXN0TmFtZSgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnbGFzdE5hbWUnKTtcbiAgfVxuXG4gIGdldCBjb21wYW55TmFtZSgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnY29tcGFueU5hbWUnKTtcbiAgfVxuXG4gIGdldCBlbWFpbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnZW1haWwnKTtcbiAgfVxuXG4gIGdldCBjb3VudHJ5KCkge1xuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdjb3VudHJ5Jyk7XG4gIH1cblxuICBnZXQgcGhvbmVOdW1iZXIoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ3Bob25lTnVtYmVyJyk7XG4gIH1cblxuICBnZXQgc3ViamVjdCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCgnc3ViamVjdCcpO1xuICB9XG5cbiAgZ2V0IG1lc3NhZ2UoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ21lc3NhZ2UnKTtcbiAgfVxuXG4gIG9uQ2xpY2tTdWJtaXQoKSB7XG4gICAgLy8gdGhpcy5fQ29udGFjdFVzU2VydmljZS5jcmVhdGVDb250YWN0VXModGhpcy5mb3JtLnZhbHVlKS5zdWJzY3JpYmUoe1xuICAgIC8vICAgbmV4dDogKHJlc3BvbnNlKSA9PiB7XG4gICAgLy8gICAgIGNvbnNvbGUubG9nKFwiQ29udGFjdCBVcyBNZXNzYWdlIENyZWF0ZWRcIiwgdGhpcy5mb3JtLnZhbHVlKTtcbiAgICAvLyAgICAgdGhpcy5vcGVuRGlhbG9nKCk7XG4gICAgLy8gICB9LFxuICAgIC8vICAgZXJyb3I6IChlcnJvcikgPT4gY29uc29sZS5lcnJvcihcImVycm9yXCIsIGVycm9yKVxuICAgIC8vIH0pXG4gIH1cblxuICAvLyBHZXQgQ3VycmVudCBMb2NhdGlvbiBDb29yZGluYXRlc1xuICBwcml2YXRlIHNldEN1cnJlbnRMb2NhdGlvbigpIHtcbiAgICBpZiAoJ2dlb2xvY2F0aW9uJyBpbiBuYXZpZ2F0b3IpIHtcbiAgICAgIG5hdmlnYXRvci5nZW9sb2NhdGlvbi5nZXRDdXJyZW50UG9zaXRpb24oKHBvc2l0aW9uKSA9PiB7XG4gICAgICAgIHRoaXMubGF0aXR1ZGUgPSBwb3NpdGlvbi5jb29yZHMubGF0aXR1ZGU7XG4gICAgICAgIHRoaXMubG9uZ2l0dWRlID0gcG9zaXRpb24uY29vcmRzLmxvbmdpdHVkZTtcbiAgICAgICAgdGhpcy56b29tID0gMTU7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBvcGVuRGlhbG9nKCkge1xuICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQpO1xuICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmZvcm0ucmVzZXQoKTtcbiAgICB9KTtcbiAgfVxuXG4gIGdldFNlbGVjdGVkT3B0aW9uVmFsdWUoJGV2ZW50KSB7XG4gICAgdGhpcy5zZWxlY3RlZENvZGUgPSAkZXZlbnQucGhvbmU7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhY3QtdXNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtc2lkZVwiPlxuICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiY29udGFjdFVzUGFnZURhdGEuYmFja2dyb3VuZEltYWdlXCIgYWx0PVwiXCIgY2xhc3M9XCJiZy1pbWFnZVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltZy10aXRsZVwiPlxuICAgICAgICAgICAgICAgIHt7Y29udGFjdFVzUGFnZURhdGEuaW1hZ2VUaXRsZX19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20taW1nLXNpZGVcIiAqbmdJZj1cIiFpc1VuZGVyVGFiUmFuZ2VcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nb1wiPjxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cImNvbnRhY3RVc1BhZ2VEYXRhLm91ckxvZ29cIiBhbHQ9XCJKT09MRVJcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLWRlc2NyaXB0aW9uXCI+e3tjb250YWN0VXNQYWdlRGF0YS5pbWFnZURlc2NyaXB0aW9ufX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic29jaWFsLW1lZGlhLWljb25zXCI+XG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPHNvY2lhbC1tZWRpYS1pY29ucyBjbGFzcz1cInNvY2lhbC1tZWRpYVwiIFtjb2xvcl09XCInI2ZmZidcIiBbYXJlSWNvbnNJbkZvb3Rlcl09XCJmYWxzZVwiPjwvc29jaWFsLW1lZGlhLWljb25zPiAtLT5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIj5cbiAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwiY29udGFjdFVzUGFnZURhdGEuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxuICAgICAgICAgICAgPCEtLSA8c2VjdGlvbi10aXRsZSB0aXRsZT1cIkdldCBJbiBUb3VjaFwiIFthbGlnbkxlZnRdPVwidHJ1ZVwiPjwvc2VjdGlvbi10aXRsZT4gLS0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZXNzYWdlLWJveFwiPlxuICAgICAgICAgICAgICAgICAgICA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiAobmdTdWJtaXQpPVwib25DbGlja1N1Ym1pdCgpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnVsbC1uYW1lLWFyZWFcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlyc3QtbmFtZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpZWxkcy1sYWJlbHNcIj5GaXJzdCBOYW1lKjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiZmlyc3ROYW1lXCIgY2xhc3M9XCJpbnB1dFwiIHBsYWNlaG9sZGVyPVwiRmlyc3QgTmFtZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxhc3QtbmFtZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpZWxkcy1sYWJlbHNcIj5MYXN0IE5hbWUqPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBmb3JtQ29udHJvbE5hbWU9XCJsYXN0TmFtZVwiIGNsYXNzPVwiaW5wdXRcIiBwbGFjZWhvbGRlcj1cIkxhc3QgTmFtZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmllbGRzLWxhYmVsc1wiPkNvbXBhbnkgTmFtZSo8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBmb3JtQ29udHJvbE5hbWU9XCJjb21wYW55TmFtZVwiIGNsYXNzPVwiaW5wdXRcIiBwbGFjZWhvbGRlcj1cIllvdXIgY29tcGFueSBuYW1lXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmllbGRzLWxhYmVsc1wiPkVtYWlsKjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cImVtYWlsXCIgY2xhc3M9XCJpbnB1dFwiIHBsYWNlaG9sZGVyPVwibmFtZUBleGFtcGxlLmNvbVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpZWxkcy1sYWJlbHNcIj5QaG9uZSBOdW1iZXI8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGhvbmUtbnVtYmVyLXNlY3Rpb25cIj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb3VudHJpZXMtbGlzdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2hvb3NlLWNvdW50cnktd2l0aC1mbGFnIGZvcm1Db250cm9sTmFtZT1cImNvdW50cnlcIiAoY2hhbmdlKT1cImdldFNlbGVjdGVkT3B0aW9uVmFsdWUoJGV2ZW50KVwiIFtpdGVtc109XCJpdGVtc1wiPjwvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29kZS1zZWN0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cIlsnZmFzJywncGhvbmUnXVwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IGNsYXNzPVwiY29kZVwiIFt2YWx1ZV09XCJzZWxlY3RlZENvZGU/IHNlbGVjdGVkQ29kZTogbnVsbFwiIHBsYWNlaG9sZGVyPVwiLS1cIiBbcmVhZE9ubHldPVwidHJ1ZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJwaG9uZU51bWJlclwiIHR5cGU9XCJudW1iZXJcIiBjbGFzcz1cInBob25lLW51bS1pbnB1dFwiIHBsYWNlaG9sZGVyPVwiUGhvbmUgTnVtYmVyXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1YmplY3RcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctc2VsZWN0IGZvcm1Db250cm9sTmFtZT1cInN1YmplY3RcIiBbaXRlbXNdPVwic3ViamVjdHNcIiBiaW5kTGFiZWw9XCJsYWJlbFwiIHBsYWNlaG9sZGVyPVwiU3ViamVjdFwiIGJpbmRWYWx1ZT1cImxhYmVsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1zZWxlY3Q+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0YXJlYSB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cIm1lc3NhZ2VcIiBwbGFjZWhvbGRlcj1cIk1lc3NhZ2VcIiBjbGFzcz1cInRleHQtYXJlYVwiPlxuXG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGV4dGFyZWE+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJzdWJtaXRcIiB0eXBlPVwic3VibWl0XCIgbWF0LXJhaXNlZC1idXR0b249XCJtYXQtcmFpc2VkLWJ1dHRvblwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBTdWJtaXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPCEtLSA8ZGl2IGNsYXNzPVwib3VyLWxvY2F0aW9ucy1zZWN0aW9uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbnMtY29udGVudFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRsaW5lXCI+XG4gICAgICAgICAgICAgICAge3tjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMuaGVhZGxpbmV9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICAgICAgICB7e2NvbnRhY3RVc1BhZ2VEYXRhLmxvY2F0aW9ucy50aXRsZX19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsaW5lcy1pbWdcIj5cbiAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgc3JjPVwiLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy9saW5lcy1jb250YWN0LXVzLnBuZ1wiIGFsdD1cIlwiPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIj5cbiAgICAgICAgICAgICAgICB7e2NvbnRhY3RVc1BhZ2VEYXRhLmxvY2F0aW9ucy5zdWJ0aXRsZX19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyZXNzZXNcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkcmVzcyBmbGV4eVwiICpuZ0Zvcj1cImxldCBhZGRyZXNzIG9mIGNvbnRhY3RVc1BhZ2VEYXRhLmxvY2F0aW9ucy5hZGRyZXNzZXNcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZHJlc3MtaGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cImNvbnRhY3RVc1BhZ2VEYXRhLmxvY2F0aW9ucy5waW5JY29uV2hpdGVcIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvY2F0aW9uLW5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MubmFtZX19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidWlsZGluZ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3thZGRyZXNzLmJ1aWxkaW5nfX1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1hcmVhXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MubG9jYXRpb25BcmVhfX1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Vyc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiWydmYXMnLCdjbG9jayddXCI+PC9mYS1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAge3thZGRyZXNzLmhvdXJzfX1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjZWxsdWxhci1udW1iZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cIlsnZmFzJywncGhvbmUnXVwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5waG9uZU51bWJlcn19XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxwLWNhcm91c2VsICpuZ0lmPVwiaXNVbmRlclRhYlJhbmdlXCIgY2xhc3M9XCJjYXJvdXNlbFwiIFt2YWx1ZV09XCJjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMuYWRkcmVzc2VzXCJcbiAgICAgICAgICAgICAgICAgICAgW251bVZpc2libGVdPSdtZW1iZXJzVG9TaG93JyBbbnVtU2Nyb2xsXT0nc2Nyb2xsTWVtYmVyTnVtYmVyJyBbcGFnZV09XCIwXCIgb3JpZW50YXRpb249XCJob3JpemFudG9sXCJcbiAgICAgICAgICAgICAgICAgICAgW2NpcmN1bGFyXT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGxldC1hZGRyZXNzIHBUZW1wbGF0ZT1cIml0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyZXNzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZHJlc3MtaGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJjb250YWN0VXNQYWdlRGF0YS5sb2NhdGlvbnMucGluSWNvbkJsdWVcIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1uYW1lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MubmFtZX19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidWlsZGluZ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2FkZHJlc3MuYnVpbGRpbmd9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1hcmVhXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5sb2NhdGlvbkFyZWF9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3Vyc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhcycsJ2Nsb2NrJ11cIj48L2ZhLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5ob3Vyc319XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNlbGx1bGFyLW51bWJlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhcycsJ3Bob25lJ11cIj48L2ZhLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7YWRkcmVzcy5waG9uZU51bWJlcn19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8L3AtY2Fyb3VzZWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+IC0tPlxuPC9kaXY+Il19

package/esm2022/lib/cta-section-style-four/cta-section-style-four.component.mjs

@@ -24,12 +24,12 @@ export class CtaSectionStyleFourComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtaSectionStyleFourComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtaSectionStyleFourComponent, selector: "cta-section-style-four", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n    <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\r\n        class=\"bg-img\" alt=\"bg-img\">\r\n    <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\r\n        <div class=\"section-title\">\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"buttons-line\">\r\n            <a *ngFor=\"let button of sectionContent.buttons\" authRoute [requireAuth]=\"button.requiresAuth\"\r\n                [routerLink]=\"button.route\" class=\"cta-button custom-anchor\">\r\n                <span class=\"button-value\">\r\n                    {{button.label}}\r\n                </span>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"chevron-right\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                    <path\r\n                        d=\"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z\">\r\n                    </path>\r\n                    <path class=\"octicon-chevrow-stem\" d=\"M1.75 8H11\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n                    </path>\r\n                </svg>\r\n            </a>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line .cta-button{font-family:inherit;background-color:transparent;border-radius:.5rem;color:#fff;padding:2rem 3rem;box-shadow:#155ed4 0 0 0 .2rem inset;transition:box-shadow .2s,outline .2s ease;white-space:nowrap;align-items:center;cursor:pointer;font-size:2.4rem}.main-card .text-side .buttons-line .cta-button .chevron-right{transition:all .2s ease;transform:translate(0);width:1.6rem;height:1.6rem}.main-card .text-side .buttons-line .cta-button .chevron-right path{fill:#fff;stroke:#fff}.main-card .text-side .buttons-line .cta-button .octicon-chevrow-stem{stroke-dasharray:10;stroke-dashoffset:10;transition:stroke-dashoffset .2s}.main-card .text-side .buttons-line .cta-button:hover{box-shadow:#fff 0 0 0 .3rem inset}.main-card .text-side .buttons-line .cta-button:hover .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:hover .chevron-right{transform:translate(.4rem)}.main-card .text-side .buttons-line .cta-button:active{box-shadow:#fff 0 0 0 .4rem inset}.main-card .text-side .buttons-line .cta-button:active .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:active .chevron-right{transform:translate(.6rem)}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.AuthRouteDirective, selector: "[authRoute]", inputs: ["targetRoute", "requireAuth", "navigationExtras"] }, { kind: "component", type: i5.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtaSectionStyleFourComponent, selector: "cta-section-style-four", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\n    <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\n        class=\"bg-img\" alt=\"bg-img\">\n    <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\n        <div class=\"section-title\">\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n        </div>\n        <div class=\"buttons-line\">\n            <a *ngFor=\"let button of sectionContent.buttons\" authRoute [requireAuth]=\"button.requiresAuth\"\n                [routerLink]=\"button.route\" class=\"cta-button custom-anchor\">\n                <span class=\"button-value\">\n                    {{button.label}}\n                </span>\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"chevron-right\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path\n                        d=\"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z\">\n                    </path>\n                    <path class=\"octicon-chevrow-stem\" d=\"M1.75 8H11\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n                    </path>\n                </svg>\n            </a>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line .cta-button{font-family:inherit;background-color:transparent;border-radius:.5rem;color:#fff;padding:2rem 3rem;box-shadow:#155ed4 0 0 0 .2rem inset;transition:box-shadow .2s,outline .2s ease;white-space:nowrap;align-items:center;cursor:pointer;font-size:2.4rem}.main-card .text-side .buttons-line .cta-button .chevron-right{transition:all .2s ease;transform:translate(0);width:1.6rem;height:1.6rem}.main-card .text-side .buttons-line .cta-button .chevron-right path{fill:#fff;stroke:#fff}.main-card .text-side .buttons-line .cta-button .octicon-chevrow-stem{stroke-dasharray:10;stroke-dashoffset:10;transition:stroke-dashoffset .2s}.main-card .text-side .buttons-line .cta-button:hover{box-shadow:#fff 0 0 0 .3rem inset}.main-card .text-side .buttons-line .cta-button:hover .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:hover .chevron-right{transform:translate(.4rem)}.main-card .text-side .buttons-line .cta-button:active{box-shadow:#fff 0 0 0 .4rem inset}.main-card .text-side .buttons-line .cta-button:active .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:active .chevron-right{transform:translate(.6rem)}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.AuthRouteDirective, selector: "[authRoute]", inputs: ["targetRoute", "requireAuth", "navigationExtras"] }, { kind: "component", type: i5.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtaSectionStyleFourComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cta-section-style-four', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n    <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\r\n        class=\"bg-img\" alt=\"bg-img\">\r\n    <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\r\n        <div class=\"section-title\">\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"buttons-line\">\r\n            <a *ngFor=\"let button of sectionContent.buttons\" authRoute [requireAuth]=\"button.requiresAuth\"\r\n                [routerLink]=\"button.route\" class=\"cta-button custom-anchor\">\r\n                <span class=\"button-value\">\r\n                    {{button.label}}\r\n                </span>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"chevron-right\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                    <path\r\n                        d=\"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z\">\r\n                    </path>\r\n                    <path class=\"octicon-chevrow-stem\" d=\"M1.75 8H11\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n                    </path>\r\n                </svg>\r\n            </a>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line .cta-button{font-family:inherit;background-color:transparent;border-radius:.5rem;color:#fff;padding:2rem 3rem;box-shadow:#155ed4 0 0 0 .2rem inset;transition:box-shadow .2s,outline .2s ease;white-space:nowrap;align-items:center;cursor:pointer;font-size:2.4rem}.main-card .text-side .buttons-line .cta-button .chevron-right{transition:all .2s ease;transform:translate(0);width:1.6rem;height:1.6rem}.main-card .text-side .buttons-line .cta-button .chevron-right path{fill:#fff;stroke:#fff}.main-card .text-side .buttons-line .cta-button .octicon-chevrow-stem{stroke-dasharray:10;stroke-dashoffset:10;transition:stroke-dashoffset .2s}.main-card .text-side .buttons-line .cta-button:hover{box-shadow:#fff 0 0 0 .3rem inset}.main-card .text-side .buttons-line .cta-button:hover .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:hover .chevron-right{transform:translate(.4rem)}.main-card .text-side .buttons-line .cta-button:active{box-shadow:#fff 0 0 0 .4rem inset}.main-card .text-side .buttons-line .cta-button:active .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:active .chevron-right{transform:translate(.6rem)}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"] }]
+            args: [{ selector: 'cta-section-style-four', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\n    <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\n        class=\"bg-img\" alt=\"bg-img\">\n    <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\n        <div class=\"section-title\">\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n        </div>\n        <div class=\"buttons-line\">\n            <a *ngFor=\"let button of sectionContent.buttons\" authRoute [requireAuth]=\"button.requiresAuth\"\n                [routerLink]=\"button.route\" class=\"cta-button custom-anchor\">\n                <span class=\"button-value\">\n                    {{button.label}}\n                </span>\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"chevron-right\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path\n                        d=\"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z\">\n                    </path>\n                    <path class=\"octicon-chevrow-stem\" d=\"M1.75 8H11\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n                    </path>\n                </svg>\n            </a>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line .cta-button{font-family:inherit;background-color:transparent;border-radius:.5rem;color:#fff;padding:2rem 3rem;box-shadow:#155ed4 0 0 0 .2rem inset;transition:box-shadow .2s,outline .2s ease;white-space:nowrap;align-items:center;cursor:pointer;font-size:2.4rem}.main-card .text-side .buttons-line .cta-button .chevron-right{transition:all .2s ease;transform:translate(0);width:1.6rem;height:1.6rem}.main-card .text-side .buttons-line .cta-button .chevron-right path{fill:#fff;stroke:#fff}.main-card .text-side .buttons-line .cta-button .octicon-chevrow-stem{stroke-dasharray:10;stroke-dashoffset:10;transition:stroke-dashoffset .2s}.main-card .text-side .buttons-line .cta-button:hover{box-shadow:#fff 0 0 0 .3rem inset}.main-card .text-side .buttons-line .cta-button:hover .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:hover .chevron-right{transform:translate(.4rem)}.main-card .text-side .buttons-line .cta-button:active{box-shadow:#fff 0 0 0 .4rem inset}.main-card .text-side .buttons-line .cta-button:active .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:active .chevron-right{transform:translate(.6rem)}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTekQsTUFBTSxPQUFPLDRCQUE0QjtJQUVuQjtJQURYLGNBQWMsQ0FBYztJQUNyQyxZQUFvQixrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtJQUFJLENBQUM7SUFFL0QsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUNsQixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2FBQ3BEO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7YUFDbkQ7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7d0dBZFUsNEJBQTRCOzRGQUE1Qiw0QkFBNEIsNEdDVHpDLDR3REF1Qk07OzRGRGRPLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx3QkFBd0I7eUdBS3pCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3RhVHlwZU9uZSB9IGZyb20gJy4uL21vZGVscy9jdGEtb25lLXR5cGUubW9kZWwnO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdGEtc2VjdGlvbi1zdHlsZS1mb3VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN0YVNlY3Rpb25TdHlsZUZvdXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50ITogQ3RhVHlwZU9uZTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtcclxuICAgICAgXCIobWF4LXdpZHRoOiA5MDBweClcIlxyXG4gICAgXSkuc3Vic2NyaWJlKChyZXN1bHQ6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xyXG4gICAgICBpZiAocmVzdWx0Lm1hdGNoZXMpIHtcclxuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSBmYWxzZTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jYXJkXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJyA6IHNlY3Rpb25Db250ZW50LmJnQ29sb3J9XCI+XHJcbiAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgKm5nSWY9XCIhc2VjdGlvbkNvbnRlbnQuYmdDb2xvciAmJiBzZWN0aW9uQ29udGVudC5iZ0ltYWdlIFwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmdJbWFnZVwiXHJcbiAgICAgICAgY2xhc3M9XCJiZy1pbWdcIiBhbHQ9XCJiZy1pbWdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNpZGVcIiBbbmdDbGFzc109XCJ7J2ZsZXgtcmV2ZXJzZSc6c2VjdGlvbkNvbnRlbnQuaW1hZ2VUZXh0U29ydH1cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi10aXRsZVwiPlxyXG4gICAgICAgICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiPjwvc2VjdGlvbi10aXRsZT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1saW5lXCI+XHJcbiAgICAgICAgICAgIDxhICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygc2VjdGlvbkNvbnRlbnQuYnV0dG9uc1wiIGF1dGhSb3V0ZSBbcmVxdWlyZUF1dGhdPVwiYnV0dG9uLnJlcXVpcmVzQXV0aFwiXHJcbiAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJidXR0b24ucm91dGVcIiBjbGFzcz1cImN0YS1idXR0b24gY3VzdG9tLWFuY2hvclwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJidXR0b24tdmFsdWVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2J1dHRvbi5sYWJlbH19XHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBjbGFzcz1cImNoZXZyb24tcmlnaHRcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCIgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTcuMjgwMzMgMy4yMTk2N0M2Ljk4NzQ0IDIuOTI2NzggNi41MTI1NiAyLjkyNjc4IDYuMjE5NjcgMy4yMTk2N0M1LjkyNjc4IDMuNTEyNTYgNS45MjY3OCAzLjk4NzQ0IDYuMjE5NjcgNC4yODAzM0w3LjI4MDMzIDMuMjE5NjdaTTExIDhMMTEuNTMwMyA4LjUzMDMzQzExLjgyMzIgOC4yMzc0NCAxMS44MjMyIDcuNzYyNTYgMTEuNTMwMyA3LjQ2OTY3TDExIDhaTTYuMjE5NjcgMTEuNzE5N0M1LjkyNjc4IDEyLjAxMjYgNS45MjY3OCAxMi40ODc0IDYuMjE5NjcgMTIuNzgwM0M2LjUxMjU2IDEzLjA3MzIgNi45ODc0NCAxMy4wNzMyIDcuMjgwMzMgMTIuNzgwM0w2LjIxOTY3IDExLjcxOTdaTTYuMjE5NjcgNC4yODAzM0wxMC40Njk3IDguNTMwMzNMMTEuNTMwMyA3LjQ2OTY3TDcuMjgwMzMgMy4yMTk2N0w2LjIxOTY3IDQuMjgwMzNaTTEwLjQ2OTcgNy40Njk2N0w2LjIxOTY3IDExLjcxOTdMNy4yODAzMyAxMi43ODAzTDExLjUzMDMgOC41MzAzM0wxMC40Njk3IDcuNDY5NjdaXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9wYXRoPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPVwib2N0aWNvbi1jaGV2cm93LXN0ZW1cIiBkPVwiTTEuNzUgOEgxMVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L3BhdGg+XHJcbiAgICAgICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTekQsTUFBTSxPQUFPLDRCQUE0QjtJQUVuQjtJQURYLGNBQWMsQ0FBYztJQUNyQyxZQUFvQixrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtJQUFJLENBQUM7SUFFL0QsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUNsQixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2FBQ3BEO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7YUFDbkQ7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7d0dBZFUsNEJBQTRCOzRGQUE1Qiw0QkFBNEIsNEdDVHpDLDh0REF1Qk07OzRGRGRPLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx3QkFBd0I7eUdBS3pCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEN0YVR5cGVPbmUgfSBmcm9tICcuLi9tb2RlbHMvY3RhLW9uZS10eXBlLm1vZGVsJztcbmltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N0YS1zZWN0aW9uLXN0eWxlLWZvdXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEN0YVNlY3Rpb25TdHlsZUZvdXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudCE6IEN0YVR5cGVPbmU7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYnJlYWtwb2ludE9ic2VydmVyLm9ic2VydmUoW1xuICAgICAgXCIobWF4LXdpZHRoOiA5MDBweClcIlxuICAgIF0pLnN1YnNjcmliZSgocmVzdWx0OiBCcmVha3BvaW50U3RhdGUpID0+IHtcbiAgICAgIGlmIChyZXN1bHQubWF0Y2hlcykge1xuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSBmYWxzZTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuc2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlLmFsaWduTGVmdCA9IHRydWU7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuXG59XG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jYXJkXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJyA6IHNlY3Rpb25Db250ZW50LmJnQ29sb3J9XCI+XG4gICAgPGltZyBsb2FkaW5nPVwibGF6eVwiICpuZ0lmPVwiIXNlY3Rpb25Db250ZW50LmJnQ29sb3IgJiYgc2VjdGlvbkNvbnRlbnQuYmdJbWFnZSBcIiBbc3JjXT1cInNlY3Rpb25Db250ZW50LmJnSW1hZ2VcIlxuICAgICAgICBjbGFzcz1cImJnLWltZ1wiIGFsdD1cImJnLWltZ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNpZGVcIiBbbmdDbGFzc109XCJ7J2ZsZXgtcmV2ZXJzZSc6c2VjdGlvbkNvbnRlbnQuaW1hZ2VUZXh0U29ydH1cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlY3Rpb24tdGl0bGVcIj5cbiAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnMtbGluZVwiPlxuICAgICAgICAgICAgPGEgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBzZWN0aW9uQ29udGVudC5idXR0b25zXCIgYXV0aFJvdXRlIFtyZXF1aXJlQXV0aF09XCJidXR0b24ucmVxdWlyZXNBdXRoXCJcbiAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJidXR0b24ucm91dGVcIiBjbGFzcz1cImN0YS1idXR0b24gY3VzdG9tLWFuY2hvclwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYnV0dG9uLXZhbHVlXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7YnV0dG9uLmxhYmVsfX1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgY2xhc3M9XCJjaGV2cm9uLXJpZ2h0XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiIGZpbGw9XCJub25lXCI+XG4gICAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTcuMjgwMzMgMy4yMTk2N0M2Ljk4NzQ0IDIuOTI2NzggNi41MTI1NiAyLjkyNjc4IDYuMjE5NjcgMy4yMTk2N0M1LjkyNjc4IDMuNTEyNTYgNS45MjY3OCAzLjk4NzQ0IDYuMjE5NjcgNC4yODAzM0w3LjI4MDMzIDMuMjE5NjdaTTExIDhMMTEuNTMwMyA4LjUzMDMzQzExLjgyMzIgOC4yMzc0NCAxMS44MjMyIDcuNzYyNTYgMTEuNTMwMyA3LjQ2OTY3TDExIDhaTTYuMjE5NjcgMTEuNzE5N0M1LjkyNjc4IDEyLjAxMjYgNS45MjY3OCAxMi40ODc0IDYuMjE5NjcgMTIuNzgwM0M2LjUxMjU2IDEzLjA3MzIgNi45ODc0NCAxMy4wNzMyIDcuMjgwMzMgMTIuNzgwM0w2LjIxOTY3IDExLjcxOTdaTTYuMjE5NjcgNC4yODAzM0wxMC40Njk3IDguNTMwMzNMMTEuNTMwMyA3LjQ2OTY3TDcuMjgwMzMgMy4yMTk2N0w2LjIxOTY3IDQuMjgwMzNaTTEwLjQ2OTcgNy40Njk2N0w2LjIxOTY3IDExLjcxOTdMNy4yODAzMyAxMi43ODAzTDExLjUzMDMgOC41MzAzM0wxMC40Njk3IDcuNDY5NjdaXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvcGF0aD5cbiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9XCJvY3RpY29uLWNoZXZyb3ctc3RlbVwiIGQ9XCJNMS43NSA4SDExXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiPlxuICAgICAgICAgICAgICAgICAgICA8L3BhdGg+XG4gICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19

package/esm2022/lib/cta-section-style-three/cta-section-style-three.component.mjs

@@ -10,12 +10,12 @@ export class CtaSectionStyleThreeComponent {
     }
     ngOnInit() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtaSectionStyleThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n    <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\r\n        class=\"bg-img\" alt=\"bg-img\">\r\n    <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n        <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n    </div>\r\n    <div class=\"text-side\">\r\n        <div class=\"section-title\">\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && sectionContent.titleImageOrder\">\r\n            <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n        </div>\r\n        <div class=\"buttons-line\">\r\n            <a *ngFor=\"let button of sectionContent.buttons\" [routerLink]=\"button.route\" class=\"custom-anchor\">\r\n                <button mat-raised-button [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n                    {{button.label}}\r\n                </button>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:2rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}@media only screen and (max-width: 75em){.main-card .text-side .section-title{width:85%}}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\n    <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\n        class=\"bg-img\" alt=\"bg-img\">\n    <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\n        <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\n    </div>\n    <div class=\"text-side\">\n        <div class=\"section-title\">\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n        </div>\n        <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && sectionContent.titleImageOrder\">\n            <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\n        </div>\n        <div class=\"buttons-line\">\n            <a *ngFor=\"let button of sectionContent.buttons\" [routerLink]=\"button.route\" class=\"custom-anchor\">\n                <button mat-raised-button [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\n                    {{button.label}}\n                </button>\n            </a>\n        </div>\n    </div>\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:2rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}@media only screen and (max-width: 75em){.main-card .text-side .section-title{width:85%}}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtaSectionStyleThreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n    <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\r\n        class=\"bg-img\" alt=\"bg-img\">\r\n    <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n        <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n    </div>\r\n    <div class=\"text-side\">\r\n        <div class=\"section-title\">\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && sectionContent.titleImageOrder\">\r\n            <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n        </div>\r\n        <div class=\"buttons-line\">\r\n            <a *ngFor=\"let button of sectionContent.buttons\" [routerLink]=\"button.route\" class=\"custom-anchor\">\r\n                <button mat-raised-button [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n                    {{button.label}}\r\n                </button>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:2rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}@media only screen and (max-width: 75em){.main-card .text-side .section-title{width:85%}}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\n"] }]
+            args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\n    <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\n        class=\"bg-img\" alt=\"bg-img\">\n    <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\n        <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\n    </div>\n    <div class=\"text-side\">\n        <div class=\"section-title\">\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n        </div>\n        <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && sectionContent.titleImageOrder\">\n            <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\n        </div>\n        <div class=\"buttons-line\">\n            <a *ngFor=\"let button of sectionContent.buttons\" [routerLink]=\"button.route\" class=\"custom-anchor\">\n                <button mat-raised-button [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\n                    {{button.label}}\n                </button>\n            </a>\n        </div>\n    </div>\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:2rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}@media only screen and (max-width: 75em){.main-card .text-side .section-title{width:85%}}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3pELE1BQU0sT0FBTyw2QkFBNkI7SUFDL0IsY0FBYyxDQUEwQjtJQUVqRDtJQUNBLENBQUM7SUFFRCxRQUFRLEtBQUksQ0FBQzt3R0FORiw2QkFBNkI7NEZBQTdCLDZCQUE2Qiw2R0NUMUMsa3lDQXFCTTs7NEZEWk8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5QjswRUFLMUIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TdHlsZVRocmVlIH0gZnJvbSAnLi4vbW9kZWxzL2NhbGwtdG8tYWN0aW9uLXN0eWxlLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdGFTZWN0aW9uU3R5bGVUaHJlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQhOiBDYWxsVG9BY3Rpb25TdHlsZVRocmVlO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jYXJkXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJyA6IHNlY3Rpb25Db250ZW50LmJnQ29sb3J9XCI+XHJcbiAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgKm5nSWY9XCIhc2VjdGlvbkNvbnRlbnQuYmdDb2xvciAmJiBzZWN0aW9uQ29udGVudC5iZ0ltYWdlIFwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmdJbWFnZVwiXHJcbiAgICAgICAgY2xhc3M9XCJiZy1pbWdcIiBhbHQ9XCJiZy1pbWdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJpbGx1c3RyYXRpb24tc2lkZVwiICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQuc2lkZUltYWdlICYmICFzZWN0aW9uQ29udGVudC50aXRsZUltYWdlT3JkZXJcIj5cclxuICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2VcIiBjbGFzcz1cInNpZGUtaW1nXCIgYWx0PVwic2lkZS1pbWdcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XHJcbiAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbGx1c3RyYXRpb24tc2lkZVwiICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQuc2lkZUltYWdlICYmIHNlY3Rpb25Db250ZW50LnRpdGxlSW1hZ2VPcmRlclwiPlxyXG4gICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2VcIiBjbGFzcz1cInNpZGUtaW1nXCIgYWx0PVwic2lkZS1pbWdcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1saW5lXCI+XHJcbiAgICAgICAgICAgIDxhICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygc2VjdGlvbkNvbnRlbnQuYnV0dG9uc1wiIFtyb3V0ZXJMaW5rXT1cImJ1dHRvbi5yb3V0ZVwiIGNsYXNzPVwiY3VzdG9tLWFuY2hvclwiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQnOmJ1dHRvbi5iZ0NvbG9yLCAnY29sb3InOiBidXR0b24udGV4dENvbG9yfVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7YnV0dG9uLmxhYmVsfX1cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3pELE1BQU0sT0FBTyw2QkFBNkI7SUFDL0IsY0FBYyxDQUEwQjtJQUVqRDtJQUNBLENBQUM7SUFFRCxRQUFRLEtBQUksQ0FBQzt3R0FORiw2QkFBNkI7NEZBQTdCLDZCQUE2Qiw2R0NUMUMsd3ZDQXFCTTs7NEZEWk8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5QjswRUFLMUIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IENhbGxUb0FjdGlvblN0eWxlVGhyZWUgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tc3R5bGUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdGEtc2VjdGlvbi1zdHlsZS10aHJlZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBDdGFTZWN0aW9uU3R5bGVUaHJlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50ITogQ2FsbFRvQWN0aW9uU3R5bGVUaHJlZTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYWluLWNhcmRcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQnIDogc2VjdGlvbkNvbnRlbnQuYmdDb2xvcn1cIj5cbiAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgKm5nSWY9XCIhc2VjdGlvbkNvbnRlbnQuYmdDb2xvciAmJiBzZWN0aW9uQ29udGVudC5iZ0ltYWdlIFwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmdJbWFnZVwiXG4gICAgICAgIGNsYXNzPVwiYmctaW1nXCIgYWx0PVwiYmctaW1nXCI+XG4gICAgPGRpdiBjbGFzcz1cImlsbHVzdHJhdGlvbi1zaWRlXCIgKm5nSWY9XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2UgJiYgIXNlY3Rpb25Db250ZW50LnRpdGxlSW1hZ2VPcmRlclwiPlxuICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2VcIiBjbGFzcz1cInNpZGUtaW1nXCIgYWx0PVwic2lkZS1pbWdcIj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1zaWRlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XG4gICAgICAgICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiPjwvc2VjdGlvbi10aXRsZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbGx1c3RyYXRpb24tc2lkZVwiICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQuc2lkZUltYWdlICYmIHNlY3Rpb25Db250ZW50LnRpdGxlSW1hZ2VPcmRlclwiPlxuICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuc2lkZUltYWdlXCIgY2xhc3M9XCJzaWRlLWltZ1wiIGFsdD1cInNpZGUtaW1nXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1saW5lXCI+XG4gICAgICAgICAgICA8YSAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIHNlY3Rpb25Db250ZW50LmJ1dHRvbnNcIiBbcm91dGVyTGlua109XCJidXR0b24ucm91dGVcIiBjbGFzcz1cImN1c3RvbS1hbmNob3JcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZCc6YnV0dG9uLmJnQ29sb3IsICdjb2xvcic6IGJ1dHRvbi50ZXh0Q29sb3J9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7YnV0dG9uLmxhYmVsfX1cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

package/esm2022/lib/custom-tooltip/custom-tooltip.component.mjs

@@ -14,10 +14,10 @@ export class CustomTooltipComponent {
         this.showDetails = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomTooltipComponent, selector: "custom-tooltip", ngImport: i0, template: "<div class=\"icon\">\r\n    <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\r\n        <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\r\n            <div>\r\n                <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\r\n            </div>\r\n        </div>\r\n        <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\r\n            <fa-icon icon=\"caret-left\"></fa-icon>\r\n            <ng-content></ng-content>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"], dependencies: [{ kind: "component", type: i1.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomTooltipComponent, selector: "custom-tooltip", ngImport: i0, template: "<div class=\"icon\">\n    <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\n        <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\n            <div>\n                <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\n            </div>\n        </div>\n        <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\n            <fa-icon icon=\"caret-left\"></fa-icon>\n            <ng-content></ng-content>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"], dependencies: [{ kind: "component", type: i1.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'custom-tooltip', template: "<div class=\"icon\">\r\n    <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\r\n        <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\r\n            <div>\r\n                <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\r\n            </div>\r\n        </div>\r\n        <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\r\n            <fa-icon icon=\"caret-left\"></fa-icon>\r\n            <ng-content></ng-content>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"] }]
+            args: [{ selector: 'custom-tooltip', template: "<div class=\"icon\">\n    <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\n        <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\n            <div>\n                <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\n            </div>\n        </div>\n        <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\n            <fa-icon icon=\"caret-left\"></fa-icon>\n            <ng-content></ng-content>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N1c3RvbS10b29sdGlwL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdXN0b20tdG9vbHRpcC9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzFDLE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsV0FBVyxDQUFVO0lBRXJCLFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFFM0IsQ0FBQzt3R0FkVSxzQkFBc0I7NEZBQXRCLHNCQUFzQixzRENQbkMsc2tCQVlNOzs0RkRMTyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2N1c3RvbS10b29sdGlwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VzdG9tVG9vbHRpcENvbXBvbmVudCB7XHJcbiAgc2hvd0RldGFpbHM6IGJvb2xlYW47XHJcblxyXG4gIG9uTW91c2VFbnRlcigpIHtcclxuICAgIHRoaXMuc2hvd0RldGFpbHMgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25Nb3VzZUNsaWNrKCkge1xyXG4gICAgdGhpcy5zaG93RGV0YWlscyA9ICF0aGlzLnNob3dEZXRhaWxzO1xyXG4gIH1cclxuXHJcbiAgb25Nb3VzZUxlYXZlKCkge1xyXG4gICAgdGhpcy5zaG93RGV0YWlscyA9IGZhbHNlO1xyXG5cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImljb25cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCIgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKClcIj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJvbk1vdXNlQ2xpY2soKVwiIGNsYXNzPVwiaWNvbi1jb250YWluZXJcIiAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoKVwiPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImluZm8tY2lyY2xlXCIgY2xhc3M9XCJpY29uLXNoYXBlXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1tZXNzYWdlLWJveFwiIFtuZ0NsYXNzXT1cInsnbm8tZGV0YWlscycgOiAhc2hvd0RldGFpbHMgLCAnZGV0YWlscyc6IHNob3dEZXRhaWxzfVwiPlxyXG4gICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwiY2FyZXQtbGVmdFwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N1c3RvbS10b29sdGlwL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdXN0b20tdG9vbHRpcC9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzFDLE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsV0FBVyxDQUFVO0lBRXJCLFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFFM0IsQ0FBQzt3R0FkVSxzQkFBc0I7NEZBQXRCLHNCQUFzQixzRENQbkMsOGlCQVlNOzs0RkRMTyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1c3RvbS10b29sdGlwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbVRvb2x0aXBDb21wb25lbnQge1xuICBzaG93RGV0YWlsczogYm9vbGVhbjtcblxuICBvbk1vdXNlRW50ZXIoKSB7XG4gICAgdGhpcy5zaG93RGV0YWlscyA9IHRydWU7XG4gIH1cblxuICBvbk1vdXNlQ2xpY2soKSB7XG4gICAgdGhpcy5zaG93RGV0YWlscyA9ICF0aGlzLnNob3dEZXRhaWxzO1xuICB9XG5cbiAgb25Nb3VzZUxlYXZlKCkge1xuICAgIHRoaXMuc2hvd0RldGFpbHMgPSBmYWxzZTtcblxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaWNvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCIgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKClcIj5cbiAgICAgICAgPGRpdiAoY2xpY2spPVwib25Nb3VzZUNsaWNrKClcIiBjbGFzcz1cImljb24tY29udGFpbmVyXCIgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKClcIj5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImluZm8tY2lyY2xlXCIgY2xhc3M9XCJpY29uLXNoYXBlXCI+PC9mYS1pY29uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1tZXNzYWdlLWJveFwiIFtuZ0NsYXNzXT1cInsnbm8tZGV0YWlscycgOiAhc2hvd0RldGFpbHMgLCAnZGV0YWlscyc6IHNob3dEZXRhaWxzfVwiPlxuICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImNhcmV0LWxlZnRcIj48L2ZhLWljb24+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19