@jooler/jooler-websites-shared 0.0.136 → 0.0.137
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 +8 -4
- package/fesm2015/jooler-websites-shared.mjs +6 -3
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +6 -3
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/call-to-action-section/call-to-action-section.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -3,9 +3,11 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/router";
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
5
5
|
import * as i3 from "@angular/material/button";
|
|
6
|
+
import * as i4 from "../section-title/section-title.component";
|
|
6
7
|
export class CallToActionSectionComponent {
|
|
7
8
|
constructor(_Router) {
|
|
8
9
|
this._Router = _Router;
|
|
10
|
+
this.titleOnRightSide = true;
|
|
9
11
|
}
|
|
10
12
|
ngOnInit() {
|
|
11
13
|
}
|
|
@@ -14,11 +16,13 @@ export class CallToActionSectionComponent {
|
|
|
14
16
|
}
|
|
15
17
|
}
|
|
16
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 });
|
|
17
|
-
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: {
|
|
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]=\"{title:sectionContent.title, subtitle:sectionContent.subtitle,isWithoutDivider:true,alignLeft:true}\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\">\n <div class=\"description\">\n {{sectionContent.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(sectionContent.button.route)\">{{sectionContent.button.name}}</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: "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"] }] });
|
|
18
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
19
21
|
type: Component,
|
|
20
|
-
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\"
|
|
21
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: {
|
|
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]=\"{title:sectionContent.title, subtitle:sectionContent.subtitle,isWithoutDivider:true,alignLeft:true}\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\">\n <div class=\"description\">\n {{sectionContent.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(sectionContent.button.route)\">{{sectionContent.button.name}}</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
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], titleOnRightSide: [{
|
|
22
26
|
type: Input
|
|
23
27
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVV6RCxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBRjFCLHFCQUFnQixHQUFZLElBQUksQ0FBQztJQUVILENBQUM7SUFFeEMsUUFBUTtJQUNSLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFLO1FBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzt5SEFYVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixrSkNWekMsaXVCQWdCTTsyRkROTyw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0Usd0JBQXdCOzZGQU16QixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGEgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjYWxsLXRvLWFjdGlvbi1zZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuc2NzcycgXVxufSlcblxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGE7XG4gIEBJbnB1dCgpIHRpdGxlT25SaWdodFNpZGU6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIG9uQ2xpY2tHZXRTdGFydGVkKHJvdXRlKSB7XG4gICAgdGhpcy5fUm91dGVyLm5hdmlnYXRlKFsgcm91dGUgXSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XG4gIDxkaXYgY2xhc3M9XCJjdGEtYm94XCIgW25nQ2xhc3NdPVwieyd0aXRsZS1yaWdodC1zaWRlJzp0aXRsZU9uUmlnaHRTaWRlLCd0aXRsZS1sZWZ0LXNpZGUnOiF0aXRsZU9uUmlnaHRTaWRlfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nLXNpZGVcIj5cbiAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwie3RpdGxlOnNlY3Rpb25Db250ZW50LnRpdGxlLCBzdWJ0aXRsZTpzZWN0aW9uQ29udGVudC5zdWJ0aXRsZSxpc1dpdGhvdXREaXZpZGVyOnRydWUsYWxpZ25MZWZ0OnRydWV9XCI+PC9zZWN0aW9uLXRpdGxlPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjdGEtc2lkZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImJveFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICB7e3NlY3Rpb25Db250ZW50LmRlc2NyaXB0aW9ufX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIj5cbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwib25DbGlja0dldFN0YXJ0ZWQoc2VjdGlvbkNvbnRlbnQuYnV0dG9uLnJvdXRlKVwiPnt7c2VjdGlvbkNvbnRlbnQuYnV0dG9uLm5hbWV9fTwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -300,6 +300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
300
300
|
class CallToActionSectionComponent {
|
|
301
301
|
constructor(_Router) {
|
|
302
302
|
this._Router = _Router;
|
|
303
|
+
this.titleOnRightSide = true;
|
|
303
304
|
}
|
|
304
305
|
ngOnInit() {
|
|
305
306
|
}
|
|
@@ -308,11 +309,13 @@ class CallToActionSectionComponent {
|
|
|
308
309
|
}
|
|
309
310
|
}
|
|
310
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 });
|
|
311
|
-
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: {
|
|
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]=\"{title:sectionContent.title, subtitle:sectionContent.subtitle,isWithoutDivider:true,alignLeft:true}\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\">\n <div class=\"description\">\n {{sectionContent.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(sectionContent.button.route)\">{{sectionContent.button.name}}</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: "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"] }] });
|
|
312
313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
313
314
|
type: Component,
|
|
314
|
-
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\"
|
|
315
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: {
|
|
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]=\"{title:sectionContent.title, subtitle:sectionContent.subtitle,isWithoutDivider:true,alignLeft:true}\"></section-title>\n </div>\n <div class=\"cta-side\">\n <div class=\"box\">\n <div class=\"description\">\n {{sectionContent.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(sectionContent.button.route)\">{{sectionContent.button.name}}</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
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
317
|
+
type: Input
|
|
318
|
+
}], titleOnRightSide: [{
|
|
316
319
|
type: Input
|
|
317
320
|
}] } });
|
|
318
321
|
|