@jooler/jooler-websites-shared 0.0.82 → 0.0.83
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/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/package.json +2 -2
|
@@ -14,11 +14,11 @@ export class CallToActionSectionComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
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: { data: "data" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\">\n <div class=\"left-side\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\n {{data.subtitle}}\n </div>\n </div>\n <div class=\"right-side\">\n <div class=\"box\">\n <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"
|
|
17
|
+
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\">\n <div class=\"left-side\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\n {{data.subtitle}}\n </div>\n </div>\n <div class=\"right-side\">\n <div class=\"box\">\n <!-- <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"> -->\n <!-- <img src=\"https://i.ibb.co/PxyyVHS/top-right-corner-design.png\" class=\"right-bg\" alt=\"\"> -->\n <div class=\"description\">\n {{data.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"cta-box-small\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\">\n {{data.subtitle}}\n </div>\n <div class=\"description\">\n {{data.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\n </div>\n </div>\n</div>", styles: [".page{width:100%;display:grid;margin:7rem 0rem}.page .cta-box{justify-self:center;width:90%;display:grid;grid-template-columns:calc(60% - 2.5rem) calc(40% - 2.5rem);column-gap:5rem;align-items:center;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background:linear-gradient(88.83deg,#155ED4 3.16%,#0F2844 97.43%)}@media only screen and (min-width: 1500px){.page .cta-box{max-width:150rem}}.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 .left-side{height:30rem;padding-left:5rem;display:grid;color:#fff}.page .cta-box .left-side .title{font-weight:700;font-size:4rem;align-self:center}.page .cta-box .left-side .subtitle{font-size:1.4rem}.page .cta-box .right-side{display:grid;padding:1rem;height:100%;align-items:center}.page .cta-box .right-side .box{justify-self:center;align-self:center;width:80%;padding:1.5rem;border-radius:1rem;border:.1rem solid #ffffff;color:#fff}@media screen and (max-width: 1000px){.page .cta-box .right-side .box{width:90%}}.page .cta-box .right-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .right-side .box .button{margin-top:2rem}.page .cta-box .right-side .box .button button{padding:1rem;font-size:1.2rem;font-weight:400;color:#fff;background-color:transparent;border:#fff .1rem solid}.page .cta-box-small{display:none}@media only screen and (max-width: 56.25em){.page .cta-box{display:none}.page .cta-box-small{justify-self:center;width:90%;display:grid;align-items:center;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem;background:linear-gradient(88.83deg,#155ED4 3.16%,#0F2844 97.43%);color:#fff}.page .cta-box-small .title{font-size:2rem;font-weight:700;padding:1rem 0rem}.page .cta-box-small .subtitle{padding:2rem 0rem;font-size:1.6rem}.page .cta-box-small .description{padding:2rem 0rem;font-size:1.4rem}.page .cta-box-small .button{color:#545454;font-weight:500}}\n"], dependencies: [{ 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"] }] });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\">\n <div class=\"left-side\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\n {{data.subtitle}}\n </div>\n </div>\n <div class=\"right-side\">\n <div class=\"box\">\n <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"
|
|
20
|
+
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\">\n <div class=\"left-side\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\n {{data.subtitle}}\n </div>\n </div>\n <div class=\"right-side\">\n <div class=\"box\">\n <!-- <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"> -->\n <!-- <img src=\"https://i.ibb.co/PxyyVHS/top-right-corner-design.png\" class=\"right-bg\" alt=\"\"> -->\n <div class=\"description\">\n {{data.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"cta-box-small\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\">\n {{data.subtitle}}\n </div>\n <div class=\"description\">\n {{data.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\n </div>\n </div>\n</div>", styles: [".page{width:100%;display:grid;margin:7rem 0rem}.page .cta-box{justify-self:center;width:90%;display:grid;grid-template-columns:calc(60% - 2.5rem) calc(40% - 2.5rem);column-gap:5rem;align-items:center;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background:linear-gradient(88.83deg,#155ED4 3.16%,#0F2844 97.43%)}@media only screen and (min-width: 1500px){.page .cta-box{max-width:150rem}}.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 .left-side{height:30rem;padding-left:5rem;display:grid;color:#fff}.page .cta-box .left-side .title{font-weight:700;font-size:4rem;align-self:center}.page .cta-box .left-side .subtitle{font-size:1.4rem}.page .cta-box .right-side{display:grid;padding:1rem;height:100%;align-items:center}.page .cta-box .right-side .box{justify-self:center;align-self:center;width:80%;padding:1.5rem;border-radius:1rem;border:.1rem solid #ffffff;color:#fff}@media screen and (max-width: 1000px){.page .cta-box .right-side .box{width:90%}}.page .cta-box .right-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .right-side .box .button{margin-top:2rem}.page .cta-box .right-side .box .button button{padding:1rem;font-size:1.2rem;font-weight:400;color:#fff;background-color:transparent;border:#fff .1rem solid}.page .cta-box-small{display:none}@media only screen and (max-width: 56.25em){.page .cta-box{display:none}.page .cta-box-small{justify-self:center;width:90%;display:grid;align-items:center;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem;background:linear-gradient(88.83deg,#155ED4 3.16%,#0F2844 97.43%);color:#fff}.page .cta-box-small .title{font-size:2rem;font-weight:700;padding:1rem 0rem}.page .cta-box-small .subtitle{padding:2rem 0rem;font-size:1.6rem}.page .cta-box-small .description{padding:2rem 0rem;font-size:1.4rem}.page .cta-box-small .button{color:#545454;font-weight:500}}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVXpELE1BQU0sT0FBTyw0QkFBNEI7SUFHdkMsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBRXhDLFFBQVE7SUFDUixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBSztRQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7eUhBVlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsd0ZDVnpDLGt3Q0F3Q007MkZEOUJPLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDRSx3QkFBd0I7NkZBTXpCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGEgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjYWxsLXRvLWFjdGlvbi1zZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBDYWxsVG9BY3Rpb25TZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGF0YTogQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGE7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfUm91dGVyOiBSb3V0ZXIpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgb25DbGlja0dldFN0YXJ0ZWQocm91dGUpIHtcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoW3JvdXRlXSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XG4gIDxkaXYgY2xhc3M9XCJjdGEtYm94XCI+XG4gICAgPGRpdiBjbGFzcz1cImxlZnQtc2lkZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgIHt7ZGF0YS50aXRsZX19XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiICpuZ0lmPVwiZGF0YS5zdWJ0aXRsZVwiPlxuICAgICAgICB7e2RhdGEuc3VidGl0bGV9fVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJib3hcIj5cbiAgICAgICAgPCEtLSA8aW1nIHNyYz1cImh0dHBzOi8vaS5pYmIuY28vUFFiUjNuTC9ib3gtbGVmdC1zaWRlLWRlc2lnbi5wbmdcIiBjbGFzcz1cImxlZnQtYmdcIiBhbHQ9XCJcIj4gLS0+XG4gICAgICAgIDwhLS0gPGltZyBzcmM9XCJodHRwczovL2kuaWJiLmNvL1B4eXlWSFMvdG9wLXJpZ2h0LWNvcm5lci1kZXNpZ24ucG5nXCIgY2xhc3M9XCJyaWdodC1iZ1wiIGFsdD1cIlwiPiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAge3tkYXRhLmRlc2NyaXB0aW9ufX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIj5cbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtcmFpc2VkLWJ1dHRvblxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tHZXRTdGFydGVkKGRhdGEuYnV0dG9uLnJvdXRlKVwiPnt7ZGF0YS5idXR0b24ubmFtZX19PC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJjdGEtYm94LXNtYWxsXCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICB7e2RhdGEudGl0bGV9fVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPlxuICAgICAge3tkYXRhLnN1YnRpdGxlfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cbiAgICAgIHt7ZGF0YS5kZXNjcmlwdGlvbn19XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvblwiPlxuICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0LXJhaXNlZC1idXR0b25cbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tHZXRTdGFydGVkKGRhdGEuYnV0dG9uLnJvdXRlKVwiPnt7ZGF0YS5idXR0b24ubmFtZX19PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -320,10 +320,10 @@ class CallToActionSectionComponent {
|
|
|
320
320
|
}
|
|
321
321
|
}
|
|
322
322
|
CallToActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
323
|
-
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\">\n <div class=\"left-side\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\n {{data.subtitle}}\n </div>\n </div>\n <div class=\"right-side\">\n <div class=\"box\">\n <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"
|
|
323
|
+
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\">\n <div class=\"left-side\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\n {{data.subtitle}}\n </div>\n </div>\n <div class=\"right-side\">\n <div class=\"box\">\n <!-- <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"> -->\n <!-- <img src=\"https://i.ibb.co/PxyyVHS/top-right-corner-design.png\" class=\"right-bg\" alt=\"\"> -->\n <div class=\"description\">\n {{data.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"cta-box-small\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\">\n {{data.subtitle}}\n </div>\n <div class=\"description\">\n {{data.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\n </div>\n </div>\n</div>", styles: [".page{width:100%;display:grid;margin:7rem 0rem}.page .cta-box{justify-self:center;width:90%;display:grid;grid-template-columns:calc(60% - 2.5rem) calc(40% - 2.5rem);column-gap:5rem;align-items:center;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background:linear-gradient(88.83deg,#155ED4 3.16%,#0F2844 97.43%)}@media only screen and (min-width: 1500px){.page .cta-box{max-width:150rem}}.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 .left-side{height:30rem;padding-left:5rem;display:grid;color:#fff}.page .cta-box .left-side .title{font-weight:700;font-size:4rem;align-self:center}.page .cta-box .left-side .subtitle{font-size:1.4rem}.page .cta-box .right-side{display:grid;padding:1rem;height:100%;align-items:center}.page .cta-box .right-side .box{justify-self:center;align-self:center;width:80%;padding:1.5rem;border-radius:1rem;border:.1rem solid #ffffff;color:#fff}@media screen and (max-width: 1000px){.page .cta-box .right-side .box{width:90%}}.page .cta-box .right-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .right-side .box .button{margin-top:2rem}.page .cta-box .right-side .box .button button{padding:1rem;font-size:1.2rem;font-weight:400;color:#fff;background-color:transparent;border:#fff .1rem solid}.page .cta-box-small{display:none}@media only screen and (max-width: 56.25em){.page .cta-box{display:none}.page .cta-box-small{justify-self:center;width:90%;display:grid;align-items:center;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem;background:linear-gradient(88.83deg,#155ED4 3.16%,#0F2844 97.43%);color:#fff}.page .cta-box-small .title{font-size:2rem;font-weight:700;padding:1rem 0rem}.page .cta-box-small .subtitle{padding:2rem 0rem;font-size:1.6rem}.page .cta-box-small .description{padding:2rem 0rem;font-size:1.4rem}.page .cta-box-small .button{color:#545454;font-weight:500}}\n"], dependencies: [{ kind: "directive", type: i1.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"] }] });
|
|
324
324
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
325
325
|
type: Component,
|
|
326
|
-
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\">\n <div class=\"left-side\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\n {{data.subtitle}}\n </div>\n </div>\n <div class=\"right-side\">\n <div class=\"box\">\n <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"
|
|
326
|
+
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\">\n <div class=\"left-side\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\n {{data.subtitle}}\n </div>\n </div>\n <div class=\"right-side\">\n <div class=\"box\">\n <!-- <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"> -->\n <!-- <img src=\"https://i.ibb.co/PxyyVHS/top-right-corner-design.png\" class=\"right-bg\" alt=\"\"> -->\n <div class=\"description\">\n {{data.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"cta-box-small\">\n <div class=\"title\">\n {{data.title}}\n </div>\n <div class=\"subtitle\">\n {{data.subtitle}}\n </div>\n <div class=\"description\">\n {{data.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\n </div>\n </div>\n</div>", styles: [".page{width:100%;display:grid;margin:7rem 0rem}.page .cta-box{justify-self:center;width:90%;display:grid;grid-template-columns:calc(60% - 2.5rem) calc(40% - 2.5rem);column-gap:5rem;align-items:center;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background:linear-gradient(88.83deg,#155ED4 3.16%,#0F2844 97.43%)}@media only screen and (min-width: 1500px){.page .cta-box{max-width:150rem}}.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 .left-side{height:30rem;padding-left:5rem;display:grid;color:#fff}.page .cta-box .left-side .title{font-weight:700;font-size:4rem;align-self:center}.page .cta-box .left-side .subtitle{font-size:1.4rem}.page .cta-box .right-side{display:grid;padding:1rem;height:100%;align-items:center}.page .cta-box .right-side .box{justify-self:center;align-self:center;width:80%;padding:1.5rem;border-radius:1rem;border:.1rem solid #ffffff;color:#fff}@media screen and (max-width: 1000px){.page .cta-box .right-side .box{width:90%}}.page .cta-box .right-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .right-side .box .button{margin-top:2rem}.page .cta-box .right-side .box .button button{padding:1rem;font-size:1.2rem;font-weight:400;color:#fff;background-color:transparent;border:#fff .1rem solid}.page .cta-box-small{display:none}@media only screen and (max-width: 56.25em){.page .cta-box{display:none}.page .cta-box-small{justify-self:center;width:90%;display:grid;align-items:center;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem;background:linear-gradient(88.83deg,#155ED4 3.16%,#0F2844 97.43%);color:#fff}.page .cta-box-small .title{font-size:2rem;font-weight:700;padding:1rem 0rem}.page .cta-box-small .subtitle{padding:2rem 0rem;font-size:1.6rem}.page .cta-box-small .description{padding:2rem 0rem;font-size:1.4rem}.page .cta-box-small .button{color:#545454;font-weight:500}}\n"] }]
|
|
327
327
|
}], ctorParameters: function () { return [{ type: i1$1.Router }]; }, propDecorators: { data: [{
|
|
328
328
|
type: Input
|
|
329
329
|
}] } });
|