@jooler/jooler-websites-shared 0.0.190 → 0.0.191
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/pricing-plans/pricing-plans.component.mjs +10 -5
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/jooler-websites-shared.mjs +10 -5
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +10 -5
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/pricing-plans/pricing-plans.component.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -15,16 +15,21 @@ export class PricingPlansComponent {
|
|
|
15
15
|
showFeatures() {
|
|
16
16
|
this.featuresButtonClicked = true;
|
|
17
17
|
}
|
|
18
|
-
onClickCtaButton() {
|
|
19
|
-
|
|
18
|
+
onClickCtaButton(route) {
|
|
19
|
+
if (!route) {
|
|
20
|
+
this._router.navigate(['/custom/custom-order-client-form/', 0], { state: { productType: LibraryProductTypeChoice.LIBRARY_MODEL } });
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
this._router.navigate([route]);
|
|
24
|
+
}
|
|
20
25
|
}
|
|
21
26
|
}
|
|
22
27
|
PricingPlansComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PricingPlansComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlan: "servicePlan" }, ngImport: i0, template: "<div class=\"plan-content\">\r\n <div class=\"title-price-desc\">\r\n <h1 class=\"plan-title\">\r\n {{servicePlan.name}}\r\n </h1>\r\n <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n <span>/{{servicePlan.frequency}}</span>\r\n </div>\r\n <div class=\"description\">\r\n {{servicePlan.description}}\r\n </div>\r\n <div class=\"divider\"></div>\r\n </div>\r\n <div class=\"perks\">\r\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n <span class=\"check-icon\">\r\n <fa-icon icon=\"check\"></fa-icon>\r\n </span>\r\n <div class=\"service-description\">\r\n <div class=\"service-perk\">\r\n {{perk.perk}}\r\n </div>\r\n <span class=\"exclamation-mark\">\r\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"registration-button\">\r\n <button mat-raised-button (click)=\"onClickCtaButton()\" class=\"button\">\r\n
|
|
28
|
+
PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlan: "servicePlan" }, ngImport: i0, template: "<div class=\"plan-content\">\r\n <div class=\"title-price-desc\">\r\n <h1 class=\"plan-title\">\r\n {{servicePlan.name}}\r\n </h1>\r\n <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n <span>/{{servicePlan.frequency}}</span>\r\n </div>\r\n <div class=\"description\">\r\n {{servicePlan.description}}\r\n </div>\r\n <div class=\"divider\"></div>\r\n </div>\r\n <div class=\"perks\">\r\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n <span class=\"check-icon\">\r\n <fa-icon icon=\"check\"></fa-icon>\r\n </span>\r\n <div class=\"service-description\">\r\n <div class=\"service-perk\">\r\n {{perk.perk}}\r\n </div>\r\n <span class=\"exclamation-mark\">\r\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"registration-button\">\r\n <button mat-raised-button (click)=\"onClickCtaButton(servicePlan.button.route)\" class=\"button\">\r\n {{servicePlan.button.label}}\r\n </button>\r\n </div>\r\n</div>", styles: ["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-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.service-suggestion{display:flex;justify-content:center;align-items:top;font-weight:650;font-size:2.4rem;height:2rem;color:#32353b;margin-bottom:2.5rem}.plan-content{display:flex;flex-direction:column;width:20%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-width:33rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%;margin:auto}@media only screen and (max-width: 552px){.plan-content{min-width:60%}}@media only screen and (max-width: 75em){.plan-content{width:33rem}}@media only screen and (max-width: 620px){.plan-content{width:90%;height:99%}}.plan-content .title-price-desc{height:22rem}.plan-content .title-price-desc .divider{width:90%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem;text-align:center}.plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem;text-align:center;height:8rem}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#32353b;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
|
|
24
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
|
|
25
30
|
type: Component,
|
|
26
|
-
args: [{ selector: 'pricing-plans', template: "<div class=\"plan-content\">\r\n <div class=\"title-price-desc\">\r\n <h1 class=\"plan-title\">\r\n {{servicePlan.name}}\r\n </h1>\r\n <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n <span>/{{servicePlan.frequency}}</span>\r\n </div>\r\n <div class=\"description\">\r\n {{servicePlan.description}}\r\n </div>\r\n <div class=\"divider\"></div>\r\n </div>\r\n <div class=\"perks\">\r\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n <span class=\"check-icon\">\r\n <fa-icon icon=\"check\"></fa-icon>\r\n </span>\r\n <div class=\"service-description\">\r\n <div class=\"service-perk\">\r\n {{perk.perk}}\r\n </div>\r\n <span class=\"exclamation-mark\">\r\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"registration-button\">\r\n <button mat-raised-button (click)=\"onClickCtaButton()\" class=\"button\">\r\n
|
|
31
|
+
args: [{ selector: 'pricing-plans', template: "<div class=\"plan-content\">\r\n <div class=\"title-price-desc\">\r\n <h1 class=\"plan-title\">\r\n {{servicePlan.name}}\r\n </h1>\r\n <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n <span>/{{servicePlan.frequency}}</span>\r\n </div>\r\n <div class=\"description\">\r\n {{servicePlan.description}}\r\n </div>\r\n <div class=\"divider\"></div>\r\n </div>\r\n <div class=\"perks\">\r\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n <span class=\"check-icon\">\r\n <fa-icon icon=\"check\"></fa-icon>\r\n </span>\r\n <div class=\"service-description\">\r\n <div class=\"service-perk\">\r\n {{perk.perk}}\r\n </div>\r\n <span class=\"exclamation-mark\">\r\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"registration-button\">\r\n <button mat-raised-button (click)=\"onClickCtaButton(servicePlan.button.route)\" class=\"button\">\r\n {{servicePlan.button.label}}\r\n </button>\r\n </div>\r\n</div>", styles: ["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-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.service-suggestion{display:flex;justify-content:center;align-items:top;font-weight:650;font-size:2.4rem;height:2rem;color:#32353b;margin-bottom:2.5rem}.plan-content{display:flex;flex-direction:column;width:20%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-width:33rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%;margin:auto}@media only screen and (max-width: 552px){.plan-content{min-width:60%}}@media only screen and (max-width: 75em){.plan-content{width:33rem}}@media only screen and (max-width: 620px){.plan-content{width:90%;height:99%}}.plan-content .title-price-desc{height:22rem}.plan-content .title-price-desc .divider{width:90%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem;text-align:center}.plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem;text-align:center;height:8rem}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#32353b;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}\n"] }]
|
|
27
32
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { servicePlan: [{
|
|
28
33
|
type: Input
|
|
29
34
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1wbGFucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7Ozs7QUFPaEYsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUTtJQUNSLENBQUM7SUFDRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLHFCQUFxQixHQUFHLElBQUksQ0FBQztJQUNwQyxDQUFDO0lBQ0QsZ0JBQWdCLENBQUMsS0FBSztRQUNwQixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxtQ0FBbUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSx3QkFBd0IsQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDckk7YUFDSTtZQUNILElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztTQUNoQztJQUNILENBQUM7O2tIQWpCVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiw2RkNWbEMsbThDQWtDTTsyRkR4Qk8scUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7NkZBS2hCLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2VydmljZVBsYW4gfSBmcm9tICcuLi9tb2RlbHMvc2VydmljZS1wbGFuLm1vZGVsJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgTGlicmFyeVByb2R1Y3RUeXBlQ2hvaWNlIH0gZnJvbSAnLi4vbW9kZWxzL2xpYnJhcnktcHJvZHVjdC10eXBlLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncHJpY2luZy1wbGFucycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ByaWNpbmctcGxhbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ByaWNpbmctcGxhbnMuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJpY2luZ1BsYW5zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZXJ2aWNlUGxhbjogU2VydmljZVBsYW47XHJcbiAgZmVhdHVyZXNCdXR0b25DbGlja2VkOiBib29sZWFuO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG4gIHNob3dGZWF0dXJlcygpIHtcclxuICAgIHRoaXMuZmVhdHVyZXNCdXR0b25DbGlja2VkID0gdHJ1ZTtcclxuICB9XHJcbiAgb25DbGlja0N0YUJ1dHRvbihyb3V0ZSkge1xyXG4gICAgaWYgKCFyb3V0ZSkge1xyXG4gICAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoWycvY3VzdG9tL2N1c3RvbS1vcmRlci1jbGllbnQtZm9ybS8nLCAwXSwgeyBzdGF0ZTogeyBwcm9kdWN0VHlwZTogTGlicmFyeVByb2R1Y3RUeXBlQ2hvaWNlLkxJQlJBUllfTU9ERUwgfSB9KTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoW3JvdXRlXSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwbGFuLWNvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1wcmljZS1kZXNjXCI+XHJcbiAgICAgICAgPGgxIGNsYXNzPVwicGxhbi10aXRsZVwiPlxyXG4gICAgICAgICAgICB7e3NlcnZpY2VQbGFuLm5hbWV9fVxyXG4gICAgICAgIDwvaDE+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlXCIgKm5nSWY9XCJzZXJ2aWNlUGxhbi5wcmljZVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlcnZpY2UtcHJpY2VcIj4kIHt7c2VydmljZVBsYW4ucHJpY2V9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4+L3t7c2VydmljZVBsYW4uZnJlcXVlbmN5fX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgIHt7c2VydmljZVBsYW4uZGVzY3JpcHRpb259fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJwZXJrc1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwZXJrXCIgKm5nRm9yPVwibGV0IHBlcmsgb2Ygc2VydmljZVBsYW4ucGVya3M7IGxldCBzd2l0Y2hTdHlsZSA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2hlY2staWNvblwiPlxyXG4gICAgICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImNoZWNrXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZXJ2aWNlLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VydmljZS1wZXJrXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3twZXJrLnBlcmt9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV4Y2xhbWF0aW9uLW1hcmtcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIiBbbWF0VG9vbHRpcF09XCJwZXJrLnRvb2x0aXBNZXNzYWdlXCIgW21hdFRvb2x0aXBQb3NpdGlvbl09XCIncmlnaHQnXCIgaWNvbj1cImNpcmNsZS1leGNsYW1hdGlvblwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyZWdpc3RyYXRpb24tYnV0dG9uXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwib25DbGlja0N0YUJ1dHRvbihzZXJ2aWNlUGxhbi5idXR0b24ucm91dGUpXCIgY2xhc3M9XCJidXR0b25cIj5cclxuICAgICAgICAgICAge3tzZXJ2aWNlUGxhbi5idXR0b24ubGFiZWx9fVxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -66,4 +66,5 @@ export * from './lib/models/feature-section-nine.model';
|
|
|
66
66
|
export * from './lib/models/value-prop-properties.model';
|
|
67
67
|
export * from './lib/value-prop-card/value-prop-card.component';
|
|
68
68
|
export * from './lib/models/section-title-sizes.model';
|
|
69
|
-
|
|
69
|
+
export * from './lib/models/library-product-type.model';
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLHVFQUF1RSxDQUFDO0FBQ3RGLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsbUVBQW1FLENBQUM7QUFDbEYsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx5Q0FBeUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBqb29sZXItd2Vic2l0ZXMtc2hhcmVkXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXNlY3Rpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2dldC1zdGFydGVkLWN0YS9nZXQtc3RhcnRlZC1jdGEuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWNoaWV2ZW1lbnRzL2FjaGlldmVtZW50cy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNoaWV2ZW1lbnRzLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FjaGlldmVtZW50Lm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlcnZpY2UtcGxhbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByaWNpbmctcGxhbnMvcHJpY2luZy1wbGFucy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2dhbGxlcnktaXRlbXMtcHJvcGVydGllcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi1hY3Rpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy90ZWFtLW1lbWJlci5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RlYW0vdGVhbS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1zZWN0aW9uLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc3R5bGUtc2VjdGlvbi1maXZlLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Fib3V0LXVzLXNlY3Rpb24ubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2NvdW50LXR5cGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNjb3VudC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hZGRyZXNzLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NpdHkubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY291bnRyeS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy91c2VyLXR5cGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdXNlci5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL291ci1jbGllbnQtbGlzdGluZy9vdXItY2xpZW50LWxpc3RpbmcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudHMvb3VyLWNsaWVudHMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMvcGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsdWUtcHJvcHMtc2VjdGlvbi92YWx1ZS1wcm9wcy1zZWN0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRhY3QtdXMtcGFnZS9jb250YWN0LXVzLXBhZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnL2Nob29zZS1jb3VudHJ5LXdpdGgtZmxhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbWluZy1zb29uL2NvbWluZy1zb29uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NvY2lhbC1tZWRpYS1pY29ucy9zb2NpYWwtbWVkaWEtaWNvbnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc29jaWFsLW1lZGlhLWljb25zL3NvY2lhbC1tZWRpYS1saW5rcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wZXJrcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9mYXEtY2F0ZWdvcnkubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZmFxLXN1YmNhdGVnb3J5Lm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ZhcS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZhcS1jYXRlZ29yeS1saXN0aW5nL2ZhcS1jYXRlZ29yeS1saXN0aW5nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZhcS1saXN0aW5nL2ZhcS1saXN0aW5nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9icmFuZC1sb2dvLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlY3Rpb24tdGl0bGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUvY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY3RhLW9uZS10eXBlLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2hlYWRlci1zZWN0aW9uLXN0eWxlLW9uZS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2hlYWRlci1zZWN0aW9uLW9uZS9oZWFkZXItc2VjdGlvbi1vbmUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY3VzdG9tLXRvb2x0aXAvY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdmVydGljYWwtc2lkZS10YWJzL3ZlcnRpY2FsLXNpZGUtdGFicy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZmVhdHVyZS1zZWN0aW9uLW5pbmUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdmFsdWUtcHJvcC1wcm9wZXJ0aWVzLm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsdWUtcHJvcC1jYXJkL3ZhbHVlLXByb3AtY2FyZC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VjdGlvbi10aXRsZS1zaXplcy5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9saWJyYXJ5LXByb2R1Y3QtdHlwZS5tb2RlbCciXX0=
|
|
@@ -126,15 +126,20 @@ class PricingPlansComponent {
|
|
|
126
126
|
showFeatures() {
|
|
127
127
|
this.featuresButtonClicked = true;
|
|
128
128
|
}
|
|
129
|
-
onClickCtaButton() {
|
|
130
|
-
|
|
129
|
+
onClickCtaButton(route) {
|
|
130
|
+
if (!route) {
|
|
131
|
+
this._router.navigate(['/custom/custom-order-client-form/', 0], { state: { productType: LibraryProductTypeChoice.LIBRARY_MODEL } });
|
|
132
|
+
}
|
|
133
|
+
else {
|
|
134
|
+
this._router.navigate([route]);
|
|
135
|
+
}
|
|
131
136
|
}
|
|
132
137
|
}
|
|
133
138
|
PricingPlansComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PricingPlansComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
134
|
-
PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlan: "servicePlan" }, ngImport: i0, template: "<div class=\"plan-content\">\r\n <div class=\"title-price-desc\">\r\n <h1 class=\"plan-title\">\r\n {{servicePlan.name}}\r\n </h1>\r\n <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n <span>/{{servicePlan.frequency}}</span>\r\n </div>\r\n <div class=\"description\">\r\n {{servicePlan.description}}\r\n </div>\r\n <div class=\"divider\"></div>\r\n </div>\r\n <div class=\"perks\">\r\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n <span class=\"check-icon\">\r\n <fa-icon icon=\"check\"></fa-icon>\r\n </span>\r\n <div class=\"service-description\">\r\n <div class=\"service-perk\">\r\n {{perk.perk}}\r\n </div>\r\n <span class=\"exclamation-mark\">\r\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"registration-button\">\r\n <button mat-raised-button (click)=\"onClickCtaButton()\" class=\"button\">\r\n
|
|
139
|
+
PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlan: "servicePlan" }, ngImport: i0, template: "<div class=\"plan-content\">\r\n <div class=\"title-price-desc\">\r\n <h1 class=\"plan-title\">\r\n {{servicePlan.name}}\r\n </h1>\r\n <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n <span>/{{servicePlan.frequency}}</span>\r\n </div>\r\n <div class=\"description\">\r\n {{servicePlan.description}}\r\n </div>\r\n <div class=\"divider\"></div>\r\n </div>\r\n <div class=\"perks\">\r\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n <span class=\"check-icon\">\r\n <fa-icon icon=\"check\"></fa-icon>\r\n </span>\r\n <div class=\"service-description\">\r\n <div class=\"service-perk\">\r\n {{perk.perk}}\r\n </div>\r\n <span class=\"exclamation-mark\">\r\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"registration-button\">\r\n <button mat-raised-button (click)=\"onClickCtaButton(servicePlan.button.route)\" class=\"button\">\r\n {{servicePlan.button.label}}\r\n </button>\r\n </div>\r\n</div>", styles: ["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-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.service-suggestion{display:flex;justify-content:center;align-items:top;font-weight:650;font-size:2.4rem;height:2rem;color:#32353b;margin-bottom:2.5rem}.plan-content{display:flex;flex-direction:column;width:20%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-width:33rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%;margin:auto}@media only screen and (max-width: 552px){.plan-content{min-width:60%}}@media only screen and (max-width: 75em){.plan-content{width:33rem}}@media only screen and (max-width: 620px){.plan-content{width:90%;height:99%}}.plan-content .title-price-desc{height:22rem}.plan-content .title-price-desc .divider{width:90%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem;text-align:center}.plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem;text-align:center;height:8rem}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#32353b;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
|
|
135
140
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
|
|
136
141
|
type: Component,
|
|
137
|
-
args: [{ selector: 'pricing-plans', template: "<div class=\"plan-content\">\r\n <div class=\"title-price-desc\">\r\n <h1 class=\"plan-title\">\r\n {{servicePlan.name}}\r\n </h1>\r\n <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n <span>/{{servicePlan.frequency}}</span>\r\n </div>\r\n <div class=\"description\">\r\n {{servicePlan.description}}\r\n </div>\r\n <div class=\"divider\"></div>\r\n </div>\r\n <div class=\"perks\">\r\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n <span class=\"check-icon\">\r\n <fa-icon icon=\"check\"></fa-icon>\r\n </span>\r\n <div class=\"service-description\">\r\n <div class=\"service-perk\">\r\n {{perk.perk}}\r\n </div>\r\n <span class=\"exclamation-mark\">\r\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"registration-button\">\r\n <button mat-raised-button (click)=\"onClickCtaButton()\" class=\"button\">\r\n
|
|
142
|
+
args: [{ selector: 'pricing-plans', template: "<div class=\"plan-content\">\r\n <div class=\"title-price-desc\">\r\n <h1 class=\"plan-title\">\r\n {{servicePlan.name}}\r\n </h1>\r\n <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n <span>/{{servicePlan.frequency}}</span>\r\n </div>\r\n <div class=\"description\">\r\n {{servicePlan.description}}\r\n </div>\r\n <div class=\"divider\"></div>\r\n </div>\r\n <div class=\"perks\">\r\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n <span class=\"check-icon\">\r\n <fa-icon icon=\"check\"></fa-icon>\r\n </span>\r\n <div class=\"service-description\">\r\n <div class=\"service-perk\">\r\n {{perk.perk}}\r\n </div>\r\n <span class=\"exclamation-mark\">\r\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"registration-button\">\r\n <button mat-raised-button (click)=\"onClickCtaButton(servicePlan.button.route)\" class=\"button\">\r\n {{servicePlan.button.label}}\r\n </button>\r\n </div>\r\n</div>", styles: ["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-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.service-suggestion{display:flex;justify-content:center;align-items:top;font-weight:650;font-size:2.4rem;height:2rem;color:#32353b;margin-bottom:2.5rem}.plan-content{display:flex;flex-direction:column;width:20%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-width:33rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%;margin:auto}@media only screen and (max-width: 552px){.plan-content{min-width:60%}}@media only screen and (max-width: 75em){.plan-content{width:33rem}}@media only screen and (max-width: 620px){.plan-content{width:90%;height:99%}}.plan-content .title-price-desc{height:22rem}.plan-content .title-price-desc .divider{width:90%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem;text-align:center}.plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem;text-align:center;height:8rem}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#32353b;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}\n"] }]
|
|
138
143
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { servicePlan: [{
|
|
139
144
|
type: Input
|
|
140
145
|
}] } });
|
|
@@ -1216,5 +1221,5 @@ class FAQ {
|
|
|
1216
1221
|
* Generated bundle index. Do not edit.
|
|
1217
1222
|
*/
|
|
1218
1223
|
|
|
1219
|
-
export { Account, AccountType, Achievement, Achievements, AchievementsComponent, Address, CallToActionSectionComponent, CallToActionSectionTwo, CallToActionSectionTwoComponent, ChooseCountryWithFlagComponent, City, ComingSoonComponent, ContactUsPageComponent, Country, CtaSectionStyleFourComponent, CtaSectionStyleThreeComponent, CustomTooltipComponent, FAQ, FAQCategory, FAQSubcategory, FaqCategoryListingComponent, FaqListingComponent, GetStartedCTAComponent, HeaderSectionOneComponent, ImageGalleryModal, ImageSection, ImageSectionAction, JoolerWebsitesSharedModule, OurClientListingComponent, OurClientsComponent, PageSection, PageSectionAction, PageSectionStyleTenComponent, PageSectionStyleThirteen, PageSectionStyleThirteenComponent, PageSectionStyleThreeComponent, PageSectionWithMultipleCardsComponent, Perks, PricingPlansComponent, SectionTitleComponent, SectionTitleSizes, ServicePlan, SocialMediaIconsComponent, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuePropCardComponent, ValuePropsSectionComponent, ValuesComponent, VerticalSideTabsComponent, socialMediaLinks };
|
|
1224
|
+
export { Account, AccountType, Achievement, Achievements, AchievementsComponent, Address, CallToActionSectionComponent, CallToActionSectionTwo, CallToActionSectionTwoComponent, ChooseCountryWithFlagComponent, City, ComingSoonComponent, ContactUsPageComponent, Country, CtaSectionStyleFourComponent, CtaSectionStyleThreeComponent, CustomTooltipComponent, FAQ, FAQCategory, FAQSubcategory, FaqCategoryListingComponent, FaqListingComponent, GetStartedCTAComponent, HeaderSectionOneComponent, ImageGalleryModal, ImageSection, ImageSectionAction, JoolerWebsitesSharedModule, LibraryProductTypeChoice, OurClientListingComponent, OurClientsComponent, PageSection, PageSectionAction, PageSectionStyleTenComponent, PageSectionStyleThirteen, PageSectionStyleThirteenComponent, PageSectionStyleThreeComponent, PageSectionWithMultipleCardsComponent, Perks, PricingPlansComponent, SectionTitleComponent, SectionTitleSizes, ServicePlan, SocialMediaIconsComponent, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuePropCardComponent, ValuePropsSectionComponent, ValuesComponent, VerticalSideTabsComponent, socialMediaLinks };
|
|
1220
1225
|
//# sourceMappingURL=jooler-websites-shared.mjs.map
|