@jooler/jooler-websites-shared 0.0.69 → 0.0.70
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/coming-soon/coming-soon.component.mjs +6 -3
- package/esm2020/lib/social-media-icons/social-media-icons.component.mjs +1 -3
- package/fesm2015/jooler-websites-shared.mjs +5 -4
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +5 -4
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/coming-soon/coming-soon.component.d.ts +3 -1
- package/lib/social-media-icons/social-media-icons.component.d.ts +0 -6
- package/package.json +3 -7
|
@@ -6,14 +6,17 @@ import * as i3 from "../social-media-icons/social-media-icons.component";
|
|
|
6
6
|
export class ComingSoonComponent {
|
|
7
7
|
constructor() {
|
|
8
8
|
this.ctaText = "Get notified when this feature is available.";
|
|
9
|
+
this.socialMediaLinks = { instagram: "www.instagram.com", faceBook: "www.facebook.com", youTube: "www.youtube.com", linkedIn: "www.linkedin.com" };
|
|
9
10
|
}
|
|
10
11
|
}
|
|
11
12
|
ComingSoonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComingSoonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
ComingSoonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ComingSoonComponent, selector: "coming-soon", inputs: { ctaText: "ctaText" }, 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 Get notified when this feature is available.\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\"></social-media-icons>\n </div>\n </div>\n</div>", styles: [".page{width:100%;position:relative;background:url(https://i.ibb.co/qmQkVz2/Rectangle12-1.png) center top no-repeat;background-size:contain;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/0rd4qLH/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/HKy9pTG/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/BNycHZq/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 .4rem #00000040}.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:#3b3b3b}.page .coming-soon .registration-field .submit:hover{background-color:#555}.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"] }] });
|
|
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 Get notified when this feature is available.\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;background:url(https://i.ibb.co/qmQkVz2/Rectangle12-1.png) center top no-repeat;background-size:contain;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/0rd4qLH/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/HKy9pTG/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/BNycHZq/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 .4rem #00000040}.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:#3b3b3b}.page .coming-soon .registration-field .submit:hover{background-color:#555}.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"] }] });
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComingSoonComponent, decorators: [{
|
|
14
15
|
type: Component,
|
|
15
|
-
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 Get notified when this feature is available.\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\"></social-media-icons>\n </div>\n </div>\n</div>", styles: [".page{width:100%;position:relative;background:url(https://i.ibb.co/qmQkVz2/Rectangle12-1.png) center top no-repeat;background-size:contain;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/0rd4qLH/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/HKy9pTG/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/BNycHZq/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 .4rem #00000040}.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:#3b3b3b}.page .coming-soon .registration-field .submit:hover{background-color:#555}.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"] }]
|
|
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 Get notified when this feature is available.\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;background:url(https://i.ibb.co/qmQkVz2/Rectangle12-1.png) center top no-repeat;background-size:contain;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/0rd4qLH/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/HKy9pTG/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/BNycHZq/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 .4rem #00000040}.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:#3b3b3b}.page .coming-soon .registration-field .submit:hover{background-color:#555}.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"] }]
|
|
16
17
|
}], propDecorators: { ctaText: [{
|
|
17
18
|
type: Input
|
|
19
|
+
}], socialMediaLinks: [{
|
|
20
|
+
type: Input
|
|
18
21
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29taW5nLXNvb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2NvbWluZy1zb29uL2NvbWluZy1zb29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb21pbmctc29vbi9jb21pbmctc29vbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRakQsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQU1XLFlBQU8sR0FBVyw4Q0FBOEMsQ0FBQztRQUNqRSxxQkFBZ0IsR0FBcUIsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxRQUFRLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztLQUMxSzs7Z0hBSFksbUJBQW1CO29HQUFuQixtQkFBbUIseUhDUmhDLHMxQkF1Qk07MkZEZk8sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7OEJBS2QsT0FBTztzQkFBZixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHNvY2lhbE1lZGlhTGlua3MgfSBmcm9tICcuLi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWxpbmtzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29taW5nLXNvb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vY29taW5nLXNvb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb21pbmctc29vbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbWluZ1Nvb25Db21wb25lbnQge1xuICBASW5wdXQoKSBjdGFUZXh0OiBzdHJpbmcgPSBcIkdldCBub3RpZmllZCB3aGVuIHRoaXMgZmVhdHVyZSBpcyBhdmFpbGFibGUuXCI7XG4gIEBJbnB1dCgpIHNvY2lhbE1lZGlhTGlua3M6IHNvY2lhbE1lZGlhTGlua3MgPSB7IGluc3RhZ3JhbTogXCJ3d3cuaW5zdGFncmFtLmNvbVwiLCBmYWNlQm9vazogXCJ3d3cuZmFjZWJvb2suY29tXCIsIHlvdVR1YmU6IFwid3d3LnlvdXR1YmUuY29tXCIsIGxpbmtlZEluOiBcInd3dy5saW5rZWRpbi5jb21cIiB9O1xufVxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29taW5nLXNvb25cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgICAgICBDb21pbmcgU29vblxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+XG4gICAgICAgICAgICBHZXQgbm90aWZpZWQgd2hlbiB0aGlzIGZlYXR1cmUgaXMgYXZhaWxhYmxlLlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGZvcm0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVnaXN0cmF0aW9uLWZpZWxkXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImVtYWlsLWZpZWxkXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiZW1haWxcIiBwbGFjZWhvbGRlcj1cIkVtYWlsIEFkZHJlc3NcIj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNsYXNzPVwic3VibWl0XCIgdHlwZT1cInN1Ym1pdFwiPlxuICAgICAgICAgICAgICAgICAgICBTdWJtaXRcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzb2NpYWwtbWVkaWEtaWNvbnNcIj5cbiAgICAgICAgICAgIDxzb2NpYWwtbWVkaWEtaWNvbnMgW2NvbG9yXT1cIicjNEQ0RDREJ1wiIFthcmVJY29uc0luRm9vdGVyXT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICBbc29jaWFsTWVkaWFMaW5rc109XCJzb2NpYWxNZWRpYUxpbmtzXCI+PC9zb2NpYWwtbWVkaWEtaWNvbnM+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -6,10 +6,8 @@ import * as i3 from "@fortawesome/angular-fontawesome";
|
|
|
6
6
|
export class SocialMediaIconsComponent {
|
|
7
7
|
constructor(_router) {
|
|
8
8
|
this._router = _router;
|
|
9
|
-
this.socialMediaDefaultLinks = { instagram: "www.instagram.com", faceBook: "www.facebook.com", youTube: "www.youtube.com", linkedIn: "www.linkedin.com" };
|
|
10
9
|
}
|
|
11
10
|
ngOnInit() {
|
|
12
|
-
this.socialMediaLinks = this.socialMediaDefaultLinks;
|
|
13
11
|
}
|
|
14
12
|
onClickLinkedIn() {
|
|
15
13
|
this._router.navigate([this.socialMediaLinks.linkedIn]);
|
|
@@ -39,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
39
37
|
}], socialMediaLinks: [{
|
|
40
38
|
type: Input
|
|
41
39
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQU96RCxNQUFNLE9BQU8seUJBQXlCO0lBSXBDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxRQUFRO0lBQ1IsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBQ3pELENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTFELENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQTtJQUV4RCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksS0FBSyxHQUFHO1lBQ1YsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1NBQ2xCLENBQUE7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O3NIQTVCVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixrS0NSdEMsZ2FBSU07MkZESU8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLG9CQUFvQjs2RkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzb2NpYWxNZWRpYUxpbmtzIH0gZnJvbSAnLi9zb2NpYWwtbWVkaWEtbGlua3MubW9kZWwnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc29jaWFsLW1lZGlhLWljb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NvY2lhbC1tZWRpYS1pY29ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NvY2lhbC1tZWRpYS1pY29ucy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNvY2lhbE1lZGlhSWNvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nO1xuICBASW5wdXQoKSBhcmVJY29uc0luRm9vdGVyOiBib29sZWFuO1xuICBASW5wdXQoKSBzb2NpYWxNZWRpYUxpbmtzOiBzb2NpYWxNZWRpYUxpbmtzO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBvbkNsaWNrTGlua2VkSW4oKSB7XG4gICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFt0aGlzLnNvY2lhbE1lZGlhTGlua3MubGlua2VkSW5dKVxuICB9XG5cbiAgb25DbGlja0luc3RhZ3JhbSgpIHtcbiAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoW3RoaXMuc29jaWFsTWVkaWFMaW5rcy5pbnN0YWdyYW1dKVxuXG4gIH1cblxuICBvbkNsaWNrWW91dHViZSgpIHtcbiAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoW3RoaXMuc29jaWFsTWVkaWFMaW5rcy55b3VUdWJlXSlcblxuICB9XG5cbiAgc2V0U3R5bGVzKCkge1xuICAgIGxldCBzdHlsZSA9IHtcbiAgICAgIGNvbG9yOiB0aGlzLmNvbG9yXG4gICAgfVxuICAgIHJldHVybiBzdHlsZTtcbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJ7J2ljb25zLXdoaXRlJzphcmVJY29uc0luRm9vdGVyLCAnaWNvbnMnOiFhcmVJY29uc0luRm9vdGVyfVwiPlxuICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhYicsICdsaW5rZWRpbi1pbiddXCIgY2xhc3M9XCJpY29uIGxpbmtlZGluXCIgKGNsaWNrKT1cIm9uQ2xpY2tMaW5rZWRJbigpXCI+PC9mYS1pY29uPlxuICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhYicsICdpbnN0YWdyYW0nXVwiIGNsYXNzPVwiaWNvbiBpbnN0YWdyYW1cIiAoY2xpY2spPVwib25DbGlja0luc3RhZ3JhbSgpXCI+PC9mYS1pY29uPlxuICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhYicsICd5b3V0dWJlJ11cIiBjbGFzcz1cImljb24geW91dHViZVwiIChjbGljayk9XCJvbkNsaWNrWW91dHViZSgpXCI+PC9mYS1pY29uPlxuPC9kaXY+Il19
|
|
@@ -715,10 +715,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
715
715
|
class SocialMediaIconsComponent {
|
|
716
716
|
constructor(_router) {
|
|
717
717
|
this._router = _router;
|
|
718
|
-
this.socialMediaDefaultLinks = { instagram: "www.instagram.com", faceBook: "www.facebook.com", youTube: "www.youtube.com", linkedIn: "www.linkedin.com" };
|
|
719
718
|
}
|
|
720
719
|
ngOnInit() {
|
|
721
|
-
this.socialMediaLinks = this.socialMediaDefaultLinks;
|
|
722
720
|
}
|
|
723
721
|
onClickLinkedIn() {
|
|
724
722
|
this._router.navigate([this.socialMediaLinks.linkedIn]);
|
|
@@ -752,15 +750,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
752
750
|
class ComingSoonComponent {
|
|
753
751
|
constructor() {
|
|
754
752
|
this.ctaText = "Get notified when this feature is available.";
|
|
753
|
+
this.socialMediaLinks = { instagram: "www.instagram.com", faceBook: "www.facebook.com", youTube: "www.youtube.com", linkedIn: "www.linkedin.com" };
|
|
755
754
|
}
|
|
756
755
|
}
|
|
757
756
|
ComingSoonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComingSoonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
758
|
-
ComingSoonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ComingSoonComponent, selector: "coming-soon", inputs: { ctaText: "ctaText" }, 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 Get notified when this feature is available.\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\"></social-media-icons>\n </div>\n </div>\n</div>", styles: [".page{width:100%;position:relative;background:url(https://i.ibb.co/qmQkVz2/Rectangle12-1.png) center top no-repeat;background-size:contain;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/0rd4qLH/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/HKy9pTG/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/BNycHZq/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 .4rem #00000040}.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:#3b3b3b}.page .coming-soon .registration-field .submit:hover{background-color:#555}.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: i2$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: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.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"] }] });
|
|
757
|
+
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 Get notified when this feature is available.\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;background:url(https://i.ibb.co/qmQkVz2/Rectangle12-1.png) center top no-repeat;background-size:contain;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/0rd4qLH/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/HKy9pTG/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/BNycHZq/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 .4rem #00000040}.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:#3b3b3b}.page .coming-soon .registration-field .submit:hover{background-color:#555}.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: i2$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: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.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"] }] });
|
|
759
758
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComingSoonComponent, decorators: [{
|
|
760
759
|
type: Component,
|
|
761
|
-
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 Get notified when this feature is available.\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\"></social-media-icons>\n </div>\n </div>\n</div>", styles: [".page{width:100%;position:relative;background:url(https://i.ibb.co/qmQkVz2/Rectangle12-1.png) center top no-repeat;background-size:contain;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/0rd4qLH/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/HKy9pTG/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/BNycHZq/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 .4rem #00000040}.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:#3b3b3b}.page .coming-soon .registration-field .submit:hover{background-color:#555}.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"] }]
|
|
760
|
+
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 Get notified when this feature is available.\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;background:url(https://i.ibb.co/qmQkVz2/Rectangle12-1.png) center top no-repeat;background-size:contain;height:100vh}.page .coming-soon{background:url(https://i.ibb.co/0rd4qLH/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/HKy9pTG/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/BNycHZq/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 .4rem #00000040}.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:#3b3b3b}.page .coming-soon .registration-field .submit:hover{background-color:#555}.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"] }]
|
|
762
761
|
}], propDecorators: { ctaText: [{
|
|
763
762
|
type: Input
|
|
763
|
+
}], socialMediaLinks: [{
|
|
764
|
+
type: Input
|
|
764
765
|
}] } });
|
|
765
766
|
|
|
766
767
|
class JoolerWebsitesSharedModule {
|