@jooler/jooler-websites-shared 0.0.229 → 0.0.231
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/call-to-action-section/call-to-action-section.component.mjs +5 -4
- package/esm2022/lib/cta-section-style-four/cta-section-style-four.component.mjs +6 -5
- package/esm2022/lib/cta-section-style-three/cta-section-style-three.component.mjs +4 -8
- package/esm2022/lib/faq-category-listing/faq-category-listing.component.mjs +28 -0
- package/esm2022/lib/faq-listing/faq-listing.component.mjs +27 -0
- package/esm2022/lib/get-started-cta/get-started-cta.component.mjs +3 -3
- package/esm2022/lib/jooler-websites-shared.module.mjs +18 -4
- package/esm2022/lib/models/faq-category-context.enum.mjs +8 -0
- package/esm2022/lib/models/faq-category.model.mjs +9 -0
- package/esm2022/lib/models/faq-page.model.mjs +4 -0
- package/esm2022/lib/models/faq.model.mjs +7 -0
- package/esm2022/lib/value-prop-card/value-prop-card.component.mjs +3 -4
- package/esm2022/public-api.mjs +7 -1
- package/fesm2022/jooler-websites-shared.mjs +100 -19
- package/fesm2022/jooler-websites-shared.mjs.map +1 -1
- package/lib/cta-section-style-three/cta-section-style-three.component.d.ts +0 -1
- package/lib/faq-category-listing/faq-category-listing.component.d.ts +14 -0
- package/lib/faq-listing/faq-listing.component.d.ts +13 -0
- package/lib/jooler-websites-shared.module.d.ts +19 -16
- package/lib/models/faq-category-context.enum.d.ts +6 -0
- package/lib/models/faq-category.model.d.ts +9 -0
- package/lib/models/faq-page.model.d.ts +4 -0
- package/lib/models/faq.model.d.ts +7 -0
- package/package.json +7 -7
- package/public-api.d.ts +6 -0
|
@@ -3,7 +3,8 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
5
5
|
import * as i3 from "@angular/material/button";
|
|
6
|
-
import * as i4 from "
|
|
6
|
+
import * as i4 from "@angular/router";
|
|
7
|
+
import * as i5 from "../auth-route-directive";
|
|
7
8
|
export class CallToActionSectionComponent {
|
|
8
9
|
sectionContent;
|
|
9
10
|
titleOnRightSide = false;
|
|
@@ -11,11 +12,11 @@ export class CallToActionSectionComponent {
|
|
|
11
12
|
isBoxWithCard = false;
|
|
12
13
|
constructor() { }
|
|
13
14
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CallToActionSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\r\n 'colored-bg':!imageBg,\r\n 'image-bg':imageBg\r\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\r\n <div class=\"heading-side\">\r\n <div class=\"title\">{{sectionContent.title}}</div>\r\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\r\n <div class=\"buttons\">\r\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\r\n [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\r\n {{button.name}}\r\n <fa-icon icon=\"chevron-right\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\r\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\r\n [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\r\n <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\r\n <div class=\"box-title\">\r\n {{card.title}}\r\n </div>\r\n <div class=\"box-description\" *ngIf=\"card.description \">\r\n {{card.description}}\r\n </div>\r\n <div class=\"button\">\r\n <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\"
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\r\n 'colored-bg':!imageBg,\r\n 'image-bg':imageBg\r\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\r\n <div class=\"heading-side\">\r\n <div class=\"title\">{{sectionContent.title}}</div>\r\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\r\n <div class=\"buttons\">\r\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\r\n [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\r\n {{button.name}}\r\n <fa-icon icon=\"chevron-right\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\r\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\r\n [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\r\n <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\r\n <div class=\"box-title\">\r\n {{card.title}}\r\n </div>\r\n <div class=\"box-description\" *ngIf=\"card.description \">\r\n {{card.description}}\r\n </div>\r\n <div class=\"button\">\r\n <a [routerLink]=\"card.button.route\" class=\"custom-anchor\">\r\n <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\">\r\n {{card.button.name}}\r\n </button>\r\n </a>\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\r\n </div>\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{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353b;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\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"] }, { 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: "component", type: i3.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: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.AuthRouteDirective, selector: "[authRoute]", inputs: ["targetRoute", "requireAuth", "navigationExtras"] }] });
|
|
15
16
|
}
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\r\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\r\n 'colored-bg':!imageBg,\r\n 'image-bg':imageBg\r\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\r\n <div class=\"heading-side\">\r\n <div class=\"title\">{{sectionContent.title}}</div>\r\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\r\n <div class=\"buttons\">\r\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\r\n [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\r\n {{button.name}}\r\n <fa-icon icon=\"chevron-right\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\r\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\r\n [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\r\n <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\r\n <div class=\"box-title\">\r\n {{card.title}}\r\n </div>\r\n <div class=\"box-description\" *ngIf=\"card.description \">\r\n {{card.description}}\r\n </div>\r\n <div class=\"button\">\r\n <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\"
|
|
19
|
+
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\r\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\r\n 'colored-bg':!imageBg,\r\n 'image-bg':imageBg\r\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\r\n <div class=\"heading-side\">\r\n <div class=\"title\">{{sectionContent.title}}</div>\r\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\r\n <div class=\"buttons\">\r\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\r\n [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\r\n {{button.name}}\r\n <fa-icon icon=\"chevron-right\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\r\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\r\n [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\r\n <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\r\n <div class=\"box-title\">\r\n {{card.title}}\r\n </div>\r\n <div class=\"box-description\" *ngIf=\"card.description \">\r\n {{card.description}}\r\n </div>\r\n <div class=\"button\">\r\n <a [routerLink]=\"card.button.route\" class=\"custom-anchor\">\r\n <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\">\r\n {{card.button.name}}\r\n </button>\r\n </a>\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\r\n </div>\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{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353b;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"] }]
|
|
19
20
|
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
20
21
|
type: Input
|
|
21
22
|
}], titleOnRightSide: [{
|
|
@@ -25,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
25
26
|
}], isBoxWithCard: [{
|
|
26
27
|
type: Input
|
|
27
28
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTakQsTUFBTSxPQUFPLDRCQUE0QjtJQUM5QixjQUFjLENBQTBCO0lBQ3hDLGdCQUFnQixHQUFZLEtBQUssQ0FBQztJQUNsQyxPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLGFBQWEsR0FBWSxLQUFLLENBQUM7SUFFeEMsZ0JBQWdCLENBQUM7d0dBTk4sNEJBQTRCOzRGQUE1Qiw0QkFBNEIsc01DVHpDLDYwREFzQ007OzRGRDdCTyw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0Usd0JBQXdCOzBFQU16QixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGEgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBDYWxsVG9BY3Rpb25TZWN0aW9uRGF0YTtcclxuICBASW5wdXQoKSB0aXRsZU9uUmlnaHRTaWRlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaW1hZ2VCZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlzQm94V2l0aENhcmQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgPGRpdiBjbGFzcz1cImN0YS1ib3hcIiBbbmdDbGFzc109XCJ7J3RpdGxlLXJpZ2h0LXNpZGUnOnRpdGxlT25SaWdodFNpZGUsJ3RpdGxlLWxlZnQtc2lkZSc6IXRpdGxlT25SaWdodFNpZGUsXHJcbiAgJ2NvbG9yZWQtYmcnOiFpbWFnZUJnLFxyXG4gICdpbWFnZS1iZyc6aW1hZ2VCZ1xyXG59XCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWltYWdlJzogJ3VybCgnICsgc2VjdGlvbkNvbnRlbnQuYmdJbWFnZSArICcpJywgJ2JhY2tncm91bmQtY29sb3InOiBzZWN0aW9uQ29udGVudC5iZ0NvbG9yfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImhlYWRpbmctc2lkZVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj57e3NlY3Rpb25Db250ZW50LnRpdGxlfX08L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+e3tzZWN0aW9uQ29udGVudC5zdWJ0aXRsZX19PC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zXCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJjdGEtbGlua1wiICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygc2VjdGlvbkNvbnRlbnQuYnV0dG9uc1wiIGF1dGhSb3V0ZVxyXG4gICAgICAgICAgW3JlcXVpcmVBdXRoXT1cImJ1dHRvbi5yZXF1aXJlc0F1dGhcIiBbdGFyZ2V0Um91dGVdPVwiYnV0dG9uLnJvdXRlXCI+XHJcbiAgICAgICAgICB7e2J1dHRvbi5uYW1lfX1cclxuICAgICAgICAgIDxmYS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCI+PC9mYS1pY29uPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjdGEtc2lkZVwiIFtuZ0NsYXNzXT1cInsnb25seS1hbi1pdGVtJzpzZWN0aW9uQ29udGVudC5jdGFDYXJkcy5sZW5ndGggPT0gMSB9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJib3hcIiAqbmdGb3I9XCJsZXQgY2FyZCBvZiBzZWN0aW9uQ29udGVudC5jdGFDYXJkc1wiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieydib3gtY2FyZCc6aXNCb3hXaXRoQ2FyZCwgJ2JveC1ub24tY2FyZCc6IWlzQm94V2l0aENhcmR9XCI+XHJcbiAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiY2FyZC5pbWFnZVwiIGFsdD1cIlwiIGNsYXNzPVwiaW1hZ2VcIiAqbmdJZj1cImNhcmQuaW1hZ2VcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm94LXRpdGxlXCI+XHJcbiAgICAgICAgICB7e2NhcmQudGl0bGV9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3gtZGVzY3JpcHRpb25cIiAqbmdJZj1cImNhcmQuZGVzY3JpcHRpb24gXCI+XHJcbiAgICAgICAgICB7e2NhcmQuZGVzY3JpcHRpb259fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIj5cclxuICAgICAgICAgIDxhIFtyb3V0ZXJMaW5rXT1cImNhcmQuYnV0dG9uLnJvdXRlXCIgY2xhc3M9XCJjdXN0b20tYW5jaG9yXCI+XHJcbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtcmFpc2VkLWJ1dHRvbiBhdXRoUm91dGUgW3JlcXVpcmVBdXRoXT1cImNhcmQuYnV0dG9uLnJlcXVpcmVzQXV0aFwiPlxyXG4gICAgICAgICAgICB7e2NhcmQuYnV0dG9uLm5hbWV9fVxyXG4gICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCIgKm5nSWY9XCIhaXNCb3hXaXRoQ2FyZCAmJiBzZWN0aW9uQ29udGVudC5jdGFDYXJkcy5sZW5ndGggPiAxIFwiPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -2,8 +2,9 @@ import { Component, Input } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/cdk/layout";
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "../
|
|
5
|
+
import * as i3 from "@angular/router";
|
|
6
|
+
import * as i4 from "../auth-route-directive";
|
|
7
|
+
import * as i5 from "../section-title/section-title.component";
|
|
7
8
|
export class CtaSectionStyleFourComponent {
|
|
8
9
|
breakpointObserver;
|
|
9
10
|
sectionContent;
|
|
@@ -23,12 +24,12 @@ export class CtaSectionStyleFourComponent {
|
|
|
23
24
|
});
|
|
24
25
|
}
|
|
25
26
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtaSectionStyleFourComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
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 <
|
|
27
|
+
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"] }] });
|
|
27
28
|
}
|
|
28
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtaSectionStyleFourComponent, decorators: [{
|
|
29
30
|
type: Component,
|
|
30
|
-
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 <
|
|
31
|
+
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"] }]
|
|
31
32
|
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
|
|
32
33
|
type: Input
|
|
33
34
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTekQsTUFBTSxPQUFPLDRCQUE0QjtJQUVuQjtJQURYLGNBQWMsQ0FBYztJQUNyQyxZQUFvQixrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtJQUFJLENBQUM7SUFFL0QsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUNsQixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2FBQ3BEO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7YUFDbkQ7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7d0dBZFUsNEJBQTRCOzRGQUE1Qiw0QkFBNEIsNEdDVHpDLDR3REF1Qk07OzRGRGRPLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx3QkFBd0I7eUdBS3pCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3RhVHlwZU9uZSB9IGZyb20gJy4uL21vZGVscy9jdGEtb25lLXR5cGUubW9kZWwnO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdGEtc2VjdGlvbi1zdHlsZS1mb3VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN0YVNlY3Rpb25TdHlsZUZvdXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50ITogQ3RhVHlwZU9uZTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtcclxuICAgICAgXCIobWF4LXdpZHRoOiA5MDBweClcIlxyXG4gICAgXSkuc3Vic2NyaWJlKChyZXN1bHQ6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xyXG4gICAgICBpZiAocmVzdWx0Lm1hdGNoZXMpIHtcclxuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSBmYWxzZTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jYXJkXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJyA6IHNlY3Rpb25Db250ZW50LmJnQ29sb3J9XCI+XHJcbiAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgKm5nSWY9XCIhc2VjdGlvbkNvbnRlbnQuYmdDb2xvciAmJiBzZWN0aW9uQ29udGVudC5iZ0ltYWdlIFwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmdJbWFnZVwiXHJcbiAgICAgICAgY2xhc3M9XCJiZy1pbWdcIiBhbHQ9XCJiZy1pbWdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNpZGVcIiBbbmdDbGFzc109XCJ7J2ZsZXgtcmV2ZXJzZSc6c2VjdGlvbkNvbnRlbnQuaW1hZ2VUZXh0U29ydH1cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi10aXRsZVwiPlxyXG4gICAgICAgICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiPjwvc2VjdGlvbi10aXRsZT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1saW5lXCI+XHJcbiAgICAgICAgICAgIDxhICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygc2VjdGlvbkNvbnRlbnQuYnV0dG9uc1wiIGF1dGhSb3V0ZSBbcmVxdWlyZUF1dGhdPVwiYnV0dG9uLnJlcXVpcmVzQXV0aFwiXHJcbiAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJidXR0b24ucm91dGVcIiBjbGFzcz1cImN0YS1idXR0b24gY3VzdG9tLWFuY2hvclwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJidXR0b24tdmFsdWVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2J1dHRvbi5sYWJlbH19XHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBjbGFzcz1cImNoZXZyb24tcmlnaHRcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCIgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTcuMjgwMzMgMy4yMTk2N0M2Ljk4NzQ0IDIuOTI2NzggNi41MTI1NiAyLjkyNjc4IDYuMjE5NjcgMy4yMTk2N0M1LjkyNjc4IDMuNTEyNTYgNS45MjY3OCAzLjk4NzQ0IDYuMjE5NjcgNC4yODAzM0w3LjI4MDMzIDMuMjE5NjdaTTExIDhMMTEuNTMwMyA4LjUzMDMzQzExLjgyMzIgOC4yMzc0NCAxMS44MjMyIDcuNzYyNTYgMTEuNTMwMyA3LjQ2OTY3TDExIDhaTTYuMjE5NjcgMTEuNzE5N0M1LjkyNjc4IDEyLjAxMjYgNS45MjY3OCAxMi40ODc0IDYuMjE5NjcgMTIuNzgwM0M2LjUxMjU2IDEzLjA3MzIgNi45ODc0NCAxMy4wNzMyIDcuMjgwMzMgMTIuNzgwM0w2LjIxOTY3IDExLjcxOTdaTTYuMjE5NjcgNC4yODAzM0wxMC40Njk3IDguNTMwMzNMMTEuNTMwMyA3LjQ2OTY3TDcuMjgwMzMgMy4yMTk2N0w2LjIxOTY3IDQuMjgwMzNaTTEwLjQ2OTcgNy40Njk2N0w2LjIxOTY3IDExLjcxOTdMNy4yODAzMyAxMi43ODAzTDExLjUzMDMgOC41MzAzM0wxMC40Njk3IDcuNDY5NjdaXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9wYXRoPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPVwib2N0aWNvbi1jaGV2cm93LXN0ZW1cIiBkPVwiTTEuNzUgOEgxMVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L3BhdGg+XHJcbiAgICAgICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -10,18 +10,14 @@ export class CtaSectionStyleThreeComponent {
|
|
|
10
10
|
constructor(_router) {
|
|
11
11
|
this._router = _router;
|
|
12
12
|
}
|
|
13
|
-
ngOnInit() {
|
|
14
|
-
}
|
|
15
|
-
onClickCtaButton(route) {
|
|
16
|
-
this._router.navigate([route]);
|
|
17
|
-
}
|
|
13
|
+
ngOnInit() { }
|
|
18
14
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtaSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
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\"
|
|
15
|
+
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: 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: "component", type: i3.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: i1.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"] }] });
|
|
20
16
|
}
|
|
21
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CtaSectionStyleThreeComponent, decorators: [{
|
|
22
18
|
type: Component,
|
|
23
|
-
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\"
|
|
19
|
+
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"] }]
|
|
24
20
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
25
21
|
type: Input
|
|
26
22
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3pELE1BQU0sT0FBTyw2QkFBNkI7SUFJOUI7SUFIRCxjQUFjLENBQTBCO0lBRWpELFlBQ1UsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFDekIsQ0FBQztJQUVELFFBQVEsS0FBSSxDQUFDO3dHQVBGLDZCQUE2Qjs0RkFBN0IsNkJBQTZCLDZHQ1QxQyxreUNBcUJNOzs0RkRaTyw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UseUJBQXlCOzZGQUsxQixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IENhbGxUb0FjdGlvblN0eWxlVGhyZWUgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tc3R5bGUubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdGEtc2VjdGlvbi1zdHlsZS10aHJlZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN0YVNlY3Rpb25TdHlsZVRocmVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudCE6IENhbGxUb0FjdGlvblN0eWxlVGhyZWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jYXJkXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJyA6IHNlY3Rpb25Db250ZW50LmJnQ29sb3J9XCI+XHJcbiAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgKm5nSWY9XCIhc2VjdGlvbkNvbnRlbnQuYmdDb2xvciAmJiBzZWN0aW9uQ29udGVudC5iZ0ltYWdlIFwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmdJbWFnZVwiXHJcbiAgICAgICAgY2xhc3M9XCJiZy1pbWdcIiBhbHQ9XCJiZy1pbWdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJpbGx1c3RyYXRpb24tc2lkZVwiICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQuc2lkZUltYWdlICYmICFzZWN0aW9uQ29udGVudC50aXRsZUltYWdlT3JkZXJcIj5cclxuICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2VcIiBjbGFzcz1cInNpZGUtaW1nXCIgYWx0PVwic2lkZS1pbWdcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XHJcbiAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbGx1c3RyYXRpb24tc2lkZVwiICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQuc2lkZUltYWdlICYmIHNlY3Rpb25Db250ZW50LnRpdGxlSW1hZ2VPcmRlclwiPlxyXG4gICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2VcIiBjbGFzcz1cInNpZGUtaW1nXCIgYWx0PVwic2lkZS1pbWdcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1saW5lXCI+XHJcbiAgICAgICAgICAgIDxhICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygc2VjdGlvbkNvbnRlbnQuYnV0dG9uc1wiIFtyb3V0ZXJMaW5rXT1cImJ1dHRvbi5yb3V0ZVwiIGNsYXNzPVwiY3VzdG9tLWFuY2hvclwiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQnOmJ1dHRvbi5iZ0NvbG9yLCAnY29sb3InOiBidXR0b24udGV4dENvbG9yfVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7YnV0dG9uLmxhYmVsfX1cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/router";
|
|
4
|
+
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
export class FaqCategoryListingComponent {
|
|
7
|
+
_Router;
|
|
8
|
+
category;
|
|
9
|
+
isSelected;
|
|
10
|
+
constructor(_Router) {
|
|
11
|
+
this._Router = _Router;
|
|
12
|
+
}
|
|
13
|
+
ngOnInit() { }
|
|
14
|
+
onClick() {
|
|
15
|
+
this._Router.navigate(['/faq/faq-category-page', this.category.id]);
|
|
16
|
+
}
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FaqCategoryListingComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FaqCategoryListingComponent, selector: "faq-category-listing", inputs: { category: "category", isSelected: "isSelected" }, ngImport: i0, template: "<div [ngClass]=\"{'selected':isSelected}\" class=\"listing\">\r\n <div class=\"icon-container\">\r\n <fa-icon [icon]=\"category.iconName\"></fa-icon>\r\n </div>\r\n <div class=\"title\">\r\n {{category.title}}\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}.listing{display:grid;grid-template-rows:auto auto;align-items:center;background:#fff;padding:2rem;border-radius:1.5rem;grid-row-gap:1rem;width:100%;height:20rem;margin:auto;place-items:center;border:.2rem solid #32353b;transition:all ease-in-out .1s;color:#32353b}.listing:hover{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}.icon-container{grid-row:1/span 2;grid-column:1;font-size:5rem}.title{font-size:18px;font-weight:700}.selected{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}@media only screen and (max-width: 75em){.listing{width:30rem;margin:auto 1rem}}@media only screen and (max-width: 37.5em){.listing{width:15rem;height:12rem;padding:0}.listing .title{font-size:1.8rem}.listing .icon-container{font-size:4rem}}\n"], dependencies: [{ kind: "component", type: i2.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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FaqCategoryListingComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'faq-category-listing', template: "<div [ngClass]=\"{'selected':isSelected}\" class=\"listing\">\r\n <div class=\"icon-container\">\r\n <fa-icon [icon]=\"category.iconName\"></fa-icon>\r\n </div>\r\n <div class=\"title\">\r\n {{category.title}}\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}.listing{display:grid;grid-template-rows:auto auto;align-items:center;background:#fff;padding:2rem;border-radius:1.5rem;grid-row-gap:1rem;width:100%;height:20rem;margin:auto;place-items:center;border:.2rem solid #32353b;transition:all ease-in-out .1s;color:#32353b}.listing:hover{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}.icon-container{grid-row:1/span 2;grid-column:1;font-size:5rem}.title{font-size:18px;font-weight:700}.selected{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}@media only screen and (max-width: 75em){.listing{width:30rem;margin:auto 1rem}}@media only screen and (max-width: 37.5em){.listing{width:15rem;height:12rem;padding:0}.listing .title{font-size:1.8rem}.listing .icon-container{font-size:4rem}}\n"] }]
|
|
23
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { category: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], isSelected: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}] } });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZhcS1jYXRlZ29yeS1saXN0aW5nL2ZhcS1jYXRlZ29yeS1saXN0aW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mYXEtY2F0ZWdvcnktbGlzdGluZy9mYXEtY2F0ZWdvcnktbGlzdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTekQsTUFBTSxPQUFPLDJCQUEyQjtJQUlsQjtJQUhYLFFBQVEsQ0FBYztJQUN0QixVQUFVLENBQVU7SUFFN0IsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBRXhDLFFBQVEsS0FBVSxDQUFDO0lBRW5CLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLHdCQUF3QixFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN0RSxDQUFDO3dHQVZVLDJCQUEyQjs0RkFBM0IsMkJBQTJCLHdIQ1R4QyxrUUFPTTs7NEZERU8sMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjs2RkFLdkIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEZBUUNhdGVnb3J5IH0gZnJvbSAnLi4vbW9kZWxzL2ZhcS1jYXRlZ29yeS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ZhcS1jYXRlZ29yeS1saXN0aW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFxLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhcS1jYXRlZ29yeS1saXN0aW5nLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhcUNhdGVnb3J5TGlzdGluZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgY2F0ZWdvcnk6IEZBUUNhdGVnb3J5O1xyXG4gIEBJbnB1dCgpIGlzU2VsZWN0ZWQ6IGJvb2xlYW47XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICBvbkNsaWNrKCkge1xyXG4gICAgdGhpcy5fUm91dGVyLm5hdmlnYXRlKFsnL2ZhcS9mYXEtY2F0ZWdvcnktcGFnZScsIHRoaXMuY2F0ZWdvcnkuaWRdKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBbbmdDbGFzc109XCJ7J3NlbGVjdGVkJzppc1NlbGVjdGVkfVwiIGNsYXNzPVwibGlzdGluZ1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGZhLWljb24gW2ljb25dPVwiY2F0ZWdvcnkuaWNvbk5hbWVcIj48L2ZhLWljb24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxyXG4gICAgICAgIHt7Y2F0ZWdvcnkudGl0bGV9fVxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/material/icon";
|
|
5
|
+
import * as i3 from "@angular/material/expansion";
|
|
6
|
+
export class FaqListingComponent {
|
|
7
|
+
faq;
|
|
8
|
+
isOpen;
|
|
9
|
+
constructor() { }
|
|
10
|
+
ngOnInit() {
|
|
11
|
+
}
|
|
12
|
+
onOpened($event) {
|
|
13
|
+
this.isOpen = true;
|
|
14
|
+
}
|
|
15
|
+
onClosed($event) {
|
|
16
|
+
this.isOpen = false;
|
|
17
|
+
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FaqListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FaqListingComponent, selector: "faq-listing", inputs: { faq: "faq" }, ngImport: i0, template: "<mat-expansion-panel class=\"listing\" hideToggle [expanded]=\"isOpen\" (opened)=\"onOpened($event)\"\r\n (closed)=\"onClosed($event)\">\r\n <mat-expansion-panel-header class=\"panel-header\">\r\n <mat-panel-title class=\"title\">\r\n {{faq.question}}\r\n </mat-panel-title>\r\n <div class=\"icon\">\r\n <mat-icon *ngIf=\"!isOpen\">add_circle_outline</mat-icon>\r\n <mat-icon *ngIf=\"isOpen\">remove_circle_outline</mat-icon>\r\n </div>\r\n </mat-expansion-panel-header>\r\n <div class=\"content\">\r\n {{faq.response}}\r\n </div>\r\n</mat-expansion-panel>", 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}.content{padding-left:1.5rem;border-left:.2rem solid #155ED4;margin-bottom:2rem}.panel-header{display:flex;flex-direction:row;column-gap:2%;align-items:center;padding:1rem}.title{font-size:1.6rem;font-weight:700}mat-icon{color:#155ed4;transition:ease .1s}mat-expansion-panel-header{font-family:inherit}mat-expansion-panel-header:hover:active mat-icon{transform:rotate(180deg)}.mat-expansion-panel-header{height:auto}.mat-expansion-panel-body{padding:1rem 1.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }] });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FaqListingComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'faq-listing', template: "<mat-expansion-panel class=\"listing\" hideToggle [expanded]=\"isOpen\" (opened)=\"onOpened($event)\"\r\n (closed)=\"onClosed($event)\">\r\n <mat-expansion-panel-header class=\"panel-header\">\r\n <mat-panel-title class=\"title\">\r\n {{faq.question}}\r\n </mat-panel-title>\r\n <div class=\"icon\">\r\n <mat-icon *ngIf=\"!isOpen\">add_circle_outline</mat-icon>\r\n <mat-icon *ngIf=\"isOpen\">remove_circle_outline</mat-icon>\r\n </div>\r\n </mat-expansion-panel-header>\r\n <div class=\"content\">\r\n {{faq.response}}\r\n </div>\r\n</mat-expansion-panel>", 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}.content{padding-left:1.5rem;border-left:.2rem solid #155ED4;margin-bottom:2rem}.panel-header{display:flex;flex-direction:row;column-gap:2%;align-items:center;padding:1rem}.title{font-size:1.6rem;font-weight:700}mat-icon{color:#155ed4;transition:ease .1s}mat-expansion-panel-header{font-family:inherit}mat-expansion-panel-header:hover:active mat-icon{transform:rotate(180deg)}.mat-expansion-panel-header{height:auto}.mat-expansion-panel-body{padding:1rem 1.5rem}\n"] }]
|
|
24
|
+
}], ctorParameters: function () { return []; }, propDecorators: { faq: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}] } });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLWxpc3RpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZhcS1saXN0aW5nL2ZhcS1saXN0aW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mYXEtbGlzdGluZy9mYXEtbGlzdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjtJQUNyQixHQUFHLENBQU07SUFDbEIsTUFBTSxDQUFVO0lBRWhCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsUUFBUSxDQUFDLE1BQU07UUFDYixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNyQixDQUFDO0lBRUQsUUFBUSxDQUFDLE1BQU07UUFDYixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN0QixDQUFDO3dHQWZVLG1CQUFtQjs0RkFBbkIsbUJBQW1CLDJFQ1JoQyxpb0JBY3NCOzs0RkROVCxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsYUFBYTswRUFLZCxHQUFHO3NCQUFYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGQVEgfSBmcm9tICcuLi9tb2RlbHMvZmFxLm1vZGVsJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ZhcS1saXN0aW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFxLWxpc3RpbmcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9mYXEtbGlzdGluZy5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFxTGlzdGluZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZmFxOiBGQVE7XHJcbiAgaXNPcGVuOiBib29sZWFuO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIG9uT3BlbmVkKCRldmVudCkge1xyXG4gICAgdGhpcy5pc09wZW4gPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25DbG9zZWQoJGV2ZW50KSB7XHJcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8bWF0LWV4cGFuc2lvbi1wYW5lbCBjbGFzcz1cImxpc3RpbmdcIiBoaWRlVG9nZ2xlIFtleHBhbmRlZF09XCJpc09wZW5cIiAob3BlbmVkKT1cIm9uT3BlbmVkKCRldmVudClcIlxyXG4gICAgKGNsb3NlZCk9XCJvbkNsb3NlZCgkZXZlbnQpXCI+XHJcbiAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXIgY2xhc3M9XCJwYW5lbC1oZWFkZXJcIj5cclxuICAgICAgICA8bWF0LXBhbmVsLXRpdGxlIGNsYXNzPVwidGl0bGVcIj5cclxuICAgICAgICAgICAge3tmYXEucXVlc3Rpb259fVxyXG4gICAgICAgIDwvbWF0LXBhbmVsLXRpdGxlPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uXCI+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFpc09wZW5cIj5hZGRfY2lyY2xlX291dGxpbmU8L21hdC1pY29uPlxyXG4gICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJpc09wZW5cIj5yZW1vdmVfY2lyY2xlX291dGxpbmU8L21hdC1pY29uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAge3tmYXEucmVzcG9uc2V9fVxyXG4gICAgPC9kaXY+XHJcbjwvbWF0LWV4cGFuc2lvbi1wYW5lbD4iXX0=
|
|
@@ -13,12 +13,12 @@ export class GetStartedCTAComponent {
|
|
|
13
13
|
this._Router.navigate([route]);
|
|
14
14
|
}
|
|
15
15
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetStartedCTAComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GetStartedCTAComponent, selector: "get-started-cta", inputs: { ctaCardData: "ctaCardData" }, ngImport: i0, template: "<div class=\"all\">\r\n <div class=\"get-started\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\r\n <path\r\n d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\r\n <path\r\n d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg svg-3\">\r\n <path\r\n d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\r\n <path\r\n d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\r\n <path\r\n d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\r\n </svg>\r\n\r\n\r\n <div class=\"content\">\r\n <h1>{{ctaCardData.title}}</h1>\r\n <div class=\"description\">\r\n {{ctaCardData.description}}\r\n </div>\r\n <img loading=\"lazy\" [src]=\"ctaCardData.logo.path\" alt=\"\"
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GetStartedCTAComponent, selector: "get-started-cta", inputs: { ctaCardData: "ctaCardData" }, ngImport: i0, template: "<div class=\"all\">\r\n <div class=\"get-started\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\r\n <path\r\n d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\r\n <path\r\n d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg svg-3\">\r\n <path\r\n d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\r\n <path\r\n d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\r\n <path\r\n d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\r\n </svg>\r\n\r\n\r\n <div class=\"content\">\r\n <h1>{{ctaCardData.title}}</h1>\r\n <div class=\"description\">\r\n {{ctaCardData.description}}\r\n </div>\r\n <a [routerLink]=\"ctaCardData.logo.route\" class=\"custom-anchor\">\r\n <img loading=\"lazy\" [src]=\"ctaCardData.logo.path\" alt=\"\" class=\"logo-img\">\r\n </a>\r\n <div class=\"create-account\">\r\n <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\r\n <a [routerLink]=\"ctaCardData.callToActionButton.route\" class=\"custom-anchor\">\r\n <button mat-raised-button color=\"primary\">{{ctaCardData.callToActionButton.label}}</button>\r\n </a>\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}.all{margin-top:3rem;display:flex;align-items:center}.get-started{position:relative;text-align:center;color:#fff;display:grid;padding:3rem 0rem;border-radius:1.5rem;margin:auto;background-color:#32353b;box-shadow:2rem 2rem 3.4rem #00000040;z-index:2;width:90%}@media only screen and (min-width: 1500px){.get-started{width:150rem}}.get-started path{fill:#155ed4}.get-started .svg{position:absolute;z-index:-1;width:20%;height:11rem}.get-started .svg-1{flex-shrink:0;fill:#155ed4;bottom:1rem;left:0%}.get-started .svg-2{left:10%;width:9em;height:11rem}.get-started .svg-3{top:4rem;right:30%}.get-started .svg-4{top:2rem;right:0}.get-started .svg-5{bottom:1rem;right:0}.get-started .content{display:grid;row-gap:1rem}.get-started .content .title{font-size:4rem}.get-started .content .description{width:60%;margin:auto}@media only screen and (max-width: 75em){.get-started .content .description{width:80%}}.get-started .sign-up{text-decoration:underline;font-weight:500;cursor:pointer}.get-started .logo-img{cursor:pointer;margin:2vh 0 5vh;width:20rem;margin:auto}.get-started .create-account{display:flex;justify-content:center;align-items:center;width:50%;margin:auto;gap:2rem}@media only screen and (max-width: 75em){.get-started .create-account{width:70%}}@media only screen and (max-width: 56.25em){.get-started .create-account{height:auto;row-gap:1rem;flex-wrap:wrap;width:100%;flex-direction:column}}@media only screen and (max-width: 37.5em){.get-started .svg-3{display:none}}\n"], dependencies: [{ 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: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetStartedCTAComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'get-started-cta', template: "<div class=\"all\">\r\n <div class=\"get-started\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\r\n <path\r\n d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\r\n <path\r\n d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg svg-3\">\r\n <path\r\n d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\r\n <path\r\n d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\r\n <path\r\n d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\r\n </svg>\r\n\r\n\r\n <div class=\"content\">\r\n <h1>{{ctaCardData.title}}</h1>\r\n <div class=\"description\">\r\n {{ctaCardData.description}}\r\n </div>\r\n <img loading=\"lazy\" [src]=\"ctaCardData.logo.path\" alt=\"\"
|
|
20
|
+
args: [{ selector: 'get-started-cta', template: "<div class=\"all\">\r\n <div class=\"get-started\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\r\n <path\r\n d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\r\n <path\r\n d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg svg-3\">\r\n <path\r\n d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\r\n <path\r\n d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\r\n <path\r\n d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\r\n </svg>\r\n\r\n\r\n <div class=\"content\">\r\n <h1>{{ctaCardData.title}}</h1>\r\n <div class=\"description\">\r\n {{ctaCardData.description}}\r\n </div>\r\n <a [routerLink]=\"ctaCardData.logo.route\" class=\"custom-anchor\">\r\n <img loading=\"lazy\" [src]=\"ctaCardData.logo.path\" alt=\"\" class=\"logo-img\">\r\n </a>\r\n <div class=\"create-account\">\r\n <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\r\n <a [routerLink]=\"ctaCardData.callToActionButton.route\" class=\"custom-anchor\">\r\n <button mat-raised-button color=\"primary\">{{ctaCardData.callToActionButton.label}}</button>\r\n </a>\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}.all{margin-top:3rem;display:flex;align-items:center}.get-started{position:relative;text-align:center;color:#fff;display:grid;padding:3rem 0rem;border-radius:1.5rem;margin:auto;background-color:#32353b;box-shadow:2rem 2rem 3.4rem #00000040;z-index:2;width:90%}@media only screen and (min-width: 1500px){.get-started{width:150rem}}.get-started path{fill:#155ed4}.get-started .svg{position:absolute;z-index:-1;width:20%;height:11rem}.get-started .svg-1{flex-shrink:0;fill:#155ed4;bottom:1rem;left:0%}.get-started .svg-2{left:10%;width:9em;height:11rem}.get-started .svg-3{top:4rem;right:30%}.get-started .svg-4{top:2rem;right:0}.get-started .svg-5{bottom:1rem;right:0}.get-started .content{display:grid;row-gap:1rem}.get-started .content .title{font-size:4rem}.get-started .content .description{width:60%;margin:auto}@media only screen and (max-width: 75em){.get-started .content .description{width:80%}}.get-started .sign-up{text-decoration:underline;font-weight:500;cursor:pointer}.get-started .logo-img{cursor:pointer;margin:2vh 0 5vh;width:20rem;margin:auto}.get-started .create-account{display:flex;justify-content:center;align-items:center;width:50%;margin:auto;gap:2rem}@media only screen and (max-width: 75em){.get-started .create-account{width:70%}}@media only screen and (max-width: 56.25em){.get-started .create-account{height:auto;row-gap:1rem;flex-wrap:wrap;width:100%;flex-direction:column}}@media only screen and (max-width: 37.5em){.get-started .svg-3{display:none}}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ctaCardData: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxzQkFBc0I7SUFJYjtJQUhYLFdBQVcsQ0FBZ0I7SUFFcEMsUUFBUSxLQUFLLENBQUM7SUFDZCxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQzt3R0FSVSxzQkFBc0I7NEZBQXRCLHNCQUFzQiwrRkNSbkMsbTBGQTZDTTs7NEZEckNPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7NkZBS2xCLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgR2V0U3RhcnRlZEN0YSB9IGZyb20gJy4uL21vZGVscy9nZXQtc3RhcnRlZC1jdGEubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2dldC1zdGFydGVkLWN0YScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2dldC1zdGFydGVkLWN0YS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEdldFN0YXJ0ZWRDVEFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGN0YUNhcmREYXRhOiBHZXRTdGFydGVkQ3RhO1xyXG5cclxuICBuZ09uSW5pdCgpIHsgfVxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgb25DbGlja0xpbmsocm91dGUpIHtcclxuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbcm91dGVdKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFsbFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImdldC1zdGFydGVkXCI+XHJcbiAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgY2xhc3M9XCJzdmcgc3ZnLTFcIiB2aWV3Qm94PVwiMCAwIDIyOCAyMzRcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD1cIk0wLjAxMDIyIDE1Ni44MDdDMy43ODI0MiA3Mi41NDY3IC0xNi43NjEyIC0wLjAwMDQyOTc5NiA3MC4zMjIgLTAuMDAwNDI5Nzk2QzE1Ny40MDUgLTAuMDAwNDI5Nzk2IDIyOCA3MC43MTE5IDIyOCAxNTcuOTQxQzIyOCAyNDUuMTcgMTgwLjMyMSAyMzMuODg5IDk0LjY5MSAyMzMuMTMzQy0zLjAwNzU0IDIzMi4yNzEgMC4wMTAyMiAyNDQuMDM2IDAuMDEwMjIgMTU2LjgwN1pcIlxyXG4gICAgICAgICAgICAgICAgZmlsbD1cIiMxNTVFRDRcIiAvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG5cclxuICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBjbGFzcz1cInN2ZyBzdmctMlwiIHZpZXdCb3g9XCIwIDAgMTc3IDExN1wiIGZpbGw9XCJub25lXCI+XHJcbiAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTExMC4zNTcgMTAuNTMzM0MxOTQgLTMwLjM3MzkgMTgyLjQyOCA2MS4yMzk3IDE1OS4xMiA5MC4wMjM2QzEzNS44MTEgMTE4LjgwOCA4Mi42NDA5IDEyNS44NDQgNTMuODU2OSAxMDIuNTM1QzI1LjA3MyA3OS4yMjYgLTE1Ljk1MiA1Mi4zMTc0IDcuMzU2NzYgMjMuNTMzNUMzMC42NjU1IC01LjI1MDQ1IDcwIDI1LjEyNjEgMTEwLjM1NyAxMC41MzMzWlwiIC8+XHJcbiAgICAgICAgPC9zdmc+XHJcblxyXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMzEzIDIyOVwiIGZpbGw9XCJub25lXCIgY2xhc3M9XCJzdmcgc3ZnLTNcIj5cclxuICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNMjkxLjEyMiAxODYuMDk2QzI0My45NTEgMjg2Ljc0MSAyMzEuOTQ2IDE4My4wNjEgMTQ4LjgzMiAxNDUuMTg0QzY1LjcxODMgMTA3LjMwNyAtMzMuODc2NSAxNjYuOTE2IDEyLjU4NzkgNjQuOTU5NUM1OS4wNTIzIC0zNi45OTczIDE0OS42NDkgMTUuOTg5NyAyMTcuMTA5IDQuNTg0NTVDMzA1LjE5NyAtMTMuNjE2MyAzMzcuNTg2IDg0LjEzOTMgMjkxLjEyMiAxODYuMDk2WlwiIC8+XHJcbiAgICAgICAgPC9zdmc+XHJcblxyXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGNsYXNzPVwic3ZnIHN2Zy00XCIgdmlld0JveD1cIjAgMCAxMzAgMTg3XCIgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNMTI5LjYyNiA2My4xMjI4QzEyOC45ODEgMTEyLjQ1OCAxMzcuMzMzIDE4NyA4Ny43MDY5IDE4N0MzOC4wODA1IDE4NyAwIDExMi4yMTEgMCA2Mi40NzY1QzAgMTIuNzQxNiAzNy42NTA2IC0wLjAwMDQyNzI0NiA4Ny4yNzcgLTAuMDAwNDI3MjQ2QzEzNi45MDMgLTAuMDAwNDI3MjQ2IDEyOS42MjYgMTMuMzg3OSAxMjkuNjI2IDYzLjEyMjhaXCIgLz5cclxuICAgICAgICA8L3N2Zz5cclxuXHJcbiAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgY2xhc3M9XCJzdmcgc3ZnLTVcIiB2aWV3Qm94PVwiMCAwIDE3MyAxMzFcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD1cIk05OC43MDIxIDIxLjUyODVDMTY3LjUwOCAtNDEuMjAzMiAxODIuMTA1IDQ5Ljk3NzMgMTY3LjgwOCA4NC4xNDQ4QzE1My41MTIgMTE4LjMxMiAxMDQuNDUxIDEzOS45ODQgNzAuMjgzOCAxMjUuNjg3QzM2LjExNjMgMTExLjM5IC0xMC44MTA2IDk3LjA3MjggMy40ODYwMiA2Mi45MDUzQzE3Ljc4MjcgMjguNzM3OCA2NC4wNiA0Ni44NTgyIDk4LjcwMjEgMjEuNTI4NVpcIiAvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICAgICAgPGgxPnt7Y3RhQ2FyZERhdGEudGl0bGV9fTwvaDE+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICAgICAge3tjdGFDYXJkRGF0YS5kZXNjcmlwdGlvbn19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8YSBbcm91dGVyTGlua109XCJjdGFDYXJkRGF0YS5sb2dvLnJvdXRlXCIgY2xhc3M9XCJjdXN0b20tYW5jaG9yXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJjdGFDYXJkRGF0YS5sb2dvLnBhdGhcIiBhbHQ9XCJcIiBjbGFzcz1cImxvZ28taW1nXCI+XHJcbiAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNyZWF0ZS1hY2NvdW50XCI+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImVtYWlsXCIgY2xhc3M9XCJlbWFpbC1pbnB1dFwiIHBsYWNlaG9sZGVyPVwiRW1haWwgQWRkcmVzc1wiPlxyXG4gICAgICAgICAgICAgICAgPGEgW3JvdXRlckxpbmtdPVwiY3RhQ2FyZERhdGEuY2FsbFRvQWN0aW9uQnV0dG9uLnJvdXRlXCIgY2xhc3M9XCJjdXN0b20tYW5jaG9yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj57e2N0YUNhcmREYXRhLmNhbGxUb0FjdGlvbkJ1dHRvbi5sYWJlbH19PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|