@jooler/jooler-websites-shared 0.0.10 → 0.0.11
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/jooler-websites-shared.module.mjs +10 -5
- package/esm2020/lib/pricing-plans/pricing-plans.component.mjs +22 -0
- package/esm2020/lib/pricing-plans/service-plan.model.mjs +3 -0
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/jooler-websites-shared.mjs +29 -5
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +29 -5
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/jooler-websites-shared.module.d.ts +5 -4
- package/lib/pricing-plans/pricing-plans.component.d.ts +12 -0
- package/lib/pricing-plans/service-plan.model.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -6,6 +6,7 @@ import { AppMaterialModule } from '@jooler/app-material';
|
|
|
6
6
|
import { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';
|
|
7
7
|
import { GetStartedCTAComponent } from './get-started-cta/get-started-cta.component';
|
|
8
8
|
import { AchievementsComponent } from './achievements/achievements.component';
|
|
9
|
+
import { PricingPlansComponent } from './pricing-plans/pricing-plans.component';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
export class JoolerWebsitesSharedModule {
|
|
11
12
|
}
|
|
@@ -13,14 +14,16 @@ JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0
|
|
|
13
14
|
JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent,
|
|
14
15
|
PageSectionStyleTenComponent,
|
|
15
16
|
GetStartedCTAComponent,
|
|
16
|
-
AchievementsComponent
|
|
17
|
+
AchievementsComponent,
|
|
18
|
+
PricingPlansComponent], imports: [CommonModule,
|
|
17
19
|
AppMaterialModule,
|
|
18
20
|
FontAwesomeSharedModule], exports: [AppMaterialModule,
|
|
19
21
|
SectionTitleComponent,
|
|
20
22
|
PageSectionStyleTenComponent,
|
|
21
23
|
FontAwesomeSharedModule,
|
|
22
24
|
GetStartedCTAComponent,
|
|
23
|
-
AchievementsComponent
|
|
25
|
+
AchievementsComponent,
|
|
26
|
+
PricingPlansComponent] });
|
|
24
27
|
JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
|
|
25
28
|
AppMaterialModule,
|
|
26
29
|
FontAwesomeSharedModule, AppMaterialModule,
|
|
@@ -32,7 +35,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
32
35
|
SectionTitleComponent,
|
|
33
36
|
PageSectionStyleTenComponent,
|
|
34
37
|
GetStartedCTAComponent,
|
|
35
|
-
AchievementsComponent
|
|
38
|
+
AchievementsComponent,
|
|
39
|
+
PricingPlansComponent
|
|
36
40
|
],
|
|
37
41
|
imports: [
|
|
38
42
|
CommonModule,
|
|
@@ -45,8 +49,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
45
49
|
PageSectionStyleTenComponent,
|
|
46
50
|
FontAwesomeSharedModule,
|
|
47
51
|
GetStartedCTAComponent,
|
|
48
|
-
AchievementsComponent
|
|
52
|
+
AchievementsComponent,
|
|
53
|
+
PricingPlansComponent
|
|
49
54
|
]
|
|
50
55
|
}]
|
|
51
56
|
}] });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUE7O0FBd0IvRSxNQUFNLE9BQU8sMEJBQTBCOzt1SEFBMUIsMEJBQTBCO3dIQUExQiwwQkFBMEIsaUJBckJuQyxxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLHNCQUFzQjtRQUN0QixxQkFBcUI7UUFDckIscUJBQXFCLGFBR3JCLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsdUJBQXVCLGFBR3ZCLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLHVCQUF1QjtRQUN2QixzQkFBc0I7UUFDdEIscUJBQXFCO1FBQ3JCLHFCQUFxQjt3SEFHWiwwQkFBMEIsWUFkbkMsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQix1QkFBdUIsRUFHdkIsaUJBQWlCO1FBR2pCLHVCQUF1QjsyRkFNZCwwQkFBMEI7a0JBdkJ0QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7d0JBQ3JCLDRCQUE0Qjt3QkFDNUIsc0JBQXNCO3dCQUN0QixxQkFBcUI7d0JBQ3JCLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsNEJBQTRCO3dCQUM1Qix1QkFBdUI7d0JBQ3ZCLHNCQUFzQjt3QkFDdEIscUJBQXFCO3dCQUNyQixxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlY3Rpb25UaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4uY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBcHBNYXRlcmlhbE1vZHVsZSB9IGZyb20gJ0Bqb29sZXIvYXBwLW1hdGVyaWFsJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lU2hhcmVkTW9kdWxlIH0gZnJvbSAnQGpvb2xlci9mb250LWF3ZXNvbWUtc2hhcmVkJztcbmltcG9ydCB7IEdldFN0YXJ0ZWRDVEFDb21wb25lbnQgfSBmcm9tICcuL2dldC1zdGFydGVkLWN0YS9nZXQtc3RhcnRlZC1jdGEuY29tcG9uZW50JztcbmltcG9ydCB7IEFjaGlldmVtZW50c0NvbXBvbmVudCB9IGZyb20gJy4vYWNoaWV2ZW1lbnRzL2FjaGlldmVtZW50cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJpY2luZ1BsYW5zQ29tcG9uZW50IH0gZnJvbSAnLi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50J1xuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2VjdGlvblRpdGxlQ29tcG9uZW50LFxuICAgIFBhZ2VTZWN0aW9uU3R5bGVUZW5Db21wb25lbnQsXG4gICAgR2V0U3RhcnRlZENUQUNvbXBvbmVudCxcbiAgICBBY2hpZXZlbWVudHNDb21wb25lbnQsXG4gICAgUHJpY2luZ1BsYW5zQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQXBwTWF0ZXJpYWxNb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVTaGFyZWRNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEFwcE1hdGVyaWFsTW9kdWxlLFxuICAgIFNlY3Rpb25UaXRsZUNvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50LFxuICAgIEZvbnRBd2Vzb21lU2hhcmVkTW9kdWxlLFxuICAgIEdldFN0YXJ0ZWRDVEFDb21wb25lbnQsXG4gICAgQWNoaWV2ZW1lbnRzQ29tcG9uZW50LFxuICAgIFByaWNpbmdQbGFuc0NvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEpvb2xlcldlYnNpdGVzU2hhcmVkTW9kdWxlIHsgfVxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/material/button";
|
|
5
|
+
import * as i3 from "@fortawesome/angular-fontawesome";
|
|
6
|
+
export class PricingPlansComponent {
|
|
7
|
+
constructor() { }
|
|
8
|
+
ngOnInit() {
|
|
9
|
+
}
|
|
10
|
+
showFeatures() {
|
|
11
|
+
this.featuresButtonClicked = true;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
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 <hr>\n </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=\"circle-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{width:24%;background:#FFFFFF;border-radius:1rem;padding:2rem;min-height:30rem;max-height:60rem;display:grid;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 .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;line-height:4.8rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;line-height:1.4rem}.service-plans .plan-content .perk{display:flex}.service-plans .plan-content .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;line-height:1.9rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 850px){.service-plans .plan-content .perk .service-description{max-width:60%}}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;line-height:7.7rem;text-align:center}.service-plans .plan-content .registration-button{display:flex}.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,.service-plans .plan-content:hover .perks .service-description,.service-plans .plan-content:hover .perks .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
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
|
|
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 <hr>\n </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=\"circle-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{width:24%;background:#FFFFFF;border-radius:1rem;padding:2rem;min-height:30rem;max-height:60rem;display:grid;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 .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;line-height:4.8rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;line-height:1.4rem}.service-plans .plan-content .perk{display:flex}.service-plans .plan-content .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;line-height:1.9rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 850px){.service-plans .plan-content .perk .service-description{max-width:60%}}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;line-height:7.7rem;text-align:center}.service-plans .plan-content .registration-button{display:flex}.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,.service-plans .plan-content:hover .perks .service-description,.service-plans .plan-content:hover .perks .check-icon{color:#fff}\n"] }]
|
|
19
|
+
}], ctorParameters: function () { return []; }, propDecorators: { servicePlans: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1wbGFucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUXpELE1BQU0sT0FBTyxxQkFBcUI7SUFHaEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFDRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLHFCQUFxQixHQUFHLElBQUksQ0FBQztJQUNwQyxDQUFDOztrSEFUVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwrRkNSbEMsb29DQStCTTsyRkR2Qk8scUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlcnZpY2VQbGFuIH0gZnJvbSAnLi9zZXJ2aWNlLXBsYW4ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwcmljaW5nLXBsYW5zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ByaWNpbmctcGxhbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcmljaW5nLXBsYW5zLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJpY2luZ1BsYW5zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VydmljZVBsYW5zOiBTZXJ2aWNlUGxhbltdO1xuICBmZWF0dXJlc0J1dHRvbkNsaWNrZWQ6IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbiAgc2hvd0ZlYXR1cmVzKCkge1xuICAgIHRoaXMuZmVhdHVyZXNCdXR0b25DbGlja2VkID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNlcnZpY2UtcGxhbnNcIj5cbiAgICA8ZGl2IGNsYXNzPVwicGxhbi1jb250ZW50XCIgKm5nRm9yPVwibGV0IHBsYW4gb2Ygc2VydmljZVBsYW5zXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1wcmljZS1kZXNjXCI+XG4gICAgICAgICAgICA8aDEgY2xhc3M9XCJwbGFuLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAge3twbGFuLm5hbWV9fVxuICAgICAgICAgICAgPC9oMT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZVwiICpuZ0lmPVwicGxhbi5wcmljZVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2VydmljZS1wcmljZVwiPiQge3twbGFuLnByaWNlfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4+L3t7cGxhbi5mcmVxdWVuY3l9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAge3twbGFuLmRlc2NyaXB0aW9ufX1cbiAgICAgICAgICAgICAgICA8aHI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwZXJrc1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBlcmtcIiAqbmdGb3I9XCJsZXQgcGVyayBvZiBwbGFuLnBlcmtzOyBsZXQgc3dpdGNoU3R5bGUgPSBpbmRleFwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2hlY2staWNvblwiPlxuICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwiY2lyY2xlLWNoZWNrXCI+PC9mYS1pY29uPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VydmljZS1kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICB7e3Blcmt9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicmVnaXN0cmF0aW9uLWJ1dHRvblwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBjbGFzcz1cImJ1dHRvblwiPlxuICAgICAgICAgICAgICAgIENob29zZSBQbGFuXG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export class ServicePlan {
|
|
2
|
+
}
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS1wbGFuLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3ByaWNpbmctcGxhbnMvc2VydmljZS1wbGFuLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXO0NBUXZCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFNlcnZpY2VQbGFuIHtcbiAgICBpZDogbnVtYmVyO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIHByaWNlOiBudW1iZXI7XG4gICAgZnJlcXVlbmN5OiBzdHJpbmc7XG4gICAgaXNDaG9zZW46IGJvb2xlYW47XG4gICAgcGVya3M6IHN0cmluZ1tdO1xufSJdfQ==
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -10,4 +10,6 @@ export * from './lib/get-started-cta/get-started-cta.component';
|
|
|
10
10
|
export * from './lib/achievements/achievements.component';
|
|
11
11
|
export * from './lib/achievements/achievements.model';
|
|
12
12
|
export * from './lib/achievements/achievement.model';
|
|
13
|
-
|
|
13
|
+
export * from './lib/pricing-plans/service-plan.model';
|
|
14
|
+
export * from './lib/pricing-plans/pricing-plans.component';
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxzQ0FBc0MsQ0FBQTtBQUNwRCxjQUFjLHdDQUF3QyxDQUFBO0FBQ3RELGNBQWMsNkNBQTZDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGpvb2xlci13ZWJzaXRlcy1zaGFyZWRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9qb29sZXItd2Vic2l0ZXMtc2hhcmVkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24tYWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2dldC1zdGFydGVkLWN0YS9nZXQtc3RhcnRlZC1jdGEuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjaGlldmVtZW50cy9hY2hpZXZlbWVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjaGlldmVtZW50cy9hY2hpZXZlbWVudHMubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWNoaWV2ZW1lbnRzL2FjaGlldmVtZW50Lm1vZGVsJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJpY2luZy1wbGFucy9zZXJ2aWNlLXBsYW4ubW9kZWwnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50J1xuXG5cbiJdfQ==
|
|
@@ -96,20 +96,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
96
96
|
type: Input
|
|
97
97
|
}] } });
|
|
98
98
|
|
|
99
|
+
class PricingPlansComponent {
|
|
100
|
+
constructor() { }
|
|
101
|
+
ngOnInit() {
|
|
102
|
+
}
|
|
103
|
+
showFeatures() {
|
|
104
|
+
this.featuresButtonClicked = true;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
PricingPlansComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
108
|
+
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 <hr>\n </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=\"circle-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{width:24%;background:#FFFFFF;border-radius:1rem;padding:2rem;min-height:30rem;max-height:60rem;display:grid;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 .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;line-height:4.8rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;line-height:1.4rem}.service-plans .plan-content .perk{display:flex}.service-plans .plan-content .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;line-height:1.9rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 850px){.service-plans .plan-content .perk .service-description{max-width:60%}}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;line-height:7.7rem;text-align:center}.service-plans .plan-content .registration-button{display:flex}.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,.service-plans .plan-content:hover .perks .service-description,.service-plans .plan-content:hover .perks .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"] }] });
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
|
|
110
|
+
type: Component,
|
|
111
|
+
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 <hr>\n </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=\"circle-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{width:24%;background:#FFFFFF;border-radius:1rem;padding:2rem;min-height:30rem;max-height:60rem;display:grid;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 .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;line-height:4.8rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;line-height:1.4rem}.service-plans .plan-content .perk{display:flex}.service-plans .plan-content .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;line-height:1.9rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 850px){.service-plans .plan-content .perk .service-description{max-width:60%}}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;line-height:7.7rem;text-align:center}.service-plans .plan-content .registration-button{display:flex}.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,.service-plans .plan-content:hover .perks .service-description,.service-plans .plan-content:hover .perks .check-icon{color:#fff}\n"] }]
|
|
112
|
+
}], ctorParameters: function () { return []; }, propDecorators: { servicePlans: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}] } });
|
|
115
|
+
|
|
99
116
|
class JoolerWebsitesSharedModule {
|
|
100
117
|
}
|
|
101
118
|
JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
102
119
|
JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent,
|
|
103
120
|
PageSectionStyleTenComponent,
|
|
104
121
|
GetStartedCTAComponent,
|
|
105
|
-
AchievementsComponent
|
|
122
|
+
AchievementsComponent,
|
|
123
|
+
PricingPlansComponent], imports: [CommonModule,
|
|
106
124
|
AppMaterialModule,
|
|
107
125
|
FontAwesomeSharedModule], exports: [AppMaterialModule,
|
|
108
126
|
SectionTitleComponent,
|
|
109
127
|
PageSectionStyleTenComponent,
|
|
110
128
|
FontAwesomeSharedModule,
|
|
111
129
|
GetStartedCTAComponent,
|
|
112
|
-
AchievementsComponent
|
|
130
|
+
AchievementsComponent,
|
|
131
|
+
PricingPlansComponent] });
|
|
113
132
|
JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
|
|
114
133
|
AppMaterialModule,
|
|
115
134
|
FontAwesomeSharedModule, AppMaterialModule,
|
|
@@ -121,7 +140,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
121
140
|
SectionTitleComponent,
|
|
122
141
|
PageSectionStyleTenComponent,
|
|
123
142
|
GetStartedCTAComponent,
|
|
124
|
-
AchievementsComponent
|
|
143
|
+
AchievementsComponent,
|
|
144
|
+
PricingPlansComponent
|
|
125
145
|
],
|
|
126
146
|
imports: [
|
|
127
147
|
CommonModule,
|
|
@@ -134,7 +154,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
134
154
|
PageSectionStyleTenComponent,
|
|
135
155
|
FontAwesomeSharedModule,
|
|
136
156
|
GetStartedCTAComponent,
|
|
137
|
-
AchievementsComponent
|
|
157
|
+
AchievementsComponent,
|
|
158
|
+
PricingPlansComponent
|
|
138
159
|
]
|
|
139
160
|
}]
|
|
140
161
|
}] });
|
|
@@ -151,6 +172,9 @@ class Achievements {
|
|
|
151
172
|
class Achievement {
|
|
152
173
|
}
|
|
153
174
|
|
|
175
|
+
class ServicePlan {
|
|
176
|
+
}
|
|
177
|
+
|
|
154
178
|
/*
|
|
155
179
|
* Public API Surface of jooler-websites-shared
|
|
156
180
|
*/
|
|
@@ -159,5 +183,5 @@ class Achievement {
|
|
|
159
183
|
* Generated bundle index. Do not edit.
|
|
160
184
|
*/
|
|
161
185
|
|
|
162
|
-
export { Achievement, Achievements, AchievementsComponent, GetStartedCTAComponent, JoolerWebsitesSharedModule, PageSection, PageSectionAction, PageSectionStyleTenComponent, SectionTitleComponent };
|
|
186
|
+
export { Achievement, Achievements, AchievementsComponent, GetStartedCTAComponent, JoolerWebsitesSharedModule, PageSection, PageSectionAction, PageSectionStyleTenComponent, PricingPlansComponent, SectionTitleComponent, ServicePlan };
|
|
163
187
|
//# sourceMappingURL=jooler-websites-shared.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jooler-websites-shared.mjs","sources":["../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.ts","../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.html","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.html","../../../projects/jooler-websites-shared/src/lib/get-started-cta/get-started-cta.component.ts","../../../projects/jooler-websites-shared/src/lib/get-started-cta/get-started-cta.component.html","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.component.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.component.html","../../../projects/jooler-websites-shared/src/lib/jooler-websites-shared.module.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section.model.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-action.model.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.model.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievement.model.ts","../../../projects/jooler-websites-shared/src/public-api.ts","../../../projects/jooler-websites-shared/src/jooler-websites-shared.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'section-title',\n templateUrl: './section-title.component.html',\n styleUrls: ['./section-title.component.scss']\n})\nexport class SectionTitleComponent {\n @Input() title: string;\n @Input() subtitle: string;\n @Input() alignLeft: boolean;\n @Input() isDarkBg: boolean = false;\n}\n","<div class=\"section-container\"\n [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n <div class=\"title\">{{title}}</div>\n <div class=\"divider\">\n </div>\n <div class=\"description\">\n {{subtitle}}\n </div>\n</div>","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PageSection } from './page-section.model';\n\n@Component({\n selector: 'page-section-style-ten',\n templateUrl: './page-section-style-ten.component.html',\n styleUrls: ['./page-section-style-ten.component.scss']\n})\nexport class PageSectionStyleTenComponent implements OnInit {\n @Input() data: any | PageSection;\n @Input() iconName: any = \"circle\";\n panelOpenState: boolean = false;\n @Input() selectedPanel: number;\n @Output() panelChanged: EventEmitter<number> = new EventEmitter();\n\n constructor() {\n\n }\n\n ngOnInit(): void { }\n\n onClickPanel(index: number) {\n this.selectedPanel = index;\n console.log(this.selectedPanel)\n this.panelChanged.emit(this.selectedPanel);\n }\n}\n","<mat-accordion class=\"mat-mdc-form-field\">\n <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\" *ngFor=\"let item of data; let i = index\" (click)=\"onClickPanel(i)\">\n <mat-expansion-panel-header>\n <div class=\"panel-headline\">\n <mat-panel-title>\n <fa-icon [icon]=\"iconName\">\n </fa-icon>\n {{item.question}}\n </mat-panel-title>\n </div>\n </mat-expansion-panel-header>\n <div class=\"panel-content\">\n <ul>\n <li>\n {{item.answer}}\n </li>\n </ul>\n </div>\n </mat-expansion-panel>\n</mat-accordion>","import { Component, Input } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'get-started-cta',\n templateUrl: './get-started-cta.component.html',\n styleUrls: ['./get-started-cta.component.scss']\n})\nexport class GetStartedCTAComponent {\n @Input() title: string;\n @Input() description: string;\n\n constructor(private _Router: Router) { }\n\n onClickCreateAccount() {\n this._Router.navigate([\"authentication/get-started\"]);\n }\n\n onClickLogo() {\n this._Router.navigate(['home-page']);\n }\n}\n","<div class=\"all\">\n <div class=\"get-started\">\n <div class=\"content\">\n <h1>{{title}}</h1>\n <div class=\"description\">\n {{description}}\n </div>\n <img src=\" ../../../assets/images/logo-white.png\" alt=\"\" (click)=\"onClickLogo()\" class=\"logo-img\">\n <div class=\"create-account\">\n <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\n <button mat-raised-button class=\"sign-up-btn\" (click)=\"onClickCreateAccount()\">Create\n Account</button>\n </div>\n </div>\n </div>\n</div>","import { Component, Input, OnInit } from '@angular/core';\nimport { Achievements } from './achievements.model';\n\n@Component({\n selector: 'achievements',\n templateUrl: './achievements.component.html',\n styleUrls: ['./achievements.component.scss']\n})\nexport class AchievementsComponent implements OnInit {\n @Input() achievements: Achievements;\n @Input() haveTitle: boolean = true;\n\n constructor() { }\n\n ngOnInit() { }\n}\n","<div class=\"achievements\" [ngClass]=\"{'blue-background': !haveTitle}\">\n <div class=\"content\">\n <div *ngIf=\"haveTitle\">\n <section-title [title]=\"achievements.title\" [subtitle]=\"achievements.subtitle\"></section-title>\n </div>\n <div class=\"achievements-cards\">\n <div class=\"achievement-card\" *ngFor=\"let achievement of achievements.achievements\">\n <div class=\"number\">\n {{achievement.number}}\n </div>\n <div class=\"subtitle\">\n {{achievement.subtitle}}\n </div>\n </div>\n </div>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { SectionTitleComponent } from './section-title/section-title.component';\nimport { PageSectionStyleTenComponent } from './page-section-style-ten/page-section-style-ten.component';\nimport { CommonModule } from '@angular/common';\nimport { AppMaterialModule } from '@jooler/app-material';\nimport { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';\nimport { GetStartedCTAComponent } from './get-started-cta/get-started-cta.component';\nimport { AchievementsComponent } from './achievements/achievements.component';\n\n@NgModule({\n declarations: [\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n GetStartedCTAComponent,\n AchievementsComponent\n ],\n imports: [\n CommonModule,\n AppMaterialModule,\n FontAwesomeSharedModule\n ],\n exports: [\n AppMaterialModule,\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n FontAwesomeSharedModule,\n GetStartedCTAComponent,\n AchievementsComponent\n ]\n})\nexport class JoolerWebsitesSharedModule { }\n","import { PageSectionAction } from './page-section-action.model';\n\nexport class PageSection {\n id: number;\n icon: string;\n title: string;\n description: string;\n image: string;\n titleImage: string;\n subtitle: string;\n actions: PageSectionAction[];\n}","export class PageSectionAction {\n id: number;\n route: string;\n label: string;\n}","import { Achievement } from \"./achievement.model\";\n\nexport class Achievements {\n title:string;\n subtitle : string;\n achievements: Achievement[];\n}","\nexport class Achievement {\n number: string;\n subtitle: string\n}","/*\n * Public API Surface of jooler-websites-shared\n */\n\nexport * from './lib/jooler-websites-shared.module';\nexport * from './lib/section-title/section-title.component';\nexport * from './lib/page-section-style-ten/page-section-style-ten.component';\nexport * from './lib/page-section-style-ten/page-section.model';\nexport * from './lib/page-section-style-ten/page-section-action.model';\nexport * from './lib/get-started-cta/get-started-cta.component';\nexport * from './lib/achievements/achievements.component';\nexport * from './lib/achievements/achievements.model';\nexport * from './lib/achievements/achievement.model'\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i2.SectionTitleComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"jooler-websites-shared.mjs","sources":["../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.ts","../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.html","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.html","../../../projects/jooler-websites-shared/src/lib/get-started-cta/get-started-cta.component.ts","../../../projects/jooler-websites-shared/src/lib/get-started-cta/get-started-cta.component.html","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.component.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.component.html","../../../projects/jooler-websites-shared/src/lib/pricing-plans/pricing-plans.component.ts","../../../projects/jooler-websites-shared/src/lib/pricing-plans/pricing-plans.component.html","../../../projects/jooler-websites-shared/src/lib/jooler-websites-shared.module.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section.model.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-action.model.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.model.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievement.model.ts","../../../projects/jooler-websites-shared/src/lib/pricing-plans/service-plan.model.ts","../../../projects/jooler-websites-shared/src/public-api.ts","../../../projects/jooler-websites-shared/src/jooler-websites-shared.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'section-title',\n templateUrl: './section-title.component.html',\n styleUrls: ['./section-title.component.scss']\n})\nexport class SectionTitleComponent {\n @Input() title: string;\n @Input() subtitle: string;\n @Input() alignLeft: boolean;\n @Input() isDarkBg: boolean = false;\n}\n","<div class=\"section-container\"\n [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n <div class=\"title\">{{title}}</div>\n <div class=\"divider\">\n </div>\n <div class=\"description\">\n {{subtitle}}\n </div>\n</div>","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PageSection } from './page-section.model';\n\n@Component({\n selector: 'page-section-style-ten',\n templateUrl: './page-section-style-ten.component.html',\n styleUrls: ['./page-section-style-ten.component.scss']\n})\nexport class PageSectionStyleTenComponent implements OnInit {\n @Input() data: any | PageSection;\n @Input() iconName: any = \"circle\";\n panelOpenState: boolean = false;\n @Input() selectedPanel: number;\n @Output() panelChanged: EventEmitter<number> = new EventEmitter();\n\n constructor() {\n\n }\n\n ngOnInit(): void { }\n\n onClickPanel(index: number) {\n this.selectedPanel = index;\n console.log(this.selectedPanel)\n this.panelChanged.emit(this.selectedPanel);\n }\n}\n","<mat-accordion class=\"mat-mdc-form-field\">\n <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\" *ngFor=\"let item of data; let i = index\" (click)=\"onClickPanel(i)\">\n <mat-expansion-panel-header>\n <div class=\"panel-headline\">\n <mat-panel-title>\n <fa-icon [icon]=\"iconName\">\n </fa-icon>\n {{item.question}}\n </mat-panel-title>\n </div>\n </mat-expansion-panel-header>\n <div class=\"panel-content\">\n <ul>\n <li>\n {{item.answer}}\n </li>\n </ul>\n </div>\n </mat-expansion-panel>\n</mat-accordion>","import { Component, Input } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'get-started-cta',\n templateUrl: './get-started-cta.component.html',\n styleUrls: ['./get-started-cta.component.scss']\n})\nexport class GetStartedCTAComponent {\n @Input() title: string;\n @Input() description: string;\n\n constructor(private _Router: Router) { }\n\n onClickCreateAccount() {\n this._Router.navigate([\"authentication/get-started\"]);\n }\n\n onClickLogo() {\n this._Router.navigate(['home-page']);\n }\n}\n","<div class=\"all\">\n <div class=\"get-started\">\n <div class=\"content\">\n <h1>{{title}}</h1>\n <div class=\"description\">\n {{description}}\n </div>\n <img src=\" ../../../assets/images/logo-white.png\" alt=\"\" (click)=\"onClickLogo()\" class=\"logo-img\">\n <div class=\"create-account\">\n <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\n <button mat-raised-button class=\"sign-up-btn\" (click)=\"onClickCreateAccount()\">Create\n Account</button>\n </div>\n </div>\n </div>\n</div>","import { Component, Input, OnInit } from '@angular/core';\nimport { Achievements } from './achievements.model';\n\n@Component({\n selector: 'achievements',\n templateUrl: './achievements.component.html',\n styleUrls: ['./achievements.component.scss']\n})\nexport class AchievementsComponent implements OnInit {\n @Input() achievements: Achievements;\n @Input() haveTitle: boolean = true;\n\n constructor() { }\n\n ngOnInit() { }\n}\n","<div class=\"achievements\" [ngClass]=\"{'blue-background': !haveTitle}\">\n <div class=\"content\">\n <div *ngIf=\"haveTitle\">\n <section-title [title]=\"achievements.title\" [subtitle]=\"achievements.subtitle\"></section-title>\n </div>\n <div class=\"achievements-cards\">\n <div class=\"achievement-card\" *ngFor=\"let achievement of achievements.achievements\">\n <div class=\"number\">\n {{achievement.number}}\n </div>\n <div class=\"subtitle\">\n {{achievement.subtitle}}\n </div>\n </div>\n </div>\n </div>\n</div>","import { Component, OnInit, Input } from '@angular/core';\nimport { ServicePlan } from './service-plan.model';\n\n@Component({\n selector: 'pricing-plans',\n templateUrl: './pricing-plans.component.html',\n styleUrls: ['./pricing-plans.component.scss']\n})\nexport class PricingPlansComponent implements OnInit {\n @Input() servicePlans: ServicePlan[];\n featuresButtonClicked: boolean;\n constructor() { }\n\n ngOnInit(): void {\n }\n showFeatures() {\n this.featuresButtonClicked = true;\n }\n}\n","<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 <hr>\n </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=\"circle-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>","import { NgModule } from '@angular/core';\nimport { SectionTitleComponent } from './section-title/section-title.component';\nimport { PageSectionStyleTenComponent } from './page-section-style-ten/page-section-style-ten.component';\nimport { CommonModule } from '@angular/common';\nimport { AppMaterialModule } from '@jooler/app-material';\nimport { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';\nimport { GetStartedCTAComponent } from './get-started-cta/get-started-cta.component';\nimport { AchievementsComponent } from './achievements/achievements.component';\nimport { PricingPlansComponent } from './pricing-plans/pricing-plans.component'\n@NgModule({\n declarations: [\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n GetStartedCTAComponent,\n AchievementsComponent,\n PricingPlansComponent\n ],\n imports: [\n CommonModule,\n AppMaterialModule,\n FontAwesomeSharedModule\n ],\n exports: [\n AppMaterialModule,\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n FontAwesomeSharedModule,\n GetStartedCTAComponent,\n AchievementsComponent,\n PricingPlansComponent\n ]\n})\nexport class JoolerWebsitesSharedModule { }\n","import { PageSectionAction } from './page-section-action.model';\n\nexport class PageSection {\n id: number;\n icon: string;\n title: string;\n description: string;\n image: string;\n titleImage: string;\n subtitle: string;\n actions: PageSectionAction[];\n}","export class PageSectionAction {\n id: number;\n route: string;\n label: string;\n}","import { Achievement } from \"./achievement.model\";\n\nexport class Achievements {\n title:string;\n subtitle : string;\n achievements: Achievement[];\n}","\nexport class Achievement {\n number: string;\n subtitle: string\n}","export class ServicePlan {\n id: number;\n name: string;\n description: string;\n price: number;\n frequency: string;\n isChosen: boolean;\n perks: string[];\n}","/*\n * Public API Surface of jooler-websites-shared\n */\n\nexport * from './lib/jooler-websites-shared.module';\nexport * from './lib/section-title/section-title.component';\nexport * from './lib/page-section-style-ten/page-section-style-ten.component';\nexport * from './lib/page-section-style-ten/page-section.model';\nexport * from './lib/page-section-style-ten/page-section-action.model';\nexport * from './lib/get-started-cta/get-started-cta.component';\nexport * from './lib/achievements/achievements.component';\nexport * from './lib/achievements/achievements.model';\nexport * from './lib/achievements/achievement.model'\nexport * from './lib/pricing-plans/service-plan.model'\nexport * from './lib/pricing-plans/pricing-plans.component'\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i2.SectionTitleComponent"],"mappings":";;;;;;;;;;;MAOa,qBAAqB,CAAA;AALlC,IAAA,WAAA,GAAA;AASW,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;KACpC;;kHALY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,qJCPlC,gUAQM,EAAA,MAAA,EAAA,CAAA,26BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDDO,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,gUAAA,EAAA,MAAA,EAAA,CAAA,26BAAA,CAAA,EAAA,CAAA;8BAKhB,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;MEHK,4BAA4B,CAAA;AAOvC,IAAA,WAAA,GAAA;AALS,QAAA,IAAQ,CAAA,QAAA,GAAQ,QAAQ,CAAC;AAClC,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK,CAAC;AAEtB,QAAA,IAAA,CAAA,YAAY,GAAyB,IAAI,YAAY,EAAE,CAAC;KAIjE;AAED,IAAA,QAAQ,MAAY;AAEpB,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;AAC3B,QAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC5C;;yHAjBU,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,yLCRzC,kwBAmBgB,EAAA,MAAA,EAAA,CAAA,8mBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,gBAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDXH,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,SAAS;+BACE,wBAAwB,EAAA,QAAA,EAAA,kwBAAA,EAAA,MAAA,EAAA,CAAA,8mBAAA,CAAA,EAAA,CAAA;0EAKzB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAEG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACI,YAAY,EAAA,CAAA;sBAArB,MAAM;;;MELI,sBAAsB,CAAA;AAIjC,IAAA,WAAA,CAAoB,OAAe,EAAA;AAAf,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAQ;KAAK;IAExC,oBAAoB,GAAA;QAClB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC;KACvD;IAED,WAAW,GAAA;QACT,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;KACtC;;mHAZU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,+GCRnC,8pBAeM,EAAA,MAAA,EAAA,CAAA,qh1BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,4LAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDPO,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,iBAAiB,EAAA,QAAA,EAAA,8pBAAA,EAAA,MAAA,EAAA,CAAA,qh1BAAA,CAAA,EAAA,CAAA;+FAKlB,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;MEFK,qBAAqB,CAAA;AAIhC,IAAA,WAAA,GAAA;AAFS,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI,CAAC;KAElB;AAEjB,IAAA,QAAQ,MAAM;;kHANH,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,sHCRlC,mrBAgBM,EAAA,MAAA,EAAA,CAAA,ukEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,qBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDRO,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACE,cAAc,EAAA,QAAA,EAAA,mrBAAA,EAAA,MAAA,EAAA,CAAA,ukEAAA,CAAA,EAAA,CAAA;0EAKf,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;;MEFK,qBAAqB,CAAA;AAGhC,IAAA,WAAA,GAAA,GAAiB;IAEjB,QAAQ,GAAA;KACP;IACD,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;KACnC;;kHATU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,+FCRlC,ooCA+BM,EAAA,MAAA,EAAA,CAAA,m3DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,4LAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDvBO,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,ooCAAA,EAAA,MAAA,EAAA,CAAA,m3DAAA,CAAA,EAAA,CAAA;0EAKhB,YAAY,EAAA,CAAA;sBAApB,KAAK;;;MEuBK,0BAA0B,CAAA;;uHAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,iBArBnC,qBAAqB;QACrB,4BAA4B;QAC5B,sBAAsB;QACtB,qBAAqB;AACrB,QAAA,qBAAqB,aAGrB,YAAY;QACZ,iBAAiB;AACjB,QAAA,uBAAuB,aAGvB,iBAAiB;QACjB,qBAAqB;QACrB,4BAA4B;QAC5B,uBAAuB;QACvB,sBAAsB;QACtB,qBAAqB;QACrB,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGZ,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,YAdnC,YAAY;QACZ,iBAAiB;AACjB,QAAA,uBAAuB,EAGvB,iBAAiB;QAGjB,uBAAuB,CAAA,EAAA,CAAA,CAAA;2FAMd,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAvBtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;wBACrB,4BAA4B;wBAC5B,sBAAsB;wBACtB,qBAAqB;wBACrB,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,qBAAqB;wBACrB,4BAA4B;wBAC5B,uBAAuB;wBACvB,sBAAsB;wBACtB,qBAAqB;wBACrB,qBAAqB;AACtB,qBAAA;iBACF,CAAA;;;MC7BY,WAAW,CAAA;AASvB;;MCXY,iBAAiB,CAAA;AAI7B;;MCFY,YAAY,CAAA;AAIxB;;MCLY,WAAW,CAAA;AAGvB;;MCJY,WAAW,CAAA;AAQvB;;ACRD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -96,20 +96,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
96
96
|
type: Input
|
|
97
97
|
}] } });
|
|
98
98
|
|
|
99
|
+
class PricingPlansComponent {
|
|
100
|
+
constructor() { }
|
|
101
|
+
ngOnInit() {
|
|
102
|
+
}
|
|
103
|
+
showFeatures() {
|
|
104
|
+
this.featuresButtonClicked = true;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
PricingPlansComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
108
|
+
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 <hr>\n </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=\"circle-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{width:24%;background:#FFFFFF;border-radius:1rem;padding:2rem;min-height:30rem;max-height:60rem;display:grid;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 .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;line-height:4.8rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;line-height:1.4rem}.service-plans .plan-content .perk{display:flex}.service-plans .plan-content .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;line-height:1.9rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 850px){.service-plans .plan-content .perk .service-description{max-width:60%}}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;line-height:7.7rem;text-align:center}.service-plans .plan-content .registration-button{display:flex}.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,.service-plans .plan-content:hover .perks .service-description,.service-plans .plan-content:hover .perks .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"] }] });
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
|
|
110
|
+
type: Component,
|
|
111
|
+
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 <hr>\n </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=\"circle-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{width:24%;background:#FFFFFF;border-radius:1rem;padding:2rem;min-height:30rem;max-height:60rem;display:grid;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 .plan-title{grid-row:1;color:#1049a6;text-transform:uppercase;font-weight:700;font-size:2.5rem;line-height:4.8rem}.service-plans .plan-content .description{color:#32353b;font-size:1.2rem;line-height:1.4rem}.service-plans .plan-content .perk{display:flex}.service-plans .plan-content .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;line-height:1.9rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 850px){.service-plans .plan-content .perk .service-description{max-width:60%}}.service-plans .plan-content .service-price{font-weight:800;font-size:4.2rem;line-height:7.7rem;text-align:center}.service-plans .plan-content .registration-button{display:flex}.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,.service-plans .plan-content:hover .perks .service-description,.service-plans .plan-content:hover .perks .check-icon{color:#fff}\n"] }]
|
|
112
|
+
}], ctorParameters: function () { return []; }, propDecorators: { servicePlans: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}] } });
|
|
115
|
+
|
|
99
116
|
class JoolerWebsitesSharedModule {
|
|
100
117
|
}
|
|
101
118
|
JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
102
119
|
JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, declarations: [SectionTitleComponent,
|
|
103
120
|
PageSectionStyleTenComponent,
|
|
104
121
|
GetStartedCTAComponent,
|
|
105
|
-
AchievementsComponent
|
|
122
|
+
AchievementsComponent,
|
|
123
|
+
PricingPlansComponent], imports: [CommonModule,
|
|
106
124
|
AppMaterialModule,
|
|
107
125
|
FontAwesomeSharedModule], exports: [AppMaterialModule,
|
|
108
126
|
SectionTitleComponent,
|
|
109
127
|
PageSectionStyleTenComponent,
|
|
110
128
|
FontAwesomeSharedModule,
|
|
111
129
|
GetStartedCTAComponent,
|
|
112
|
-
AchievementsComponent
|
|
130
|
+
AchievementsComponent,
|
|
131
|
+
PricingPlansComponent] });
|
|
113
132
|
JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
|
|
114
133
|
AppMaterialModule,
|
|
115
134
|
FontAwesomeSharedModule, AppMaterialModule,
|
|
@@ -121,7 +140,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
121
140
|
SectionTitleComponent,
|
|
122
141
|
PageSectionStyleTenComponent,
|
|
123
142
|
GetStartedCTAComponent,
|
|
124
|
-
AchievementsComponent
|
|
143
|
+
AchievementsComponent,
|
|
144
|
+
PricingPlansComponent
|
|
125
145
|
],
|
|
126
146
|
imports: [
|
|
127
147
|
CommonModule,
|
|
@@ -134,7 +154,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
134
154
|
PageSectionStyleTenComponent,
|
|
135
155
|
FontAwesomeSharedModule,
|
|
136
156
|
GetStartedCTAComponent,
|
|
137
|
-
AchievementsComponent
|
|
157
|
+
AchievementsComponent,
|
|
158
|
+
PricingPlansComponent
|
|
138
159
|
]
|
|
139
160
|
}]
|
|
140
161
|
}] });
|
|
@@ -151,6 +172,9 @@ class Achievements {
|
|
|
151
172
|
class Achievement {
|
|
152
173
|
}
|
|
153
174
|
|
|
175
|
+
class ServicePlan {
|
|
176
|
+
}
|
|
177
|
+
|
|
154
178
|
/*
|
|
155
179
|
* Public API Surface of jooler-websites-shared
|
|
156
180
|
*/
|
|
@@ -159,5 +183,5 @@ class Achievement {
|
|
|
159
183
|
* Generated bundle index. Do not edit.
|
|
160
184
|
*/
|
|
161
185
|
|
|
162
|
-
export { Achievement, Achievements, AchievementsComponent, GetStartedCTAComponent, JoolerWebsitesSharedModule, PageSection, PageSectionAction, PageSectionStyleTenComponent, SectionTitleComponent };
|
|
186
|
+
export { Achievement, Achievements, AchievementsComponent, GetStartedCTAComponent, JoolerWebsitesSharedModule, PageSection, PageSectionAction, PageSectionStyleTenComponent, PricingPlansComponent, SectionTitleComponent, ServicePlan };
|
|
163
187
|
//# sourceMappingURL=jooler-websites-shared.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jooler-websites-shared.mjs","sources":["../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.ts","../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.html","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.html","../../../projects/jooler-websites-shared/src/lib/get-started-cta/get-started-cta.component.ts","../../../projects/jooler-websites-shared/src/lib/get-started-cta/get-started-cta.component.html","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.component.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.component.html","../../../projects/jooler-websites-shared/src/lib/jooler-websites-shared.module.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section.model.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-action.model.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.model.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievement.model.ts","../../../projects/jooler-websites-shared/src/public-api.ts","../../../projects/jooler-websites-shared/src/jooler-websites-shared.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'section-title',\n templateUrl: './section-title.component.html',\n styleUrls: ['./section-title.component.scss']\n})\nexport class SectionTitleComponent {\n @Input() title: string;\n @Input() subtitle: string;\n @Input() alignLeft: boolean;\n @Input() isDarkBg: boolean = false;\n}\n","<div class=\"section-container\"\n [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n <div class=\"title\">{{title}}</div>\n <div class=\"divider\">\n </div>\n <div class=\"description\">\n {{subtitle}}\n </div>\n</div>","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PageSection } from './page-section.model';\n\n@Component({\n selector: 'page-section-style-ten',\n templateUrl: './page-section-style-ten.component.html',\n styleUrls: ['./page-section-style-ten.component.scss']\n})\nexport class PageSectionStyleTenComponent implements OnInit {\n @Input() data: any | PageSection;\n @Input() iconName: any = \"circle\";\n panelOpenState: boolean = false;\n @Input() selectedPanel: number;\n @Output() panelChanged: EventEmitter<number> = new EventEmitter();\n\n constructor() {\n\n }\n\n ngOnInit(): void { }\n\n onClickPanel(index: number) {\n this.selectedPanel = index;\n console.log(this.selectedPanel)\n this.panelChanged.emit(this.selectedPanel);\n }\n}\n","<mat-accordion class=\"mat-mdc-form-field\">\n <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\" *ngFor=\"let item of data; let i = index\" (click)=\"onClickPanel(i)\">\n <mat-expansion-panel-header>\n <div class=\"panel-headline\">\n <mat-panel-title>\n <fa-icon [icon]=\"iconName\">\n </fa-icon>\n {{item.question}}\n </mat-panel-title>\n </div>\n </mat-expansion-panel-header>\n <div class=\"panel-content\">\n <ul>\n <li>\n {{item.answer}}\n </li>\n </ul>\n </div>\n </mat-expansion-panel>\n</mat-accordion>","import { Component, Input } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'get-started-cta',\n templateUrl: './get-started-cta.component.html',\n styleUrls: ['./get-started-cta.component.scss']\n})\nexport class GetStartedCTAComponent {\n @Input() title: string;\n @Input() description: string;\n\n constructor(private _Router: Router) { }\n\n onClickCreateAccount() {\n this._Router.navigate([\"authentication/get-started\"]);\n }\n\n onClickLogo() {\n this._Router.navigate(['home-page']);\n }\n}\n","<div class=\"all\">\n <div class=\"get-started\">\n <div class=\"content\">\n <h1>{{title}}</h1>\n <div class=\"description\">\n {{description}}\n </div>\n <img src=\" ../../../assets/images/logo-white.png\" alt=\"\" (click)=\"onClickLogo()\" class=\"logo-img\">\n <div class=\"create-account\">\n <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\n <button mat-raised-button class=\"sign-up-btn\" (click)=\"onClickCreateAccount()\">Create\n Account</button>\n </div>\n </div>\n </div>\n</div>","import { Component, Input, OnInit } from '@angular/core';\nimport { Achievements } from './achievements.model';\n\n@Component({\n selector: 'achievements',\n templateUrl: './achievements.component.html',\n styleUrls: ['./achievements.component.scss']\n})\nexport class AchievementsComponent implements OnInit {\n @Input() achievements: Achievements;\n @Input() haveTitle: boolean = true;\n\n constructor() { }\n\n ngOnInit() { }\n}\n","<div class=\"achievements\" [ngClass]=\"{'blue-background': !haveTitle}\">\n <div class=\"content\">\n <div *ngIf=\"haveTitle\">\n <section-title [title]=\"achievements.title\" [subtitle]=\"achievements.subtitle\"></section-title>\n </div>\n <div class=\"achievements-cards\">\n <div class=\"achievement-card\" *ngFor=\"let achievement of achievements.achievements\">\n <div class=\"number\">\n {{achievement.number}}\n </div>\n <div class=\"subtitle\">\n {{achievement.subtitle}}\n </div>\n </div>\n </div>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { SectionTitleComponent } from './section-title/section-title.component';\nimport { PageSectionStyleTenComponent } from './page-section-style-ten/page-section-style-ten.component';\nimport { CommonModule } from '@angular/common';\nimport { AppMaterialModule } from '@jooler/app-material';\nimport { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';\nimport { GetStartedCTAComponent } from './get-started-cta/get-started-cta.component';\nimport { AchievementsComponent } from './achievements/achievements.component';\n\n@NgModule({\n declarations: [\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n GetStartedCTAComponent,\n AchievementsComponent\n ],\n imports: [\n CommonModule,\n AppMaterialModule,\n FontAwesomeSharedModule\n ],\n exports: [\n AppMaterialModule,\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n FontAwesomeSharedModule,\n GetStartedCTAComponent,\n AchievementsComponent\n ]\n})\nexport class JoolerWebsitesSharedModule { }\n","import { PageSectionAction } from './page-section-action.model';\n\nexport class PageSection {\n id: number;\n icon: string;\n title: string;\n description: string;\n image: string;\n titleImage: string;\n subtitle: string;\n actions: PageSectionAction[];\n}","export class PageSectionAction {\n id: number;\n route: string;\n label: string;\n}","import { Achievement } from \"./achievement.model\";\n\nexport class Achievements {\n title:string;\n subtitle : string;\n achievements: Achievement[];\n}","\nexport class Achievement {\n number: string;\n subtitle: string\n}","/*\n * Public API Surface of jooler-websites-shared\n */\n\nexport * from './lib/jooler-websites-shared.module';\nexport * from './lib/section-title/section-title.component';\nexport * from './lib/page-section-style-ten/page-section-style-ten.component';\nexport * from './lib/page-section-style-ten/page-section.model';\nexport * from './lib/page-section-style-ten/page-section-action.model';\nexport * from './lib/get-started-cta/get-started-cta.component';\nexport * from './lib/achievements/achievements.component';\nexport * from './lib/achievements/achievements.model';\nexport * from './lib/achievements/achievement.model'\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i2.SectionTitleComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"jooler-websites-shared.mjs","sources":["../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.ts","../../../projects/jooler-websites-shared/src/lib/section-title/section-title.component.html","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-style-ten.component.html","../../../projects/jooler-websites-shared/src/lib/get-started-cta/get-started-cta.component.ts","../../../projects/jooler-websites-shared/src/lib/get-started-cta/get-started-cta.component.html","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.component.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.component.html","../../../projects/jooler-websites-shared/src/lib/pricing-plans/pricing-plans.component.ts","../../../projects/jooler-websites-shared/src/lib/pricing-plans/pricing-plans.component.html","../../../projects/jooler-websites-shared/src/lib/jooler-websites-shared.module.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section.model.ts","../../../projects/jooler-websites-shared/src/lib/page-section-style-ten/page-section-action.model.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievements.model.ts","../../../projects/jooler-websites-shared/src/lib/achievements/achievement.model.ts","../../../projects/jooler-websites-shared/src/lib/pricing-plans/service-plan.model.ts","../../../projects/jooler-websites-shared/src/public-api.ts","../../../projects/jooler-websites-shared/src/jooler-websites-shared.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'section-title',\n templateUrl: './section-title.component.html',\n styleUrls: ['./section-title.component.scss']\n})\nexport class SectionTitleComponent {\n @Input() title: string;\n @Input() subtitle: string;\n @Input() alignLeft: boolean;\n @Input() isDarkBg: boolean = false;\n}\n","<div class=\"section-container\"\n [ngClass]=\"{'align-left':alignLeft,'align-center':!alignLeft,'dark-background':isDarkBg ,'light-background':!isDarkBg}\">\n <div class=\"title\">{{title}}</div>\n <div class=\"divider\">\n </div>\n <div class=\"description\">\n {{subtitle}}\n </div>\n</div>","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PageSection } from './page-section.model';\n\n@Component({\n selector: 'page-section-style-ten',\n templateUrl: './page-section-style-ten.component.html',\n styleUrls: ['./page-section-style-ten.component.scss']\n})\nexport class PageSectionStyleTenComponent implements OnInit {\n @Input() data: any | PageSection;\n @Input() iconName: any = \"circle\";\n panelOpenState: boolean = false;\n @Input() selectedPanel: number;\n @Output() panelChanged: EventEmitter<number> = new EventEmitter();\n\n constructor() {\n\n }\n\n ngOnInit(): void { }\n\n onClickPanel(index: number) {\n this.selectedPanel = index;\n console.log(this.selectedPanel)\n this.panelChanged.emit(this.selectedPanel);\n }\n}\n","<mat-accordion class=\"mat-mdc-form-field\">\n <mat-expansion-panel (opened)=\"panelOpenState = true\" (closed)=\"panelOpenState = false\" *ngFor=\"let item of data; let i = index\" (click)=\"onClickPanel(i)\">\n <mat-expansion-panel-header>\n <div class=\"panel-headline\">\n <mat-panel-title>\n <fa-icon [icon]=\"iconName\">\n </fa-icon>\n {{item.question}}\n </mat-panel-title>\n </div>\n </mat-expansion-panel-header>\n <div class=\"panel-content\">\n <ul>\n <li>\n {{item.answer}}\n </li>\n </ul>\n </div>\n </mat-expansion-panel>\n</mat-accordion>","import { Component, Input } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'get-started-cta',\n templateUrl: './get-started-cta.component.html',\n styleUrls: ['./get-started-cta.component.scss']\n})\nexport class GetStartedCTAComponent {\n @Input() title: string;\n @Input() description: string;\n\n constructor(private _Router: Router) { }\n\n onClickCreateAccount() {\n this._Router.navigate([\"authentication/get-started\"]);\n }\n\n onClickLogo() {\n this._Router.navigate(['home-page']);\n }\n}\n","<div class=\"all\">\n <div class=\"get-started\">\n <div class=\"content\">\n <h1>{{title}}</h1>\n <div class=\"description\">\n {{description}}\n </div>\n <img src=\" ../../../assets/images/logo-white.png\" alt=\"\" (click)=\"onClickLogo()\" class=\"logo-img\">\n <div class=\"create-account\">\n <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\n <button mat-raised-button class=\"sign-up-btn\" (click)=\"onClickCreateAccount()\">Create\n Account</button>\n </div>\n </div>\n </div>\n</div>","import { Component, Input, OnInit } from '@angular/core';\nimport { Achievements } from './achievements.model';\n\n@Component({\n selector: 'achievements',\n templateUrl: './achievements.component.html',\n styleUrls: ['./achievements.component.scss']\n})\nexport class AchievementsComponent implements OnInit {\n @Input() achievements: Achievements;\n @Input() haveTitle: boolean = true;\n\n constructor() { }\n\n ngOnInit() { }\n}\n","<div class=\"achievements\" [ngClass]=\"{'blue-background': !haveTitle}\">\n <div class=\"content\">\n <div *ngIf=\"haveTitle\">\n <section-title [title]=\"achievements.title\" [subtitle]=\"achievements.subtitle\"></section-title>\n </div>\n <div class=\"achievements-cards\">\n <div class=\"achievement-card\" *ngFor=\"let achievement of achievements.achievements\">\n <div class=\"number\">\n {{achievement.number}}\n </div>\n <div class=\"subtitle\">\n {{achievement.subtitle}}\n </div>\n </div>\n </div>\n </div>\n</div>","import { Component, OnInit, Input } from '@angular/core';\nimport { ServicePlan } from './service-plan.model';\n\n@Component({\n selector: 'pricing-plans',\n templateUrl: './pricing-plans.component.html',\n styleUrls: ['./pricing-plans.component.scss']\n})\nexport class PricingPlansComponent implements OnInit {\n @Input() servicePlans: ServicePlan[];\n featuresButtonClicked: boolean;\n constructor() { }\n\n ngOnInit(): void {\n }\n showFeatures() {\n this.featuresButtonClicked = true;\n }\n}\n","<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 <hr>\n </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=\"circle-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>","import { NgModule } from '@angular/core';\nimport { SectionTitleComponent } from './section-title/section-title.component';\nimport { PageSectionStyleTenComponent } from './page-section-style-ten/page-section-style-ten.component';\nimport { CommonModule } from '@angular/common';\nimport { AppMaterialModule } from '@jooler/app-material';\nimport { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';\nimport { GetStartedCTAComponent } from './get-started-cta/get-started-cta.component';\nimport { AchievementsComponent } from './achievements/achievements.component';\nimport { PricingPlansComponent } from './pricing-plans/pricing-plans.component'\n@NgModule({\n declarations: [\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n GetStartedCTAComponent,\n AchievementsComponent,\n PricingPlansComponent\n ],\n imports: [\n CommonModule,\n AppMaterialModule,\n FontAwesomeSharedModule\n ],\n exports: [\n AppMaterialModule,\n SectionTitleComponent,\n PageSectionStyleTenComponent,\n FontAwesomeSharedModule,\n GetStartedCTAComponent,\n AchievementsComponent,\n PricingPlansComponent\n ]\n})\nexport class JoolerWebsitesSharedModule { }\n","import { PageSectionAction } from './page-section-action.model';\n\nexport class PageSection {\n id: number;\n icon: string;\n title: string;\n description: string;\n image: string;\n titleImage: string;\n subtitle: string;\n actions: PageSectionAction[];\n}","export class PageSectionAction {\n id: number;\n route: string;\n label: string;\n}","import { Achievement } from \"./achievement.model\";\n\nexport class Achievements {\n title:string;\n subtitle : string;\n achievements: Achievement[];\n}","\nexport class Achievement {\n number: string;\n subtitle: string\n}","export class ServicePlan {\n id: number;\n name: string;\n description: string;\n price: number;\n frequency: string;\n isChosen: boolean;\n perks: string[];\n}","/*\n * Public API Surface of jooler-websites-shared\n */\n\nexport * from './lib/jooler-websites-shared.module';\nexport * from './lib/section-title/section-title.component';\nexport * from './lib/page-section-style-ten/page-section-style-ten.component';\nexport * from './lib/page-section-style-ten/page-section.model';\nexport * from './lib/page-section-style-ten/page-section-action.model';\nexport * from './lib/get-started-cta/get-started-cta.component';\nexport * from './lib/achievements/achievements.component';\nexport * from './lib/achievements/achievements.model';\nexport * from './lib/achievements/achievement.model'\nexport * from './lib/pricing-plans/service-plan.model'\nexport * from './lib/pricing-plans/pricing-plans.component'\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i2.SectionTitleComponent"],"mappings":"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"}
|
|
@@ -3,11 +3,12 @@ import * as i1 from "./section-title/section-title.component";
|
|
|
3
3
|
import * as i2 from "./page-section-style-ten/page-section-style-ten.component";
|
|
4
4
|
import * as i3 from "./get-started-cta/get-started-cta.component";
|
|
5
5
|
import * as i4 from "./achievements/achievements.component";
|
|
6
|
-
import * as i5 from "
|
|
7
|
-
import * as i6 from "@
|
|
8
|
-
import * as i7 from "@jooler/
|
|
6
|
+
import * as i5 from "./pricing-plans/pricing-plans.component";
|
|
7
|
+
import * as i6 from "@angular/common";
|
|
8
|
+
import * as i7 from "@jooler/app-material";
|
|
9
|
+
import * as i8 from "@jooler/font-awesome-shared";
|
|
9
10
|
export declare class JoolerWebsitesSharedModule {
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<JoolerWebsitesSharedModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<JoolerWebsitesSharedModule, [typeof i1.SectionTitleComponent, typeof i2.PageSectionStyleTenComponent, typeof i3.GetStartedCTAComponent, typeof i4.AchievementsComponent], [typeof
|
|
12
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<JoolerWebsitesSharedModule, [typeof i1.SectionTitleComponent, typeof i2.PageSectionStyleTenComponent, typeof i3.GetStartedCTAComponent, typeof i4.AchievementsComponent, typeof i5.PricingPlansComponent], [typeof i6.CommonModule, typeof i7.AppMaterialModule, typeof i8.FontAwesomeSharedModule], [typeof i7.AppMaterialModule, typeof i1.SectionTitleComponent, typeof i2.PageSectionStyleTenComponent, typeof i8.FontAwesomeSharedModule, typeof i3.GetStartedCTAComponent, typeof i4.AchievementsComponent, typeof i5.PricingPlansComponent]>;
|
|
12
13
|
static ɵinj: i0.ɵɵInjectorDeclaration<JoolerWebsitesSharedModule>;
|
|
13
14
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { ServicePlan } from './service-plan.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class PricingPlansComponent implements OnInit {
|
|
5
|
+
servicePlans: ServicePlan[];
|
|
6
|
+
featuresButtonClicked: boolean;
|
|
7
|
+
constructor();
|
|
8
|
+
ngOnInit(): void;
|
|
9
|
+
showFeatures(): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PricingPlansComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PricingPlansComponent, "pricing-plans", never, { "servicePlans": "servicePlans"; }, {}, never, never, false>;
|
|
12
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -7,3 +7,5 @@ export * from './lib/get-started-cta/get-started-cta.component';
|
|
|
7
7
|
export * from './lib/achievements/achievements.component';
|
|
8
8
|
export * from './lib/achievements/achievements.model';
|
|
9
9
|
export * from './lib/achievements/achievement.model';
|
|
10
|
+
export * from './lib/pricing-plans/service-plan.model';
|
|
11
|
+
export * from './lib/pricing-plans/pricing-plans.component';
|