@jooler/jooler-websites-shared 0.0.152 → 0.0.154
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-nine/feature-section-nine.component.mjs +22 -0
- 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/jooler-websites-shared.module.mjs +25 -5
- package/esm2020/lib/models/feature-section-nine.model.mjs +2 -0
- package/esm2020/public-api.mjs +6 -1
- package/fesm2015/jooler-websites-shared.mjs +174 -94
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +174 -94
- 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-nine/feature-section-nine.component.d.ts +9 -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/jooler-websites-shared.module.d.ts +14 -10
- package/lib/models/feature-section-nine.model.d.ts +6 -0
- package/package.json +1 -1
- package/public-api.d.ts +5 -0
|
@@ -16,10 +16,10 @@ export class CallToActionSectionComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
CallToActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
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:
|
|
19
|
+
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: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
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:
|
|
22
|
+
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"] }]
|
|
23
23
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], titleOnRightSide: [{
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
4
|
+
export class FeatureDetailItemOneComponent {
|
|
5
|
+
}
|
|
6
|
+
FeatureDetailItemOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemOneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
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: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemOneComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
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"] }]
|
|
11
|
+
}], propDecorators: { itemContent: [{
|
|
12
|
+
type: Input
|
|
13
|
+
}] } });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1kZXRhaWwtaXRlbS1vbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tb25lL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLWRldGFpbC1pdGVtLW9uZS9mZWF0dXJlLWRldGFpbC1pdGVtLW9uZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyw2QkFBNkI7OzBIQUE3Qiw2QkFBNkI7OEdBQTdCLDZCQUE2Qix1R0NQMUMsbUtBSU07MkZER08sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLMUIsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmVhdHVyZS1kZXRhaWwtaXRlbS1vbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmVhdHVyZS1kZXRhaWwtaXRlbS1vbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1kZXRhaWwtaXRlbS1vbmUuY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgRmVhdHVyZURldGFpbEl0ZW1PbmVDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtQ29udGVudDogYW55O1xufVxuIiwiPGRpdiBjbGFzcz1cIml0ZW1cIj5cbiAgICA8ZmEtaWNvbiBbaWNvbl09XCJpdGVtQ29udGVudC5pY29uTmFtZVwiPjwvZmEtaWNvbj5cbiAgICA8aDM+e3tpdGVtQ29udGVudC50aXRsZX19PC9oMz5cbiAgICA8cD57e2l0ZW1Db250ZW50LmRlc2NyaXB0aW9ufX08L3A+XG48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export class FeatureDetailItemThreeComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.selectedImage = new EventEmitter;
|
|
8
|
+
}
|
|
9
|
+
onChangeImage() {
|
|
10
|
+
this.selectedImage.emit(this.itemContent.imagePath);
|
|
11
|
+
this.itemContent.isClicked = true;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
FeatureDetailItemThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
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: i1.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemThreeComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
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"] }]
|
|
19
|
+
}], propDecorators: { itemContent: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], oneParagraph: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], paragraphWithCard: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], selectedImage: [{
|
|
26
|
+
type: Output
|
|
27
|
+
}] } });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1kZXRhaWwtaXRlbS10aHJlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvZmVhdHVyZS1kZXRhaWwtaXRlbS10aHJlZS9mZWF0dXJlLWRldGFpbC1pdGVtLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLWRldGFpbC1pdGVtLXRocmVlL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdGhyZWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sK0JBQStCO0lBTDVDO1FBU1ksa0JBQWEsR0FBeUIsSUFBSSxZQUFZLENBQUM7S0FNbEU7SUFKQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDcEMsQ0FBQzs7NEhBVFUsK0JBQStCO2dIQUEvQiwrQkFBK0IsNE5DUDVDLHdwQkFjTzsyRkRQTSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMkJBQTJCOzhCQUs1QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLWRldGFpbC1pdGVtLXRocmVlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdGhyZWUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1kZXRhaWwtaXRlbS10aHJlZS5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBGZWF0dXJlRGV0YWlsSXRlbVRocmVlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbUNvbnRlbnQ6IGFueTtcbiAgQElucHV0KCkgb25lUGFyYWdyYXBoOiBib29sZWFuO1xuICBASW5wdXQoKSBwYXJhZ3JhcGhXaXRoQ2FyZDogYm9vbGVhbjtcbiAgQE91dHB1dCgpIHNlbGVjdGVkSW1hZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjtcblxuICBvbkNoYW5nZUltYWdlKCkge1xuICAgIHRoaXMuc2VsZWN0ZWRJbWFnZS5lbWl0KHRoaXMuaXRlbUNvbnRlbnQuaW1hZ2VQYXRoKTtcbiAgICB0aGlzLml0ZW1Db250ZW50LmlzQ2xpY2tlZCA9IHRydWU7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwicGFyYWdyYXBoLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsncGFyYWdyYXBoLXdpdGgtY2FyZCc6cGFyYWdyYXBoV2l0aENhcmR9XCI+XG4gICAgPHAgY2xhc3M9XCJwYXJhZ3JhcGhcIiAoY2xpY2spPVwib25DaGFuZ2VJbWFnZSgpXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZC1wYXJhZ3JhcGgnOml0ZW1Db250ZW50LmlzQ2xpY2tlZCwgJ29uZS1wYXJhZ3JhcGgnOm9uZVBhcmFncmFwaH1cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwYXJhZ3JhcGgtaWNvblwiPlxuICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiaXRlbUNvbnRlbnQuaWNvbk5hbWVcIj48L2ZhLWljb24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwYXJhZ3JhcGgtaGVhZGxpbmVcIj5cbiAgICAgICAgICAgIDxoMiBjbGFzcz1cInBhcmFncmFwaC10aXRsZVwiPlxuICAgICAgICAgICAgICAgIHt7aXRlbUNvbnRlbnQudGl0bGV9fVxuICAgICAgICAgICAgPC9oMj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicGFyYWdyYXBoLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAge3tpdGVtQ29udGVudC5kZXNjcmlwdGlvbn19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L3A+XG48L3NwYW4+Il19
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class FeatureDetailItemTwoComponent {
|
|
4
|
+
}
|
|
5
|
+
FeatureDetailItemTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
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"] });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemTwoComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
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"] }]
|
|
10
|
+
}], propDecorators: { itemContent: [{
|
|
11
|
+
type: Input
|
|
12
|
+
}] } });
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1kZXRhaWwtaXRlbS10d28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLWRldGFpbC1pdGVtLXR3by9mZWF0dXJlLWRldGFpbC1pdGVtLXR3by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFDLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPaEQsTUFBTSxPQUFPLDZCQUE2Qjs7MEhBQTdCLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHVHQ1AxQyxnS0FLTTsyRkRFTyw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UseUJBQXlCOzhCQUsxQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEZlYXR1cmVEZXRhaWxJdGVtVHdvQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbUNvbnRlbnQ6IGFueTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJmZWF0dXJlLWNhcmRcIj5cbiAgICA8aW1nIFtzcmNdPVwiaXRlbUNvbnRlbnQuaW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICA8aDIgY2xhc3M9XCJmZWF0dXJlLW5hbWVcIj5cbiAgICAgICAge3tpdGVtQ29udGVudC5uYW1lfX1cbiAgICA8L2gyPlxuPC9kaXY+Il19
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@
|
|
4
|
-
import * as i2 from "@angular/
|
|
5
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "../
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/material/tabs";
|
|
5
|
+
import * as i3 from "../section-title/section-title.component";
|
|
6
|
+
import * as i4 from "../feature-detail-item-one/feature-detail-item-one.component";
|
|
7
7
|
export class FeatureSectionEightComponent {
|
|
8
8
|
}
|
|
9
9
|
FeatureSectionEightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionEightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
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
|
|
10
|
+
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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i3.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i4.FeatureDetailItemOneComponent, selector: "feature-detail-item-one", inputs: ["itemContent"] }] });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionEightComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
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
|
|
13
|
+
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"] }]
|
|
14
14
|
}], propDecorators: { sectionContent: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLWVpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tZWlnaHQvZmVhdHVyZS1zZWN0aW9uLWVpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tZWlnaHQvZmVhdHVyZS1zZWN0aW9uLWVpZ2h0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPakQsTUFBTSxPQUFPLDRCQUE0Qjs7eUhBQTVCLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLDJHQ1B6QyxveEJBbUJVOzJGRFpHLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBS3hCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZlYXR1cmUtc2VjdGlvbi1laWdodCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tZWlnaHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1zZWN0aW9uLWVpZ2h0LmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEZlYXR1cmVTZWN0aW9uRWlnaHRDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogYW55O1xuXG5cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0aXAtdGl0bGVcIj5cbiAgICAgICAge3tzZWN0aW9uQ29udGVudC50aXBUaXRsZX19XG4gICAgPC9kaXY+XG4gICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgPGRpdj5cbiAgICAgICAgPG1hdC10YWItZ3JvdXA+XG4gICAgICAgICAgICA8bWF0LXRhYiBbbGFiZWxdPVwic3RlcC5sYWJlbFwiICpuZ0Zvcj1cImxldCBzdGVwIG9mIHNlY3Rpb25Db250ZW50LnN0ZXBzXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYi1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7c3RlcC50aXRsZX19XG4gICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJpbWFnZVwiIFtzcmNdPVwic3RlcC5pbWFnZVwiIGFsdD1cIlwiPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9tYXQtdGFiPlxuICAgICAgICA8L21hdC10YWItZ3JvdXA+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZlYXR1cmVzLWNhcmRzXCI+XG4gICAgICAgIDxmZWF0dXJlLWRldGFpbC1pdGVtLW9uZSBbaXRlbUNvbnRlbnRdPVwiY2FyZFwiIGNsYXNzPVwiZmVhdHVyZS1jYXJkXCIgKm5nRm9yPVwibGV0IGNhcmQgb2Ygc2VjdGlvbkNvbnRlbnQuZmVhdHVyZXNDYXJkc1wiPlxuICAgICAgICA8L2ZlYXR1cmUtZGV0YWlsLWl0ZW0tb25lPlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -4,6 +4,7 @@ import * as i1 from "@angular/router";
|
|
|
4
4
|
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
5
5
|
import * as i3 from "@angular/common";
|
|
6
6
|
import * as i4 from "../section-title/section-title.component";
|
|
7
|
+
import * as i5 from "../feature-detail-item-two/feature-detail-item-two.component";
|
|
7
8
|
export class FeatureSectionFiveComponent {
|
|
8
9
|
constructor(_router) {
|
|
9
10
|
this._router = _router;
|
|
@@ -13,11 +14,11 @@ export class FeatureSectionFiveComponent {
|
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
FeatureSectionFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionFiveComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
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 <
|
|
17
|
+
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: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i5.FeatureDetailItemTwoComponent, selector: "feature-detail-item-two", inputs: ["itemContent"] }] });
|
|
17
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionFiveComponent, decorators: [{
|
|
18
19
|
type: Component,
|
|
19
|
-
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 <
|
|
20
|
+
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"] }]
|
|
20
21
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
21
22
|
type: Input
|
|
22
23
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLWZpdmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtc2VjdGlvbi1maXZlL2ZlYXR1cmUtc2VjdGlvbi1maXZlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tZml2ZS9mZWF0dXJlLXNlY3Rpb24tZml2ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVFqRCxNQUFNLE9BQU8sMkJBQTJCO0lBR3RDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxXQUFXLENBQUMsS0FBSztRQUNmLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzt3SEFQVSwyQkFBMkI7NEdBQTNCLDJCQUEyQiwwR0NSeEMsdXFCQWVVOzJGRFBHLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7NkZBS3ZCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLXNlY3Rpb24tZml2ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tZml2ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mZWF0dXJlLXNlY3Rpb24tZml2ZS5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBGZWF0dXJlU2VjdGlvbkZpdmVDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cblxuICBvbkNsaWNrTGluayhyb3V0ZSkge1xuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbIHJvdXRlIF0pO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cbiAgICA8aW1nIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuaW1hZ2VcIiBhbHQ9XCJcIiBjbGFzcz1cImltYWdlXCI+XG4gICAgPGgzIGNsYXNzPVwidGlwLXRpdGxlXCI+XG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGlwTWVzc2FnZX19XG4gICAgPC9oMz5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGxpbmVcIj5cbiAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJsaW5rXCIgKGNsaWNrKT1cIm9uQ2xpY2tMaW5rKHNlY3Rpb25Db250ZW50LmJ1dHRvbi5yb3V0ZSlcIj5cbiAgICAgICAge3tzZWN0aW9uQ29udGVudC5idXR0b24ubmFtZX19IDxmYS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCI+PC9mYS1pY29uPlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZS1jYXJkc1wiPlxuICAgICAgICA8ZmVhdHVyZS1kZXRhaWwtaXRlbS10d28gKm5nRm9yPVwibGV0IGNhcmQgb2Ygc2VjdGlvbkNvbnRlbnQuY2FyZHNcIiBbaXRlbUNvbnRlbnRdPVwiY2FyZFwiPlxuICAgICAgICA8L2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvPlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/material/stepper";
|
|
5
|
+
export class FeatureSectionNineComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.selectedIndex = 0;
|
|
8
|
+
}
|
|
9
|
+
onIndexChanged($event) {
|
|
10
|
+
let index = $event.selectedIndex;
|
|
11
|
+
this.selectedIndex = index;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
FeatureSectionNineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionNineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
FeatureSectionNineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionNineComponent, selector: "feature-section-nine", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n\n <div class=\"side-one\" *ngIf=\"sectionContent\">\n <div class=\"subtitle\">\n {{sectionContent[selectedIndex].subtitle}}\n </div>\n <div class=\"title\">\n {{sectionContent[selectedIndex].title}}\n </div>\n <div class=\"description\">\n {{sectionContent[selectedIndex].description}}\n </div>\n </div>\n <div class=\"vertical-divider\"></div>\n <div class=\"side-two\">\n <mat-vertical-stepper (selectionChange)=\"onIndexChanged($event)\" [selectedIndex]=\"selectedIndex\" [linear]=\"false\" #stepper>\n <mat-step *ngFor=\"let step of sectionContent\">\n <ng-template matStepLabel>\n {{step.stepLabel}}\n </ng-template>\n </mat-step>\n </mat-vertical-stepper>\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{display:flex;flex-direction:row;column-gap:1.5%;margin:auto;width:90%}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .side-one{width:55%;margin:10% auto}.section .side-one .title{font-size:2.8rem;color:#155ed4;margin-top:1.4rem;margin-bottom:2rem;font-weight:700}.section .side-one .subtitle{font-size:1.8rem;color:#32353b;font-weight:700}.section .side-one .description{color:#32353b;font-size:1.4rem}.section .vertical-divider{border-left:1px solid #155ED4;height:40rem;align-self:center;width:2%}.section .side-two{width:40%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionNineComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'feature-section-nine', template: "<section class=\"section\">\n\n <div class=\"side-one\" *ngIf=\"sectionContent\">\n <div class=\"subtitle\">\n {{sectionContent[selectedIndex].subtitle}}\n </div>\n <div class=\"title\">\n {{sectionContent[selectedIndex].title}}\n </div>\n <div class=\"description\">\n {{sectionContent[selectedIndex].description}}\n </div>\n </div>\n <div class=\"vertical-divider\"></div>\n <div class=\"side-two\">\n <mat-vertical-stepper (selectionChange)=\"onIndexChanged($event)\" [selectedIndex]=\"selectedIndex\" [linear]=\"false\" #stepper>\n <mat-step *ngFor=\"let step of sectionContent\">\n <ng-template matStepLabel>\n {{step.stepLabel}}\n </ng-template>\n </mat-step>\n </mat-vertical-stepper>\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{display:flex;flex-direction:row;column-gap:1.5%;margin:auto;width:90%}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .side-one{width:55%;margin:10% auto}.section .side-one .title{font-size:2.8rem;color:#155ed4;margin-top:1.4rem;margin-bottom:2rem;font-weight:700}.section .side-one .subtitle{font-size:1.8rem;color:#32353b;font-weight:700}.section .side-one .description{color:#32353b;font-size:1.4rem}.section .vertical-divider{border-left:1px solid #155ED4;height:40rem;align-self:center;width:2%}.section .side-two{width:40%}\n"] }]
|
|
19
|
+
}], propDecorators: { sectionContent: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLW5pbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtc2VjdGlvbi1uaW5lL2ZlYXR1cmUtc2VjdGlvbi1uaW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tbmluZS9mZWF0dXJlLXNlY3Rpb24tbmluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sMkJBQTJCO0lBTHhDO1FBT0Usa0JBQWEsR0FBVyxDQUFDLENBQUM7S0FNM0I7SUFKQyxjQUFjLENBQUMsTUFBTTtRQUNuQixJQUFJLEtBQUssR0FBVyxNQUFNLENBQUMsYUFBYSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7O3dIQVBVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLDBHQ1J4Qyx5M0JBdUJVOzJGRGZHLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBS3ZCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGZWF0dXJlU2VjdGlvbk5pbmUgfSBmcm9tICcuLi9tb2RlbHMvZmVhdHVyZS1zZWN0aW9uLW5pbmUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLXNlY3Rpb24tbmluZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tbmluZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mZWF0dXJlLXNlY3Rpb24tbmluZS5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBGZWF0dXJlU2VjdGlvbk5pbmVDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogRmVhdHVyZVNlY3Rpb25OaW5lW107XG4gIHNlbGVjdGVkSW5kZXg6IG51bWJlciA9IDA7XG5cbiAgb25JbmRleENoYW5nZWQoJGV2ZW50KSB7XG4gICAgbGV0IGluZGV4OiBudW1iZXIgPSAkZXZlbnQuc2VsZWN0ZWRJbmRleDtcbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBpbmRleDtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZWN0aW9uXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZS1vbmVcIiAqbmdJZj1cInNlY3Rpb25Db250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPlxuICAgICAgICAgICAge3tzZWN0aW9uQ29udGVudFtzZWxlY3RlZEluZGV4XS5zdWJ0aXRsZX19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICAgIHt7c2VjdGlvbkNvbnRlbnRbc2VsZWN0ZWRJbmRleF0udGl0bGV9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICB7e3NlY3Rpb25Db250ZW50W3NlbGVjdGVkSW5kZXhdLmRlc2NyaXB0aW9ufX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLWRpdmlkZXJcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZS10d29cIj5cbiAgICAgICAgPG1hdC12ZXJ0aWNhbC1zdGVwcGVyIChzZWxlY3Rpb25DaGFuZ2UpPVwib25JbmRleENoYW5nZWQoJGV2ZW50KVwiIFtzZWxlY3RlZEluZGV4XT1cInNlbGVjdGVkSW5kZXhcIiBbbGluZWFyXT1cImZhbHNlXCIgI3N0ZXBwZXI+XG4gICAgICAgICAgICA8bWF0LXN0ZXAgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc2VjdGlvbkNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgbWF0U3RlcExhYmVsPlxuICAgICAgICAgICAgICAgICAgICB7e3N0ZXAuc3RlcExhYmVsfX1cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9tYXQtc3RlcD5cbiAgICAgICAgPC9tYXQtdmVydGljYWwtc3RlcHBlcj5cbiAgICA8L2Rpdj5cbjwvc2VjdGlvbj4iXX0=
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { map } from 'rxjs';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
import * as i1 from "@angular/cdk/layout";
|
|
5
|
-
import * as i2 from "@
|
|
6
|
-
import * as i3 from "
|
|
7
|
-
import * as i4 from "../
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "../section-title/section-title.component";
|
|
6
|
+
import * as i4 from "../feature-detail-item-one/feature-detail-item-one.component";
|
|
8
7
|
export class FeatureSectionOneComponent {
|
|
8
|
+
// stepperOrientation: Observable<StepperOrientation>;
|
|
9
9
|
constructor(breakpointObserver) {
|
|
10
|
-
this.stepperOrientation = breakpointObserver
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
// this.stepperOrientation = breakpointObserver
|
|
11
|
+
// .observe('(min-width: 751px)')
|
|
12
|
+
// .pipe(map(({ matches }) => (matches ? 'horizontal' : 'vertical')));
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
FeatureSectionOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionOneComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
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
|
|
16
|
+
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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i4.FeatureDetailItemOneComponent, selector: "feature-detail-item-one", inputs: ["itemContent"] }] });
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionOneComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
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
|
|
19
|
+
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"] }]
|
|
20
20
|
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLW9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvZmVhdHVyZS1zZWN0aW9uLW9uZS9mZWF0dXJlLXNlY3Rpb24tb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tb25lL2ZlYXR1cmUtc2VjdGlvbi1vbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNqRCxNQUFNLE9BQU8sMEJBQTBCO0lBR3JDLHNEQUFzRDtJQUN0RCxZQUFZLGtCQUFzQztRQUNoRCwrQ0FBK0M7UUFDL0MsbUNBQW1DO1FBQ25DLHdFQUF3RTtJQUMxRSxDQUFDOzt1SEFSVSwwQkFBMEI7MkdBQTFCLDBCQUEwQix5R0NYdkMsZ21CQWNVOzJGREhHLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxxQkFBcUI7eUdBTXRCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7IFN0ZXBwZXJPcmllbnRhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zdGVwcGVyJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIG1hcCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLXNlY3Rpb24tb25lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtc2VjdGlvbi1vbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1zZWN0aW9uLW9uZS5jb21wb25lbnQuc2NzcycgXVxufSlcblxuZXhwb3J0IGNsYXNzIEZlYXR1cmVTZWN0aW9uT25lQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcblxuICAvLyBzdGVwcGVyT3JpZW50YXRpb246IE9ic2VydmFibGU8U3RlcHBlck9yaWVudGF0aW9uPjtcbiAgY29uc3RydWN0b3IoYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIpIHtcbiAgICAvLyB0aGlzLnN0ZXBwZXJPcmllbnRhdGlvbiA9IGJyZWFrcG9pbnRPYnNlcnZlclxuICAgIC8vICAgLm9ic2VydmUoJyhtaW4td2lkdGg6IDc1MXB4KScpXG4gICAgLy8gICAucGlwZShtYXAoKHsgbWF0Y2hlcyB9KSA9PiAobWF0Y2hlcyA/ICdob3Jpem9udGFsJyA6ICd2ZXJ0aWNhbCcpKSk7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0aXAtdGl0bGVcIj5cbiAgICAgICAge3tzZWN0aW9uQ29udGVudC50aXBUaXRsZX19XG4gICAgPC9kaXY+XG4gICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgPGRpdiBjbGFzcz1cImltYWdlcy1zdGVwcGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJpbWFnZVwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuc3RlcHNbMF0uaW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZlYXR1cmVzLWNhcmRzXCI+XG4gICAgICAgIDxmZWF0dXJlLWRldGFpbC1pdGVtLW9uZSBbaXRlbUNvbnRlbnRdPVwiY2FyZFwiIGNsYXNzPVwiZmVhdHVyZS1jYXJkXCIgKm5nRm9yPVwibGV0IGNhcmQgb2Ygc2VjdGlvbkNvbnRlbnQuZmVhdHVyZXNDYXJkc1wiPlxuICAgICAgICA8L2ZlYXR1cmUtZGV0YWlsLWl0ZW0tb25lPlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@
|
|
4
|
-
import * as i2 from "
|
|
5
|
-
import * as i3 from "../
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../section-title/section-title.component";
|
|
5
|
+
import * as i3 from "../feature-detail-item-three/feature-detail-item-three.component";
|
|
6
6
|
export class FeatureSectionSevenComponent {
|
|
7
7
|
constructor() { }
|
|
8
8
|
ngOnInit() {
|
|
@@ -14,20 +14,19 @@ export class FeatureSectionSevenComponent {
|
|
|
14
14
|
}
|
|
15
15
|
this.sectionContent.paragraphs[0].isClicked = true;
|
|
16
16
|
}
|
|
17
|
-
onChangeImage(
|
|
17
|
+
onChangeImage($event) {
|
|
18
18
|
for (let paragraph of this.sectionContent.paragraphs) {
|
|
19
19
|
paragraph.isClicked = false;
|
|
20
20
|
}
|
|
21
|
-
this.selectedImage =
|
|
22
|
-
this.sectionContent.paragraphs[paragraphIndex].isClicked = true;
|
|
21
|
+
this.selectedImage = $event;
|
|
23
22
|
}
|
|
24
23
|
}
|
|
25
24
|
FeatureSectionSevenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSevenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
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 <
|
|
25
|
+
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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i3.FeatureDetailItemThreeComponent, selector: "feature-detail-item-three", inputs: ["itemContent", "oneParagraph", "paragraphWithCard"], outputs: ["selectedImage"] }] });
|
|
27
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSevenComponent, decorators: [{
|
|
28
27
|
type: Component,
|
|
29
|
-
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 <
|
|
28
|
+
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"] }]
|
|
30
29
|
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
31
30
|
type: Input
|
|
32
31
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLXNldmVuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tc2V2ZW4vZmVhdHVyZS1zZWN0aW9uLXNldmVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tc2V2ZW4vZmVhdHVyZS1zZWN0aW9uLXNldmVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQU96RCxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDVixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFFLENBQUMsQ0FBRSxDQUFDLFNBQVMsQ0FBQztRQUNuRSxDQUFDLEVBQUUsQ0FBQztRQUNKLEtBQUssSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLEVBQUU7WUFDcEQsU0FBUyxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDN0I7UUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBRSxDQUFDLENBQUUsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBRXZELENBQUM7SUFFRCxhQUFhLENBQUMsTUFBTTtRQUNsQixLQUFLLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxFQUFFO1lBQ3BELFNBQVMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1NBQzdCO1FBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUM7SUFDOUIsQ0FBQzs7eUhBdEJVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLDJHQ1B6Qyw2bUNBbUJNOzJGRFpPLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBS3hCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmVhdHVyZS1zZWN0aW9uLXNldmVuJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtc2VjdGlvbi1zZXZlbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mZWF0dXJlLXNlY3Rpb24tc2V2ZW4uY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgRmVhdHVyZVNlY3Rpb25TZXZlbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBhbnk7XG4gIHNlbGVjdGVkSW1hZ2U6IGFueTtcbiAgXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgbGV0IGkgPSAwO1xuICAgIHRoaXMuc2VsZWN0ZWRJbWFnZSA9IHRoaXMuc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoc1sgMCBdLmltYWdlUGF0aDtcbiAgICBpKys7XG4gICAgZm9yIChsZXQgcGFyYWdyYXBoIG9mIHRoaXMuc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBocykge1xuICAgICAgcGFyYWdyYXBoLmlzQ2xpY2tlZCA9IGZhbHNlO1xuICAgIH1cbiAgICB0aGlzLnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHNbIDAgXS5pc0NsaWNrZWQgPSB0cnVlO1xuXG4gIH1cblxuICBvbkNoYW5nZUltYWdlKCRldmVudCkge1xuICAgIGZvciAobGV0IHBhcmFncmFwaCBvZiB0aGlzLnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHMpIHtcbiAgICAgIHBhcmFncmFwaC5pc0NsaWNrZWQgPSBmYWxzZTtcbiAgICB9XG4gICAgdGhpcy5zZWxlY3RlZEltYWdlID0gJGV2ZW50O1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XG4gICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+XG4gICAgICAgIDwvc2VjdGlvbi10aXRsZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi1jb250ZW50XCIgW25nQ2xhc3NdPVwieydpbWFnZS10ZXh0LXNvcnQnOiBzZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhQcm9wZXJ0aWVzLm9uUmlnaHRTaWRlICwgJ3RleHQtaW1hZ2Utc29ydCc6ICFzZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhQcm9wZXJ0aWVzLm9uUmlnaHRTaWRlICwncGFyYWdyYXBoLXdpdGgtY2FyZCc6c2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoUHJvcGVydGllcy53aXRoQ2FyZCB9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNpZGVcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWltYWdlXCI+XG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cInNlbGVjdGVkSW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBhcmFncmFwaC1pdGVtc1wiPlxuICAgICAgICAgICAgICAgIDxmZWF0dXJlLWRldGFpbC1pdGVtLXRocmVlICpuZ0Zvcj1cImxldCBwYXJhZ3JhcGggb2Ygc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoc1wiIFtpdGVtQ29udGVudF09XCJwYXJhZ3JhcGhcIiAoc2VsZWN0ZWRJbWFnZSk9XCJvbkNoYW5nZUltYWdlKCRldmVudClcIiBbb25lUGFyYWdyYXBoXT1cInNlY3Rpb25Db250ZW50LnBhcmFncmFwaHMubGVuZ3RoID09IDFcIiBbcGFyYWdyYXBoV2l0aENhcmRdPVwic2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoUHJvcGVydGllcy53aXRoQ2FyZFwiPlxuICAgICAgICAgICAgICAgIDwvZmVhdHVyZS1kZXRhaWwtaXRlbS10aHJlZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWJ1dHRvbnMtc2lkZVwiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInNlbGVjdGVkSW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|