@jooler/jooler-websites-shared 0.0.188 → 0.0.190
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/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/lib/value-prop-card/value-prop-card.component.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/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
|
@@ -14,11 +14,11 @@ export class PageSectionStyleThreeComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { valueprop: "valueprop" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\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 <
|
|
17
|
+
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { valueprop: "valueprop" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\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 <ng-content></ng-content>\r\n </section-title>\r\n <div class=\"optional-buttons\" *ngIf=\"valueprop.buttons\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngFor=\"let button of valueprop.buttons\"\r\n (click)=\"onClickValuePropButton(button.route)\">\r\n {{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 .image-text-sort .section-container{flex-direction:row}.page .text-image-sort{background-color:#f7f8f9}.page .text-image-sort .section-container{flex-direction:row-reverse}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;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 .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left;display:flex;flex-direction:column;row-gap:2rem}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-buttons{display:flex;flex-direction:row;column-gap:1.5rem}.page .section .text-side .optional-buttons 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 .image-text-sort .section-container,.page .text-image-sort .section-container,.page .section .section-container{flex-direction:column}.page .image-text-sort .section-container .image-side,.page .text-image-sort .section-container .image-side,.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .image-text-sort .section-container .image-side img,.page .text-image-sort .section-container .image-side img,.page .section .section-container .image-side img,.page .image-text-sort .section-container .text-side,.page .text-image-sort .section-container .text-side,.page .section .section-container .text-side{width:100%}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}.page .section .section-container .text-side .optional-buttons{flex-direction:column;row-gap:1rem}}@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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\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 <
|
|
20
|
+
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\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 <ng-content></ng-content>\r\n </section-title>\r\n <div class=\"optional-buttons\" *ngIf=\"valueprop.buttons\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngFor=\"let button of valueprop.buttons\"\r\n (click)=\"onClickValuePropButton(button.route)\">\r\n {{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 .image-text-sort .section-container{flex-direction:row}.page .text-image-sort{background-color:#f7f8f9}.page .text-image-sort .section-container{flex-direction:row-reverse}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;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 .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left;display:flex;flex-direction:column;row-gap:2rem}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-buttons{display:flex;flex-direction:row;column-gap:1.5rem}.page .section .text-side .optional-buttons 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 .image-text-sort .section-container,.page .text-image-sort .section-container,.page .section .section-container{flex-direction:column}.page .image-text-sort .section-container .image-side,.page .text-image-sort .section-container .image-side,.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .image-text-sort .section-container .image-side img,.page .text-image-sort .section-container .image-side img,.page .section .section-container .image-side img,.page .image-text-sort .section-container .text-side,.page .text-image-sort .section-container .text-side,.page .section .section-container .text-side{width:100%}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}.page .section .section-container .text-side .optional-buttons{flex-direction:column;row-gap:1rem}}@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
21
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { valueprop: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRekQsTUFBTSxPQUFPLDhCQUE4QjtJQUd6QyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUSxLQUFVLENBQUM7SUFFbkIsc0JBQXNCLENBQUMsS0FBSztRQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFFLEtBQUssQ0FBRSxDQUFDLENBQUM7SUFDbkMsQ0FBQzs7MkhBVFUsOEJBQThCOytHQUE5Qiw4QkFBOEIsb0dDUjNDLHkwQkFvQk07MkZEWk8sOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDBCQUEwQjs2RkFLM0IsU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGhyZWUgfSBmcm9tICcuLi9tb2RlbHMvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLm1vZGVsJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdwYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2VTZWN0aW9uU3R5bGVUaHJlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgdmFsdWVwcm9wOiBQYWdlU2VjdGlvblN0eWxlVGhyZWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICBvbkNsaWNrVmFsdWVQcm9wQnV0dG9uKHJvdXRlKSB7XHJcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoWyByb3V0ZSBdKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cclxuICA8ZGl2IGNsYXNzPVwic2VjdGlvblwiXHJcbiAgICBbbmdDbGFzc109XCJ7J2ltYWdlLXRleHQtc29ydCcgOiAhdmFsdWVwcm9wLnRleHRJbWFnZVNvcnQsJ3RleHQtaW1hZ2Utc29ydCc6dmFsdWVwcm9wLnRleHRJbWFnZVNvcnQgfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNlY3Rpb24tY29udGFpbmVyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1zaWRlXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cInZhbHVlcHJvcC5pbWFnZVwiPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiPlxyXG4gICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwidmFsdWVwcm9wLnNlY3Rpb25UaXRsZVwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvc2VjdGlvbi10aXRsZT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwib3B0aW9uYWwtYnV0dG9uc1wiICpuZ0lmPVwidmFsdWVwcm9wLmJ1dHRvbnNcIj5cclxuICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY2xhc3M9XCJ2YWx1ZS1wcm9wLWJ1dHRvblwiICpuZ0Zvcj1cImxldCBidXR0b24gb2YgdmFsdWVwcm9wLmJ1dHRvbnNcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwib25DbGlja1ZhbHVlUHJvcEJ1dHRvbihidXR0b24ucm91dGUpXCI+XHJcbiAgICAgICAgICAgIHt7YnV0dG9uLmxhYmVsfX1cclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -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}}<ng-content
|
|
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></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}}<ng-content
|
|
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></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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7OztBQU14RSxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT0Usc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7S0FHdkM7O2tIQUxZLHFCQUFxQjtzR0FBckIscUJBQXFCLDJLQ1JsQyxpaUNBZU07MkZEUE8scUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7OEJBS2hCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2VjdGlvblRpdGxlIH0gZnJvbSAnLi4vbW9kZWxzL3NlY3Rpb24tdGl0bGUubW9kZWwnXHJcbmltcG9ydCB7IFNlY3Rpb25UaXRsZVNpemVzIH0gZnJvbSAnLi4vbW9kZWxzL3NlY3Rpb24tdGl0bGUtc2l6ZXMubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NlY3Rpb24tdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25UaXRsZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2VjdGlvblRpdGxlOiBTZWN0aW9uVGl0bGU7XHJcbiAgc2VjdGlvblRpdGxlU2l6ZXMgPSBTZWN0aW9uVGl0bGVTaXplcztcclxuICBASW5wdXQoKSB3aXRob3V0VGl0bGVDYXNlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uV2lkdGg6IHN0cmluZyA7XHJcbn0iLCI8ZGl2IGNsYXNzPVwic2VjdGlvbi1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2FsaWduLWxlZnQnOnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQsJ2FsaWduLWNlbnRlcic6IXNlY3Rpb25UaXRsZS5hbGlnbkxlZnQsJ2RhcmstYmFja2dyb3VuZCc6c2VjdGlvblRpdGxlLmlzRGFya0JnICwnbGlnaHQtYmFja2dyb3VuZCc6IXNlY3Rpb25UaXRsZS5pc0RhcmtCZywgJ3dpdGhvdXQtZGl2aWRlcic6c2VjdGlvblRpdGxlLmlzV2l0aG91dERpdmlkZXIsXHJcbidzbWFsbC1mb250Jzogc2VjdGlvblRpdGxlLmZvbnRTaXplRW51bSA9PSBzZWN0aW9uVGl0bGVTaXplcy5TTUFMTCxcclxuJ21lZGl1bS1mb250Jzogc2VjdGlvblRpdGxlLmZvbnRTaXplRW51bSA9PSBzZWN0aW9uVGl0bGVTaXplcy5NRURJVU0gfHwgKCFzZWN0aW9uVGl0bGUuZm9udFNpemVFbnVtKSxcclxuJ2xhcmdlLWZvbnQnOiAoc2VjdGlvblRpdGxlLmZvbnRTaXplRW51bSA9PSBzZWN0aW9uVGl0bGVTaXplcy5MQVJHRSkgfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiICpuZ0lmPVwic2VjdGlvblRpdGxlLnRpdGxlXCI+XHJcbiAgICAgICAgICAgIHt7d2l0aG91dFRpdGxlQ2FzZT8gc2VjdGlvblRpdGxlLnRpdGxlIDogKHNlY3Rpb25UaXRsZS50aXRsZSB8IHRpdGxlY2FzZSl9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCIgKm5nSWY9XCIhc2VjdGlvblRpdGxlLmlzV2l0aG91dERpdmlkZXJcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCIgKm5nSWY9XCJzZWN0aW9uVGl0bGUuc3VidGl0bGVcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cImRlc2NyaXB0aW9uV2lkdGggPyB7d2lkdGggOiBkZXNjcmlwdGlvbldpZHRofSA6IG51bGxcIj5cclxuICAgICAgICB7e3NlY3Rpb25UaXRsZS5zdWJ0aXRsZX19PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -10,10 +10,10 @@ export class ValuePropCardComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
ValuePropCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
ValuePropCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuePropCardComponent, selector: "value-prop-card", inputs: { valuePropContent: "valuePropContent", cardOnHover: "cardOnHover" }, ngImport: i0, template: "<div class=\"reason-block\" [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n <div class=\"reason-headline\">\r\n <div class=\"reason-icon\" *ngIf=\"icon\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n <div class=\"reason-image\" *ngIf=\"!icon\">\r\n <img [src]=\"valuePropContent.image\" alt=\"\">\r\n </div>\r\n <div class=\"reason-title\">\r\n {{valuePropContent.title}}\r\n </div>\r\n </div>\r\n <div class=\"reason-desc\">\r\n {{valuePropContent.description}}\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}.card-on-hover:hover{background-color:#f7f8f9;box-shadow:.2rem .2rem .4rem #00000040}.constant-card{background-color:#fff;box-shadow:.2rem .2rem .4rem #00000040}.reason-block{border-radius:2rem;padding:.5rem 2rem 2rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;width:100%}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
13
|
+
ValuePropCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuePropCardComponent, selector: "value-prop-card", inputs: { valuePropContent: "valuePropContent", cardOnHover: "cardOnHover" }, ngImport: i0, template: "<div class=\"reason-block\" [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n <div class=\"reason-headline\">\r\n <div class=\"reason-icon\" *ngIf=\"icon\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n <div class=\"reason-image\" *ngIf=\"!icon\">\r\n <img [src]=\"valuePropContent.image\" alt=\"\">\r\n </div>\r\n <div class=\"reason-title\">\r\n {{valuePropContent.title}}\r\n </div>\r\n </div>\r\n <div class=\"reason-desc\">\r\n {{valuePropContent.description}}\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}.card-on-hover:hover{background-color:#f7f8f9;box-shadow:.2rem .2rem .4rem #00000040}.constant-card{background-color:#fff;box-shadow:.2rem .2rem .4rem #00000040}.reason-block{transition:all ease-in-out .2s;border-radius:2rem;padding:.5rem 2rem 2rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;width:100%}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropCardComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'value-prop-card', template: "<div class=\"reason-block\" [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n <div class=\"reason-headline\">\r\n <div class=\"reason-icon\" *ngIf=\"icon\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n <div class=\"reason-image\" *ngIf=\"!icon\">\r\n <img [src]=\"valuePropContent.image\" alt=\"\">\r\n </div>\r\n <div class=\"reason-title\">\r\n {{valuePropContent.title}}\r\n </div>\r\n </div>\r\n <div class=\"reason-desc\">\r\n {{valuePropContent.description}}\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}.card-on-hover:hover{background-color:#f7f8f9;box-shadow:.2rem .2rem .4rem #00000040}.constant-card{background-color:#fff;box-shadow:.2rem .2rem .4rem #00000040}.reason-block{border-radius:2rem;padding:.5rem 2rem 2rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;width:100%}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"] }]
|
|
16
|
+
args: [{ selector: 'value-prop-card', template: "<div class=\"reason-block\" [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n <div class=\"reason-headline\">\r\n <div class=\"reason-icon\" *ngIf=\"icon\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n <div class=\"reason-image\" *ngIf=\"!icon\">\r\n <img [src]=\"valuePropContent.image\" alt=\"\">\r\n </div>\r\n <div class=\"reason-title\">\r\n {{valuePropContent.title}}\r\n </div>\r\n </div>\r\n <div class=\"reason-desc\">\r\n {{valuePropContent.description}}\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}.card-on-hover:hover{background-color:#f7f8f9;box-shadow:.2rem .2rem .4rem #00000040}.constant-card{background-color:#fff;box-shadow:.2rem .2rem .4rem #00000040}.reason-block{transition:all ease-in-out .2s;border-radius:2rem;padding:.5rem 2rem 2rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;width:100%}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"] }]
|
|
17
17
|
}], propDecorators: { valuePropContent: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], cardOnHover: [{
|
|
@@ -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}}<ng-content
|
|
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></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}}<ng-content
|
|
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></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: [{
|
|
@@ -731,10 +731,10 @@ class PageSectionStyleThreeComponent {
|
|
|
731
731
|
}
|
|
732
732
|
}
|
|
733
733
|
PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
734
|
-
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { valueprop: "valueprop" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\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 <
|
|
734
|
+
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { valueprop: "valueprop" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\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 <ng-content></ng-content>\r\n </section-title>\r\n <div class=\"optional-buttons\" *ngIf=\"valueprop.buttons\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngFor=\"let button of valueprop.buttons\"\r\n (click)=\"onClickValuePropButton(button.route)\">\r\n {{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 .image-text-sort .section-container{flex-direction:row}.page .text-image-sort{background-color:#f7f8f9}.page .text-image-sort .section-container{flex-direction:row-reverse}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;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 .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left;display:flex;flex-direction:column;row-gap:2rem}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-buttons{display:flex;flex-direction:row;column-gap:1.5rem}.page .section .text-side .optional-buttons 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 .image-text-sort .section-container,.page .text-image-sort .section-container,.page .section .section-container{flex-direction:column}.page .image-text-sort .section-container .image-side,.page .text-image-sort .section-container .image-side,.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .image-text-sort .section-container .image-side img,.page .text-image-sort .section-container .image-side img,.page .section .section-container .image-side img,.page .image-text-sort .section-container .text-side,.page .text-image-sort .section-container .text-side,.page .section .section-container .text-side{width:100%}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}.page .section .section-container .text-side .optional-buttons{flex-direction:column;row-gap:1rem}}@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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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
735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
|
|
736
736
|
type: Component,
|
|
737
|
-
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\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 <
|
|
737
|
+
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\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 <ng-content></ng-content>\r\n </section-title>\r\n <div class=\"optional-buttons\" *ngIf=\"valueprop.buttons\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngFor=\"let button of valueprop.buttons\"\r\n (click)=\"onClickValuePropButton(button.route)\">\r\n {{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 .image-text-sort .section-container{flex-direction:row}.page .text-image-sort{background-color:#f7f8f9}.page .text-image-sort .section-container{flex-direction:row-reverse}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;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 .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left;display:flex;flex-direction:column;row-gap:2rem}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-buttons{display:flex;flex-direction:row;column-gap:1.5rem}.page .section .text-side .optional-buttons 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 .image-text-sort .section-container,.page .text-image-sort .section-container,.page .section .section-container{flex-direction:column}.page .image-text-sort .section-container .image-side,.page .text-image-sort .section-container .image-side,.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .image-text-sort .section-container .image-side img,.page .text-image-sort .section-container .image-side img,.page .section .section-container .image-side img,.page .image-text-sort .section-container .text-side,.page .text-image-sort .section-container .text-side,.page .section .section-container .text-side{width:100%}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}.page .section .section-container .text-side .optional-buttons{flex-direction:column;row-gap:1rem}}@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
738
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { valueprop: [{
|
|
739
739
|
type: Input
|
|
740
740
|
}] } });
|
|
@@ -951,10 +951,10 @@ class ValuePropCardComponent {
|
|
|
951
951
|
}
|
|
952
952
|
}
|
|
953
953
|
ValuePropCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
954
|
-
ValuePropCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuePropCardComponent, selector: "value-prop-card", inputs: { valuePropContent: "valuePropContent", cardOnHover: "cardOnHover" }, ngImport: i0, template: "<div class=\"reason-block\" [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n <div class=\"reason-headline\">\r\n <div class=\"reason-icon\" *ngIf=\"icon\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n <div class=\"reason-image\" *ngIf=\"!icon\">\r\n <img [src]=\"valuePropContent.image\" alt=\"\">\r\n </div>\r\n <div class=\"reason-title\">\r\n {{valuePropContent.title}}\r\n </div>\r\n </div>\r\n <div class=\"reason-desc\">\r\n {{valuePropContent.description}}\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}.card-on-hover:hover{background-color:#f7f8f9;box-shadow:.2rem .2rem .4rem #00000040}.constant-card{background-color:#fff;box-shadow:.2rem .2rem .4rem #00000040}.reason-block{border-radius:2rem;padding:.5rem 2rem 2rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;width:100%}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
954
|
+
ValuePropCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuePropCardComponent, selector: "value-prop-card", inputs: { valuePropContent: "valuePropContent", cardOnHover: "cardOnHover" }, ngImport: i0, template: "<div class=\"reason-block\" [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n <div class=\"reason-headline\">\r\n <div class=\"reason-icon\" *ngIf=\"icon\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n <div class=\"reason-image\" *ngIf=\"!icon\">\r\n <img [src]=\"valuePropContent.image\" alt=\"\">\r\n </div>\r\n <div class=\"reason-title\">\r\n {{valuePropContent.title}}\r\n </div>\r\n </div>\r\n <div class=\"reason-desc\">\r\n {{valuePropContent.description}}\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}.card-on-hover:hover{background-color:#f7f8f9;box-shadow:.2rem .2rem .4rem #00000040}.constant-card{background-color:#fff;box-shadow:.2rem .2rem .4rem #00000040}.reason-block{transition:all ease-in-out .2s;border-radius:2rem;padding:.5rem 2rem 2rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;width:100%}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
955
955
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropCardComponent, decorators: [{
|
|
956
956
|
type: Component,
|
|
957
|
-
args: [{ selector: 'value-prop-card', template: "<div class=\"reason-block\" [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n <div class=\"reason-headline\">\r\n <div class=\"reason-icon\" *ngIf=\"icon\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n <div class=\"reason-image\" *ngIf=\"!icon\">\r\n <img [src]=\"valuePropContent.image\" alt=\"\">\r\n </div>\r\n <div class=\"reason-title\">\r\n {{valuePropContent.title}}\r\n </div>\r\n </div>\r\n <div class=\"reason-desc\">\r\n {{valuePropContent.description}}\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}.card-on-hover:hover{background-color:#f7f8f9;box-shadow:.2rem .2rem .4rem #00000040}.constant-card{background-color:#fff;box-shadow:.2rem .2rem .4rem #00000040}.reason-block{border-radius:2rem;padding:.5rem 2rem 2rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;width:100%}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"] }]
|
|
957
|
+
args: [{ selector: 'value-prop-card', template: "<div class=\"reason-block\" [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n <div class=\"reason-headline\">\r\n <div class=\"reason-icon\" *ngIf=\"icon\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n <div class=\"reason-image\" *ngIf=\"!icon\">\r\n <img [src]=\"valuePropContent.image\" alt=\"\">\r\n </div>\r\n <div class=\"reason-title\">\r\n {{valuePropContent.title}}\r\n </div>\r\n </div>\r\n <div class=\"reason-desc\">\r\n {{valuePropContent.description}}\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}.card-on-hover:hover{background-color:#f7f8f9;box-shadow:.2rem .2rem .4rem #00000040}.constant-card{background-color:#fff;box-shadow:.2rem .2rem .4rem #00000040}.reason-block{transition:all ease-in-out .2s;border-radius:2rem;padding:.5rem 2rem 2rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;width:100%}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"] }]
|
|
958
958
|
}], propDecorators: { valuePropContent: [{
|
|
959
959
|
type: Input
|
|
960
960
|
}], cardOnHover: [{
|