@jooler/jooler-websites-shared 0.0.183 → 0.0.185
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/esm2020/lib/call-to-action-section-two/call-to-action-section-two.component.mjs +1 -1
- package/esm2020/lib/cta-section-style-three/cta-section-style-three.component.mjs +2 -2
- package/esm2020/lib/models/call-to-action-section-two.model.mjs +3 -0
- package/esm2020/lib/page-section-style-three/page-section-style-three.component.mjs +3 -3
- package/esm2020/lib/section-title/section-title.component.mjs +3 -3
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs +6 -6
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +6 -6
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/call-to-action-section-two/call-to-action-section-two.component.d.ts +1 -1
- package/lib/page-section-style-three/page-section-style-three.component.d.ts +1 -1
- package/lib/section-title/section-title.component.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.model.mjs +0 -3
- /package/lib/{call-to-action-section-two → models}/call-to-action-section-two.model.d.ts +0 -0
|
@@ -20,4 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
20
20
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN6RCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxRQUFRO0lBQ1IsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUMvQixDQUFDOzs0SEFWVSwrQkFBK0I7Z0hBQS9CLCtCQUErQixnSENUNUMsaVpBVVU7MkZEREcsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDRCQUE0Qjs2RkFLN0IsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TZWN0aW9uVHdvIH0gZnJvbSAnLi4vbW9kZWxzL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FsbFRvQWN0aW9uU2VjdGlvblR3b0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IENhbGxUb0FjdGlvblNlY3Rpb25Ud287XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrTGluayhsaW5rOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbbGlua10pXHJcbiAgfVxyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwic2VjdGlvblwiPlxyXG4gICAgPGhlYWRlciBjbGFzcz1cImxvZ28tY29udGFpbmVyXCIgKm5nSWY9XCJzZWN0aW9uQ29udGVudC53aXRoSW1hZ2VcIj5cclxuICAgICAgICA8aW1nIGNsYXNzPVwibG9nb1wiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuaW1hZ2VQYXRoXCIgYWx0PVwiTG9nb1wiPlxyXG4gICAgPC9oZWFkZXI+XHJcbiAgICA8aDEgY2xhc3M9XCJ0aXRsZVwiPlxyXG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGl0bGV9fVxyXG4gICAgPC9oMT5cclxuICAgIDxoMyBjbGFzcz1cInN1YnRpdGxlXCI+XHJcbiAgICAgICAge3tzZWN0aW9uQ29udGVudC5zdWJ0aXRsZX19PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9oMz5cclxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -15,10 +15,10 @@ export class CtaSectionStyleThreeComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
CtaSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
CtaSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img [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 [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\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:
|
|
18
|
+
CtaSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img [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 [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\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-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleThreeComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img [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 [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\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:
|
|
21
|
+
args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img [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 [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\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"] }]
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}] } });
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export class CallToActionSectionTwo {
|
|
2
|
+
}
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvbW9kZWxzL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE1BQU0sT0FBTyxzQkFBc0I7Q0FLbEMiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Ud28ge1xyXG4gICAgd2l0aEltYWdlOiBib29sZWFuO1xyXG4gICAgaW1hZ2VQYXRoOiBzdHJpbmc7XHJcbiAgICB0aXRsZTogc3RyaW5nO1xyXG4gICAgc3VidGl0bGU6IHN0cmluZztcclxufSJdfQ==
|
|
@@ -15,11 +15,11 @@ export class PageSectionStyleThreeComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n </section-title>\r\n <div class=\"optional-button\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n {{valueprop.button.label}}\r\n </button>\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{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\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: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
18
|
+
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n <span subtitleWithLinks><ng-content select=\"subtitleWithLinks\"></ng-content></span>\r\n </section-title>\r\n <div class=\"optional-button\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n {{valueprop.button.label}}\r\n </button>\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{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\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: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n </section-title>\r\n <div class=\"optional-button\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n {{valueprop.button.label}}\r\n </button>\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{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
|
|
21
|
+
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n <span subtitleWithLinks><ng-content select=\"subtitleWithLinks\"></ng-content></span>\r\n </section-title>\r\n <div class=\"optional-button\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n {{valueprop.button.label}}\r\n </button>\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{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRekQsTUFBTSxPQUFPLDhCQUE4QjtJQUd6QyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUTtJQUVSLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxLQUFLO1FBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzsySEFYVSw4QkFBOEI7K0dBQTlCLDhCQUE4Qiw4R0NSM0MseXhCQWtCTTsyRkRWTyw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsMEJBQTBCOzZGQUszQixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IFBhZ2VTZWN0aW9uU3R5bGVUaHJlZSB9IGZyb20gJy4uL21vZGVscy9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFnZVNlY3Rpb25TdHlsZVRocmVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogUGFnZVNlY3Rpb25TdHlsZVRocmVlW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcblxyXG4gIH1cclxuXHJcbiAgb25DbGlja1ZhbHVlUHJvcEJ1dHRvbihyb3V0ZSkge1xyXG4gICAgdGhpcy5fUm91dGVyLm5hdmlnYXRlKFsgcm91dGUgXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgPGRpdiBjbGFzcz1cInNlY3Rpb25cIiAqbmdGb3I9XCJsZXQgdmFsdWVwcm9wIG9mIHNlY3Rpb25Db250ZW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi1jb250YWluZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLXNpZGVcIj5cclxuICAgICAgICA8aW1nIFtzcmNdPVwidmFsdWVwcm9wLmltYWdlXCI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1zaWRlXCI+XHJcbiAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJ2YWx1ZXByb3Auc2VjdGlvblRpdGxlXCI+XHJcbiAgICAgICAgICA8c3BhbiBzdWJ0aXRsZVdpdGhMaW5rcz48bmctY29udGVudCBzZWxlY3Q9XCJzdWJ0aXRsZVdpdGhMaW5rc1wiPjwvbmctY29udGVudD48L3NwYW4+XHJcbiAgICAgICAgPC9zZWN0aW9uLXRpdGxlPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJvcHRpb25hbC1idXR0b25cIj5cclxuICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY2xhc3M9XCJ2YWx1ZS1wcm9wLWJ1dHRvblwiICpuZ0lmPVwidmFsdWVwcm9wLmJ1dHRvblwiIChjbGljayk9XCJvbkNsaWNrVmFsdWVQcm9wQnV0dG9uKHZhbHVlcHJvcC5idXR0b24ucm91dGUpXCI+XHJcbiAgICAgICAgICAgIHt7dmFsdWVwcm9wLmJ1dHRvbi5sYWJlbH19XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -8,10 +8,10 @@ export class SectionTitleComponent {
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SectionTitleComponent, selector: "section-title", inputs: { sectionTitle: "sectionTitle", withoutTitleCase: "withoutTitleCase", descriptionWidth: "descriptionWidth" }, ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider,\r\n'small-font': sectionTitle.fontSizeEnum == sectionTitleSizes.SMALL,\r\n'medium-font': sectionTitle.fontSizeEnum == sectionTitleSizes.MEDIUM || (!sectionTitle.fontSizeEnum),\r\n'large-font': (sectionTitle.fontSizeEnum == sectionTitleSizes.LARGE) }\">\r\n <div class=\"title-container\">\r\n <div class=\"title\" *ngIf=\"sectionTitle.title\">\r\n {{withoutTitleCase? sectionTitle.title : (sectionTitle.title | titlecase)}}\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n </div>\r\n </div>\r\n <div class=\"description\" *ngIf=\"sectionTitle.subtitle\"\r\n [ngStyle]=\"descriptionWidth ? {width : descriptionWidth} : null\">\r\n {{sectionTitle.subtitle}}\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}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:90%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:700;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}.large-font .title{font-size:5rem}.large-font .description{font-size:1.8rem}.medium-font .title{font-size:4rem}.medium-font .description{font-size:1.8rem}.small-font .title{font-size:3rem}.small-font .description{font-size:1.6rem}@media only screen and (max-width: 37.5em){.large-font .title,.align-left .title,.align-center .title{font-size:3rem}.large-font .description,.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] });
|
|
11
|
+
SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SectionTitleComponent, selector: "section-title", inputs: { sectionTitle: "sectionTitle", withoutTitleCase: "withoutTitleCase", descriptionWidth: "descriptionWidth" }, ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider,\r\n'small-font': sectionTitle.fontSizeEnum == sectionTitleSizes.SMALL,\r\n'medium-font': sectionTitle.fontSizeEnum == sectionTitleSizes.MEDIUM || (!sectionTitle.fontSizeEnum),\r\n'large-font': (sectionTitle.fontSizeEnum == sectionTitleSizes.LARGE) }\">\r\n <div class=\"title-container\">\r\n <div class=\"title\" *ngIf=\"sectionTitle.title\">\r\n {{withoutTitleCase? sectionTitle.title : (sectionTitle.title | titlecase)}}\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n </div>\r\n </div>\r\n <div class=\"description\" *ngIf=\"sectionTitle.subtitle\"\r\n [ngStyle]=\"descriptionWidth ? {width : descriptionWidth} : null\">\r\n {{sectionTitle.subtitle}}<ng-content select=\"subtitleWithLinks\"></ng-content>\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}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:90%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:700;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}.large-font .title{font-size:5rem}.large-font .description{font-size:1.8rem}.medium-font .title{font-size:4rem}.medium-font .description{font-size:1.8rem}.small-font .title{font-size:3rem}.small-font .description{font-size:1.6rem}@media only screen and (max-width: 37.5em){.large-font .title,.align-left .title,.align-center .title{font-size:3rem}.large-font .description,.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'section-title', template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider,\r\n'small-font': sectionTitle.fontSizeEnum == sectionTitleSizes.SMALL,\r\n'medium-font': sectionTitle.fontSizeEnum == sectionTitleSizes.MEDIUM || (!sectionTitle.fontSizeEnum),\r\n'large-font': (sectionTitle.fontSizeEnum == sectionTitleSizes.LARGE) }\">\r\n <div class=\"title-container\">\r\n <div class=\"title\" *ngIf=\"sectionTitle.title\">\r\n {{withoutTitleCase? sectionTitle.title : (sectionTitle.title | titlecase)}}\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n </div>\r\n </div>\r\n <div class=\"description\" *ngIf=\"sectionTitle.subtitle\"\r\n [ngStyle]=\"descriptionWidth ? {width : descriptionWidth} : null\">\r\n {{sectionTitle.subtitle}}\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}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:90%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:700;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}.large-font .title{font-size:5rem}.large-font .description{font-size:1.8rem}.medium-font .title{font-size:4rem}.medium-font .description{font-size:1.8rem}.small-font .title{font-size:3rem}.small-font .description{font-size:1.6rem}@media only screen and (max-width: 37.5em){.large-font .title,.align-left .title,.align-center .title{font-size:3rem}.large-font .description,.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"] }]
|
|
14
|
+
args: [{ selector: 'section-title', template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider,\r\n'small-font': sectionTitle.fontSizeEnum == sectionTitleSizes.SMALL,\r\n'medium-font': sectionTitle.fontSizeEnum == sectionTitleSizes.MEDIUM || (!sectionTitle.fontSizeEnum),\r\n'large-font': (sectionTitle.fontSizeEnum == sectionTitleSizes.LARGE) }\">\r\n <div class=\"title-container\">\r\n <div class=\"title\" *ngIf=\"sectionTitle.title\">\r\n {{withoutTitleCase? sectionTitle.title : (sectionTitle.title | titlecase)}}\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n </div>\r\n </div>\r\n <div class=\"description\" *ngIf=\"sectionTitle.subtitle\"\r\n [ngStyle]=\"descriptionWidth ? {width : descriptionWidth} : null\">\r\n {{sectionTitle.subtitle}}<ng-content select=\"subtitleWithLinks\"></ng-content>\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}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:90%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:700;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}.large-font .title{font-size:5rem}.large-font .description{font-size:1.8rem}.medium-font .title{font-size:4rem}.medium-font .description{font-size:1.8rem}.small-font .title{font-size:3rem}.small-font .description{font-size:1.6rem}@media only screen and (max-width: 37.5em){.large-font .title,.align-left .title,.align-center .title{font-size:3rem}.large-font .description,.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"] }]
|
|
15
15
|
}], propDecorators: { sectionTitle: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], withoutTitleCase: [{
|
|
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
19
19
|
}], descriptionWidth: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7OztBQU14RSxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT0Usc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7S0FHdkM7O2tIQUxZLHFCQUFxQjtzR0FBckIscUJBQXFCLDJLQ1JsQyw4akNBZU07MkZEUE8scUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7OEJBS2hCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2VjdGlvblRpdGxlIH0gZnJvbSAnLi4vbW9kZWxzL3NlY3Rpb24tdGl0bGUubW9kZWwnXHJcbmltcG9ydCB7IFNlY3Rpb25UaXRsZVNpemVzIH0gZnJvbSAnLi4vbW9kZWxzL3NlY3Rpb24tdGl0bGUtc2l6ZXMubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NlY3Rpb24tdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25UaXRsZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2VjdGlvblRpdGxlOiBTZWN0aW9uVGl0bGU7XHJcbiAgc2VjdGlvblRpdGxlU2l6ZXMgPSBTZWN0aW9uVGl0bGVTaXplcztcclxuICBASW5wdXQoKSB3aXRob3V0VGl0bGVDYXNlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uV2lkdGg6IHN0cmluZyA7XHJcbn0iLCI8ZGl2IGNsYXNzPVwic2VjdGlvbi1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2FsaWduLWxlZnQnOnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQsJ2FsaWduLWNlbnRlcic6IXNlY3Rpb25UaXRsZS5hbGlnbkxlZnQsJ2RhcmstYmFja2dyb3VuZCc6c2VjdGlvblRpdGxlLmlzRGFya0JnICwnbGlnaHQtYmFja2dyb3VuZCc6IXNlY3Rpb25UaXRsZS5pc0RhcmtCZywgJ3dpdGhvdXQtZGl2aWRlcic6c2VjdGlvblRpdGxlLmlzV2l0aG91dERpdmlkZXIsXHJcbidzbWFsbC1mb250Jzogc2VjdGlvblRpdGxlLmZvbnRTaXplRW51bSA9PSBzZWN0aW9uVGl0bGVTaXplcy5TTUFMTCxcclxuJ21lZGl1bS1mb250Jzogc2VjdGlvblRpdGxlLmZvbnRTaXplRW51bSA9PSBzZWN0aW9uVGl0bGVTaXplcy5NRURJVU0gfHwgKCFzZWN0aW9uVGl0bGUuZm9udFNpemVFbnVtKSxcclxuJ2xhcmdlLWZvbnQnOiAoc2VjdGlvblRpdGxlLmZvbnRTaXplRW51bSA9PSBzZWN0aW9uVGl0bGVTaXplcy5MQVJHRSkgfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiICpuZ0lmPVwic2VjdGlvblRpdGxlLnRpdGxlXCI+XHJcbiAgICAgICAgICAgIHt7d2l0aG91dFRpdGxlQ2FzZT8gc2VjdGlvblRpdGxlLnRpdGxlIDogKHNlY3Rpb25UaXRsZS50aXRsZSB8IHRpdGxlY2FzZSl9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCIgKm5nSWY9XCIhc2VjdGlvblRpdGxlLmlzV2l0aG91dERpdmlkZXJcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCIgKm5nSWY9XCJzZWN0aW9uVGl0bGUuc3VidGl0bGVcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cImRlc2NyaXB0aW9uV2lkdGggPyB7d2lkdGggOiBkZXNjcmlwdGlvbldpZHRofSA6IG51bGxcIj5cclxuICAgICAgICB7e3NlY3Rpb25UaXRsZS5zdWJ0aXRsZX19PG5nLWNvbnRlbnQgc2VsZWN0PVwic3VidGl0bGVXaXRoTGlua3NcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -38,7 +38,7 @@ export * from './lib/our-client-listing/our-client-listing.component';
|
|
|
38
38
|
export * from './lib/our-clients/our-clients.component';
|
|
39
39
|
export * from './lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component';
|
|
40
40
|
export * from './lib/call-to-action-section-two/call-to-action-section-two.component';
|
|
41
|
-
export * from './lib/
|
|
41
|
+
export * from './lib/models/call-to-action-section-two.model';
|
|
42
42
|
export * from './lib/value-props-section/value-props-section.component';
|
|
43
43
|
export * from './lib/contact-us-page/contact-us-page.component';
|
|
44
44
|
export * from './lib/choose-country-with-flag/choose-country-with-flag.component';
|
|
@@ -67,4 +67,4 @@ export * from './lib/models/feature-section-nine.model';
|
|
|
67
67
|
export * from './lib/models/value-prop-properties.model';
|
|
68
68
|
export * from './lib/value-prop-card/value-prop-card.component';
|
|
69
69
|
export * from './lib/models/section-title-sizes.model';
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLHVFQUF1RSxDQUFDO0FBQ3RGLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsbUVBQW1FLENBQUM7QUFDbEYsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyx3Q0FBd0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBqb29sZXItd2Vic2l0ZXMtc2hhcmVkXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXNlY3Rpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2dldC1zdGFydGVkLWN0YS9nZXQtc3RhcnRlZC1jdGEuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWNoaWV2ZW1lbnRzL2FjaGlldmVtZW50cy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNoaWV2ZW1lbnRzLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FjaGlldmVtZW50Lm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlcnZpY2UtcGxhbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByaWNpbmctcGxhbnMvcHJpY2luZy1wbGFucy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2dhbGxlcnktaXRlbXMtcHJvcGVydGllcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi1hY3Rpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy90ZWFtLW1lbWJlci5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RlYW0vdGVhbS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1zZWN0aW9uLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc3R5bGUtc2VjdGlvbi1maXZlLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Fib3V0LXVzLXNlY3Rpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2NvdW50LXR5cGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNjb3VudC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hZGRyZXNzLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NpdHkubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY291bnRyeS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy91c2VyLXR5cGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdXNlci5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL291ci1jbGllbnQtbGlzdGluZy9vdXItY2xpZW50LWxpc3RpbmcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudHMvb3VyLWNsaWVudHMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMvcGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsdWUtcHJvcHMtc2VjdGlvbi92YWx1ZS1wcm9wcy1zZWN0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRhY3QtdXMtcGFnZS9jb250YWN0LXVzLXBhZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnL2Nob29zZS1jb3VudHJ5LXdpdGgtZmxhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbWluZy1zb29uL2NvbWluZy1zb29uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NvY2lhbC1tZWRpYS1pY29ucy9zb2NpYWwtbWVkaWEtaWNvbnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc29jaWFsLW1lZGlhLWljb25zL3NvY2lhbC1tZWRpYS1saW5rcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wZXJrcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mYXEtY2F0ZWdvcnkubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZmFxLXN1YmNhdGVnb3J5Lm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ZhcS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZhcS1jYXRlZ29yeS1saXN0aW5nL2ZhcS1jYXRlZ29yeS1saXN0aW5nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZhcS1saXN0aW5nL2ZhcS1saXN0aW5nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9icmFuZC1sb2dvLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NhbGwtdG8tYWN0aW9uLWJ1dHRvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWN0aW9uLXRpdGxlLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2N0YS1vbmUtdHlwZS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9oZWFkZXItc2VjdGlvbi1zdHlsZS1vbmUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9oZWFkZXItc2VjdGlvbi1vbmUvaGVhZGVyLXNlY3Rpb24tb25lLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS10b29sdGlwL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZlcnRpY2FsLXNpZGUtdGFicy92ZXJ0aWNhbC1zaWRlLXRhYnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ZlYXR1cmUtc2VjdGlvbi1uaW5lLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3ZhbHVlLXByb3AtcHJvcGVydGllcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbHVlLXByb3AtY2FyZC92YWx1ZS1wcm9wLWNhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlY3Rpb24tdGl0bGUtc2l6ZXMubW9kZWwnOyJdfQ==
|
|
@@ -39,10 +39,10 @@ class SectionTitleComponent {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SectionTitleComponent, selector: "section-title", inputs: { sectionTitle: "sectionTitle", withoutTitleCase: "withoutTitleCase", descriptionWidth: "descriptionWidth" }, ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider,\r\n'small-font': sectionTitle.fontSizeEnum == sectionTitleSizes.SMALL,\r\n'medium-font': sectionTitle.fontSizeEnum == sectionTitleSizes.MEDIUM || (!sectionTitle.fontSizeEnum),\r\n'large-font': (sectionTitle.fontSizeEnum == sectionTitleSizes.LARGE) }\">\r\n <div class=\"title-container\">\r\n <div class=\"title\" *ngIf=\"sectionTitle.title\">\r\n {{withoutTitleCase? sectionTitle.title : (sectionTitle.title | titlecase)}}\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n </div>\r\n </div>\r\n <div class=\"description\" *ngIf=\"sectionTitle.subtitle\"\r\n [ngStyle]=\"descriptionWidth ? {width : descriptionWidth} : null\">\r\n {{sectionTitle.subtitle}}\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}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:90%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:700;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}.large-font .title{font-size:5rem}.large-font .description{font-size:1.8rem}.medium-font .title{font-size:4rem}.medium-font .description{font-size:1.8rem}.small-font .title{font-size:3rem}.small-font .description{font-size:1.6rem}@media only screen and (max-width: 37.5em){.large-font .title,.align-left .title,.align-center .title{font-size:3rem}.large-font .description,.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i3.TitleCasePipe, name: "titlecase" }] });
|
|
42
|
+
SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SectionTitleComponent, selector: "section-title", inputs: { sectionTitle: "sectionTitle", withoutTitleCase: "withoutTitleCase", descriptionWidth: "descriptionWidth" }, ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider,\r\n'small-font': sectionTitle.fontSizeEnum == sectionTitleSizes.SMALL,\r\n'medium-font': sectionTitle.fontSizeEnum == sectionTitleSizes.MEDIUM || (!sectionTitle.fontSizeEnum),\r\n'large-font': (sectionTitle.fontSizeEnum == sectionTitleSizes.LARGE) }\">\r\n <div class=\"title-container\">\r\n <div class=\"title\" *ngIf=\"sectionTitle.title\">\r\n {{withoutTitleCase? sectionTitle.title : (sectionTitle.title | titlecase)}}\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n </div>\r\n </div>\r\n <div class=\"description\" *ngIf=\"sectionTitle.subtitle\"\r\n [ngStyle]=\"descriptionWidth ? {width : descriptionWidth} : null\">\r\n {{sectionTitle.subtitle}}<ng-content select=\"subtitleWithLinks\"></ng-content>\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}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:90%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:700;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}.large-font .title{font-size:5rem}.large-font .description{font-size:1.8rem}.medium-font .title{font-size:4rem}.medium-font .description{font-size:1.8rem}.small-font .title{font-size:3rem}.small-font .description{font-size:1.6rem}@media only screen and (max-width: 37.5em){.large-font .title,.align-left .title,.align-center .title{font-size:3rem}.large-font .description,.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i3.TitleCasePipe, name: "titlecase" }] });
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
|
-
args: [{ selector: 'section-title', template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider,\r\n'small-font': sectionTitle.fontSizeEnum == sectionTitleSizes.SMALL,\r\n'medium-font': sectionTitle.fontSizeEnum == sectionTitleSizes.MEDIUM || (!sectionTitle.fontSizeEnum),\r\n'large-font': (sectionTitle.fontSizeEnum == sectionTitleSizes.LARGE) }\">\r\n <div class=\"title-container\">\r\n <div class=\"title\" *ngIf=\"sectionTitle.title\">\r\n {{withoutTitleCase? sectionTitle.title : (sectionTitle.title | titlecase)}}\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n </div>\r\n </div>\r\n <div class=\"description\" *ngIf=\"sectionTitle.subtitle\"\r\n [ngStyle]=\"descriptionWidth ? {width : descriptionWidth} : null\">\r\n {{sectionTitle.subtitle}}\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}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:90%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:700;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}.large-font .title{font-size:5rem}.large-font .description{font-size:1.8rem}.medium-font .title{font-size:4rem}.medium-font .description{font-size:1.8rem}.small-font .title{font-size:3rem}.small-font .description{font-size:1.6rem}@media only screen and (max-width: 37.5em){.large-font .title,.align-left .title,.align-center .title{font-size:3rem}.large-font .description,.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"] }]
|
|
45
|
+
args: [{ selector: 'section-title', template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider,\r\n'small-font': sectionTitle.fontSizeEnum == sectionTitleSizes.SMALL,\r\n'medium-font': sectionTitle.fontSizeEnum == sectionTitleSizes.MEDIUM || (!sectionTitle.fontSizeEnum),\r\n'large-font': (sectionTitle.fontSizeEnum == sectionTitleSizes.LARGE) }\">\r\n <div class=\"title-container\">\r\n <div class=\"title\" *ngIf=\"sectionTitle.title\">\r\n {{withoutTitleCase? sectionTitle.title : (sectionTitle.title | titlecase)}}\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n </div>\r\n </div>\r\n <div class=\"description\" *ngIf=\"sectionTitle.subtitle\"\r\n [ngStyle]=\"descriptionWidth ? {width : descriptionWidth} : null\">\r\n {{sectionTitle.subtitle}}<ng-content select=\"subtitleWithLinks\"></ng-content>\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}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:90%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:700;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}.large-font .title{font-size:5rem}.large-font .description{font-size:1.8rem}.medium-font .title{font-size:4rem}.medium-font .description{font-size:1.8rem}.small-font .title{font-size:3rem}.small-font .description{font-size:1.6rem}@media only screen and (max-width: 37.5em){.large-font .title,.align-left .title,.align-center .title{font-size:3rem}.large-font .description,.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"] }]
|
|
46
46
|
}], propDecorators: { sectionTitle: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}], withoutTitleCase: [{
|
|
@@ -732,10 +732,10 @@ class PageSectionStyleThreeComponent {
|
|
|
732
732
|
}
|
|
733
733
|
}
|
|
734
734
|
PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
735
|
-
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n </section-title>\r\n <div class=\"optional-button\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n {{valueprop.button.label}}\r\n </button>\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{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
735
|
+
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n <span subtitleWithLinks><ng-content select=\"subtitleWithLinks\"></ng-content></span>\r\n </section-title>\r\n <div class=\"optional-button\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n {{valueprop.button.label}}\r\n </button>\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{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
736
736
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
|
|
737
737
|
type: Component,
|
|
738
|
-
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n </section-title>\r\n <div class=\"optional-button\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n {{valueprop.button.label}}\r\n </button>\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{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
|
|
738
|
+
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n <span subtitleWithLinks><ng-content select=\"subtitleWithLinks\"></ng-content></span>\r\n </section-title>\r\n <div class=\"optional-button\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n {{valueprop.button.label}}\r\n </button>\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{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
|
|
739
739
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
740
740
|
type: Input
|
|
741
741
|
}] } });
|
|
@@ -873,10 +873,10 @@ class CtaSectionStyleThreeComponent {
|
|
|
873
873
|
}
|
|
874
874
|
}
|
|
875
875
|
CtaSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
876
|
-
CtaSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img [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 [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\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:
|
|
876
|
+
CtaSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img [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 [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
877
877
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleThreeComponent, decorators: [{
|
|
878
878
|
type: Component,
|
|
879
|
-
args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img [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 [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\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:
|
|
879
|
+
args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img [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 [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\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"] }]
|
|
880
880
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
881
881
|
type: Input
|
|
882
882
|
}] } });
|