@jooler/jooler-websites-shared 0.0.153 → 0.0.155
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/call-to-action-section/call-to-action-section.component.mjs +2 -2
- package/esm2020/lib/feature-detail-item-one/feature-detail-item-one.component.mjs +14 -0
- package/esm2020/lib/feature-detail-item-three/feature-detail-item-three.component.mjs +28 -0
- package/esm2020/lib/feature-detail-item-two/feature-detail-item-two.component.mjs +13 -0
- package/esm2020/lib/feature-section-eight/feature-section-eight.component.mjs +7 -7
- package/esm2020/lib/feature-section-five/feature-section-five.component.mjs +4 -3
- package/esm2020/lib/feature-section-one/feature-section-one.component.mjs +10 -10
- package/esm2020/lib/feature-section-seven/feature-section-seven.component.mjs +8 -9
- package/esm2020/lib/feature-section-six/feature-section-six.component.mjs +77 -0
- package/esm2020/lib/feature-section-two/feature-section-two.component.mjs +2 -2
- package/esm2020/lib/jooler-websites-shared.module.mjs +29 -9
- package/esm2020/lib/vertical-side-tabs/vertical-side-tabs.component.mjs +2 -2
- package/esm2020/public-api.mjs +6 -2
- package/fesm2015/jooler-websites-shared.mjs +163 -30
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +163 -30
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/feature-detail-item-one/feature-detail-item-one.component.d.ts +6 -0
- package/lib/feature-detail-item-three/feature-detail-item-three.component.d.ts +11 -0
- package/lib/feature-detail-item-two/feature-detail-item-two.component.d.ts +6 -0
- package/lib/feature-section-one/feature-section-one.component.d.ts +0 -3
- package/lib/feature-section-seven/feature-section-seven.component.d.ts +1 -1
- package/lib/feature-section-six/feature-section-six.component.d.ts +19 -0
- package/lib/jooler-websites-shared.module.d.ts +20 -16
- package/package.json +5 -5
- package/public-api.d.ts +5 -1
|
@@ -24,7 +24,6 @@ import { NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule, FormsModule } from
|
|
|
24
24
|
import * as i3$4 from '@ng-select/ng-select';
|
|
25
25
|
import { NgSelectModule } from '@ng-select/ng-select';
|
|
26
26
|
import * as i2$1 from '@angular/material/icon';
|
|
27
|
-
import { map } from 'rxjs';
|
|
28
27
|
import * as i3$5 from '@angular/material/card';
|
|
29
28
|
import * as i2$2 from '@angular/material/tabs';
|
|
30
29
|
import * as i2$3 from '@angular/material/stepper';
|
|
@@ -313,10 +312,10 @@ class CallToActionSectionComponent {
|
|
|
313
312
|
}
|
|
314
313
|
}
|
|
315
314
|
CallToActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
316
|
-
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\" [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(even){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(even):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353B;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:
|
|
315
|
+
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\" [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(even){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(even):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353B;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$2.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"] }] });
|
|
317
316
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
318
317
|
type: Component,
|
|
319
|
-
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\" [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(even){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(even):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353B;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:
|
|
318
|
+
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\" [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickGetStarted(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(even){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(even):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353B;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"] }]
|
|
320
319
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
321
320
|
type: Input
|
|
322
321
|
}], titleOnRightSide: [{
|
|
@@ -889,18 +888,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
889
888
|
args: [{ selector: 'custom-tooltip', template: "<div class=\"icon\">\n <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\n <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\n <div>\n <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\n </div>\n </div>\n <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\n <fa-icon icon=\"caret-left\"></fa-icon>\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"] }]
|
|
890
889
|
}] });
|
|
891
890
|
|
|
891
|
+
class FeatureDetailItemOneComponent {
|
|
892
|
+
}
|
|
893
|
+
FeatureDetailItemOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemOneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
894
|
+
FeatureDetailItemOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureDetailItemOneComponent, selector: "feature-detail-item-one", inputs: { itemContent: "itemContent" }, ngImport: i0, template: "<div class=\"item\">\n <fa-icon [icon]=\"itemContent.iconName\"></fa-icon>\n <h3>{{itemContent.title}}</h3>\n <p>{{itemContent.description}}</p>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.item{padding:2rem;display:flex;flex-direction:column;row-gap:1rem;border-bottom:.2rem solid #155ED4}.item fa-icon{font-size:3rem;color:#155ed4}.item p,.item h3{color:#32353b}.item h3{font-size:2rem}.item p{font-size:1.6rem}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemOneComponent, decorators: [{
|
|
896
|
+
type: Component,
|
|
897
|
+
args: [{ selector: 'feature-detail-item-one', template: "<div class=\"item\">\n <fa-icon [icon]=\"itemContent.iconName\"></fa-icon>\n <h3>{{itemContent.title}}</h3>\n <p>{{itemContent.description}}</p>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.item{padding:2rem;display:flex;flex-direction:column;row-gap:1rem;border-bottom:.2rem solid #155ED4}.item fa-icon{font-size:3rem;color:#155ed4}.item p,.item h3{color:#32353b}.item h3{font-size:2rem}.item p{font-size:1.6rem}\n"] }]
|
|
898
|
+
}], propDecorators: { itemContent: [{
|
|
899
|
+
type: Input
|
|
900
|
+
}] } });
|
|
901
|
+
|
|
892
902
|
class FeatureSectionOneComponent {
|
|
903
|
+
// stepperOrientation: Observable<StepperOrientation>;
|
|
893
904
|
constructor(breakpointObserver) {
|
|
894
|
-
this.stepperOrientation = breakpointObserver
|
|
895
|
-
|
|
896
|
-
|
|
905
|
+
// this.stepperOrientation = breakpointObserver
|
|
906
|
+
// .observe('(min-width: 751px)')
|
|
907
|
+
// .pipe(map(({ matches }) => (matches ? 'horizontal' : 'vertical')));
|
|
897
908
|
}
|
|
898
909
|
}
|
|
899
910
|
FeatureSectionOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionOneComponent, deps: [{ token: i1$1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
900
|
-
FeatureSectionOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionOneComponent, selector: "feature-section-one", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"images-stepper\">\n
|
|
911
|
+
FeatureSectionOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionOneComponent, selector: "feature-section-one", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"images-stepper\">\n <div class=\"step-content\">\n <img class=\"image\" [src]=\"sectionContent.steps[0].image\" alt=\"\">\n </div>\n </div>\n <div class=\"features-cards\">\n <feature-detail-item-one [itemContent]=\"card\" class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n </feature-detail-item-one>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .step-content{display:flex;flex-direction:column;place-items:center;width:100%;row-gap:2rem;padding:2rem 0}.section .image{width:70%;border-radius:1.5rem;max-height:50rem;object-fit:cover;margin:auto}.section .mat-mdc-form-field{margin-top:16px}.section .features-cards{display:flex;flex-direction:row;column-gap:2%}.section .features-cards .feature-card{min-width:32%}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}@media only screen and (max-width: 37.5em){.section .image{width:100%}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: FeatureDetailItemOneComponent, selector: "feature-detail-item-one", inputs: ["itemContent"] }] });
|
|
901
912
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionOneComponent, decorators: [{
|
|
902
913
|
type: Component,
|
|
903
|
-
args: [{ selector: 'feature-section-one', template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"images-stepper\">\n
|
|
914
|
+
args: [{ selector: 'feature-section-one', template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"images-stepper\">\n <div class=\"step-content\">\n <img class=\"image\" [src]=\"sectionContent.steps[0].image\" alt=\"\">\n </div>\n </div>\n <div class=\"features-cards\">\n <feature-detail-item-one [itemContent]=\"card\" class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n </feature-detail-item-one>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .step-content{display:flex;flex-direction:column;place-items:center;width:100%;row-gap:2rem;padding:2rem 0}.section .image{width:70%;border-radius:1.5rem;max-height:50rem;object-fit:cover;margin:auto}.section .mat-mdc-form-field{margin-top:16px}.section .features-cards{display:flex;flex-direction:row;column-gap:2%}.section .features-cards .feature-card{min-width:32%}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}@media only screen and (max-width: 37.5em){.section .image{width:100%}}\n"] }]
|
|
904
915
|
}], ctorParameters: function () { return [{ type: i1$1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
|
|
905
916
|
type: Input
|
|
906
917
|
}] } });
|
|
@@ -923,10 +934,10 @@ class VerticalSideTabsComponent {
|
|
|
923
934
|
}
|
|
924
935
|
}
|
|
925
936
|
VerticalSideTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VerticalSideTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
926
|
-
VerticalSideTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: { tabs: "tabs", selectedOption: "selectedOption", items: "items" }, outputs: { tabChanged: "tabChanged" }, ngImport: i0, template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid
|
|
937
|
+
VerticalSideTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: { tabs: "tabs", selectedOption: "selectedOption", items: "items" }, outputs: { tabChanged: "tabChanged" }, ngImport: i0, template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon fa-icon.tab-icon{width:.2rem;height:.2rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353B;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ED4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ED4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$5.MatCard, selector: "mat-card", exportAs: ["matCard"] }] });
|
|
927
938
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VerticalSideTabsComponent, decorators: [{
|
|
928
939
|
type: Component,
|
|
929
|
-
args: [{ selector: 'vertical-side-tabs', template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid
|
|
940
|
+
args: [{ selector: 'vertical-side-tabs', template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon fa-icon.tab-icon{width:.2rem;height:.2rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353B;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ED4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ED4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"] }]
|
|
930
941
|
}], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
|
|
931
942
|
type: Input
|
|
932
943
|
}], selectedOption: [{
|
|
@@ -945,10 +956,10 @@ class FeatureSectionTwoComponent {
|
|
|
945
956
|
}
|
|
946
957
|
}
|
|
947
958
|
FeatureSectionTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
948
|
-
FeatureSectionTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionTwoComponent, selector: "feature-section-two", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"section-content\">\n <div class=\"tabs-side\">\n <vertical-side-tabs [tabs]=\"sectionContent.tabs\" (tabChanged)=\"tabChanged($event)\"></vertical-side-tabs>\n </div>\n <div class=\"content-side\">\n <img [src]=\"tabContent.image\" *ngIf=\"tabContent.image\">\n <section-title [sectionTitle]=\"tabContent.sectionTitle\"></section-title>\n </div>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .section-content{display:flex;flex-direction:row;column-gap:3%}.section .section-content .tabs-side{width:25%}.section .section-content .content-side{width:72%;display:flex;flex-direction:column;row-gap:3rem}.section .section-content .content-side img{width:100%;max-height:40rem;border-radius:1.5rem;object-fit:cover;box-shadow:1rem 1.8rem 4.8rem -1.9rem #000000bf}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: ["tabs", "selectedOption", "items"], outputs: ["tabChanged"] }] });
|
|
959
|
+
FeatureSectionTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionTwoComponent, selector: "feature-section-two", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"section-content\">\n <div class=\"tabs-side\">\n <vertical-side-tabs [tabs]=\"sectionContent.tabs\" (tabChanged)=\"tabChanged($event)\"></vertical-side-tabs>\n </div>\n <div class=\"content-side\">\n <img [src]=\"tabContent.image\" *ngIf=\"tabContent.image\">\n <section-title [sectionTitle]=\"tabContent.sectionTitle\"></section-title>\n </div>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .section-content{display:flex;flex-direction:row;column-gap:3%}.section .section-content .tabs-side{width:25%}.section .section-content .content-side{width:72%;display:flex;flex-direction:column;row-gap:3rem}.section .section-content .content-side img{width:100%;max-height:40rem;border-radius:1.5rem;object-fit:cover;box-shadow:1rem 1.8rem 4.8rem -1.9rem #000000bf}@media only screen and (max-width: 56.25em){.section .section-content{flex-direction:column;row-gap:3rem}.section .section-content .content-side{width:100%}.section .section-content .tabs-side{width:100%;margin:auto}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: ["tabs", "selectedOption", "items"], outputs: ["tabChanged"] }] });
|
|
949
960
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionTwoComponent, decorators: [{
|
|
950
961
|
type: Component,
|
|
951
|
-
args: [{ selector: 'feature-section-two', template: "<section class=\"section\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"section-content\">\n <div class=\"tabs-side\">\n <vertical-side-tabs [tabs]=\"sectionContent.tabs\" (tabChanged)=\"tabChanged($event)\"></vertical-side-tabs>\n </div>\n <div class=\"content-side\">\n <img [src]=\"tabContent.image\" *ngIf=\"tabContent.image\">\n <section-title [sectionTitle]=\"tabContent.sectionTitle\"></section-title>\n </div>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .section-content{display:flex;flex-direction:row;column-gap:3%}.section .section-content .tabs-side{width:25%}.section .section-content .content-side{width:72%;display:flex;flex-direction:column;row-gap:3rem}.section .section-content .content-side img{width:100%;max-height:40rem;border-radius:1.5rem;object-fit:cover;box-shadow:1rem 1.8rem 4.8rem -1.9rem #000000bf}\n"] }]
|
|
962
|
+
args: [{ selector: 'feature-section-two', template: "<section class=\"section\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"section-content\">\n <div class=\"tabs-side\">\n <vertical-side-tabs [tabs]=\"sectionContent.tabs\" (tabChanged)=\"tabChanged($event)\"></vertical-side-tabs>\n </div>\n <div class=\"content-side\">\n <img [src]=\"tabContent.image\" *ngIf=\"tabContent.image\">\n <section-title [sectionTitle]=\"tabContent.sectionTitle\"></section-title>\n </div>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .section-content{display:flex;flex-direction:row;column-gap:3%}.section .section-content .tabs-side{width:25%}.section .section-content .content-side{width:72%;display:flex;flex-direction:column;row-gap:3rem}.section .section-content .content-side img{width:100%;max-height:40rem;border-radius:1.5rem;object-fit:cover;box-shadow:1rem 1.8rem 4.8rem -1.9rem #000000bf}@media only screen and (max-width: 56.25em){.section .section-content{flex-direction:column;row-gap:3rem}.section .section-content .content-side{width:100%}.section .section-content .tabs-side{width:100%;margin:auto}}\n"] }]
|
|
952
963
|
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
953
964
|
type: Input
|
|
954
965
|
}] } });
|
|
@@ -991,6 +1002,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
991
1002
|
type: Input
|
|
992
1003
|
}] } });
|
|
993
1004
|
|
|
1005
|
+
class FeatureDetailItemTwoComponent {
|
|
1006
|
+
}
|
|
1007
|
+
FeatureDetailItemTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1008
|
+
FeatureDetailItemTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureDetailItemTwoComponent, selector: "feature-detail-item-two", inputs: { itemContent: "itemContent" }, ngImport: i0, template: "<div class=\"feature-card\">\n <img [src]=\"itemContent.image\" alt=\"\">\n <h2 class=\"feature-name\">\n {{itemContent.name}}\n </h2>\n</div>", styles: [".feature-card{border-radius:1.5rem;min-width:13%;max-width:20rem;padding:3.5rem 1rem;display:flex;flex-direction:column;row-gap:1rem;background-color:#fff;box-shadow:#110c2e26 0 4.8rem 10rem}.feature-card img{width:34%;margin:auto}.feature-card .feature-name{font-size:2rem}\n"] });
|
|
1009
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemTwoComponent, decorators: [{
|
|
1010
|
+
type: Component,
|
|
1011
|
+
args: [{ selector: 'feature-detail-item-two', template: "<div class=\"feature-card\">\n <img [src]=\"itemContent.image\" alt=\"\">\n <h2 class=\"feature-name\">\n {{itemContent.name}}\n </h2>\n</div>", styles: [".feature-card{border-radius:1.5rem;min-width:13%;max-width:20rem;padding:3.5rem 1rem;display:flex;flex-direction:column;row-gap:1rem;background-color:#fff;box-shadow:#110c2e26 0 4.8rem 10rem}.feature-card img{width:34%;margin:auto}.feature-card .feature-name{font-size:2rem}\n"] }]
|
|
1012
|
+
}], propDecorators: { itemContent: [{
|
|
1013
|
+
type: Input
|
|
1014
|
+
}] } });
|
|
1015
|
+
|
|
994
1016
|
class FeatureSectionFiveComponent {
|
|
995
1017
|
constructor(_router) {
|
|
996
1018
|
this._router = _router;
|
|
@@ -1000,14 +1022,38 @@ class FeatureSectionFiveComponent {
|
|
|
1000
1022
|
}
|
|
1001
1023
|
}
|
|
1002
1024
|
FeatureSectionFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionFiveComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
1003
|
-
FeatureSectionFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionFiveComponent, selector: "feature-section-five", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <img [src]=\"sectionContent.image\" alt=\"\" class=\"image\">\n <h3 class=\"tip-title\">\n {{sectionContent.tipMessage}}\n </h3>\n <div class=\"headline\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <span class=\"link\" (click)=\"onClickLink(sectionContent.button.route)\">\n {{sectionContent.button.name}} <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n <div class=\"feature-cards\">\n <
|
|
1025
|
+
FeatureSectionFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionFiveComponent, selector: "feature-section-five", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <img [src]=\"sectionContent.image\" alt=\"\" class=\"image\">\n <h3 class=\"tip-title\">\n {{sectionContent.tipMessage}}\n </h3>\n <div class=\"headline\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <span class=\"link\" (click)=\"onClickLink(sectionContent.button.route)\">\n {{sectionContent.button.name}} <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n <div class=\"feature-cards\">\n <feature-detail-item-two *ngFor=\"let card of sectionContent.cards\" [itemContent]=\"card\">\n </feature-detail-item-two>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:100%;background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:2rem;text-align:center;padding:4rem 2rem}.section .image{width:10rem;margin:auto}.section .tip-title{color:#155ed4;font-weight:600}.section .link{display:flex;flex-direction:row;column-gap:1rem;cursor:pointer;border-bottom:.1rem solid #32353B;transition:all ease-in-out .2s;padding:.5rem;width:-moz-fit-content;width:fit-content;margin:auto;color:#32353b;font-size:1.8rem}.section .link:hover{color:#f0509c;border-bottom:.1rem solid #F0509C}.section .feature-cards{display:flex;flex-direction:row;gap:2rem;justify-content:center;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: FeatureDetailItemTwoComponent, selector: "feature-detail-item-two", inputs: ["itemContent"] }] });
|
|
1004
1026
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionFiveComponent, decorators: [{
|
|
1005
1027
|
type: Component,
|
|
1006
|
-
args: [{ selector: 'feature-section-five', template: "<section class=\"section\">\n <img [src]=\"sectionContent.image\" alt=\"\" class=\"image\">\n <h3 class=\"tip-title\">\n {{sectionContent.tipMessage}}\n </h3>\n <div class=\"headline\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <span class=\"link\" (click)=\"onClickLink(sectionContent.button.route)\">\n {{sectionContent.button.name}} <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n <div class=\"feature-cards\">\n <
|
|
1028
|
+
args: [{ selector: 'feature-section-five', template: "<section class=\"section\">\n <img [src]=\"sectionContent.image\" alt=\"\" class=\"image\">\n <h3 class=\"tip-title\">\n {{sectionContent.tipMessage}}\n </h3>\n <div class=\"headline\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <span class=\"link\" (click)=\"onClickLink(sectionContent.button.route)\">\n {{sectionContent.button.name}} <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n <div class=\"feature-cards\">\n <feature-detail-item-two *ngFor=\"let card of sectionContent.cards\" [itemContent]=\"card\">\n </feature-detail-item-two>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:100%;background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:2rem;text-align:center;padding:4rem 2rem}.section .image{width:10rem;margin:auto}.section .tip-title{color:#155ed4;font-weight:600}.section .link{display:flex;flex-direction:row;column-gap:1rem;cursor:pointer;border-bottom:.1rem solid #32353B;transition:all ease-in-out .2s;padding:.5rem;width:-moz-fit-content;width:fit-content;margin:auto;color:#32353b;font-size:1.8rem}.section .link:hover{color:#f0509c;border-bottom:.1rem solid #F0509C}.section .feature-cards{display:flex;flex-direction:row;gap:2rem;justify-content:center;flex-wrap:wrap}\n"] }]
|
|
1007
1029
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
1008
1030
|
type: Input
|
|
1009
1031
|
}] } });
|
|
1010
1032
|
|
|
1033
|
+
class FeatureDetailItemThreeComponent {
|
|
1034
|
+
constructor() {
|
|
1035
|
+
this.selectedImage = new EventEmitter;
|
|
1036
|
+
}
|
|
1037
|
+
onChangeImage() {
|
|
1038
|
+
this.selectedImage.emit(this.itemContent.imagePath);
|
|
1039
|
+
this.itemContent.isClicked = true;
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
|
+
FeatureDetailItemThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1043
|
+
FeatureDetailItemThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureDetailItemThreeComponent, selector: "feature-detail-item-three", inputs: { itemContent: "itemContent", oneParagraph: "oneParagraph", paragraphWithCard: "paragraphWithCard" }, outputs: { selectedImage: "selectedImage" }, ngImport: i0, template: "<span class=\"paragraph-container\" [ngClass]=\"{'paragraph-with-card':paragraphWithCard}\">\n <p class=\"paragraph\" (click)=\"onChangeImage()\" [ngClass]=\"{'selected-paragraph':itemContent.isClicked, 'one-paragraph':oneParagraph}\">\n <span class=\"paragraph-icon\">\n <fa-icon [icon]=\"itemContent.iconName\"></fa-icon>\n </span>\n <span class=\"paragraph-headline\">\n <h2 class=\"paragraph-title\">\n {{itemContent.title}}\n </h2>\n <span class=\"paragraph-description\">\n {{itemContent.description}}\n </span>\n </span>\n </p>\n</span>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.paragraph-container .paragraph{box-sizing:border-box;display:flex;flex-direction:row;margin:0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1rem;column-gap:1.5rem;width:100%;height:100%;padding:1.5rem}@media only screen and (max-width: 725px){.paragraph-container .paragraph{width:100%;height:auto;padding:2rem 1rem}}.paragraph-container .paragraph:hover .paragraph-description{color:#32353b}.paragraph-container .paragraph:hover .paragraph-icon{color:#e3b1eb}.paragraph-container .paragraph .paragraph-title{font-size:2.2rem}.paragraph-container .paragraph .paragraph-description{color:#32353b99;transition:all ease-in-out .2s}.paragraph-container .paragraph .paragraph-icon{align-items:center;color:#e3b1eb99;transition:all ease-in-out .2s}.paragraph-container .paragraph .paragraph-icon fa-icon{font-size:2rem}.paragraph-container .one-paragraph{width:100%}.paragraph-container .selected-paragraph{background-color:#f7f8f9}.paragraph-container .selected-paragraph .paragraph-description{color:#32353b}.paragraph-container .selected-paragraph .cta-icon{transform:rotate(0)}.paragraph-container .selected-paragraph .paragraph-icon,.paragraph-container .selected-paragraph:hover .paragraph-icon{color:#f0509c}.paragraph-with-card .paragraph{padding:1rem;margin:1rem 0rem;border-radius:.7rem;border:.2rem solid rgba(50,53,59,.1);min-height:max-content;height:15rem}.paragraph-with-card .paragraph:hover{border:.2rem solid #32353b}.paragraph-with-card .paragraph .paragraph-icon{text-align:center}.paragraph-with-card .selected-paragraph{border:.2rem solid #f0509c}.paragraph-with-card .selected-paragraph .paragraph-description{color:#32353b}.paragraph-with-card .selected-paragraph .paragraph-icon{color:#f0509c}.paragraph-with-card .selected-paragraph:hover{border:.2rem solid #f0509c}.paragraph-with-card .selected-paragraph:hover .paragraph-icon{color:#f0509c}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemThreeComponent, decorators: [{
|
|
1045
|
+
type: Component,
|
|
1046
|
+
args: [{ selector: 'feature-detail-item-three', template: "<span class=\"paragraph-container\" [ngClass]=\"{'paragraph-with-card':paragraphWithCard}\">\n <p class=\"paragraph\" (click)=\"onChangeImage()\" [ngClass]=\"{'selected-paragraph':itemContent.isClicked, 'one-paragraph':oneParagraph}\">\n <span class=\"paragraph-icon\">\n <fa-icon [icon]=\"itemContent.iconName\"></fa-icon>\n </span>\n <span class=\"paragraph-headline\">\n <h2 class=\"paragraph-title\">\n {{itemContent.title}}\n </h2>\n <span class=\"paragraph-description\">\n {{itemContent.description}}\n </span>\n </span>\n </p>\n</span>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.paragraph-container .paragraph{box-sizing:border-box;display:flex;flex-direction:row;margin:0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1rem;column-gap:1.5rem;width:100%;height:100%;padding:1.5rem}@media only screen and (max-width: 725px){.paragraph-container .paragraph{width:100%;height:auto;padding:2rem 1rem}}.paragraph-container .paragraph:hover .paragraph-description{color:#32353b}.paragraph-container .paragraph:hover .paragraph-icon{color:#e3b1eb}.paragraph-container .paragraph .paragraph-title{font-size:2.2rem}.paragraph-container .paragraph .paragraph-description{color:#32353b99;transition:all ease-in-out .2s}.paragraph-container .paragraph .paragraph-icon{align-items:center;color:#e3b1eb99;transition:all ease-in-out .2s}.paragraph-container .paragraph .paragraph-icon fa-icon{font-size:2rem}.paragraph-container .one-paragraph{width:100%}.paragraph-container .selected-paragraph{background-color:#f7f8f9}.paragraph-container .selected-paragraph .paragraph-description{color:#32353b}.paragraph-container .selected-paragraph .cta-icon{transform:rotate(0)}.paragraph-container .selected-paragraph .paragraph-icon,.paragraph-container .selected-paragraph:hover .paragraph-icon{color:#f0509c}.paragraph-with-card .paragraph{padding:1rem;margin:1rem 0rem;border-radius:.7rem;border:.2rem solid rgba(50,53,59,.1);min-height:max-content;height:15rem}.paragraph-with-card .paragraph:hover{border:.2rem solid #32353b}.paragraph-with-card .paragraph .paragraph-icon{text-align:center}.paragraph-with-card .selected-paragraph{border:.2rem solid #f0509c}.paragraph-with-card .selected-paragraph .paragraph-description{color:#32353b}.paragraph-with-card .selected-paragraph .paragraph-icon{color:#f0509c}.paragraph-with-card .selected-paragraph:hover{border:.2rem solid #f0509c}.paragraph-with-card .selected-paragraph:hover .paragraph-icon{color:#f0509c}\n"] }]
|
|
1047
|
+
}], propDecorators: { itemContent: [{
|
|
1048
|
+
type: Input
|
|
1049
|
+
}], oneParagraph: [{
|
|
1050
|
+
type: Input
|
|
1051
|
+
}], paragraphWithCard: [{
|
|
1052
|
+
type: Input
|
|
1053
|
+
}], selectedImage: [{
|
|
1054
|
+
type: Output
|
|
1055
|
+
}] } });
|
|
1056
|
+
|
|
1011
1057
|
class FeatureSectionSevenComponent {
|
|
1012
1058
|
constructor() { }
|
|
1013
1059
|
ngOnInit() {
|
|
@@ -1019,19 +1065,18 @@ class FeatureSectionSevenComponent {
|
|
|
1019
1065
|
}
|
|
1020
1066
|
this.sectionContent.paragraphs[0].isClicked = true;
|
|
1021
1067
|
}
|
|
1022
|
-
onChangeImage(
|
|
1068
|
+
onChangeImage($event) {
|
|
1023
1069
|
for (let paragraph of this.sectionContent.paragraphs) {
|
|
1024
1070
|
paragraph.isClicked = false;
|
|
1025
1071
|
}
|
|
1026
|
-
this.selectedImage =
|
|
1027
|
-
this.sectionContent.paragraphs[paragraphIndex].isClicked = true;
|
|
1072
|
+
this.selectedImage = $event;
|
|
1028
1073
|
}
|
|
1029
1074
|
}
|
|
1030
1075
|
FeatureSectionSevenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSevenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1031
|
-
FeatureSectionSevenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionSevenComponent, selector: "feature-section-seven", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"section\">\n <div class=\"section-title\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\">\n </section-title>\n </div>\n <div class=\"section-content\" [ngClass]=\"{'image-text-sort': sectionContent.paragraphProperties.onRightSide , 'text-image-sort': !sectionContent.paragraphProperties.onRightSide ,'paragraph-with-card':sectionContent.paragraphProperties.withCard }\">\n <div class=\"text-side\">\n <div class=\"preview-image\">\n <img [src]=\"selectedImage\" alt=\"\">\n </div>\n <div class=\"paragraph-items\">\n <
|
|
1076
|
+
FeatureSectionSevenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionSevenComponent, selector: "feature-section-seven", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"section\">\n <div class=\"section-title\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\">\n </section-title>\n </div>\n <div class=\"section-content\" [ngClass]=\"{'image-text-sort': sectionContent.paragraphProperties.onRightSide , 'text-image-sort': !sectionContent.paragraphProperties.onRightSide ,'paragraph-with-card':sectionContent.paragraphProperties.withCard }\">\n <div class=\"text-side\">\n <div class=\"preview-image\">\n <img [src]=\"selectedImage\" alt=\"\">\n </div>\n <div class=\"paragraph-items\">\n <feature-detail-item-three *ngFor=\"let paragraph of sectionContent.paragraphs\" [itemContent]=\"paragraph\" (selectedImage)=\"onChangeImage($event)\" [oneParagraph]=\"sectionContent.paragraphs.length == 1\" [paragraphWithCard]=\"sectionContent.paragraphProperties.withCard\">\n </feature-detail-item-three>\n </div>\n </div>\n <div class=\"image-buttons-side\">\n <img [src]=\"selectedImage\" alt=\"\">\n </div>\n </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:2rem}.section .section-content{display:flex;flex-direction:row;column-gap:8%;margin:2rem auto;width:100%}.section .section-content .text-side{display:grid;row-gap:1rem;width:45%;padding:2rem 0rem}.section .section-content .text-side .preview-image{display:none}.section .section-content .text-side .paragraph-items{display:flex;flex-direction:column;row-gap:1rem}.section .section-content .image-buttons-side{width:57%;display:grid;align-content:center}.section .section-content .image-buttons-side img{width:100%;height:42rem;object-fit:cover;border-radius:1rem}@media only screen and (max-width: 56.25em){.section .section-content{flex-wrap:wrap}.section .section-content:nth-child(even){flex-direction:row}.section .section-content:nth-child(even) .image-buttons-side{justify-self:center}.section .section-content .text-side{width:100%;justify-self:left}.section .section-content .text-side .preview-image{display:grid;width:100%}.section .section-content .text-side .preview-image img{width:100%;height:35rem;object-fit:cover;border-radius:1rem}.section .section-content .image-buttons-side{display:none}}@media only screen and (max-width: 37.5em){.section .section-content .text-side .paragraph-items{column-count:1}}.section .image-text-sort{flex-direction:row-reverse}@media only screen and (max-width: 56.25em){.section .image-text-sort:nth-child(even) .image-buttons-side{justify-self:center}}.section .text-image-sort{flex-direction:row}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: FeatureDetailItemThreeComponent, selector: "feature-detail-item-three", inputs: ["itemContent", "oneParagraph", "paragraphWithCard"], outputs: ["selectedImage"] }] });
|
|
1032
1077
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSevenComponent, decorators: [{
|
|
1033
1078
|
type: Component,
|
|
1034
|
-
args: [{ selector: 'feature-section-seven', template: "<div class=\"section\">\n <div class=\"section-title\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\">\n </section-title>\n </div>\n <div class=\"section-content\" [ngClass]=\"{'image-text-sort': sectionContent.paragraphProperties.onRightSide , 'text-image-sort': !sectionContent.paragraphProperties.onRightSide ,'paragraph-with-card':sectionContent.paragraphProperties.withCard }\">\n <div class=\"text-side\">\n <div class=\"preview-image\">\n <img [src]=\"selectedImage\" alt=\"\">\n </div>\n <div class=\"paragraph-items\">\n <
|
|
1079
|
+
args: [{ selector: 'feature-section-seven', template: "<div class=\"section\">\n <div class=\"section-title\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\">\n </section-title>\n </div>\n <div class=\"section-content\" [ngClass]=\"{'image-text-sort': sectionContent.paragraphProperties.onRightSide , 'text-image-sort': !sectionContent.paragraphProperties.onRightSide ,'paragraph-with-card':sectionContent.paragraphProperties.withCard }\">\n <div class=\"text-side\">\n <div class=\"preview-image\">\n <img [src]=\"selectedImage\" alt=\"\">\n </div>\n <div class=\"paragraph-items\">\n <feature-detail-item-three *ngFor=\"let paragraph of sectionContent.paragraphs\" [itemContent]=\"paragraph\" (selectedImage)=\"onChangeImage($event)\" [oneParagraph]=\"sectionContent.paragraphs.length == 1\" [paragraphWithCard]=\"sectionContent.paragraphProperties.withCard\">\n </feature-detail-item-three>\n </div>\n </div>\n <div class=\"image-buttons-side\">\n <img [src]=\"selectedImage\" alt=\"\">\n </div>\n </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:2rem}.section .section-content{display:flex;flex-direction:row;column-gap:8%;margin:2rem auto;width:100%}.section .section-content .text-side{display:grid;row-gap:1rem;width:45%;padding:2rem 0rem}.section .section-content .text-side .preview-image{display:none}.section .section-content .text-side .paragraph-items{display:flex;flex-direction:column;row-gap:1rem}.section .section-content .image-buttons-side{width:57%;display:grid;align-content:center}.section .section-content .image-buttons-side img{width:100%;height:42rem;object-fit:cover;border-radius:1rem}@media only screen and (max-width: 56.25em){.section .section-content{flex-wrap:wrap}.section .section-content:nth-child(even){flex-direction:row}.section .section-content:nth-child(even) .image-buttons-side{justify-self:center}.section .section-content .text-side{width:100%;justify-self:left}.section .section-content .text-side .preview-image{display:grid;width:100%}.section .section-content .text-side .preview-image img{width:100%;height:35rem;object-fit:cover;border-radius:1rem}.section .section-content .image-buttons-side{display:none}}@media only screen and (max-width: 37.5em){.section .section-content .text-side .paragraph-items{column-count:1}}.section .image-text-sort{flex-direction:row-reverse}@media only screen and (max-width: 56.25em){.section .image-text-sort:nth-child(even) .image-buttons-side{justify-self:center}}.section .text-image-sort{flex-direction:row}\n"] }]
|
|
1035
1080
|
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
1036
1081
|
type: Input
|
|
1037
1082
|
}] } });
|
|
@@ -1039,10 +1084,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1039
1084
|
class FeatureSectionEightComponent {
|
|
1040
1085
|
}
|
|
1041
1086
|
FeatureSectionEightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionEightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1042
|
-
FeatureSectionEightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionEightComponent, selector: "feature-section-eight", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div>\n <mat-tab-group>\n <mat-tab [label]=\"step.label\" *ngFor=\"let step of sectionContent.steps\">\n <div class=\"tab-content\">\n
|
|
1087
|
+
FeatureSectionEightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionEightComponent, selector: "feature-section-eight", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div>\n <mat-tab-group>\n <mat-tab [label]=\"step.label\" *ngFor=\"let step of sectionContent.steps\">\n <div class=\"tab-content\">\n {{step.title}}\n <img class=\"image\" [src]=\"step.image\" alt=\"\">\n </div>\n </mat-tab>\n </mat-tab-group>\n </div>\n <div class=\"features-cards\">\n <feature-detail-item-one [itemContent]=\"card\" class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n </feature-detail-item-one>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .tab-content{display:flex;flex-direction:column;place-items:center;width:100%;row-gap:2rem;padding:2rem 0}.section .image{width:70%;border-radius:1.5rem;max-height:50rem;object-fit:cover;margin:auto}.section .mat-mdc-form-field{margin-top:16px}.section .features-cards{display:flex;flex-direction:row;column-gap:2%}.section .features-cards .feature-card{min-width:32%}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}@media only screen and (max-width: 37.5em){.section .image{width:100%}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: FeatureDetailItemOneComponent, selector: "feature-detail-item-one", inputs: ["itemContent"] }] });
|
|
1043
1088
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionEightComponent, decorators: [{
|
|
1044
1089
|
type: Component,
|
|
1045
|
-
args: [{ selector: 'feature-section-eight', template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div>\n <mat-tab-group>\n <mat-tab [label]=\"step.label\" *ngFor=\"let step of sectionContent.steps\">\n <div class=\"tab-content\">\n
|
|
1090
|
+
args: [{ selector: 'feature-section-eight', template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div>\n <mat-tab-group>\n <mat-tab [label]=\"step.label\" *ngFor=\"let step of sectionContent.steps\">\n <div class=\"tab-content\">\n {{step.title}}\n <img class=\"image\" [src]=\"step.image\" alt=\"\">\n </div>\n </mat-tab>\n </mat-tab-group>\n </div>\n <div class=\"features-cards\">\n <feature-detail-item-one [itemContent]=\"card\" class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n </feature-detail-item-one>\n </div>\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .tab-content{display:flex;flex-direction:column;place-items:center;width:100%;row-gap:2rem;padding:2rem 0}.section .image{width:70%;border-radius:1.5rem;max-height:50rem;object-fit:cover;margin:auto}.section .mat-mdc-form-field{margin-top:16px}.section .features-cards{display:flex;flex-direction:row;column-gap:2%}.section .features-cards .feature-card{min-width:32%}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}@media only screen and (max-width: 37.5em){.section .image{width:100%}}\n"] }]
|
|
1046
1091
|
}], propDecorators: { sectionContent: [{
|
|
1047
1092
|
type: Input
|
|
1048
1093
|
}] } });
|
|
@@ -1065,6 +1110,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1065
1110
|
type: Input
|
|
1066
1111
|
}] } });
|
|
1067
1112
|
|
|
1113
|
+
class FeatureSectionSixComponent {
|
|
1114
|
+
constructor(breakpointObserver) {
|
|
1115
|
+
this.breakpointObserver = breakpointObserver;
|
|
1116
|
+
this.translateX = 0;
|
|
1117
|
+
}
|
|
1118
|
+
ngOnInit() {
|
|
1119
|
+
this.breakpointObserver.observe([
|
|
1120
|
+
"(max-width: 900px)"
|
|
1121
|
+
]).subscribe((result) => {
|
|
1122
|
+
if (result.matches) {
|
|
1123
|
+
this.isTabPortrait = true;
|
|
1124
|
+
}
|
|
1125
|
+
else {
|
|
1126
|
+
this.isTabPortrait = false;
|
|
1127
|
+
}
|
|
1128
|
+
});
|
|
1129
|
+
for (let part of this.sectionContent.parts) {
|
|
1130
|
+
part.isClicked = false;
|
|
1131
|
+
}
|
|
1132
|
+
this.onClickImage(0);
|
|
1133
|
+
}
|
|
1134
|
+
onClickNext() {
|
|
1135
|
+
if (this.currentIndex < (this.sectionContent.parts.length - 1)) {
|
|
1136
|
+
this.currentIndex++;
|
|
1137
|
+
this.onClickImage(this.currentIndex);
|
|
1138
|
+
}
|
|
1139
|
+
}
|
|
1140
|
+
onClickBack() {
|
|
1141
|
+
if (this.currentIndex > 0) {
|
|
1142
|
+
this.currentIndex--;
|
|
1143
|
+
this.onClickImage(this.currentIndex);
|
|
1144
|
+
}
|
|
1145
|
+
}
|
|
1146
|
+
onClickImage(index) {
|
|
1147
|
+
this.currentIndex = index;
|
|
1148
|
+
if (this.isTabPortrait) {
|
|
1149
|
+
this.translateX = (index) * -85;
|
|
1150
|
+
}
|
|
1151
|
+
else {
|
|
1152
|
+
this.translateX = (index) * -45;
|
|
1153
|
+
}
|
|
1154
|
+
for (let part of this.sectionContent.parts) {
|
|
1155
|
+
part.isClicked = false;
|
|
1156
|
+
}
|
|
1157
|
+
this.sectionContent.parts[index].isClicked = true;
|
|
1158
|
+
if (this.sectionContent.parts.length == 0 || this.sectionContent.parts.length == 1) {
|
|
1159
|
+
this.isFirstPart = true;
|
|
1160
|
+
this.isLastPart = true;
|
|
1161
|
+
}
|
|
1162
|
+
else if (index == 0) {
|
|
1163
|
+
this.isFirstPart = true;
|
|
1164
|
+
this.isLastPart = false;
|
|
1165
|
+
}
|
|
1166
|
+
else if (index == (this.sectionContent.parts.length - 1)) {
|
|
1167
|
+
this.isLastPart = true;
|
|
1168
|
+
this.isFirstPart = false;
|
|
1169
|
+
}
|
|
1170
|
+
else {
|
|
1171
|
+
this.isLastPart = false;
|
|
1172
|
+
this.isFirstPart = false;
|
|
1173
|
+
}
|
|
1174
|
+
}
|
|
1175
|
+
}
|
|
1176
|
+
FeatureSectionSixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSixComponent, deps: [{ token: i1$1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
1177
|
+
FeatureSectionSixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionSixComponent, selector: "feature-section-six", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <div class=\"part-symbol\">\n <img [src]=\"sectionContent.partSymbol\" alt=\"\" class=\"symbol\" *ngIf=\"sectionContent.partSymbol\">\n <h3 class=\"part-name\">\n {{sectionContent.partName}}\n </h3>\n </div>\n <h1 class=\"title\">\n {{sectionContent.title | titlecase}}\n </h1>\n <div class=\"parts\" [ngStyle]=\"{'transform':'translateX(' + translateX + '%)'}\">\n <div class=\"part\" *ngFor=\"let part of sectionContent.parts;let i =index\" [ngClass]=\"{'clicked-part':part.isClicked,'not-clicked-part':!part.isClicked}\">\n <p class=\"description\">\n {{part.description}}\n </p>\n <img [src]=\"part.previewImage\" alt=\"\" class=\"preview-image\" (click)=\"onClickImage(i)\">\n </div>\n </div>\n <div class=\"switching-part-conrols\">\n <div class=\"arrows\">\n\n <span class=\"arrow arrow-left\" [ngClass]=\"{'disabled':isFirstPart}\" (click)=\"onClickBack()\">\n <fa-icon icon=\"circle-arrow-left\"></fa-icon>\n </span>\n <span class=\"arrow arrow-right\" [ngClass]=\"{'disabled':isLastPart}\" (click)=\"onClickNext()\">\n <fa-icon icon=\"circle-arrow-right\"></fa-icon>\n </span>\n </div>\n <div class=\"scroller\">\n <div class=\"scroll-line\" *ngFor=\"let line of sectionContent.parts; let i = index\" [ngClass]=\"{'clicked-line':line.isClicked}\" (click)=\"onClickImage(i)\"></div>\n </div>\n </div>\n\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{margin:auto;display:flex;flex-direction:column;row-gap:3rem;text-align:center;justify-content:center;background-color:#f7f8f9;color:#32353b;padding:3rem 1rem;overflow:hidden}.section .part-symbol{display:flex;flex-direction:column;row-gap:1rem;justify-content:center;align-items:center}.section .part-symbol .symbol{width:10rem}.section .parts{display:flex;flex-direction:row;column-gap:5%;transform:translate(0);transition:cubic-bezier(.51,.92,.24,1.15) transform .7s;overflow-x:infinite;scroll-snap-align:none center}.section .parts .part{min-width:40%;margin:auto;transition:all ease-in-out .4s}.section .parts .part .description{padding:1rem;text-align:left;border-left:solid #32353B .3rem;transition:all ease-in-out .4s}.section .parts .part .preview-image{width:100%;height:40rem;border-radius:1.5rem;object-fit:cover;cursor:pointer;transition:all ease-in-out .4s}.section .parts .part:first-child{margin-left:30%}.section .parts .part:last-child{margin-right:30%}.section .parts .clicked-part{transform:scale(1.05)}.section .parts .clicked-part .description,.section .parts .clicked-part .preview-image{opacity:1}.section .parts .clicked-part .preview-image{box-shadow:#0000003d 0 .3rem .8rem}.section .parts .not-clicked-part .description,.section .parts .not-clicked-part .preview-image{opacity:.7}.section .parts .not-clicked-part .preview-image:hover{opacity:.8}.section .switching-part-conrols{display:flex;flex-direction:column;row-gap:3rem;width:60%;margin:auto;justify-content:center}.section .switching-part-conrols .arrows{display:flex;flex-direction:row;column-gap:2rem;width:max-content;margin:auto}.section .switching-part-conrols .arrows .arrow{cursor:pointer}.section .switching-part-conrols .arrows fa-icon{font-size:4rem;color:#32353b;transition:all ease-in-out .2s}.section .switching-part-conrols .arrows fa-icon:active{color:#32353bcc}.section .switching-part-conrols .arrows .disabled{cursor:not-allowed}.section .switching-part-conrols .arrows .disabled fa-icon{opacity:.5}.section .switching-part-conrols .arrows .disabled fa-icon:active{color:#32353b}.section .switching-part-conrols .scroller{display:flex;flex-direction:row;width:70%;margin:auto;border-radius:1rem;background-color:#fff;overflow:hidden}.section .switching-part-conrols .scroller .scroll-line{flex-grow:1;border-bottom:.6rem solid #ffffff;cursor:pointer;transition:all ease-in-out .2s}.section .switching-part-conrols .scroller .scroll-line:hover{border-bottom:.6rem solid rgba(50,53,59,.4)}.section .switching-part-conrols .scroller .clicked-line{border-bottom:.6rem solid #32353B}.section .switching-part-conrols .scroller .clicked-line:hover{border-bottom:.6rem solid #32353b}@media only screen and (max-width: 56.25em){.section .parts .part{min-width:80%}.section .parts .part:first-child{margin-left:10%}.section .parts .part:last-child{margin-right:10%}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i3.TitleCasePipe, name: "titlecase" }] });
|
|
1178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSixComponent, decorators: [{
|
|
1179
|
+
type: Component,
|
|
1180
|
+
args: [{ selector: 'feature-section-six', template: "<section class=\"section\">\n <div class=\"part-symbol\">\n <img [src]=\"sectionContent.partSymbol\" alt=\"\" class=\"symbol\" *ngIf=\"sectionContent.partSymbol\">\n <h3 class=\"part-name\">\n {{sectionContent.partName}}\n </h3>\n </div>\n <h1 class=\"title\">\n {{sectionContent.title | titlecase}}\n </h1>\n <div class=\"parts\" [ngStyle]=\"{'transform':'translateX(' + translateX + '%)'}\">\n <div class=\"part\" *ngFor=\"let part of sectionContent.parts;let i =index\" [ngClass]=\"{'clicked-part':part.isClicked,'not-clicked-part':!part.isClicked}\">\n <p class=\"description\">\n {{part.description}}\n </p>\n <img [src]=\"part.previewImage\" alt=\"\" class=\"preview-image\" (click)=\"onClickImage(i)\">\n </div>\n </div>\n <div class=\"switching-part-conrols\">\n <div class=\"arrows\">\n\n <span class=\"arrow arrow-left\" [ngClass]=\"{'disabled':isFirstPart}\" (click)=\"onClickBack()\">\n <fa-icon icon=\"circle-arrow-left\"></fa-icon>\n </span>\n <span class=\"arrow arrow-right\" [ngClass]=\"{'disabled':isLastPart}\" (click)=\"onClickNext()\">\n <fa-icon icon=\"circle-arrow-right\"></fa-icon>\n </span>\n </div>\n <div class=\"scroller\">\n <div class=\"scroll-line\" *ngFor=\"let line of sectionContent.parts; let i = index\" [ngClass]=\"{'clicked-line':line.isClicked}\" (click)=\"onClickImage(i)\"></div>\n </div>\n </div>\n\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{margin:auto;display:flex;flex-direction:column;row-gap:3rem;text-align:center;justify-content:center;background-color:#f7f8f9;color:#32353b;padding:3rem 1rem;overflow:hidden}.section .part-symbol{display:flex;flex-direction:column;row-gap:1rem;justify-content:center;align-items:center}.section .part-symbol .symbol{width:10rem}.section .parts{display:flex;flex-direction:row;column-gap:5%;transform:translate(0);transition:cubic-bezier(.51,.92,.24,1.15) transform .7s;overflow-x:infinite;scroll-snap-align:none center}.section .parts .part{min-width:40%;margin:auto;transition:all ease-in-out .4s}.section .parts .part .description{padding:1rem;text-align:left;border-left:solid #32353B .3rem;transition:all ease-in-out .4s}.section .parts .part .preview-image{width:100%;height:40rem;border-radius:1.5rem;object-fit:cover;cursor:pointer;transition:all ease-in-out .4s}.section .parts .part:first-child{margin-left:30%}.section .parts .part:last-child{margin-right:30%}.section .parts .clicked-part{transform:scale(1.05)}.section .parts .clicked-part .description,.section .parts .clicked-part .preview-image{opacity:1}.section .parts .clicked-part .preview-image{box-shadow:#0000003d 0 .3rem .8rem}.section .parts .not-clicked-part .description,.section .parts .not-clicked-part .preview-image{opacity:.7}.section .parts .not-clicked-part .preview-image:hover{opacity:.8}.section .switching-part-conrols{display:flex;flex-direction:column;row-gap:3rem;width:60%;margin:auto;justify-content:center}.section .switching-part-conrols .arrows{display:flex;flex-direction:row;column-gap:2rem;width:max-content;margin:auto}.section .switching-part-conrols .arrows .arrow{cursor:pointer}.section .switching-part-conrols .arrows fa-icon{font-size:4rem;color:#32353b;transition:all ease-in-out .2s}.section .switching-part-conrols .arrows fa-icon:active{color:#32353bcc}.section .switching-part-conrols .arrows .disabled{cursor:not-allowed}.section .switching-part-conrols .arrows .disabled fa-icon{opacity:.5}.section .switching-part-conrols .arrows .disabled fa-icon:active{color:#32353b}.section .switching-part-conrols .scroller{display:flex;flex-direction:row;width:70%;margin:auto;border-radius:1rem;background-color:#fff;overflow:hidden}.section .switching-part-conrols .scroller .scroll-line{flex-grow:1;border-bottom:.6rem solid #ffffff;cursor:pointer;transition:all ease-in-out .2s}.section .switching-part-conrols .scroller .scroll-line:hover{border-bottom:.6rem solid rgba(50,53,59,.4)}.section .switching-part-conrols .scroller .clicked-line{border-bottom:.6rem solid #32353B}.section .switching-part-conrols .scroller .clicked-line:hover{border-bottom:.6rem solid #32353b}@media only screen and (max-width: 56.25em){.section .parts .part{min-width:80%}.section .parts .part:first-child{margin-left:10%}.section .parts .part:last-child{margin-right:10%}}\n"] }]
|
|
1181
|
+
}], ctorParameters: function () { return [{ type: i1$1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
|
|
1182
|
+
type: Input
|
|
1183
|
+
}] } });
|
|
1184
|
+
|
|
1068
1185
|
class JoolerWebsitesSharedModule {
|
|
1069
1186
|
}
|
|
1070
1187
|
JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -1098,12 +1215,16 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
1098
1215
|
FeatureSectionOneComponent,
|
|
1099
1216
|
FeatureSectionTwoComponent,
|
|
1100
1217
|
FeatureSectionThreeComponent,
|
|
1218
|
+
FeatureDetailItemOneComponent,
|
|
1219
|
+
FeatureDetailItemTwoComponent,
|
|
1220
|
+
FeatureDetailItemThreeComponent,
|
|
1101
1221
|
FeatureSectionFourComponent,
|
|
1102
|
-
VerticalSideTabsComponent,
|
|
1103
1222
|
FeatureSectionFiveComponent,
|
|
1223
|
+
FeatureSectionSixComponent,
|
|
1104
1224
|
FeatureSectionSevenComponent,
|
|
1105
1225
|
FeatureSectionEightComponent,
|
|
1106
|
-
FeatureSectionNineComponent
|
|
1226
|
+
FeatureSectionNineComponent,
|
|
1227
|
+
VerticalSideTabsComponent], imports: [FontAwesomeModule,
|
|
1107
1228
|
CommonModule,
|
|
1108
1229
|
AppMaterialModule,
|
|
1109
1230
|
FontAwesomeSharedModule,
|
|
@@ -1147,11 +1268,15 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
1147
1268
|
FeatureSectionTwoComponent,
|
|
1148
1269
|
FeatureSectionThreeComponent,
|
|
1149
1270
|
FeatureSectionFourComponent,
|
|
1150
|
-
VerticalSideTabsComponent,
|
|
1151
1271
|
FeatureSectionFiveComponent,
|
|
1272
|
+
FeatureSectionSixComponent,
|
|
1152
1273
|
FeatureSectionSevenComponent,
|
|
1153
1274
|
FeatureSectionEightComponent,
|
|
1154
|
-
FeatureSectionNineComponent
|
|
1275
|
+
FeatureSectionNineComponent,
|
|
1276
|
+
FeatureDetailItemOneComponent,
|
|
1277
|
+
FeatureDetailItemTwoComponent,
|
|
1278
|
+
FeatureDetailItemThreeComponent,
|
|
1279
|
+
VerticalSideTabsComponent] });
|
|
1155
1280
|
JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [FontAwesomeModule,
|
|
1156
1281
|
CommonModule,
|
|
1157
1282
|
AppMaterialModule,
|
|
@@ -1199,12 +1324,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1199
1324
|
FeatureSectionOneComponent,
|
|
1200
1325
|
FeatureSectionTwoComponent,
|
|
1201
1326
|
FeatureSectionThreeComponent,
|
|
1327
|
+
FeatureDetailItemOneComponent,
|
|
1328
|
+
FeatureDetailItemTwoComponent,
|
|
1329
|
+
FeatureDetailItemThreeComponent,
|
|
1202
1330
|
FeatureSectionFourComponent,
|
|
1203
|
-
VerticalSideTabsComponent,
|
|
1204
1331
|
FeatureSectionFiveComponent,
|
|
1332
|
+
FeatureSectionSixComponent,
|
|
1205
1333
|
FeatureSectionSevenComponent,
|
|
1206
1334
|
FeatureSectionEightComponent,
|
|
1207
|
-
FeatureSectionNineComponent
|
|
1335
|
+
FeatureSectionNineComponent,
|
|
1336
|
+
VerticalSideTabsComponent,
|
|
1208
1337
|
],
|
|
1209
1338
|
imports: [
|
|
1210
1339
|
FontAwesomeModule,
|
|
@@ -1254,11 +1383,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1254
1383
|
FeatureSectionTwoComponent,
|
|
1255
1384
|
FeatureSectionThreeComponent,
|
|
1256
1385
|
FeatureSectionFourComponent,
|
|
1257
|
-
VerticalSideTabsComponent,
|
|
1258
1386
|
FeatureSectionFiveComponent,
|
|
1387
|
+
FeatureSectionSixComponent,
|
|
1259
1388
|
FeatureSectionSevenComponent,
|
|
1260
1389
|
FeatureSectionEightComponent,
|
|
1261
|
-
FeatureSectionNineComponent
|
|
1390
|
+
FeatureSectionNineComponent,
|
|
1391
|
+
FeatureDetailItemOneComponent,
|
|
1392
|
+
FeatureDetailItemTwoComponent,
|
|
1393
|
+
FeatureDetailItemThreeComponent,
|
|
1394
|
+
VerticalSideTabsComponent,
|
|
1262
1395
|
]
|
|
1263
1396
|
}]
|
|
1264
1397
|
}] });
|
|
@@ -1357,5 +1490,5 @@ class callToActionButton {
|
|
|
1357
1490
|
* Generated bundle index. Do not edit.
|
|
1358
1491
|
*/
|
|
1359
1492
|
|
|
1360
|
-
export { Account, AccountType, Achievement, Achievements, AchievementsComponent, Address, CallToActionSectionComponent, CallToActionSectionTwo, CallToActionSectionTwoComponent, ChooseCountryWithFlagComponent, City, ComingSoonComponent, ContactUsPageComponent, Country, CtaSectionStyleFourComponent, CtaSectionStyleThreeComponent, CustomTooltipComponent, FAQ, FAQCategory, FAQSubcategory, FaqCategoryListingComponent, FaqListingComponent, FeatureSectionEightComponent, FeatureSectionFiveComponent, FeatureSectionFourComponent, FeatureSectionNineComponent, FeatureSectionOneComponent, FeatureSectionSevenComponent, FeatureSectionThreeComponent, FeatureSectionTwoComponent, GetStartedCTAComponent, HeaderSectionOneComponent, ImageGalleryModal, ImageSection, ImageSectionAction, JoolerWebsitesSharedModule, LinkText, OurClientListingComponent, OurClientsComponent, PageSection, PageSectionAction, PageSectionStyleFive, PageSectionStyleTenComponent, PageSectionStyleThirteen, PageSectionStyleThirteenComponent, PageSectionStyleThreeComponent, PageSectionWithMultipleCardsComponent, Perks, PricingPlansComponent, SectionTitleComponent, ServicePlan, SocialMediaIconsComponent, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuePropsSectionComponent, ValuesComponent, VerticalSideTabsComponent, callToActionButton, socialMediaLinks };
|
|
1493
|
+
export { Account, AccountType, Achievement, Achievements, AchievementsComponent, Address, CallToActionSectionComponent, CallToActionSectionTwo, CallToActionSectionTwoComponent, ChooseCountryWithFlagComponent, City, ComingSoonComponent, ContactUsPageComponent, Country, CtaSectionStyleFourComponent, CtaSectionStyleThreeComponent, CustomTooltipComponent, FAQ, FAQCategory, FAQSubcategory, FaqCategoryListingComponent, FaqListingComponent, FeatureDetailItemOneComponent, FeatureDetailItemThreeComponent, FeatureDetailItemTwoComponent, FeatureSectionEightComponent, FeatureSectionFiveComponent, FeatureSectionFourComponent, FeatureSectionNineComponent, FeatureSectionOneComponent, FeatureSectionSevenComponent, FeatureSectionSixComponent, FeatureSectionThreeComponent, FeatureSectionTwoComponent, GetStartedCTAComponent, HeaderSectionOneComponent, ImageGalleryModal, ImageSection, ImageSectionAction, JoolerWebsitesSharedModule, LinkText, OurClientListingComponent, OurClientsComponent, PageSection, PageSectionAction, PageSectionStyleFive, PageSectionStyleTenComponent, PageSectionStyleThirteen, PageSectionStyleThirteenComponent, PageSectionStyleThreeComponent, PageSectionWithMultipleCardsComponent, Perks, PricingPlansComponent, SectionTitleComponent, ServicePlan, SocialMediaIconsComponent, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuePropsSectionComponent, ValuesComponent, VerticalSideTabsComponent, callToActionButton, socialMediaLinks };
|
|
1361
1494
|
//# sourceMappingURL=jooler-websites-shared.mjs.map
|