@jooler/jooler-websites-shared 0.0.113 → 0.0.114
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 +2 -2
- package/esm2020/lib/coming-soon/coming-soon.component.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs +4 -4
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +4 -4
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -14,10 +14,10 @@ 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=\"\"> -->\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: ["@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\";*{padding:0;margin:0}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
|
|
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: ["@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\";*{padding:0;margin:0}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 .cta-box{justify-self:center;width:100%;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(90deg,#155ED4 3.16%,#0F2844 97.43%)}.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(90deg,#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:#fff;font-weight:500;background-color:transparent}.page .cta-box-small .button button{padding:1rem}}\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=\"\"> -->\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: ["@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\";*{padding:0;margin:0}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
|
|
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: ["@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\";*{padding:0;margin:0}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 .cta-box{justify-self:center;width:100%;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(90deg,#155ED4 3.16%,#0F2844 97.43%)}.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(90deg,#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:#fff;font-weight:500;background-color:transparent}.page .cta-box-small .button button{padding:1rem}}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
@@ -10,10 +10,10 @@ export class ComingSoonComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
ComingSoonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComingSoonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
ComingSoonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ComingSoonComponent, selector: "coming-soon", inputs: { ctaText: "ctaText", socialMediaLinks: "socialMediaLinks" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"coming-soon\">\n <div class=\"title\">\n Coming Soon\n </div>\n <div class=\"subtitle\">\n {{ctaText}}\n </div>\n <form>\n <div class=\"registration-field\">\n <div class=\"email-field\">\n <input type=\"email\" placeholder=\"Email Address\">\n </div>\n <button mat-raised-button class=\"submit\" type=\"submit\">\n Submit\n </button>\n </div>\n </form>\n <div class=\"social-media-icons\">\n <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\"\n [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\n </div>\n </div>\n</div>", styles: [".page{width:100%;position:relative;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;position:absolute;top:15%;left:50%;transform:translate(-50%);background-color:#fff;padding:6rem 4rem;width:40%;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060}.page .coming-soon .title{color:#4d4d4d;font-weight:500;font-size:4rem;margin-bottom:.8rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem;margin-bottom:.3rem}.page .coming-soon .registration-field{display:flex;margin-bottom:.8rem}.page .coming-soon .registration-field .email-field{margin-right:.8rem}.page .coming-soon .registration-field .submit{color:#fff;background-color:#
|
|
13
|
+
ComingSoonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ComingSoonComponent, selector: "coming-soon", inputs: { ctaText: "ctaText", socialMediaLinks: "socialMediaLinks" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"coming-soon\">\n <div class=\"title\">\n Coming Soon\n </div>\n <div class=\"subtitle\">\n {{ctaText}}\n </div>\n <form>\n <div class=\"registration-field\">\n <div class=\"email-field\">\n <input type=\"email\" placeholder=\"Email Address\">\n </div>\n <button mat-raised-button class=\"submit\" type=\"submit\">\n Submit\n </button>\n </div>\n </form>\n <div class=\"social-media-icons\">\n <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\"\n [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\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\";*{padding:0;margin:0}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{width:100%;position:relative;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;position:absolute;top:15%;left:50%;transform:translate(-50%);background-color:#fff;padding:6rem 4rem;width:40%;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060}.page .coming-soon .title{color:#4d4d4d;font-weight:500;font-size:4rem;margin-bottom:.8rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem;margin-bottom:.3rem}.page .coming-soon .registration-field{display:flex;margin-bottom:.8rem}.page .coming-soon .registration-field .email-field{margin-right:.8rem}.page .coming-soon .registration-field .submit{color:#fff;background-color:#32353b}.page .coming-soon .registration-field .submit:hover{background-color:#494e57}.page .coming-soon .social-media-icons{font-size:2rem}.page .coming-soon .social-media-icons fa-icon{color:#4d4d4d;margin-right:1rem;cursor:pointer;transition:ease-in-out .2s}.page .coming-soon .social-media-icons .linkedin:hover{color:#0072b1}.page .coming-soon .social-media-icons .instagram:hover{color:#c92bb7}.page .coming-soon .social-media-icons .youtube:hover{color:red}\n"], dependencies: [{ kind: "component", type: i1.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: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.SocialMediaIconsComponent, selector: "social-media-icons", inputs: ["color", "areIconsInFooter", "socialMediaLinks"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComingSoonComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'coming-soon', template: "<div class=\"page\">\n <div class=\"coming-soon\">\n <div class=\"title\">\n Coming Soon\n </div>\n <div class=\"subtitle\">\n {{ctaText}}\n </div>\n <form>\n <div class=\"registration-field\">\n <div class=\"email-field\">\n <input type=\"email\" placeholder=\"Email Address\">\n </div>\n <button mat-raised-button class=\"submit\" type=\"submit\">\n Submit\n </button>\n </div>\n </form>\n <div class=\"social-media-icons\">\n <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\"\n [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\n </div>\n </div>\n</div>", styles: [".page{width:100%;position:relative;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;position:absolute;top:15%;left:50%;transform:translate(-50%);background-color:#fff;padding:6rem 4rem;width:40%;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060}.page .coming-soon .title{color:#4d4d4d;font-weight:500;font-size:4rem;margin-bottom:.8rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem;margin-bottom:.3rem}.page .coming-soon .registration-field{display:flex;margin-bottom:.8rem}.page .coming-soon .registration-field .email-field{margin-right:.8rem}.page .coming-soon .registration-field .submit{color:#fff;background-color:#
|
|
16
|
+
args: [{ selector: 'coming-soon', template: "<div class=\"page\">\n <div class=\"coming-soon\">\n <div class=\"title\">\n Coming Soon\n </div>\n <div class=\"subtitle\">\n {{ctaText}}\n </div>\n <form>\n <div class=\"registration-field\">\n <div class=\"email-field\">\n <input type=\"email\" placeholder=\"Email Address\">\n </div>\n <button mat-raised-button class=\"submit\" type=\"submit\">\n Submit\n </button>\n </div>\n </form>\n <div class=\"social-media-icons\">\n <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\"\n [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\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\";*{padding:0;margin:0}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{width:100%;position:relative;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;position:absolute;top:15%;left:50%;transform:translate(-50%);background-color:#fff;padding:6rem 4rem;width:40%;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060}.page .coming-soon .title{color:#4d4d4d;font-weight:500;font-size:4rem;margin-bottom:.8rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem;margin-bottom:.3rem}.page .coming-soon .registration-field{display:flex;margin-bottom:.8rem}.page .coming-soon .registration-field .email-field{margin-right:.8rem}.page .coming-soon .registration-field .submit{color:#fff;background-color:#32353b}.page .coming-soon .registration-field .submit:hover{background-color:#494e57}.page .coming-soon .social-media-icons{font-size:2rem}.page .coming-soon .social-media-icons fa-icon{color:#4d4d4d;margin-right:1rem;cursor:pointer;transition:ease-in-out .2s}.page .coming-soon .social-media-icons .linkedin:hover{color:#0072b1}.page .coming-soon .social-media-icons .instagram:hover{color:#c92bb7}.page .coming-soon .social-media-icons .youtube:hover{color:red}\n"] }]
|
|
17
17
|
}], propDecorators: { ctaText: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], socialMediaLinks: [{
|
|
@@ -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.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=\"\"> -->\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: ["@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\";*{padding:0;margin:0}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
|
|
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: ["@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\";*{padding:0;margin:0}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 .cta-box{justify-self:center;width:100%;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(90deg,#155ED4 3.16%,#0F2844 97.43%)}.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(90deg,#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:#fff;font-weight:500;background-color:transparent}.page .cta-box-small .button button{padding:1rem}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.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=\"\"> -->\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: ["@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\";*{padding:0;margin:0}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
|
|
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: ["@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\";*{padding:0;margin:0}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 .cta-box{justify-self:center;width:100%;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(90deg,#155ED4 3.16%,#0F2844 97.43%)}.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(90deg,#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:#fff;font-weight:500;background-color:transparent}.page .cta-box-small .button button{padding:1rem}}\n"] }]
|
|
327
327
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
328
328
|
type: Input
|
|
329
329
|
}] } });
|
|
@@ -760,10 +760,10 @@ class ComingSoonComponent {
|
|
|
760
760
|
}
|
|
761
761
|
}
|
|
762
762
|
ComingSoonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComingSoonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
763
|
-
ComingSoonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ComingSoonComponent, selector: "coming-soon", inputs: { ctaText: "ctaText", socialMediaLinks: "socialMediaLinks" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"coming-soon\">\n <div class=\"title\">\n Coming Soon\n </div>\n <div class=\"subtitle\">\n {{ctaText}}\n </div>\n <form>\n <div class=\"registration-field\">\n <div class=\"email-field\">\n <input type=\"email\" placeholder=\"Email Address\">\n </div>\n <button mat-raised-button class=\"submit\" type=\"submit\">\n Submit\n </button>\n </div>\n </form>\n <div class=\"social-media-icons\">\n <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\"\n [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\n </div>\n </div>\n</div>", styles: [".page{width:100%;position:relative;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;position:absolute;top:15%;left:50%;transform:translate(-50%);background-color:#fff;padding:6rem 4rem;width:40%;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060}.page .coming-soon .title{color:#4d4d4d;font-weight:500;font-size:4rem;margin-bottom:.8rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem;margin-bottom:.3rem}.page .coming-soon .registration-field{display:flex;margin-bottom:.8rem}.page .coming-soon .registration-field .email-field{margin-right:.8rem}.page .coming-soon .registration-field .submit{color:#fff;background-color:#
|
|
763
|
+
ComingSoonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ComingSoonComponent, selector: "coming-soon", inputs: { ctaText: "ctaText", socialMediaLinks: "socialMediaLinks" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"coming-soon\">\n <div class=\"title\">\n Coming Soon\n </div>\n <div class=\"subtitle\">\n {{ctaText}}\n </div>\n <form>\n <div class=\"registration-field\">\n <div class=\"email-field\">\n <input type=\"email\" placeholder=\"Email Address\">\n </div>\n <button mat-raised-button class=\"submit\" type=\"submit\">\n Submit\n </button>\n </div>\n </form>\n <div class=\"social-media-icons\">\n <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\"\n [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\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\";*{padding:0;margin:0}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{width:100%;position:relative;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;position:absolute;top:15%;left:50%;transform:translate(-50%);background-color:#fff;padding:6rem 4rem;width:40%;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060}.page .coming-soon .title{color:#4d4d4d;font-weight:500;font-size:4rem;margin-bottom:.8rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem;margin-bottom:.3rem}.page .coming-soon .registration-field{display:flex;margin-bottom:.8rem}.page .coming-soon .registration-field .email-field{margin-right:.8rem}.page .coming-soon .registration-field .submit{color:#fff;background-color:#32353b}.page .coming-soon .registration-field .submit:hover{background-color:#494e57}.page .coming-soon .social-media-icons{font-size:2rem}.page .coming-soon .social-media-icons fa-icon{color:#4d4d4d;margin-right:1rem;cursor:pointer;transition:ease-in-out .2s}.page .coming-soon .social-media-icons .linkedin:hover{color:#0072b1}.page .coming-soon .social-media-icons .instagram:hover{color:#c92bb7}.page .coming-soon .social-media-icons .youtube:hover{color:red}\n"], dependencies: [{ kind: "component", type: i3$2.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: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: SocialMediaIconsComponent, selector: "social-media-icons", inputs: ["color", "areIconsInFooter", "socialMediaLinks"] }] });
|
|
764
764
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComingSoonComponent, decorators: [{
|
|
765
765
|
type: Component,
|
|
766
|
-
args: [{ selector: 'coming-soon', template: "<div class=\"page\">\n <div class=\"coming-soon\">\n <div class=\"title\">\n Coming Soon\n </div>\n <div class=\"subtitle\">\n {{ctaText}}\n </div>\n <form>\n <div class=\"registration-field\">\n <div class=\"email-field\">\n <input type=\"email\" placeholder=\"Email Address\">\n </div>\n <button mat-raised-button class=\"submit\" type=\"submit\">\n Submit\n </button>\n </div>\n </form>\n <div class=\"social-media-icons\">\n <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\"\n [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\n </div>\n </div>\n</div>", styles: [".page{width:100%;position:relative;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;position:absolute;top:15%;left:50%;transform:translate(-50%);background-color:#fff;padding:6rem 4rem;width:40%;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060}.page .coming-soon .title{color:#4d4d4d;font-weight:500;font-size:4rem;margin-bottom:.8rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem;margin-bottom:.3rem}.page .coming-soon .registration-field{display:flex;margin-bottom:.8rem}.page .coming-soon .registration-field .email-field{margin-right:.8rem}.page .coming-soon .registration-field .submit{color:#fff;background-color:#
|
|
766
|
+
args: [{ selector: 'coming-soon', template: "<div class=\"page\">\n <div class=\"coming-soon\">\n <div class=\"title\">\n Coming Soon\n </div>\n <div class=\"subtitle\">\n {{ctaText}}\n </div>\n <form>\n <div class=\"registration-field\">\n <div class=\"email-field\">\n <input type=\"email\" placeholder=\"Email Address\">\n </div>\n <button mat-raised-button class=\"submit\" type=\"submit\">\n Submit\n </button>\n </div>\n </form>\n <div class=\"social-media-icons\">\n <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\"\n [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\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\";*{padding:0;margin:0}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{width:100%;position:relative;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;position:absolute;top:15%;left:50%;transform:translate(-50%);background-color:#fff;padding:6rem 4rem;width:40%;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060}.page .coming-soon .title{color:#4d4d4d;font-weight:500;font-size:4rem;margin-bottom:.8rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem;margin-bottom:.3rem}.page .coming-soon .registration-field{display:flex;margin-bottom:.8rem}.page .coming-soon .registration-field .email-field{margin-right:.8rem}.page .coming-soon .registration-field .submit{color:#fff;background-color:#32353b}.page .coming-soon .registration-field .submit:hover{background-color:#494e57}.page .coming-soon .social-media-icons{font-size:2rem}.page .coming-soon .social-media-icons fa-icon{color:#4d4d4d;margin-right:1rem;cursor:pointer;transition:ease-in-out .2s}.page .coming-soon .social-media-icons .linkedin:hover{color:#0072b1}.page .coming-soon .social-media-icons .instagram:hover{color:#c92bb7}.page .coming-soon .social-media-icons .youtube:hover{color:red}\n"] }]
|
|
767
767
|
}], propDecorators: { ctaText: [{
|
|
768
768
|
type: Input
|
|
769
769
|
}], socialMediaLinks: [{
|