@posiwise/public-modules 0.1.3 → 0.1.5
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.
|
@@ -397,11 +397,11 @@ class LandingPageSubscribeComponent extends AppBaseComponent {
|
|
|
397
397
|
}
|
|
398
398
|
}
|
|
399
399
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageSubscribeComponent, deps: [{ token: i1.AuthService }, { token: i2$3.CrmService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
400
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageSubscribeComponent, isStandalone: false, selector: "pw-landing-page-subscribe", inputs: { sourceId: "sourceId", gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_email\"\n name=\"email\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"you@domain.com\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
400
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageSubscribeComponent, isStandalone: false, selector: "pw-landing-page-subscribe", inputs: { sourceId: "sourceId", gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_email\"\n name=\"email\"\n type=\"email\"\n autocomplete=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"you@domain.com\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
401
401
|
}
|
|
402
402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageSubscribeComponent, decorators: [{
|
|
403
403
|
type: Component,
|
|
404
|
-
args: [{ selector: 'pw-landing-page-subscribe', standalone: false, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_email\"\n name=\"email\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"you@domain.com\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"] }]
|
|
404
|
+
args: [{ selector: 'pw-landing-page-subscribe', standalone: false, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_email\"\n name=\"email\"\n type=\"email\"\n autocomplete=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"you@domain.com\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"] }]
|
|
405
405
|
}], ctorParameters: () => [{ type: i1.AuthService }, { type: i2$3.CrmService }, { type: i0.Injector }], propDecorators: { sourceId: [{
|
|
406
406
|
type: Input
|
|
407
407
|
}], gaEventObj: [{
|
|
@@ -641,11 +641,11 @@ class LandingPageSubscribeBComponent extends AppBaseComponent {
|
|
|
641
641
|
}
|
|
642
642
|
}
|
|
643
643
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageSubscribeBComponent, deps: [{ token: i1.AuthService }, { token: i2$3.CrmService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
644
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageSubscribeBComponent, isStandalone: false, selector: "pw-landing-page-subscribe-b", inputs: { sourceId: "sourceId", gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_b_email\"\n name=\"email\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"Your Email\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_b_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
644
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: LandingPageSubscribeBComponent, isStandalone: false, selector: "pw-landing-page-subscribe-b", inputs: { sourceId: "sourceId", gaEventObj: "gaEventObj" }, usesInheritance: true, ngImport: i0, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_b_email\"\n name=\"email\"\n type=\"email\"\n autocomplete=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"Your Email\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_b_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.LazyImgDirective, selector: "img" }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
|
|
645
645
|
}
|
|
646
646
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LandingPageSubscribeBComponent, decorators: [{
|
|
647
647
|
type: Component,
|
|
648
|
-
args: [{ selector: 'pw-landing-page-subscribe-b', standalone: false, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_b_email\"\n name=\"email\"\n type=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"Your Email\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_b_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"] }]
|
|
648
|
+
args: [{ selector: 'pw-landing-page-subscribe-b', standalone: false, template: "<!--subscribe part start-->\n<section class=\"subscribe-outer\">\n <div class=\"subscribe-right\">\n <img src=\"/assets/img/landing-page/subscribe-right-img.jpg\"\n alt=\"subscribe\" />\n </div>\n <div class=\"subscribe-left d-flex align-items-center\">\n <div>\n <h3>Stay in the loop. Quietly.<br /></h3>\n <p>When we launch something worth seeing, you\u2019ll be the first to know. No spam. No noise. No content calendars.</p>\n <div class=\"form-outer\">\n <input id=\"subscribe_b_email\"\n name=\"email\"\n type=\"email\"\n autocomplete=\"email\"\n [(ngModel)]=\"email\"\n class=\"email-txt\"\n [ngClass]=\"!isEmailValid ? 'border border-danger' : ''\"\n placeholder=\"Your Email\"\n (keyup)=\"validateEmail()\" />\n\n <input id=\"subscribe_b_btn\"\n name=\"subscribe_btn\"\n *ngIf=\"!isSubscribeClicked && !isCaptchaVerified\"\n (click)=\"subscribeNewsletter()\"\n class=\"subscribe-btn mb-2\"\n type=\"button\"\n value=\"Get on the List\" />\n\n <div class=\"mt-3\"\n *ngIf=\"isSubscribeClicked && !isCaptchaVerified\">\n <ngx-recaptcha2 [siteKey]=\"siteKey\"\n size=\"normal\"\n [(ngModel)]=\"recaptcha\"\n (success)=\"handleSuccess($event)\">\n </ngx-recaptcha2>\n </div>\n\n <div class=\"color-white\"\n *ngIf=\"isCaptchaVerified && isSubscribeClicked\">\n You're successfully subscribed to our Newsletter.\n </div>\n </div>\n </div>\n </div>\n</section>\n<!--subscribe part end-->\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.subscribe-outer{float:left;width:100%}.subscribe-outer .btn-subs{display:block;margin-top:70px}.subscribe-outer .subscribe-left{background-color:#45d192;float:left;height:500px;padding:49px 0 49px 200px;position:relative;width:50%}.subscribe-outer .subscribe-left:after{background:url(/assets/img/landing-page/subscribe-after-bdr.png) no-repeat;content:\"\";height:100%;position:absolute;right:-150px;top:0;width:150px}.subscribe-outer .subscribe-left h3{color:#fff!important;font-size:60px;font-weight:900}.subscribe-outer .subscribe-left p{color:#fff;font-size:30px;font-weight:400;line-height:30px}.subscribe-outer .form-outer{float:left;width:450px}.subscribe-outer .email-txt{background-color:#fff;border:0;color:#42526e;float:left;font-size:18px;font-weight:400;margin-bottom:25px;outline:none;padding:19px 20px 18px;width:100%}.subscribe-outer .subscribe-right{float:right;height:500px;position:relative;width:50%}.subscribe-outer .subscribe-right img{height:100%;object-fit:cover;position:absolute;vertical-align:middle;width:100%}@media screen and (max-width: 1499px){.subscribe-outer .subscribe-left{padding:49px 0 48px 60px}}@media screen and (max-width: 1199px){.subscribe-outer .subscribe-left{padding:49px 0 48px 20px}}@media screen and (max-width: 991px){.subscribe-outer .subscribe-left h3{font-size:47px}.subscribe-outer .subscribe-left p br{display:none}.subscribe-outer .subscribe-right img{position:relative}.subscribe-outer .subscribe-outer h3{font-size:44px}.subscribe-outer .subscribe-outer h3 br{display:none;font-size:50px}.subscribe-outer .subscribe-outer p{font-size:25px}.subscribe-outer .subscribe-outer p br{display:none;font-size:25px}}@media screen and (max-width: 767px){.subscribe-outer .subscribe-right{height:auto;width:100%}.subscribe-outer .subscribe-left{height:auto;padding:49px 20px 48px;width:100%}.subscribe-outer .subscribe-left:after{display:none}.subscribe-outer .form-outer{width:100%}}@media screen and (max-width: 575px){.subscribe-outer .subscribe-outer h3{font-size:40px}.subscribe-outer .subscribe-outer p{font-size:20px}}\n"] }]
|
|
649
649
|
}], ctorParameters: () => [{ type: i1.AuthService }, { type: i2$3.CrmService }, { type: i0.Injector }], propDecorators: { sourceId: [{
|
|
650
650
|
type: Input
|
|
651
651
|
}], gaEventObj: [{
|