@jooler/jooler-websites-shared 0.0.42 → 0.0.44
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/page-section-style-thirteen/page-section-style-thirteen.component.mjs +1 -1
- package/esm2020/lib/pricing-plans/pricing-plans.component.mjs +3 -3
- package/fesm2015/jooler-websites-shared.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +2 -2
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/page-section-style-thirteen/page-section-style-thirteen.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
40
40
|
}], isTwoImages: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBT3ZGLE1BQU0sT0FBTyxpQ0FBaUM7SUFjNUM7UUFaQSxZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBRXBCLGtCQUFhLEdBQWMsRUFBRSxDQUFDO1FBQzlCLDZCQUF3QixHQUFHLHdCQUF3QixDQUFDO1FBRzNDLGFBQVEsR0FBNkIsSUFBSSxDQUFDLHdCQUF3QixDQUFDLFVBQVUsQ0FBQztRQUM5RSxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQUt0QixDQUFDO0lBSGpCLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFHRCxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsS0FBSztRQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxLQUFLO1FBQzVCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQztTQUMvQjtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO0lBQy9CLENBQUM7OzhIQTNCVSxpQ0FBaUM7a0hBQWpDLGlDQUFpQyxtTENSOUMsbTJEQW9DTTsyRkQ1Qk8saUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLDZCQUE2QjswRUFVOUIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4gfSBmcm9tICcuLi9tb2RlbHMvcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dlZEltYWdlOiBzdHJpbmc7XG4gIGNvdW50ZXI6IG51bWJlciA9IDA7XG4gIGludGVydmFsSWQ6IGFueTtcbiAgaXNJdGVtSG92ZXJlZDogYm9vbGVhbltdID0gW107XG4gIHBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbiA9IFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbjtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcbiAgQElucHV0KCkgaXRlbXM6IGFueTtcbiAgQElucHV0KCkgaWNvblR5cGU6IFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbiA9IHRoaXMucGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT047XG4gIEBJbnB1dCgpIGlzVHdvSW1hZ2VzOiBib29sZWFuID0gZmFsc2U7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5vbkhvdmVyZWRJdGVtKHRoaXMuaXRlbXNbMF0uaW1hZ2UsIDApO1xuICB9XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgb25DbGlja0NoYW5nZUltYWdlKGltYWdlLCBpbmRleCkge1xuICAgIHRoaXMub25Ib3ZlcmVkSXRlbShpbWFnZSwgaW5kZXgpO1xuICB9XG5cbiAgb25Ib3ZlcmVkSXRlbShpdGVtSW1hZ2UsIGluZGV4KSB7XG4gICAgdGhpcy5jb3VudGVyID0gaW5kZXg7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLml0ZW1zLmxlbmd0aDsgaSsrKSB7XG4gICAgICB0aGlzLmlzSXRlbUhvdmVyZWRbaV0gPSBmYWxzZTtcbiAgICB9XG4gICAgdGhpcy5pc0l0ZW1Ib3ZlcmVkW2luZGV4XSA9IHRydWU7XG4gICAgdGhpcy5zaG93ZWRJbWFnZSA9IGl0ZW1JbWFnZTtcbiAgfVxufVxuXG4iLCI8ZGl2IGNsYXNzPVwid2h5LWNob29zZS11c1wiPlxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRsaW5lXCI+XG4gICAgICAgICAgICA8c2VjdGlvbi10aXRsZSBbdGl0bGVdPVwic2VjdGlvbkNvbnRlbnQudGl0bGVcIiBbc3VidGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc3VidGl0bGVcIlxuICAgICAgICAgICAgICAgIFthbGlnbkxlZnRdPVwidHJ1ZVwiPjwvc2VjdGlvbi10aXRsZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtc1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGk9aW5kZXhcIiBbbmdDbGFzc109XCJ7J2hvdmVyZWQtaXRlbSc6IGlzSXRlbUhvdmVyZWRbaV19XCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGlja0NoYW5nZUltYWdlKGl0ZW0uaW1hZ2UsIGkpXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtY29sdW1uXCI+XG5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNxdWFyZS1yb3dcIiBbbmdTd2l0Y2hdPVwiaWNvblR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydzcXVhcmUtcm93JzppY29uVHlwZSA9PSBwYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4uU0hBUEVfSUNPTiwnc2hhcGUtY29sdW1uJzppY29uVHlwZSA9PSBwYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4uSU1BR0VfSUNPTn1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzcXVhcmVcIiAqbmdTd2l0Y2hDYXNlPVwicGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT05cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaGFwZVwiICpuZ1N3aXRjaENhc2U9XCJwYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4uSU1BR0VfSUNPTlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtLmljb25cIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtY29sdW1uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLXRpdGxlXCI+e3tpdGVtLnRpdGxlfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW0tZGVzY3JpcHRpb25cIiBbbmdDbGFzc109XCJ7J3Nob3ctZGVzY3JpcHRpb24nOiFpc0l0ZW1Ib3ZlcmVkW2ldfVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3tpdGVtLmRlc2NyaXB0aW9ufX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiIFtuZ0NsYXNzXT1cInsndHdvLWltYWdlcy1wcmV2aWV3Jzppc1R3b0ltYWdlc31cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInNob3dlZEltYWdlXCIgYWx0PVwiXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmFjay1pbWFnZVwiICpuZ0lmPVwiaXNUd29JbWFnZXNcIj5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9pLmliYi5jby9mcVo1cTV4L2JsdWUtcG9pbnRzLWhvbWUtcGFnZS1hYm91dC11cy1zZWN0aW9uLnBuZ1wiIGFsdD1cIlwiPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -12,11 +12,11 @@ export class PricingPlansComponent {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
PricingPlansComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlans: "servicePlans" }, ngImport: i0, template: "<div class=\"service-plans\">\n <div class=\"plan-content\" *ngFor=\"let plan of servicePlans\">\n <div class=\"title-price-desc\">\n <h1 class=\"plan-title\">\n {{plan.name}}\n </h1>\n <div class=\"price\" *ngIf=\"plan.price\">\n <span class=\"service-price\">$ {{plan.price}}</span>\n <span>/{{plan.frequency}}</span>\n </div>\n <div class=\"description\">\n {{plan.description}}\n
|
|
15
|
+
PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlans: "servicePlans" }, ngImport: i0, template: "<div class=\"service-plans\">\n <div class=\"plan-content\" *ngFor=\"let plan of servicePlans\">\n <div class=\"title-price-desc\">\n <h1 class=\"plan-title\">\n {{plan.name}}\n </h1>\n <div class=\"price\" *ngIf=\"plan.price\">\n <span class=\"service-price\">$ {{plan.price}}</span>\n <span>/{{plan.frequency}}</span>\n </div>\n <div class=\"description\">\n {{plan.description}}\n </div>\n <div class=\"divider\"></div>\n </div>\n <div class=\"perks\">\n <div class=\"perk\" *ngFor=\"let perk of plan.perks; let switchStyle = index\">\n <span class=\"check-icon\">\n <fa-icon icon=\"check\"></fa-icon>\n </span>\n <div class=\"service-description\">\n {{perk}}\n </div>\n </div>\n </div>\n <div class=\"registration-button\">\n <button mat-raised-button class=\"button\">\n Choose Plan\n </button>\n </div>\n </div>\n</div>", styles: [".service-plans{display:flex;flex-wrap:wrap;justify-content:center;margin-top:4rem;width:90%;margin:1rem 5%;gap:1.5rem}.service-plans .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}.service-plans .plan-content{display:grid;grid-template-rows:auto auto auto;width:25%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-height:30rem;max-height:60rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem}@media only screen and (max-width: 75em){.service-plans .plan-content{flex-grow:1;width:30rem}}.service-plans .plan-content .title-price-desc .divider{width:95%;border:.1rem solid #32353B;margin:1rem auto}.service-plans .plan-content .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem}.service-plans .plan-content .perks{display:grid;row-gap:.5rem}.service-plans .plan-content .perks .perk{display:flex}.service-plans .plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.service-plans .plan-content .registration-button{display:flex;padding:1rem 0rem}.service-plans .plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;border:#1049a6 solid .1rem;color:#1049a6;width:100%}.service-plans .plan-content:hover{background-color:#1049a6;color:#fff}.service-plans .plan-content:hover .plan-title,.service-plans .plan-content:hover .description,.service-plans .plan-content:hover .service .service-description{color:#fff}.service-plans .plan-content:hover .title-price-desc .divider{border:.1rem solid #ffffff}.service-plans .plan-content:hover .perks .perk .service-description,.service-plans .plan-content:hover .perks .perk .check-icon{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'pricing-plans', template: "<div class=\"service-plans\">\n <div class=\"plan-content\" *ngFor=\"let plan of servicePlans\">\n <div class=\"title-price-desc\">\n <h1 class=\"plan-title\">\n {{plan.name}}\n </h1>\n <div class=\"price\" *ngIf=\"plan.price\">\n <span class=\"service-price\">$ {{plan.price}}</span>\n <span>/{{plan.frequency}}</span>\n </div>\n <div class=\"description\">\n {{plan.description}}\n
|
|
18
|
+
args: [{ selector: 'pricing-plans', template: "<div class=\"service-plans\">\n <div class=\"plan-content\" *ngFor=\"let plan of servicePlans\">\n <div class=\"title-price-desc\">\n <h1 class=\"plan-title\">\n {{plan.name}}\n </h1>\n <div class=\"price\" *ngIf=\"plan.price\">\n <span class=\"service-price\">$ {{plan.price}}</span>\n <span>/{{plan.frequency}}</span>\n </div>\n <div class=\"description\">\n {{plan.description}}\n </div>\n <div class=\"divider\"></div>\n </div>\n <div class=\"perks\">\n <div class=\"perk\" *ngFor=\"let perk of plan.perks; let switchStyle = index\">\n <span class=\"check-icon\">\n <fa-icon icon=\"check\"></fa-icon>\n </span>\n <div class=\"service-description\">\n {{perk}}\n </div>\n </div>\n </div>\n <div class=\"registration-button\">\n <button mat-raised-button class=\"button\">\n Choose Plan\n </button>\n </div>\n </div>\n</div>", styles: [".service-plans{display:flex;flex-wrap:wrap;justify-content:center;margin-top:4rem;width:90%;margin:1rem 5%;gap:1.5rem}.service-plans .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}.service-plans .plan-content{display:grid;grid-template-rows:auto auto auto;width:25%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-height:30rem;max-height:60rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem}@media only screen and (max-width: 75em){.service-plans .plan-content{flex-grow:1;width:30rem}}.service-plans .plan-content .title-price-desc .divider{width:95%;border:.1rem solid #32353B;margin:1rem auto}.service-plans .plan-content .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem}.service-plans .plan-content .perks{display:grid;row-gap:.5rem}.service-plans .plan-content .perks .perk{display:flex}.service-plans .plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.service-plans .plan-content .registration-button{display:flex;padding:1rem 0rem}.service-plans .plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;border:#1049a6 solid .1rem;color:#1049a6;width:100%}.service-plans .plan-content:hover{background-color:#1049a6;color:#fff}.service-plans .plan-content:hover .plan-title,.service-plans .plan-content:hover .description,.service-plans .plan-content:hover .service .service-description{color:#fff}.service-plans .plan-content:hover .title-price-desc .divider{border:.1rem solid #ffffff}.service-plans .plan-content:hover .perks .perk .service-description,.service-plans .plan-content:hover .perks .perk .check-icon{color:#fff}\n"] }]
|
|
19
19
|
}], ctorParameters: function () { return []; }, propDecorators: { servicePlans: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1wbGFucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUXpELE1BQU0sT0FBTyxxQkFBcUI7SUFHaEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFDRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLHFCQUFxQixHQUFHLElBQUksQ0FBQztJQUNwQyxDQUFDOztrSEFUVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwrRkNSbEMsa3BDQStCTTsyRkR2Qk8scUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlcnZpY2VQbGFuIH0gZnJvbSAnLi4vbW9kZWxzL3NlcnZpY2UtcGxhbi5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByaWNpbmctcGxhbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJpY2luZy1wbGFucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ByaWNpbmctcGxhbnMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQcmljaW5nUGxhbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZXJ2aWNlUGxhbnM6IFNlcnZpY2VQbGFuW107XG4gIGZlYXR1cmVzQnV0dG9uQ2xpY2tlZDogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuICBzaG93RmVhdHVyZXMoKSB7XG4gICAgdGhpcy5mZWF0dXJlc0J1dHRvbkNsaWNrZWQgPSB0cnVlO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2VydmljZS1wbGFuc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJwbGFuLWNvbnRlbnRcIiAqbmdGb3I9XCJsZXQgcGxhbiBvZiBzZXJ2aWNlUGxhbnNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXByaWNlLWRlc2NcIj5cbiAgICAgICAgICAgIDxoMSBjbGFzcz1cInBsYW4tdGl0bGVcIj5cbiAgICAgICAgICAgICAgICB7e3BsYW4ubmFtZX19XG4gICAgICAgICAgICA8L2gxPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlXCIgKm5nSWY9XCJwbGFuLnByaWNlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzZXJ2aWNlLXByaWNlXCI+JCB7e3BsYW4ucHJpY2V9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3Bhbj4ve3twbGFuLmZyZXF1ZW5jeX19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgICAgICB7e3BsYW4uZGVzY3JpcHRpb259fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBlcmtzXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGVya1wiICpuZ0Zvcj1cImxldCBwZXJrIG9mIHBsYW4ucGVya3M7IGxldCBzd2l0Y2hTdHlsZSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjaGVjay1pY29uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJjaGVja1wiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNlcnZpY2UtZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgICAgICAgICAge3twZXJrfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJlZ2lzdHJhdGlvbi1idXR0b25cIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY2xhc3M9XCJidXR0b25cIj5cbiAgICAgICAgICAgICAgICBDaG9vc2UgUGxhblxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -117,10 +117,10 @@ class PricingPlansComponent {
|
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
PricingPlansComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
120
|
-
PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlans: "servicePlans" }, ngImport: i0, template: "<div class=\"service-plans\">\n <div class=\"plan-content\" *ngFor=\"let plan of servicePlans\">\n <div class=\"title-price-desc\">\n <h1 class=\"plan-title\">\n {{plan.name}}\n </h1>\n <div class=\"price\" *ngIf=\"plan.price\">\n <span class=\"service-price\">$ {{plan.price}}</span>\n <span>/{{plan.frequency}}</span>\n </div>\n <div class=\"description\">\n {{plan.description}}\n
|
|
120
|
+
PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlans: "servicePlans" }, ngImport: i0, template: "<div class=\"service-plans\">\n <div class=\"plan-content\" *ngFor=\"let plan of servicePlans\">\n <div class=\"title-price-desc\">\n <h1 class=\"plan-title\">\n {{plan.name}}\n </h1>\n <div class=\"price\" *ngIf=\"plan.price\">\n <span class=\"service-price\">$ {{plan.price}}</span>\n <span>/{{plan.frequency}}</span>\n </div>\n <div class=\"description\">\n {{plan.description}}\n </div>\n <div class=\"divider\"></div>\n </div>\n <div class=\"perks\">\n <div class=\"perk\" *ngFor=\"let perk of plan.perks; let switchStyle = index\">\n <span class=\"check-icon\">\n <fa-icon icon=\"check\"></fa-icon>\n </span>\n <div class=\"service-description\">\n {{perk}}\n </div>\n </div>\n </div>\n <div class=\"registration-button\">\n <button mat-raised-button class=\"button\">\n Choose Plan\n </button>\n </div>\n </div>\n</div>", styles: [".service-plans{display:flex;flex-wrap:wrap;justify-content:center;margin-top:4rem;width:90%;margin:1rem 5%;gap:1.5rem}.service-plans .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}.service-plans .plan-content{display:grid;grid-template-rows:auto auto auto;width:25%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-height:30rem;max-height:60rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem}@media only screen and (max-width: 75em){.service-plans .plan-content{flex-grow:1;width:30rem}}.service-plans .plan-content .title-price-desc .divider{width:95%;border:.1rem solid #32353B;margin:1rem auto}.service-plans .plan-content .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem}.service-plans .plan-content .perks{display:grid;row-gap:.5rem}.service-plans .plan-content .perks .perk{display:flex}.service-plans .plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.service-plans .plan-content .registration-button{display:flex;padding:1rem 0rem}.service-plans .plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;border:#1049a6 solid .1rem;color:#1049a6;width:100%}.service-plans .plan-content:hover{background-color:#1049a6;color:#fff}.service-plans .plan-content:hover .plan-title,.service-plans .plan-content:hover .description,.service-plans .plan-content:hover .service .service-description{color:#fff}.service-plans .plan-content:hover .title-price-desc .divider{border:.1rem solid #ffffff}.service-plans .plan-content:hover .perks .perk .service-description,.service-plans .plan-content:hover .perks .perk .check-icon{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
121
121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
|
|
122
122
|
type: Component,
|
|
123
|
-
args: [{ selector: 'pricing-plans', template: "<div class=\"service-plans\">\n <div class=\"plan-content\" *ngFor=\"let plan of servicePlans\">\n <div class=\"title-price-desc\">\n <h1 class=\"plan-title\">\n {{plan.name}}\n </h1>\n <div class=\"price\" *ngIf=\"plan.price\">\n <span class=\"service-price\">$ {{plan.price}}</span>\n <span>/{{plan.frequency}}</span>\n </div>\n <div class=\"description\">\n {{plan.description}}\n
|
|
123
|
+
args: [{ selector: 'pricing-plans', template: "<div class=\"service-plans\">\n <div class=\"plan-content\" *ngFor=\"let plan of servicePlans\">\n <div class=\"title-price-desc\">\n <h1 class=\"plan-title\">\n {{plan.name}}\n </h1>\n <div class=\"price\" *ngIf=\"plan.price\">\n <span class=\"service-price\">$ {{plan.price}}</span>\n <span>/{{plan.frequency}}</span>\n </div>\n <div class=\"description\">\n {{plan.description}}\n </div>\n <div class=\"divider\"></div>\n </div>\n <div class=\"perks\">\n <div class=\"perk\" *ngFor=\"let perk of plan.perks; let switchStyle = index\">\n <span class=\"check-icon\">\n <fa-icon icon=\"check\"></fa-icon>\n </span>\n <div class=\"service-description\">\n {{perk}}\n </div>\n </div>\n </div>\n <div class=\"registration-button\">\n <button mat-raised-button class=\"button\">\n Choose Plan\n </button>\n </div>\n </div>\n</div>", styles: [".service-plans{display:flex;flex-wrap:wrap;justify-content:center;margin-top:4rem;width:90%;margin:1rem 5%;gap:1.5rem}.service-plans .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}.service-plans .plan-content{display:grid;grid-template-rows:auto auto auto;width:25%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-height:30rem;max-height:60rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem}@media only screen and (max-width: 75em){.service-plans .plan-content{flex-grow:1;width:30rem}}.service-plans .plan-content .title-price-desc .divider{width:95%;border:.1rem solid #32353B;margin:1rem auto}.service-plans .plan-content .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem}.service-plans .plan-content .perks{display:grid;row-gap:.5rem}.service-plans .plan-content .perks .perk{display:flex}.service-plans .plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.service-plans .plan-content .registration-button{display:flex;padding:1rem 0rem}.service-plans .plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;border:#1049a6 solid .1rem;color:#1049a6;width:100%}.service-plans .plan-content:hover{background-color:#1049a6;color:#fff}.service-plans .plan-content:hover .plan-title,.service-plans .plan-content:hover .description,.service-plans .plan-content:hover .service .service-description{color:#fff}.service-plans .plan-content:hover .title-price-desc .divider{border:.1rem solid #ffffff}.service-plans .plan-content:hover .perks .perk .service-description,.service-plans .plan-content:hover .perks .perk .check-icon{color:#fff}\n"] }]
|
|
124
124
|
}], ctorParameters: function () { return []; }, propDecorators: { servicePlans: [{
|
|
125
125
|
type: Input
|
|
126
126
|
}] } });
|