@jooler/jooler-websites-shared 0.0.138 → 0.0.139
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/call-to-action-section.component.mjs +3 -3
- package/esm2020/lib/models/call-to-action-data.model.mjs +1 -1
- package/esm2020/lib/models/cta-cards.model.mjs +2 -0
- package/fesm2015/jooler-websites-shared.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +2 -2
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/models/call-to-action-data.model.d.ts +2 -4
- package/lib/models/cta-cards.model.d.ts +6 -0
- package/package.json +1 -4
|
@@ -16,13 +16,13 @@ export class CallToActionSectionComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
CallToActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide}\">\n <div class=\"heading-side\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\">\n <div class=\"head-cta\">\n {{
|
|
19
|
+
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide}\">\n <div class=\"heading-side\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\">\n <div class=\"head-cta\">\n {{card.title}}\n </div>\n <div class=\"description-cta\" *ngIf=\"card.description\">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background-color:#f7f8f9;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:grid;color:#fff;width:63%}.page .cta-box .cta-side{display:grid;padding:1rem;height:100%;width:35%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box{background:#155ED4;align-self:center;width:100%;padding:1.5rem;border-radius:1rem;color:#fff;box-shadow:#64646f33 0 .7rem 2.9rem}.page .cta-box .cta-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .cta-side .box .button{margin-top:2rem}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:400;font-family:inherit;color:#155ed4;background-color:#f7f8f9}@media only screen and (max-width: 56.25em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .cta-side{width:90%}.page .cta-box .heading-side{width:100%}}\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"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide}\">\n <div class=\"heading-side\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\">\n <div class=\"head-cta\">\n {{
|
|
22
|
+
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide}\">\n <div class=\"heading-side\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\">\n <div class=\"head-cta\">\n {{card.title}}\n </div>\n <div class=\"description-cta\" *ngIf=\"card.description\">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background-color:#f7f8f9;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:grid;color:#fff;width:63%}.page .cta-box .cta-side{display:grid;padding:1rem;height:100%;width:35%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box{background:#155ED4;align-self:center;width:100%;padding:1.5rem;border-radius:1rem;color:#fff;box-shadow:#64646f33 0 .7rem 2.9rem}.page .cta-box .cta-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .cta-side .box .button{margin-top:2rem}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:400;font-family:inherit;color:#155ed4;background-color:#f7f8f9}@media only screen and (max-width: 56.25em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .cta-side{width:90%}.page .cta-box .heading-side{width:100%}}\n"] }]
|
|
23
23
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], titleOnRightSide: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVV6RCxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBRjFCLHFCQUFnQixHQUFZLEtBQUssQ0FBQztJQUVKLENBQUM7SUFFeEMsUUFBUTtJQUNSLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFLO1FBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzt5SEFYVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixrSkNWekMsK3lCQXFCTTsyRkRYTyw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0Usd0JBQXdCOzZGQU16QixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGEgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjYWxsLXRvLWFjdGlvbi1zZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuc2NzcycgXVxufSlcblxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGE7XG4gIEBJbnB1dCgpIHRpdGxlT25SaWdodFNpZGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9Sb3V0ZXI6IFJvdXRlcikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBvbkNsaWNrR2V0U3RhcnRlZChyb3V0ZSkge1xuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbIHJvdXRlIF0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicGFnZVwiPlxuICA8ZGl2IGNsYXNzPVwiY3RhLWJveFwiIFtuZ0NsYXNzXT1cInsndGl0bGUtcmlnaHQtc2lkZSc6dGl0bGVPblJpZ2h0U2lkZSwndGl0bGUtbGVmdC1zaWRlJzohdGl0bGVPblJpZ2h0U2lkZX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGluZy1zaWRlXCI+XG4gICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiPjwvc2VjdGlvbi10aXRsZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY3RhLXNpZGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJib3hcIiAqbmdGb3I9XCJsZXQgY2FyZCBvZiBzZWN0aW9uQ29udGVudC5jdGFDYXJkc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZC1jdGFcIj5cbiAgICAgICAgICB7e2NhcmQudGl0bGV9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uLWN0YVwiICpuZ0lmPVwiY2FyZC5kZXNjcmlwdGlvblwiPlxuICAgICAgICAgIHt7Y2FyZC5kZXNjcmlwdGlvbn19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uXCI+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIm9uQ2xpY2tHZXRTdGFydGVkKGNhcmQuYnV0dG9uLnJvdXRlKVwiPlxuICAgICAgICAgICAge3tjYXJkLmJ1dHRvbi5uYW1lfX1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export class CallToActionSectionData {
|
|
2
2
|
}
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxNQUFNLE9BQU8sdUJBQXVCO0NBR25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ3RhQ2FyZHMgfSBmcm9tIFwiLi9jdGEtY2FyZHMubW9kZWxcIjtcbmltcG9ydCB7IFNlY3Rpb25UaXRsZSB9IGZyb20gXCIuL3NlY3Rpb24tdGl0bGUubW9kZWxcIjtcblxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25EYXRhIHtcbiAgICBzZWN0aW9uVGl0bGU6IFNlY3Rpb25UaXRsZTtcbiAgICBjdGFDYXJkczogQ3RhQ2FyZHNbXTtcbn0iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLWNhcmRzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL21vZGVscy9jdGEtY2FyZHMubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEltYWdlU2VjdGlvbkFjdGlvbiB9IGZyb20gXCJAam9vbGVyL2pvb2xlci13ZWJzaXRlcy1zaGFyZWRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDdGFDYXJkcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nXG4gICAgYnV0dG9uOiBJbWFnZVNlY3Rpb25BY3Rpb247XG59Il19
|
|
@@ -309,10 +309,10 @@ class CallToActionSectionComponent {
|
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
311
|
CallToActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
312
|
-
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide}\">\n <div class=\"heading-side\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\">\n <div class=\"head-cta\">\n {{
|
|
312
|
+
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide}\">\n <div class=\"heading-side\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\">\n <div class=\"head-cta\">\n {{card.title}}\n </div>\n <div class=\"description-cta\" *ngIf=\"card.description\">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background-color:#f7f8f9;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:grid;color:#fff;width:63%}.page .cta-box .cta-side{display:grid;padding:1rem;height:100%;width:35%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box{background:#155ED4;align-self:center;width:100%;padding:1.5rem;border-radius:1rem;color:#fff;box-shadow:#64646f33 0 .7rem 2.9rem}.page .cta-box .cta-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .cta-side .box .button{margin-top:2rem}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:400;font-family:inherit;color:#155ed4;background-color:#f7f8f9}@media only screen and (max-width: 56.25em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .cta-side{width:90%}.page .cta-box .heading-side{width:100%}}\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$1.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"] }] });
|
|
313
313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
314
314
|
type: Component,
|
|
315
|
-
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide}\">\n <div class=\"heading-side\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\">\n <div class=\"head-cta\">\n {{
|
|
315
|
+
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide}\">\n <div class=\"heading-side\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\">\n <div class=\"head-cta\">\n {{card.title}}\n </div>\n <div class=\"description-cta\" *ngIf=\"card.description\">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background-color:#f7f8f9;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:grid;color:#fff;width:63%}.page .cta-box .cta-side{display:grid;padding:1rem;height:100%;width:35%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box{background:#155ED4;align-self:center;width:100%;padding:1.5rem;border-radius:1rem;color:#fff;box-shadow:#64646f33 0 .7rem 2.9rem}.page .cta-box .cta-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .cta-side .box .button{margin-top:2rem}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:400;font-family:inherit;color:#155ed4;background-color:#f7f8f9}@media only screen and (max-width: 56.25em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .cta-side{width:90%}.page .cta-box .heading-side{width:100%}}\n"] }]
|
|
316
316
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
317
317
|
type: Input
|
|
318
318
|
}], titleOnRightSide: [{
|