@jooler/jooler-websites-shared 0.0.171 → 0.0.173

package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs

@@ -1,43 +1,43 @@
-import { Component, Input } from '@angular/core';
-import { PageSectionStyleThirteen } from '../models/page-section-style-thirteen.model';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../section-title/section-title.component";
-export class PageSectionStyleThirteenComponent {
-    constructor() {
-        this.counter = 0;
-        this.isItemHovered = [];
-        this.pageSectionStyleThirteen = PageSectionStyleThirteen;
-        this.iconType = this.pageSectionStyleThirteen.SHAPE_ICON;
-        this.isTwoImages = false;
-    }
-    ngOnInit() {
-        this.onHoveredItem(this.items[0].image, 0);
-    }
-    onClickChangeImage(image, index) {
-        this.onHoveredItem(image, index);
-    }
-    onHoveredItem(itemImage, index) {
-        this.counter = index;
-        for (let i = 0; i < this.items.length; i++) {
-            this.isItemHovered[i] = false;
-        }
-        this.isItemHovered[index] = true;
-        this.showedImage = itemImage;
-    }
-}
-PageSectionStyleThirteenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThirteenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PageSectionStyleThirteenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThirteenComponent, selector: "page-section-style-thirteen", inputs: { sectionTitle: "sectionTitle", items: "items", iconType: "iconType", isTwoImages: "isTwoImages" }, ngImport: i0, template: "<div class=\"why-choose-us\">\n    <div class=\"left-side\">\n        <div class=\"headline\">\n            <section-title [sectionTitle]=\"sectionTitle\"></section-title>\n        </div>\n        <div class=\"items\">\n            <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\" (click)=\"onClickChangeImage(item.image, i)\">\n                <div class=\"left-column\">\n\n                    <div class=\"square-row\" [ngSwitch]=\"iconType\" [ngClass]=\"{'square-row':iconType == pageSectionStyleThirteen.SHAPE_ICON,'shape-column':iconType == pageSectionStyleThirteen.IMAGE_ICON}\">\n                        <div class=\"square\" *ngSwitchCase=\"pageSectionStyleThirteen.SHAPE_ICON\"></div>\n                        <div class=\"shape\" *ngSwitchCase=\"pageSectionStyleThirteen.IMAGE_ICON\">\n                            <img [src]=\"item.iconImage\" alt=\"\">\n                        </div>\n                    </div>\n                    <div></div>\n                </div>\n                <div class=\"right-column\">\n                    <div class=\"item-title\">{{item.title}}</div>\n                    <div class=\"item-description\" [ngClass]=\"{'hide-description':!isItemHovered[i] , 'show-description':isItemHovered[i] }\">\n                        {{item.description}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"right-side\" [ngClass]=\"{'two-images-preview':isTwoImages}\">\n        <div class=\"image-container\">\n            <img [src]=\"showedImage\" alt=\"\">\n        </div>\n        <div class=\"back-image\" *ngIf=\"isTwoImages\">\n            <img src=\"https://i.ibb.co/mqtpD50/blue-points-section.png\" 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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.why-choose-us{display:flex;flex-direction:row;column-gap:4%;margin:auto;width:90%}@media only screen and (min-width: 1500px){.why-choose-us{width:150rem}}.why-choose-us .left-side,.why-choose-us .right-side{width:48%}.why-choose-us .items{display:grid;gap:2.5rem;width:100%}.why-choose-us .hovered-item{background-color:#155ed4;box-shadow:.1rem .2rem .5rem .1rem #0000003d}.why-choose-us .hovered-item .left-column .square-row{background-color:#fff}.why-choose-us .hovered-item .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .right-column .item-title{color:#fff}.why-choose-us .hovered-item .right-column .item-description{color:#f1f1f1}.why-choose-us .item{gap:1.5rem;display:grid;grid-template-columns:auto calc(100% - 5.5rem);cursor:pointer;border-radius:1.5rem;padding:2rem;transition:all ease-in-out .2s}@media only screen and (max-width: 37.5em){.why-choose-us .item{max-width:90vw}}.why-choose-us .item:hover{box-shadow:.1rem .2rem .5rem .1rem #0000003d}.why-choose-us .left-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .left-column .square-row{align-self:center;width:4rem;height:4rem;background-color:#155ed4;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .left-column .square-row .square{width:3rem;height:3rem;background-color:#155ed4;border-radius:.5rem;transition:border-radius ease-in-out .2s}.why-choose-us .shape-column{width:5rem;height:5rem;background-color:#155ed4;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .shape-column .shape{padding:1rem;display:grid}.why-choose-us .shape-column .shape img{width:100%}.why-choose-us .right-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .right-column .item-title{color:#2f3136;font-weight:600;font-size:2.2rem}.why-choose-us .right-column .item-description{color:#848484;font-size:1.6rem;font-weight:500}.why-choose-us .left-side .headline{padding-bottom:3rem}.why-choose-us .right-side{display:grid;justify-content:right}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem 0 0 1.5rem;object-fit:cover;overflow:hidden;height:80rem}.why-choose-us .right-side .image-container img{height:100%;transition:all ease-in-out .2s;object-fit:cover}.why-choose-us .two-images-preview{place-content:center;position:relative}.why-choose-us .two-images-preview .image-container{width:90%;height:65rem;border-radius:1.5rem}.why-choose-us .two-images-preview .image-container img{width:100%}.why-choose-us .two-images-preview .back-image{width:50%;height:20rem;position:absolute;display:grid;align-content:end;justify-content:right;top:0;right:0;z-index:-1}@media only screen and (max-width: 75em){.why-choose-us{width:90%;margin:auto;display:flex;flex-direction:column;row-gap:2%}.why-choose-us .left-side,.why-choose-us .right-side{width:100%}.why-choose-us .left-side{margin-bottom:3rem}.why-choose-us .left-side .hide-description{max-height:0;opacity:0;overflow:hidden}.why-choose-us .left-side .show-description{max-height:20rem;transition:all .5s;opacity:1;overflow:hidden}.why-choose-us .right-side{width:100%;justify-content:center}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem;height:35rem}.why-choose-us .right-side .image-container img{width:100%}.why-choose-us .right-side .back-image{display:none}}\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThirteenComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'page-section-style-thirteen', template: "<div class=\"why-choose-us\">\n    <div class=\"left-side\">\n        <div class=\"headline\">\n            <section-title [sectionTitle]=\"sectionTitle\"></section-title>\n        </div>\n        <div class=\"items\">\n            <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\" (click)=\"onClickChangeImage(item.image, i)\">\n                <div class=\"left-column\">\n\n                    <div class=\"square-row\" [ngSwitch]=\"iconType\" [ngClass]=\"{'square-row':iconType == pageSectionStyleThirteen.SHAPE_ICON,'shape-column':iconType == pageSectionStyleThirteen.IMAGE_ICON}\">\n                        <div class=\"square\" *ngSwitchCase=\"pageSectionStyleThirteen.SHAPE_ICON\"></div>\n                        <div class=\"shape\" *ngSwitchCase=\"pageSectionStyleThirteen.IMAGE_ICON\">\n                            <img [src]=\"item.iconImage\" alt=\"\">\n                        </div>\n                    </div>\n                    <div></div>\n                </div>\n                <div class=\"right-column\">\n                    <div class=\"item-title\">{{item.title}}</div>\n                    <div class=\"item-description\" [ngClass]=\"{'hide-description':!isItemHovered[i] , 'show-description':isItemHovered[i] }\">\n                        {{item.description}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"right-side\" [ngClass]=\"{'two-images-preview':isTwoImages}\">\n        <div class=\"image-container\">\n            <img [src]=\"showedImage\" alt=\"\">\n        </div>\n        <div class=\"back-image\" *ngIf=\"isTwoImages\">\n            <img src=\"https://i.ibb.co/mqtpD50/blue-points-section.png\" 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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.why-choose-us{display:flex;flex-direction:row;column-gap:4%;margin:auto;width:90%}@media only screen and (min-width: 1500px){.why-choose-us{width:150rem}}.why-choose-us .left-side,.why-choose-us .right-side{width:48%}.why-choose-us .items{display:grid;gap:2.5rem;width:100%}.why-choose-us .hovered-item{background-color:#155ed4;box-shadow:.1rem .2rem .5rem .1rem #0000003d}.why-choose-us .hovered-item .left-column .square-row{background-color:#fff}.why-choose-us .hovered-item .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .right-column .item-title{color:#fff}.why-choose-us .hovered-item .right-column .item-description{color:#f1f1f1}.why-choose-us .item{gap:1.5rem;display:grid;grid-template-columns:auto calc(100% - 5.5rem);cursor:pointer;border-radius:1.5rem;padding:2rem;transition:all ease-in-out .2s}@media only screen and (max-width: 37.5em){.why-choose-us .item{max-width:90vw}}.why-choose-us .item:hover{box-shadow:.1rem .2rem .5rem .1rem #0000003d}.why-choose-us .left-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .left-column .square-row{align-self:center;width:4rem;height:4rem;background-color:#155ed4;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .left-column .square-row .square{width:3rem;height:3rem;background-color:#155ed4;border-radius:.5rem;transition:border-radius ease-in-out .2s}.why-choose-us .shape-column{width:5rem;height:5rem;background-color:#155ed4;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .shape-column .shape{padding:1rem;display:grid}.why-choose-us .shape-column .shape img{width:100%}.why-choose-us .right-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .right-column .item-title{color:#2f3136;font-weight:600;font-size:2.2rem}.why-choose-us .right-column .item-description{color:#848484;font-size:1.6rem;font-weight:500}.why-choose-us .left-side .headline{padding-bottom:3rem}.why-choose-us .right-side{display:grid;justify-content:right}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem 0 0 1.5rem;object-fit:cover;overflow:hidden;height:80rem}.why-choose-us .right-side .image-container img{height:100%;transition:all ease-in-out .2s;object-fit:cover}.why-choose-us .two-images-preview{place-content:center;position:relative}.why-choose-us .two-images-preview .image-container{width:90%;height:65rem;border-radius:1.5rem}.why-choose-us .two-images-preview .image-container img{width:100%}.why-choose-us .two-images-preview .back-image{width:50%;height:20rem;position:absolute;display:grid;align-content:end;justify-content:right;top:0;right:0;z-index:-1}@media only screen and (max-width: 75em){.why-choose-us{width:90%;margin:auto;display:flex;flex-direction:column;row-gap:2%}.why-choose-us .left-side,.why-choose-us .right-side{width:100%}.why-choose-us .left-side{margin-bottom:3rem}.why-choose-us .left-side .hide-description{max-height:0;opacity:0;overflow:hidden}.why-choose-us .left-side .show-description{max-height:20rem;transition:all .5s;opacity:1;overflow:hidden}.why-choose-us .right-side{width:100%;justify-content:center}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem;height:35rem}.why-choose-us .right-side .image-container img{width:100%}.why-choose-us .right-side .back-image{display:none}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { sectionTitle: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], iconType: [{
-                type: Input
-            }], isTwoImages: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBUXZGLE1BQU0sT0FBTyxpQ0FBaUM7SUFjNUM7UUFaQSxZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBRXBCLGtCQUFhLEdBQWMsRUFBRSxDQUFDO1FBQzlCLDZCQUF3QixHQUFHLHdCQUF3QixDQUFDO1FBRzNDLGFBQVEsR0FBNkIsSUFBSSxDQUFDLHdCQUF3QixDQUFDLFVBQVUsQ0FBQztRQUM5RSxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQUt0QixDQUFDO0lBSGpCLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFHRCxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsS0FBSztRQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxLQUFLO1FBQzVCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQztTQUMvQjtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO0lBQy9CLENBQUM7OzhIQTNCVSxpQ0FBaUM7a0hBQWpDLGlDQUFpQywrS0NUOUMsb3dEQWlDTTsyRkR4Qk8saUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLDZCQUE2QjswRUFVOUIsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4gfSBmcm9tICcuLi9tb2RlbHMvcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLm1vZGVsJztcbmltcG9ydCB7IFNlY3Rpb25UaXRsZSB9IGZyb20gJy4uL21vZGVscy9zZWN0aW9uLXRpdGxlLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dlZEltYWdlOiBzdHJpbmc7XG4gIGNvdW50ZXI6IG51bWJlciA9IDA7XG4gIGludGVydmFsSWQ6IGFueTtcbiAgaXNJdGVtSG92ZXJlZDogYm9vbGVhbltdID0gW107XG4gIHBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbiA9IFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbjtcbiAgQElucHV0KCkgc2VjdGlvblRpdGxlOiBTZWN0aW9uVGl0bGU7XG4gIEBJbnB1dCgpIGl0ZW1zOiBhbnk7XG4gIEBJbnB1dCgpIGljb25UeXBlOiBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4gPSB0aGlzLnBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbi5TSEFQRV9JQ09OO1xuICBASW5wdXQoKSBpc1R3b0ltYWdlczogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMub25Ib3ZlcmVkSXRlbSh0aGlzLml0ZW1zWzBdLmltYWdlLCAwKTtcbiAgfVxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG9uQ2xpY2tDaGFuZ2VJbWFnZShpbWFnZSwgaW5kZXgpIHtcbiAgICB0aGlzLm9uSG92ZXJlZEl0ZW0oaW1hZ2UsIGluZGV4KTtcbiAgfVxuXG4gIG9uSG92ZXJlZEl0ZW0oaXRlbUltYWdlLCBpbmRleCkge1xuICAgIHRoaXMuY291bnRlciA9IGluZGV4O1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5pdGVtcy5sZW5ndGg7IGkrKykge1xuICAgICAgdGhpcy5pc0l0ZW1Ib3ZlcmVkW2ldID0gZmFsc2U7XG4gICAgfVxuICAgIHRoaXMuaXNJdGVtSG92ZXJlZFtpbmRleF0gPSB0cnVlO1xuICAgIHRoaXMuc2hvd2VkSW1hZ2UgPSBpdGVtSW1hZ2U7XG4gIH1cbn1cblxuIiwiPGRpdiBjbGFzcz1cIndoeS1jaG9vc2UtdXNcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGVmdC1zaWRlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkbGluZVwiPlxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbXNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpPWluZGV4XCIgW25nQ2xhc3NdPVwieydob3ZlcmVkLWl0ZW0nOiBpc0l0ZW1Ib3ZlcmVkW2ldfVwiIChjbGljayk9XCJvbkNsaWNrQ2hhbmdlSW1hZ2UoaXRlbS5pbWFnZSwgaSlcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC1jb2x1bW5cIj5cblxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3F1YXJlLXJvd1wiIFtuZ1N3aXRjaF09XCJpY29uVHlwZVwiIFtuZ0NsYXNzXT1cInsnc3F1YXJlLXJvdyc6aWNvblR5cGUgPT0gcGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT04sJ3NoYXBlLWNvbHVtbic6aWNvblR5cGUgPT0gcGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLklNQUdFX0lDT059XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3F1YXJlXCIgKm5nU3dpdGNoQ2FzZT1cInBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbi5TSEFQRV9JQ09OXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2hhcGVcIiAqbmdTd2l0Y2hDYXNlPVwicGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLklNQUdFX0lDT05cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiaXRlbS5pY29uSW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtY29sdW1uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLXRpdGxlXCI+e3tpdGVtLnRpdGxlfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW0tZGVzY3JpcHRpb25cIiBbbmdDbGFzc109XCJ7J2hpZGUtZGVzY3JpcHRpb24nOiFpc0l0ZW1Ib3ZlcmVkW2ldICwgJ3Nob3ctZGVzY3JpcHRpb24nOmlzSXRlbUhvdmVyZWRbaV0gfVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3tpdGVtLmRlc2NyaXB0aW9ufX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiIFtuZ0NsYXNzXT1cInsndHdvLWltYWdlcy1wcmV2aWV3Jzppc1R3b0ltYWdlc31cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInNob3dlZEltYWdlXCIgYWx0PVwiXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmFjay1pbWFnZVwiICpuZ0lmPVwiaXNUd29JbWFnZXNcIj5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9pLmliYi5jby9tcXRwRDUwL2JsdWUtcG9pbnRzLXNlY3Rpb24ucG5nXCIgYWx0PVwiXCI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
+import { Component, Input } from '@angular/core';
+import { PageSectionStyleThirteen } from '../models/page-section-style-thirteen.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../section-title/section-title.component";
+export class PageSectionStyleThirteenComponent {
+    constructor() {
+        this.counter = 0;
+        this.isItemHovered = [];
+        this.pageSectionStyleThirteen = PageSectionStyleThirteen;
+        this.iconType = this.pageSectionStyleThirteen.SHAPE_ICON;
+        this.isTwoImages = false;
+    }
+    ngOnInit() {
+        this.onHoveredItem(this.items[0].image, 0);
+    }
+    onClickChangeImage(image, index) {
+        this.onHoveredItem(image, index);
+    }
+    onHoveredItem(itemImage, index) {
+        this.counter = index;
+        for (let i = 0; i < this.items.length; i++) {
+            this.isItemHovered[i] = false;
+        }
+        this.isItemHovered[index] = true;
+        this.showedImage = itemImage;
+    }
+}
+PageSectionStyleThirteenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThirteenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PageSectionStyleThirteenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThirteenComponent, selector: "page-section-style-thirteen", inputs: { sectionTitle: "sectionTitle", items: "items", iconType: "iconType", isTwoImages: "isTwoImages" }, ngImport: i0, template: "<div class=\"why-choose-us\">\r\n    <div class=\"left-side\">\r\n        <div class=\"headline\">\r\n            <section-title [sectionTitle]=\"sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"items\">\r\n            <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\" (click)=\"onClickChangeImage(item.image, i)\">\r\n                <div class=\"left-column\">\r\n\r\n                    <div class=\"square-row\" [ngSwitch]=\"iconType\" [ngClass]=\"{'square-row':iconType == pageSectionStyleThirteen.SHAPE_ICON,'shape-column':iconType == pageSectionStyleThirteen.IMAGE_ICON}\">\r\n                        <div class=\"square\" *ngSwitchCase=\"pageSectionStyleThirteen.SHAPE_ICON\"></div>\r\n                        <div class=\"shape\" *ngSwitchCase=\"pageSectionStyleThirteen.IMAGE_ICON\">\r\n                            <img [src]=\"item.iconImage\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <div></div>\r\n                </div>\r\n                <div class=\"right-column\">\r\n                    <div class=\"item-title\">{{item.title}}</div>\r\n                    <div class=\"item-description\" [ngClass]=\"{'hide-description':!isItemHovered[i] , 'show-description':isItemHovered[i] }\">\r\n                        {{item.description}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"right-side\" [ngClass]=\"{'two-images-preview':isTwoImages}\">\r\n        <div class=\"image-container\">\r\n            <img [src]=\"showedImage\" alt=\"\">\r\n        </div>\r\n        <div class=\"back-image\" *ngIf=\"isTwoImages\">\r\n            <img src=\"https://i.ibb.co/mqtpD50/blue-points-section.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.why-choose-us{display:flex;flex-direction:row;column-gap:4%;margin:auto;width:90%}@media only screen and (min-width: 1500px){.why-choose-us{width:150rem}}.why-choose-us .left-side,.why-choose-us .right-side{width:48%}.why-choose-us .items{display:grid;gap:2.5rem;width:100%}.why-choose-us .hovered-item{background-color:#155ed4;box-shadow:.1rem .2rem .5rem .1rem #0000003d}.why-choose-us .hovered-item .left-column .square-row{background-color:#fff}.why-choose-us .hovered-item .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .right-column .item-title{color:#fff}.why-choose-us .hovered-item .right-column .item-description{color:#f1f1f1}.why-choose-us .item{gap:1.5rem;display:grid;grid-template-columns:auto calc(100% - 5.5rem);cursor:pointer;border-radius:1.5rem;padding:2rem;transition:all ease-in-out .2s}@media only screen and (max-width: 37.5em){.why-choose-us .item{max-width:90vw}}.why-choose-us .item:hover{box-shadow:.1rem .2rem .5rem .1rem #0000003d}.why-choose-us .left-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .left-column .square-row{align-self:center;width:4rem;height:4rem;background-color:#155ed4;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .left-column .square-row .square{width:3rem;height:3rem;background-color:#155ed4;border-radius:.5rem;transition:border-radius ease-in-out .2s}.why-choose-us .shape-column{width:5rem;height:5rem;background-color:#155ed4;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .shape-column .shape{padding:1rem;display:grid}.why-choose-us .shape-column .shape img{width:100%}.why-choose-us .right-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .right-column .item-title{color:#2f3136;font-weight:600;font-size:2.2rem}.why-choose-us .right-column .item-description{color:#848484;font-size:1.6rem;font-weight:500}.why-choose-us .left-side .headline{padding-bottom:3rem}.why-choose-us .right-side{display:grid;justify-content:right}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem 0 0 1.5rem;object-fit:cover;overflow:hidden;height:80rem}.why-choose-us .right-side .image-container img{height:100%;transition:all ease-in-out .2s;object-fit:cover}.why-choose-us .two-images-preview{place-content:center;position:relative}.why-choose-us .two-images-preview .image-container{width:90%;height:65rem;border-radius:1.5rem}.why-choose-us .two-images-preview .image-container img{width:100%}.why-choose-us .two-images-preview .back-image{width:50%;height:20rem;position:absolute;display:grid;align-content:end;justify-content:right;top:0;right:0;z-index:-1}@media only screen and (max-width: 75em){.why-choose-us{width:90%;margin:auto;display:flex;flex-direction:column;row-gap:2%}.why-choose-us .left-side,.why-choose-us .right-side{width:100%}.why-choose-us .left-side{margin-bottom:3rem}.why-choose-us .left-side .hide-description{max-height:0;opacity:0;overflow:hidden}.why-choose-us .left-side .show-description{max-height:20rem;transition:all .5s;opacity:1;overflow:hidden}.why-choose-us .right-side{width:100%;justify-content:center}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem;height:35rem}.why-choose-us .right-side .image-container img{width:100%}.why-choose-us .right-side .back-image{display:none}}\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThirteenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'page-section-style-thirteen', template: "<div class=\"why-choose-us\">\r\n    <div class=\"left-side\">\r\n        <div class=\"headline\">\r\n            <section-title [sectionTitle]=\"sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"items\">\r\n            <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\" (click)=\"onClickChangeImage(item.image, i)\">\r\n                <div class=\"left-column\">\r\n\r\n                    <div class=\"square-row\" [ngSwitch]=\"iconType\" [ngClass]=\"{'square-row':iconType == pageSectionStyleThirteen.SHAPE_ICON,'shape-column':iconType == pageSectionStyleThirteen.IMAGE_ICON}\">\r\n                        <div class=\"square\" *ngSwitchCase=\"pageSectionStyleThirteen.SHAPE_ICON\"></div>\r\n                        <div class=\"shape\" *ngSwitchCase=\"pageSectionStyleThirteen.IMAGE_ICON\">\r\n                            <img [src]=\"item.iconImage\" alt=\"\">\r\n                        </div>\r\n                    </div>\r\n                    <div></div>\r\n                </div>\r\n                <div class=\"right-column\">\r\n                    <div class=\"item-title\">{{item.title}}</div>\r\n                    <div class=\"item-description\" [ngClass]=\"{'hide-description':!isItemHovered[i] , 'show-description':isItemHovered[i] }\">\r\n                        {{item.description}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"right-side\" [ngClass]=\"{'two-images-preview':isTwoImages}\">\r\n        <div class=\"image-container\">\r\n            <img [src]=\"showedImage\" alt=\"\">\r\n        </div>\r\n        <div class=\"back-image\" *ngIf=\"isTwoImages\">\r\n            <img src=\"https://i.ibb.co/mqtpD50/blue-points-section.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.why-choose-us{display:flex;flex-direction:row;column-gap:4%;margin:auto;width:90%}@media only screen and (min-width: 1500px){.why-choose-us{width:150rem}}.why-choose-us .left-side,.why-choose-us .right-side{width:48%}.why-choose-us .items{display:grid;gap:2.5rem;width:100%}.why-choose-us .hovered-item{background-color:#155ed4;box-shadow:.1rem .2rem .5rem .1rem #0000003d}.why-choose-us .hovered-item .left-column .square-row{background-color:#fff}.why-choose-us .hovered-item .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .right-column .item-title{color:#fff}.why-choose-us .hovered-item .right-column .item-description{color:#f1f1f1}.why-choose-us .item{gap:1.5rem;display:grid;grid-template-columns:auto calc(100% - 5.5rem);cursor:pointer;border-radius:1.5rem;padding:2rem;transition:all ease-in-out .2s}@media only screen and (max-width: 37.5em){.why-choose-us .item{max-width:90vw}}.why-choose-us .item:hover{box-shadow:.1rem .2rem .5rem .1rem #0000003d}.why-choose-us .left-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .left-column .square-row{align-self:center;width:4rem;height:4rem;background-color:#155ed4;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .left-column .square-row .square{width:3rem;height:3rem;background-color:#155ed4;border-radius:.5rem;transition:border-radius ease-in-out .2s}.why-choose-us .shape-column{width:5rem;height:5rem;background-color:#155ed4;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .shape-column .shape{padding:1rem;display:grid}.why-choose-us .shape-column .shape img{width:100%}.why-choose-us .right-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .right-column .item-title{color:#2f3136;font-weight:600;font-size:2.2rem}.why-choose-us .right-column .item-description{color:#848484;font-size:1.6rem;font-weight:500}.why-choose-us .left-side .headline{padding-bottom:3rem}.why-choose-us .right-side{display:grid;justify-content:right}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem 0 0 1.5rem;object-fit:cover;overflow:hidden;height:80rem}.why-choose-us .right-side .image-container img{height:100%;transition:all ease-in-out .2s;object-fit:cover}.why-choose-us .two-images-preview{place-content:center;position:relative}.why-choose-us .two-images-preview .image-container{width:90%;height:65rem;border-radius:1.5rem}.why-choose-us .two-images-preview .image-container img{width:100%}.why-choose-us .two-images-preview .back-image{width:50%;height:20rem;position:absolute;display:grid;align-content:end;justify-content:right;top:0;right:0;z-index:-1}@media only screen and (max-width: 75em){.why-choose-us{width:90%;margin:auto;display:flex;flex-direction:column;row-gap:2%}.why-choose-us .left-side,.why-choose-us .right-side{width:100%}.why-choose-us .left-side{margin-bottom:3rem}.why-choose-us .left-side .hide-description{max-height:0;opacity:0;overflow:hidden}.why-choose-us .left-side .show-description{max-height:20rem;transition:all .5s;opacity:1;overflow:hidden}.why-choose-us .right-side{width:100%;justify-content:center}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem;height:35rem}.why-choose-us .right-side .image-container img{width:100%}.why-choose-us .right-side .back-image{display:none}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { sectionTitle: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], iconType: [{
+                type: Input
+            }], isTwoImages: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBUXZGLE1BQU0sT0FBTyxpQ0FBaUM7SUFjNUM7UUFaQSxZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBRXBCLGtCQUFhLEdBQWMsRUFBRSxDQUFDO1FBQzlCLDZCQUF3QixHQUFHLHdCQUF3QixDQUFDO1FBRzNDLGFBQVEsR0FBNkIsSUFBSSxDQUFDLHdCQUF3QixDQUFDLFVBQVUsQ0FBQztRQUM5RSxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQUt0QixDQUFDO0lBSGpCLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFHRCxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsS0FBSztRQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxLQUFLO1FBQzVCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQztTQUMvQjtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO0lBQy9CLENBQUM7OzhIQTNCVSxpQ0FBaUM7a0hBQWpDLGlDQUFpQywrS0NUOUMsczBEQWlDTTsyRkR4Qk8saUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLDZCQUE2QjswRUFVOUIsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbiB9IGZyb20gJy4uL21vZGVscy9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4ubW9kZWwnO1xyXG5pbXBvcnQgeyBTZWN0aW9uVGl0bGUgfSBmcm9tICcuLi9tb2RlbHMvc2VjdGlvbi10aXRsZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgc2hvd2VkSW1hZ2U6IHN0cmluZztcclxuICBjb3VudGVyOiBudW1iZXIgPSAwO1xyXG4gIGludGVydmFsSWQ6IGFueTtcclxuICBpc0l0ZW1Ib3ZlcmVkOiBib29sZWFuW10gPSBbXTtcclxuICBwYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4gPSBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW47XHJcbiAgQElucHV0KCkgc2VjdGlvblRpdGxlOiBTZWN0aW9uVGl0bGU7XHJcbiAgQElucHV0KCkgaXRlbXM6IGFueTtcclxuICBASW5wdXQoKSBpY29uVHlwZTogUGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuID0gdGhpcy5wYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4uU0hBUEVfSUNPTjtcclxuICBASW5wdXQoKSBpc1R3b0ltYWdlczogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ib3ZlcmVkSXRlbSh0aGlzLml0ZW1zWzBdLmltYWdlLCAwKTtcclxuICB9XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgb25DbGlja0NoYW5nZUltYWdlKGltYWdlLCBpbmRleCkge1xyXG4gICAgdGhpcy5vbkhvdmVyZWRJdGVtKGltYWdlLCBpbmRleCk7XHJcbiAgfVxyXG5cclxuICBvbkhvdmVyZWRJdGVtKGl0ZW1JbWFnZSwgaW5kZXgpIHtcclxuICAgIHRoaXMuY291bnRlciA9IGluZGV4O1xyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLml0ZW1zLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIHRoaXMuaXNJdGVtSG92ZXJlZFtpXSA9IGZhbHNlO1xyXG4gICAgfVxyXG4gICAgdGhpcy5pc0l0ZW1Ib3ZlcmVkW2luZGV4XSA9IHRydWU7XHJcbiAgICB0aGlzLnNob3dlZEltYWdlID0gaXRlbUltYWdlO1xyXG4gIH1cclxufVxyXG5cclxuIiwiPGRpdiBjbGFzcz1cIndoeS1jaG9vc2UtdXNcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGxpbmVcIj5cclxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW1zXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpPWluZGV4XCIgW25nQ2xhc3NdPVwieydob3ZlcmVkLWl0ZW0nOiBpc0l0ZW1Ib3ZlcmVkW2ldfVwiIChjbGljayk9XCJvbkNsaWNrQ2hhbmdlSW1hZ2UoaXRlbS5pbWFnZSwgaSlcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LWNvbHVtblwiPlxyXG5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3F1YXJlLXJvd1wiIFtuZ1N3aXRjaF09XCJpY29uVHlwZVwiIFtuZ0NsYXNzXT1cInsnc3F1YXJlLXJvdyc6aWNvblR5cGUgPT0gcGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT04sJ3NoYXBlLWNvbHVtbic6aWNvblR5cGUgPT0gcGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLklNQUdFX0lDT059XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzcXVhcmVcIiAqbmdTd2l0Y2hDYXNlPVwicGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT05cIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNoYXBlXCIgKm5nU3dpdGNoQ2FzZT1cInBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbi5JTUFHRV9JQ09OXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiaXRlbS5pY29uSW1hZ2VcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LWNvbHVtblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLXRpdGxlXCI+e3tpdGVtLnRpdGxlfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbS1kZXNjcmlwdGlvblwiIFtuZ0NsYXNzXT1cInsnaGlkZS1kZXNjcmlwdGlvbic6IWlzSXRlbUhvdmVyZWRbaV0gLCAnc2hvdy1kZXNjcmlwdGlvbic6aXNJdGVtSG92ZXJlZFtpXSB9XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7aXRlbS5kZXNjcmlwdGlvbn19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyaWdodC1zaWRlXCIgW25nQ2xhc3NdPVwieyd0d28taW1hZ2VzLXByZXZpZXcnOmlzVHdvSW1hZ2VzfVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInNob3dlZEltYWdlXCIgYWx0PVwiXCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJhY2staW1hZ2VcIiAqbmdJZj1cImlzVHdvSW1hZ2VzXCI+XHJcbiAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9pLmliYi5jby9tcXRwRDUwL2JsdWUtcG9pbnRzLXNlY3Rpb24ucG5nXCIgYWx0PVwiXCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2020/lib/page-section-style-three/page-section-style-three.component.mjs

@@ -1,25 +1,25 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/button";
-import * as i4 from "../section-title/section-title.component";
-export class PageSectionStyleThreeComponent {
-    constructor(_Router) {
-        this._Router = _Router;
-    }
-    ngOnInit() {
-    }
-    onClickValuePropButton(route) {
-        this._Router.navigate([route]);
-    }
-}
-PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\n  <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\n    <div class=\"section-container\">\n      <div class=\"image-side\">\n        <img [src]=\"valueprop.image\">\n      </div>\n      <div class=\"text-side\">\n        <section-title [sectionTitle]=\"valueprop.sectionTitle\">\n        </section-title>\n        <div class=\"optional-button\">\n          <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\n            {{valueprop.button.label}}\n          </button>\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\n  <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\n    <div class=\"section-container\">\n      <div class=\"image-side\">\n        <img [src]=\"valueprop.image\">\n      </div>\n      <div class=\"text-side\">\n        <section-title [sectionTitle]=\"valueprop.sectionTitle\">\n        </section-title>\n        <div class=\"optional-button\">\n          <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\n            {{valueprop.button.label}}\n          </button>\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRekQsTUFBTSxPQUFPLDhCQUE4QjtJQUd6QyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUTtJQUVSLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxLQUFLO1FBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzsySEFYVSw4QkFBOEI7K0dBQTlCLDhCQUE4Qiw4R0NSM0Msb3BCQWlCTTsyRkRUTyw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsMEJBQTBCOzZGQUszQixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgUGFnZVNlY3Rpb25TdHlsZVRocmVlIH0gZnJvbSAnLi4vbW9kZWxzL3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZS5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdlU2VjdGlvblN0eWxlVGhyZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogUGFnZVNlY3Rpb25TdHlsZVRocmVlW107XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfUm91dGVyOiBSb3V0ZXIpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuXG4gIH1cblxuICBvbkNsaWNrVmFsdWVQcm9wQnV0dG9uKHJvdXRlKSB7XG4gICAgdGhpcy5fUm91dGVyLm5hdmlnYXRlKFsgcm91dGUgXSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XG4gIDxkaXYgY2xhc3M9XCJzZWN0aW9uXCIgKm5nRm9yPVwibGV0IHZhbHVlcHJvcCBvZiBzZWN0aW9uQ29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLXNpZGVcIj5cbiAgICAgICAgPGltZyBbc3JjXT1cInZhbHVlcHJvcC5pbWFnZVwiPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1zaWRlXCI+XG4gICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwidmFsdWVwcm9wLnNlY3Rpb25UaXRsZVwiPlxuICAgICAgICA8L3NlY3Rpb24tdGl0bGU+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJvcHRpb25hbC1idXR0b25cIj5cbiAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNsYXNzPVwidmFsdWUtcHJvcC1idXR0b25cIiAqbmdJZj1cInZhbHVlcHJvcC5idXR0b25cIiAoY2xpY2spPVwib25DbGlja1ZhbHVlUHJvcEJ1dHRvbih2YWx1ZXByb3AuYnV0dG9uLnJvdXRlKVwiPlxuICAgICAgICAgICAge3t2YWx1ZXByb3AuYnV0dG9uLmxhYmVsfX1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "../section-title/section-title.component";
+export class PageSectionStyleThreeComponent {
+    constructor(_Router) {
+        this._Router = _Router;
+    }
+    ngOnInit() {
+    }
+    onClickValuePropButton(route) {
+        this._Router.navigate([route]);
+    }
+}
+PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\r\n  <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n    <div class=\"section-container\">\r\n      <div class=\"image-side\">\r\n        <img [src]=\"valueprop.image\">\r\n      </div>\r\n      <div class=\"text-side\">\r\n        <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n        </section-title>\r\n        <div class=\"optional-button\">\r\n          <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n            {{valueprop.button.label}}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n  <div class=\"section\" *ngFor=\"let valueprop of sectionContent\">\r\n    <div class=\"section-container\">\r\n      <div class=\"image-side\">\r\n        <img [src]=\"valueprop.image\">\r\n      </div>\r\n      <div class=\"text-side\">\r\n        <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n        </section-title>\r\n        <div class=\"optional-button\">\r\n          <button mat-raised-button class=\"value-prop-button\" *ngIf=\"valueprop.button\" (click)=\"onClickValuePropButton(valueprop.button.route)\">\r\n            {{valueprop.button.label}}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-button{margin-top:2rem}.page .section .text-side .optional-button button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRekQsTUFBTSxPQUFPLDhCQUE4QjtJQUd6QyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUTtJQUVSLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxLQUFLO1FBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzsySEFYVSw4QkFBOEI7K0dBQTlCLDhCQUE4Qiw4R0NSM0Msc3JCQWlCTTsyRkRUTyw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsMEJBQTBCOzZGQUszQixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IFBhZ2VTZWN0aW9uU3R5bGVUaHJlZSB9IGZyb20gJy4uL21vZGVscy9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFnZVNlY3Rpb25TdHlsZVRocmVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogUGFnZVNlY3Rpb25TdHlsZVRocmVlW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcblxyXG4gIH1cclxuXHJcbiAgb25DbGlja1ZhbHVlUHJvcEJ1dHRvbihyb3V0ZSkge1xyXG4gICAgdGhpcy5fUm91dGVyLm5hdmlnYXRlKFsgcm91dGUgXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgPGRpdiBjbGFzcz1cInNlY3Rpb25cIiAqbmdGb3I9XCJsZXQgdmFsdWVwcm9wIG9mIHNlY3Rpb25Db250ZW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi1jb250YWluZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLXNpZGVcIj5cclxuICAgICAgICA8aW1nIFtzcmNdPVwidmFsdWVwcm9wLmltYWdlXCI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1zaWRlXCI+XHJcbiAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJ2YWx1ZXByb3Auc2VjdGlvblRpdGxlXCI+XHJcbiAgICAgICAgPC9zZWN0aW9uLXRpdGxlPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJvcHRpb25hbC1idXR0b25cIj5cclxuICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY2xhc3M9XCJ2YWx1ZS1wcm9wLWJ1dHRvblwiICpuZ0lmPVwidmFsdWVwcm9wLmJ1dHRvblwiIChjbGljayk9XCJvbkNsaWNrVmFsdWVQcm9wQnV0dG9uKHZhbHVlcHJvcC5idXR0b24ucm91dGUpXCI+XHJcbiAgICAgICAgICAgIHt7dmFsdWVwcm9wLmJ1dHRvbi5sYWJlbH19XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2020/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs

@@ -1,24 +1,24 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@fortawesome/angular-fontawesome";
-import * as i3 from "@angular/common";
-import * as i4 from "../section-title/section-title.component";
-export class PageSectionWithMultipleCardsComponent {
-    constructor(_Router) {
-        this._Router = _Router;
-    }
-    ngOnInit() { }
-    onClickAllReasons(route) {
-        this._Router.navigate([route]);
-    }
-}
-PageSectionWithMultipleCardsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionWithMultipleCardsComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-PageSectionWithMultipleCardsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionWithMultipleCardsComponent, selector: "page-section-with-multiple-cards", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\n    <div class=\"text-part\">\n        <h2 class=\"tip-title\">\n            {{sectionContent.tipTitle}}\n        </h2>\n        <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n    </div>\n    <div class=\"reason-card\" *ngFor=\"let reason of sectionContent.reasons\">\n        <div class=\"card-icon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 97 97\" [style.fill]=\"reason.shapeColor\">\n                <path\n                    d=\"M5.0312 58.8331C-9.18797 29.0705 16.1615 9.11602 41.3271 3.99601C66.4928 -1.12401 102.401 -5.60082 96.1642 40.2919C89.9278 86.1847 85.034 90.009 59.8684 95.129C34.7027 100.249 19.2504 88.5958 5.0312 58.8331Z\" />\n            </svg>\n            <fa-icon [style.color]=\"reason.iconColor\" [icon]=\"reason.iconName\"></fa-icon>\n        </div>\n        <div class=\"card-title\">\n            {{reason.title}}\n        </div>\n        <div class=\"card-description\">\n            {{reason.description}}\n        </div>\n    </div>\n    <button class=\"all-reason-card\" (click)=\"onClickAllReasons(sectionContent.allReasonsBox.route)\">\n        <div class=\"card-title\">\n            {{sectionContent.allReasonsBox.ctaText}}\n        </div>\n        <div class=\"icon-circle\">\n            <fa-icon [icon]=\"sectionContent.allReasonsBox.iconName\"></fa-icon>\n        </div>\n    </button>\n\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{gap:1.5rem;display:flex;flex-wrap:wrap;width:90%;margin:2rem auto}@media only screen and (min-width: 1500px){.page{max-width:150rem}}.page .text-part{width:61.5rem;row-gap:.5rem;display:grid;grid-template-rows:2rem 13rem auto;min-width:52rem;margin-bottom:2rem}@media only screen and (max-width: 600px){.page .text-part{min-width:0;width:100%;grid-template-rows:2rem auto auto}.page .text-part .subtitle{font-size:3rem;font-weight:700}}.page .text-part .tip-title{color:#155ed4;font-size:1.6rem;font-weight:700}.page .text-part .subtitle{font-size:4rem;font-weight:800;color:#3d3d3d}.page .text-part .description{font-size:2rem;font-weight:500;color:#7e7e7e}.page .reason-card,.page .all-reason-card{row-gap:1rem;display:grid;border-radius:1.5rem;border:.1rem solid #D8D8D8;background:#FFF;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem 1rem;margin:0rem auto}.page .reason-card{width:30rem;grid-template-rows:auto auto auto;text-align:center}.page .reason-card:nth-child(odd) svg{transform:rotate(90deg)}.page .reason-card .card-icon{place-self:center;position:relative}.page .reason-card .card-icon svg{width:9.5rem;height:9.5rem}.page .reason-card .card-icon fa-icon{position:absolute;font-size:3.8rem;top:calc(50% - 1.9rem);left:calc(50% - 1.9rem)}.page .reason-card .card-description{font-size:1.4rem;font-weight:500;color:#484848}.page .card-title{font-size:2.2rem;font-weight:800;color:#424345}.page .all-reason-card{place-content:center;cursor:pointer;transition:all .2s;width:30rem}@media (hover: hover){.page .all-reason-card:hover{background-color:#155ed4}.page .all-reason-card:hover .card-title{color:#fff}.page .all-reason-card:hover .icon-circle{color:#155ed4;background-color:#fff}.page .all-reason-card:active{background-color:#fff}.page .all-reason-card:active .card-title{color:#424345}.page .all-reason-card:active .icon-circle{color:#fff;background-color:#155ed4}}.page .all-reason-card .icon-circle{border-radius:50%;font-size:1.8rem;width:4rem;height:4rem;display:grid;place-content:center;background-color:#155ed4;color:#fff;justify-self: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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionWithMultipleCardsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'page-section-with-multiple-cards', template: "<div class=\"page\">\n    <div class=\"text-part\">\n        <h2 class=\"tip-title\">\n            {{sectionContent.tipTitle}}\n        </h2>\n        <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n    </div>\n    <div class=\"reason-card\" *ngFor=\"let reason of sectionContent.reasons\">\n        <div class=\"card-icon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 97 97\" [style.fill]=\"reason.shapeColor\">\n                <path\n                    d=\"M5.0312 58.8331C-9.18797 29.0705 16.1615 9.11602 41.3271 3.99601C66.4928 -1.12401 102.401 -5.60082 96.1642 40.2919C89.9278 86.1847 85.034 90.009 59.8684 95.129C34.7027 100.249 19.2504 88.5958 5.0312 58.8331Z\" />\n            </svg>\n            <fa-icon [style.color]=\"reason.iconColor\" [icon]=\"reason.iconName\"></fa-icon>\n        </div>\n        <div class=\"card-title\">\n            {{reason.title}}\n        </div>\n        <div class=\"card-description\">\n            {{reason.description}}\n        </div>\n    </div>\n    <button class=\"all-reason-card\" (click)=\"onClickAllReasons(sectionContent.allReasonsBox.route)\">\n        <div class=\"card-title\">\n            {{sectionContent.allReasonsBox.ctaText}}\n        </div>\n        <div class=\"icon-circle\">\n            <fa-icon [icon]=\"sectionContent.allReasonsBox.iconName\"></fa-icon>\n        </div>\n    </button>\n\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{gap:1.5rem;display:flex;flex-wrap:wrap;width:90%;margin:2rem auto}@media only screen and (min-width: 1500px){.page{max-width:150rem}}.page .text-part{width:61.5rem;row-gap:.5rem;display:grid;grid-template-rows:2rem 13rem auto;min-width:52rem;margin-bottom:2rem}@media only screen and (max-width: 600px){.page .text-part{min-width:0;width:100%;grid-template-rows:2rem auto auto}.page .text-part .subtitle{font-size:3rem;font-weight:700}}.page .text-part .tip-title{color:#155ed4;font-size:1.6rem;font-weight:700}.page .text-part .subtitle{font-size:4rem;font-weight:800;color:#3d3d3d}.page .text-part .description{font-size:2rem;font-weight:500;color:#7e7e7e}.page .reason-card,.page .all-reason-card{row-gap:1rem;display:grid;border-radius:1.5rem;border:.1rem solid #D8D8D8;background:#FFF;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem 1rem;margin:0rem auto}.page .reason-card{width:30rem;grid-template-rows:auto auto auto;text-align:center}.page .reason-card:nth-child(odd) svg{transform:rotate(90deg)}.page .reason-card .card-icon{place-self:center;position:relative}.page .reason-card .card-icon svg{width:9.5rem;height:9.5rem}.page .reason-card .card-icon fa-icon{position:absolute;font-size:3.8rem;top:calc(50% - 1.9rem);left:calc(50% - 1.9rem)}.page .reason-card .card-description{font-size:1.4rem;font-weight:500;color:#484848}.page .card-title{font-size:2.2rem;font-weight:800;color:#424345}.page .all-reason-card{place-content:center;cursor:pointer;transition:all .2s;width:30rem}@media (hover: hover){.page .all-reason-card:hover{background-color:#155ed4}.page .all-reason-card:hover .card-title{color:#fff}.page .all-reason-card:hover .icon-circle{color:#155ed4;background-color:#fff}.page .all-reason-card:active{background-color:#fff}.page .all-reason-card:active .card-title{color:#424345}.page .all-reason-card:active .icon-circle{color:#fff;background-color:#155ed4}}.page .all-reason-card .icon-circle{border-radius:50%;font-size:1.8rem;width:4rem;height:4rem;display:grid;place-content:center;background-color:#155ed4;color:#fff;justify-self:center}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXpELE1BQU0sT0FBTyxxQ0FBcUM7SUFHaEQsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBQ3hDLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGlCQUFpQixDQUFDLEtBQWE7UUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2tJQVJVLHFDQUFxQztzSEFBckMscUNBQXFDLHNIQ1JsRCxnNUNBK0JNOzJGRHZCTyxxQ0FBcUM7a0JBTGpELFNBQVM7K0JBQ0Usa0NBQWtDOzZGQUtuQyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGFnZVNlY3Rpb25XaXRoTXVsdGlwbGVDYXJkc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBhbnk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfUm91dGVyOiBSb3V0ZXIpIHsgfVxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIG9uQ2xpY2tBbGxSZWFzb25zKHJvdXRlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoW3JvdXRlXSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtcGFydFwiPlxuICAgICAgICA8aDIgY2xhc3M9XCJ0aXAtdGl0bGVcIj5cbiAgICAgICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGlwVGl0bGV9fVxuICAgICAgICA8L2gyPlxuICAgICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiPjwvc2VjdGlvbi10aXRsZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicmVhc29uLWNhcmRcIiAqbmdGb3I9XCJsZXQgcmVhc29uIG9mIHNlY3Rpb25Db250ZW50LnJlYXNvbnNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaWNvblwiPlxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA5NyA5N1wiIFtzdHlsZS5maWxsXT1cInJlYXNvbi5zaGFwZUNvbG9yXCI+XG4gICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgZD1cIk01LjAzMTIgNTguODMzMUMtOS4xODc5NyAyOS4wNzA1IDE2LjE2MTUgOS4xMTYwMiA0MS4zMjcxIDMuOTk2MDFDNjYuNDkyOCAtMS4xMjQwMSAxMDIuNDAxIC01LjYwMDgyIDk2LjE2NDIgNDAuMjkxOUM4OS45Mjc4IDg2LjE4NDcgODUuMDM0IDkwLjAwOSA1OS44Njg0IDk1LjEyOUMzNC43MDI3IDEwMC4yNDkgMTkuMjUwNCA4OC41OTU4IDUuMDMxMiA1OC44MzMxWlwiIC8+XG4gICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgIDxmYS1pY29uIFtzdHlsZS5jb2xvcl09XCJyZWFzb24uaWNvbkNvbG9yXCIgW2ljb25dPVwicmVhc29uLmljb25OYW1lXCI+PC9mYS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGVcIj5cbiAgICAgICAgICAgIHt7cmVhc29uLnRpdGxlfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICB7e3JlYXNvbi5kZXNjcmlwdGlvbn19XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxidXR0b24gY2xhc3M9XCJhbGwtcmVhc29uLWNhcmRcIiAoY2xpY2spPVwib25DbGlja0FsbFJlYXNvbnMoc2VjdGlvbkNvbnRlbnQuYWxsUmVhc29uc0JveC5yb3V0ZSlcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGVcIj5cbiAgICAgICAgICAgIHt7c2VjdGlvbkNvbnRlbnQuYWxsUmVhc29uc0JveC5jdGFUZXh0fX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNpcmNsZVwiPlxuICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwic2VjdGlvbkNvbnRlbnQuYWxsUmVhc29uc0JveC5pY29uTmFtZVwiPjwvZmEtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9idXR0b24+XG5cbjwvZGl2PiJdfQ==
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@fortawesome/angular-fontawesome";
+import * as i3 from "@angular/common";
+import * as i4 from "../section-title/section-title.component";
+export class PageSectionWithMultipleCardsComponent {
+    constructor(_Router) {
+        this._Router = _Router;
+    }
+    ngOnInit() { }
+    onClickAllReasons(route) {
+        this._Router.navigate([route]);
+    }
+}
+PageSectionWithMultipleCardsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionWithMultipleCardsComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+PageSectionWithMultipleCardsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionWithMultipleCardsComponent, selector: "page-section-with-multiple-cards", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\r\n    <div class=\"text-part\">\r\n        <h2 class=\"tip-title\">\r\n            {{sectionContent.tipTitle}}\r\n        </h2>\r\n        <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n    </div>\r\n    <div class=\"reason-card\" *ngFor=\"let reason of sectionContent.reasons\">\r\n        <div class=\"card-icon\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 97 97\" [style.fill]=\"reason.shapeColor\">\r\n                <path\r\n                    d=\"M5.0312 58.8331C-9.18797 29.0705 16.1615 9.11602 41.3271 3.99601C66.4928 -1.12401 102.401 -5.60082 96.1642 40.2919C89.9278 86.1847 85.034 90.009 59.8684 95.129C34.7027 100.249 19.2504 88.5958 5.0312 58.8331Z\" />\r\n            </svg>\r\n            <fa-icon [style.color]=\"reason.iconColor\" [icon]=\"reason.iconName\"></fa-icon>\r\n        </div>\r\n        <div class=\"card-title\">\r\n            {{reason.title}}\r\n        </div>\r\n        <div class=\"card-description\">\r\n            {{reason.description}}\r\n        </div>\r\n    </div>\r\n    <button class=\"all-reason-card\" (click)=\"onClickAllReasons(sectionContent.allReasonsBox.route)\">\r\n        <div class=\"card-title\">\r\n            {{sectionContent.allReasonsBox.ctaText}}\r\n        </div>\r\n        <div class=\"icon-circle\">\r\n            <fa-icon [icon]=\"sectionContent.allReasonsBox.iconName\"></fa-icon>\r\n        </div>\r\n    </button>\r\n\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{gap:1.5rem;display:flex;flex-wrap:wrap;width:90%;margin:2rem auto}@media only screen and (min-width: 1500px){.page{max-width:150rem}}.page .text-part{width:61.5rem;row-gap:.5rem;display:grid;grid-template-rows:2rem 13rem auto;min-width:52rem;margin-bottom:2rem}@media only screen and (max-width: 600px){.page .text-part{min-width:0;width:100%;grid-template-rows:2rem auto auto}.page .text-part .subtitle{font-size:3rem;font-weight:700}}.page .text-part .tip-title{color:#155ed4;font-size:1.6rem;font-weight:700}.page .text-part .subtitle{font-size:4rem;font-weight:800;color:#3d3d3d}.page .text-part .description{font-size:2rem;font-weight:500;color:#7e7e7e}.page .reason-card,.page .all-reason-card{row-gap:1rem;display:grid;border-radius:1.5rem;border:.1rem solid #D8D8D8;background:#FFF;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem 1rem;margin:0rem auto}.page .reason-card{width:30rem;grid-template-rows:auto auto auto;text-align:center}.page .reason-card:nth-child(odd) svg{transform:rotate(90deg)}.page .reason-card .card-icon{place-self:center;position:relative}.page .reason-card .card-icon svg{width:9.5rem;height:9.5rem}.page .reason-card .card-icon fa-icon{position:absolute;font-size:3.8rem;top:calc(50% - 1.9rem);left:calc(50% - 1.9rem)}.page .reason-card .card-description{font-size:1.4rem;font-weight:500;color:#484848}.page .card-title{font-size:2.2rem;font-weight:800;color:#424345}.page .all-reason-card{place-content:center;cursor:pointer;transition:all .2s;width:30rem}@media (hover: hover){.page .all-reason-card:hover{background-color:#155ed4}.page .all-reason-card:hover .card-title{color:#fff}.page .all-reason-card:hover .icon-circle{color:#155ed4;background-color:#fff}.page .all-reason-card:active{background-color:#fff}.page .all-reason-card:active .card-title{color:#424345}.page .all-reason-card:active .icon-circle{color:#fff;background-color:#155ed4}}.page .all-reason-card .icon-circle{border-radius:50%;font-size:1.8rem;width:4rem;height:4rem;display:grid;place-content:center;background-color:#155ed4;color:#fff;justify-self: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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionWithMultipleCardsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'page-section-with-multiple-cards', template: "<div class=\"page\">\r\n    <div class=\"text-part\">\r\n        <h2 class=\"tip-title\">\r\n            {{sectionContent.tipTitle}}\r\n        </h2>\r\n        <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n    </div>\r\n    <div class=\"reason-card\" *ngFor=\"let reason of sectionContent.reasons\">\r\n        <div class=\"card-icon\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 97 97\" [style.fill]=\"reason.shapeColor\">\r\n                <path\r\n                    d=\"M5.0312 58.8331C-9.18797 29.0705 16.1615 9.11602 41.3271 3.99601C66.4928 -1.12401 102.401 -5.60082 96.1642 40.2919C89.9278 86.1847 85.034 90.009 59.8684 95.129C34.7027 100.249 19.2504 88.5958 5.0312 58.8331Z\" />\r\n            </svg>\r\n            <fa-icon [style.color]=\"reason.iconColor\" [icon]=\"reason.iconName\"></fa-icon>\r\n        </div>\r\n        <div class=\"card-title\">\r\n            {{reason.title}}\r\n        </div>\r\n        <div class=\"card-description\">\r\n            {{reason.description}}\r\n        </div>\r\n    </div>\r\n    <button class=\"all-reason-card\" (click)=\"onClickAllReasons(sectionContent.allReasonsBox.route)\">\r\n        <div class=\"card-title\">\r\n            {{sectionContent.allReasonsBox.ctaText}}\r\n        </div>\r\n        <div class=\"icon-circle\">\r\n            <fa-icon [icon]=\"sectionContent.allReasonsBox.iconName\"></fa-icon>\r\n        </div>\r\n    </button>\r\n\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{gap:1.5rem;display:flex;flex-wrap:wrap;width:90%;margin:2rem auto}@media only screen and (min-width: 1500px){.page{max-width:150rem}}.page .text-part{width:61.5rem;row-gap:.5rem;display:grid;grid-template-rows:2rem 13rem auto;min-width:52rem;margin-bottom:2rem}@media only screen and (max-width: 600px){.page .text-part{min-width:0;width:100%;grid-template-rows:2rem auto auto}.page .text-part .subtitle{font-size:3rem;font-weight:700}}.page .text-part .tip-title{color:#155ed4;font-size:1.6rem;font-weight:700}.page .text-part .subtitle{font-size:4rem;font-weight:800;color:#3d3d3d}.page .text-part .description{font-size:2rem;font-weight:500;color:#7e7e7e}.page .reason-card,.page .all-reason-card{row-gap:1rem;display:grid;border-radius:1.5rem;border:.1rem solid #D8D8D8;background:#FFF;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem 1rem;margin:0rem auto}.page .reason-card{width:30rem;grid-template-rows:auto auto auto;text-align:center}.page .reason-card:nth-child(odd) svg{transform:rotate(90deg)}.page .reason-card .card-icon{place-self:center;position:relative}.page .reason-card .card-icon svg{width:9.5rem;height:9.5rem}.page .reason-card .card-icon fa-icon{position:absolute;font-size:3.8rem;top:calc(50% - 1.9rem);left:calc(50% - 1.9rem)}.page .reason-card .card-description{font-size:1.4rem;font-weight:500;color:#484848}.page .card-title{font-size:2.2rem;font-weight:800;color:#424345}.page .all-reason-card{place-content:center;cursor:pointer;transition:all .2s;width:30rem}@media (hover: hover){.page .all-reason-card:hover{background-color:#155ed4}.page .all-reason-card:hover .card-title{color:#fff}.page .all-reason-card:hover .icon-circle{color:#155ed4;background-color:#fff}.page .all-reason-card:active{background-color:#fff}.page .all-reason-card:active .card-title{color:#424345}.page .all-reason-card:active .icon-circle{color:#fff;background-color:#155ed4}}.page .all-reason-card .icon-circle{border-radius:50%;font-size:1.8rem;width:4rem;height:4rem;display:grid;place-content:center;background-color:#155ed4;color:#fff;justify-self:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXpELE1BQU0sT0FBTyxxQ0FBcUM7SUFHaEQsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBQ3hDLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGlCQUFpQixDQUFDLEtBQWE7UUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2tJQVJVLHFDQUFxQztzSEFBckMscUNBQXFDLHNIQ1JsRCw4OENBK0JNOzJGRHZCTyxxQ0FBcUM7a0JBTGpELFNBQVM7K0JBQ0Usa0NBQWtDOzZGQUtuQyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2VTZWN0aW9uV2l0aE11bHRpcGxlQ2FyZHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBhbnk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG5cclxuICBvbkNsaWNrQWxsUmVhc29ucyhyb3V0ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoW3JvdXRlXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1wYXJ0XCI+XHJcbiAgICAgICAgPGgyIGNsYXNzPVwidGlwLXRpdGxlXCI+XHJcbiAgICAgICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGlwVGl0bGV9fVxyXG4gICAgICAgIDwvaDI+XHJcbiAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyZWFzb24tY2FyZFwiICpuZ0Zvcj1cImxldCByZWFzb24gb2Ygc2VjdGlvbkNvbnRlbnQucmVhc29uc1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWljb25cIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA5NyA5N1wiIFtzdHlsZS5maWxsXT1cInJlYXNvbi5zaGFwZUNvbG9yXCI+XHJcbiAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgIGQ9XCJNNS4wMzEyIDU4LjgzMzFDLTkuMTg3OTcgMjkuMDcwNSAxNi4xNjE1IDkuMTE2MDIgNDEuMzI3MSAzLjk5NjAxQzY2LjQ5MjggLTEuMTI0MDEgMTAyLjQwMSAtNS42MDA4MiA5Ni4xNjQyIDQwLjI5MTlDODkuOTI3OCA4Ni4xODQ3IDg1LjAzNCA5MC4wMDkgNTkuODY4NCA5NS4xMjlDMzQuNzAyNyAxMDAuMjQ5IDE5LjI1MDQgODguNTk1OCA1LjAzMTIgNTguODMzMVpcIiAvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPGZhLWljb24gW3N0eWxlLmNvbG9yXT1cInJlYXNvbi5pY29uQ29sb3JcIiBbaWNvbl09XCJyZWFzb24uaWNvbk5hbWVcIj48L2ZhLWljb24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGVcIj5cclxuICAgICAgICAgICAge3tyZWFzb24udGl0bGV9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgIHt7cmVhc29uLmRlc2NyaXB0aW9ufX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cImFsbC1yZWFzb24tY2FyZFwiIChjbGljayk9XCJvbkNsaWNrQWxsUmVhc29ucyhzZWN0aW9uQ29udGVudC5hbGxSZWFzb25zQm94LnJvdXRlKVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXRpdGxlXCI+XHJcbiAgICAgICAgICAgIHt7c2VjdGlvbkNvbnRlbnQuYWxsUmVhc29uc0JveC5jdGFUZXh0fX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1jaXJjbGVcIj5cclxuICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwic2VjdGlvbkNvbnRlbnQuYWxsUmVhc29uc0JveC5pY29uTmFtZVwiPjwvZmEtaWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuPC9kaXY+Il19

package/esm2020/lib/pricing-plans/pricing-plans.component.mjs

@@ -1,30 +1,30 @@
-import { Component, Input } from '@angular/core';
-import { LibraryProductTypeChoice } from '../models/library-product-type.model';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@fortawesome/angular-fontawesome";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/tooltip";
-export class PricingPlansComponent {
-    constructor(_router) {
-        this._router = _router;
-    }
-    ngOnInit() {
-    }
-    showFeatures() {
-        this.featuresButtonClicked = true;
-    }
-    onClickCtaButton() {
-        this._router.navigate(['/custom/custom-order-client-form/', 0], { state: { productType: LibraryProductTypeChoice.LIBRARY_MODEL } });
-    }
-}
-PricingPlansComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PricingPlansComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlan: "servicePlan" }, ngImport: i0, template: "<div class=\"plan-content\">\n    <div class=\"title-price-desc\">\n        <h1 class=\"plan-title\">\n            {{servicePlan.name}}\n        </h1>\n        <div class=\"price\" *ngIf=\"servicePlan.price\">\n            <span class=\"service-price\">$ {{servicePlan.price}}</span>\n            <span>/{{servicePlan.frequency}}</span>\n        </div>\n        <div class=\"description\">\n            {{servicePlan.description}}\n        </div>\n        <div class=\"divider\"></div>\n    </div>\n    <div class=\"perks\">\n        <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\n            <span class=\"check-icon\">\n                <fa-icon icon=\"check\"></fa-icon>\n            </span>\n            <div class=\"service-description\">\n                <div class=\"service-perk\">\n                    {{perk.perk}}\n                </div>\n                <span class=\"exclamation-mark\">\n                    <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\n                </span>\n            </div>\n        </div>\n    </div>\n    <div class=\"registration-button\">\n        <button mat-raised-button (click)=\"onClickCtaButton()\" class=\"button\">\n            Choose Plan\n        </button>\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.service-suggestion{display:flex;justify-content:center;align-items:top;font-weight:650;font-size:2.4rem;height:2rem;color:#32353b;margin-bottom:2.5rem}.plan-content{display:flex;flex-direction:column;width:20%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-width:33rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%;margin:auto}@media only screen and (max-width: 552px){.plan-content{min-width:60%}}@media only screen and (max-width: 75em){.plan-content{width:33rem}}@media only screen and (max-width: 620px){.plan-content{width:90%;height:99%}}.plan-content .title-price-desc{height:22rem}.plan-content .title-price-desc .divider{width:90%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem;text-align:center}.plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem;text-align:center;height:8rem}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pricing-plans', template: "<div class=\"plan-content\">\n    <div class=\"title-price-desc\">\n        <h1 class=\"plan-title\">\n            {{servicePlan.name}}\n        </h1>\n        <div class=\"price\" *ngIf=\"servicePlan.price\">\n            <span class=\"service-price\">$ {{servicePlan.price}}</span>\n            <span>/{{servicePlan.frequency}}</span>\n        </div>\n        <div class=\"description\">\n            {{servicePlan.description}}\n        </div>\n        <div class=\"divider\"></div>\n    </div>\n    <div class=\"perks\">\n        <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\n            <span class=\"check-icon\">\n                <fa-icon icon=\"check\"></fa-icon>\n            </span>\n            <div class=\"service-description\">\n                <div class=\"service-perk\">\n                    {{perk.perk}}\n                </div>\n                <span class=\"exclamation-mark\">\n                    <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\n                </span>\n            </div>\n        </div>\n    </div>\n    <div class=\"registration-button\">\n        <button mat-raised-button (click)=\"onClickCtaButton()\" class=\"button\">\n            Choose Plan\n        </button>\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.service-suggestion{display:flex;justify-content:center;align-items:top;font-weight:650;font-size:2.4rem;height:2rem;color:#32353b;margin-bottom:2.5rem}.plan-content{display:flex;flex-direction:column;width:20%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-width:33rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%;margin:auto}@media only screen and (max-width: 552px){.plan-content{min-width:60%}}@media only screen and (max-width: 75em){.plan-content{width:33rem}}@media only screen and (max-width: 620px){.plan-content{width:90%;height:99%}}.plan-content .title-price-desc{height:22rem}.plan-content .title-price-desc .divider{width:90%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem;text-align:center}.plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem;text-align:center;height:8rem}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { servicePlan: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1wbGFucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7Ozs7QUFPaEYsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUTtJQUNSLENBQUM7SUFDRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLHFCQUFxQixHQUFHLElBQUksQ0FBQztJQUNwQyxDQUFDO0lBQ0QsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBRSxtQ0FBbUMsRUFBRSxDQUFDLENBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSx3QkFBd0IsQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDeEksQ0FBQzs7a0hBWlUscUJBQXFCO3NHQUFyQixxQkFBcUIsNkZDVmxDLHMxQ0FrQ007MkZEeEJPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxlQUFlOzZGQUtoQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTZXJ2aWNlUGxhbiB9IGZyb20gJy4uL21vZGVscy9zZXJ2aWNlLXBsYW4ubW9kZWwnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IExpYnJhcnlQcm9kdWN0VHlwZUNob2ljZSB9IGZyb20gJy4uL21vZGVscy9saWJyYXJ5LXByb2R1Y3QtdHlwZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByaWNpbmctcGxhbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJpY2luZy1wbGFucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9wcmljaW5nLXBsYW5zLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIFByaWNpbmdQbGFuc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNlcnZpY2VQbGFuOiBTZXJ2aWNlUGxhbjtcbiAgZmVhdHVyZXNCdXR0b25DbGlja2VkOiBib29sZWFuO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbiAgc2hvd0ZlYXR1cmVzKCkge1xuICAgIHRoaXMuZmVhdHVyZXNCdXR0b25DbGlja2VkID0gdHJ1ZTtcbiAgfVxuICBvbkNsaWNrQ3RhQnV0dG9uKCkge1xuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbICcvY3VzdG9tL2N1c3RvbS1vcmRlci1jbGllbnQtZm9ybS8nLCAwIF0sIHsgc3RhdGU6IHsgcHJvZHVjdFR5cGU6IExpYnJhcnlQcm9kdWN0VHlwZUNob2ljZS5MSUJSQVJZX01PREVMIH0gfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwbGFuLWNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwidGl0bGUtcHJpY2UtZGVzY1wiPlxuICAgICAgICA8aDEgY2xhc3M9XCJwbGFuLXRpdGxlXCI+XG4gICAgICAgICAgICB7e3NlcnZpY2VQbGFuLm5hbWV9fVxuICAgICAgICA8L2gxPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2VcIiAqbmdJZj1cInNlcnZpY2VQbGFuLnByaWNlXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlcnZpY2UtcHJpY2VcIj4kIHt7c2VydmljZVBsYW4ucHJpY2V9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPi97e3NlcnZpY2VQbGFuLmZyZXF1ZW5jeX19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICB7e3NlcnZpY2VQbGFuLmRlc2NyaXB0aW9ufX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInBlcmtzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwZXJrXCIgKm5nRm9yPVwibGV0IHBlcmsgb2Ygc2VydmljZVBsYW4ucGVya3M7IGxldCBzd2l0Y2hTdHlsZSA9IGluZGV4XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNoZWNrLWljb25cIj5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwiY2hlY2tcIj48L2ZhLWljb24+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VydmljZS1kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZXJ2aWNlLXBlcmtcIj5cbiAgICAgICAgICAgICAgICAgICAge3twZXJrLnBlcmt9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZXhjbGFtYXRpb24tbWFya1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIiBbbWF0VG9vbHRpcF09XCJwZXJrLnRvb2x0aXBNZXNzYWdlXCIgW21hdFRvb2x0aXBQb3NpdGlvbl09XCIncmlnaHQnXCIgaWNvbj1cImNpcmNsZS1leGNsYW1hdGlvblwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInJlZ2lzdHJhdGlvbi1idXR0b25cIj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwib25DbGlja0N0YUJ1dHRvbigpXCIgY2xhc3M9XCJidXR0b25cIj5cbiAgICAgICAgICAgIENob29zZSBQbGFuXG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
+import { Component, Input } from '@angular/core';
+import { LibraryProductTypeChoice } from '../models/library-product-type.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@fortawesome/angular-fontawesome";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/tooltip";
+export class PricingPlansComponent {
+    constructor(_router) {
+        this._router = _router;
+    }
+    ngOnInit() {
+    }
+    showFeatures() {
+        this.featuresButtonClicked = true;
+    }
+    onClickCtaButton() {
+        this._router.navigate(['/custom/custom-order-client-form/', 0], { state: { productType: LibraryProductTypeChoice.LIBRARY_MODEL } });
+    }
+}
+PricingPlansComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PricingPlansComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+PricingPlansComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlan: "servicePlan" }, ngImport: i0, template: "<div class=\"plan-content\">\r\n    <div class=\"title-price-desc\">\r\n        <h1 class=\"plan-title\">\r\n            {{servicePlan.name}}\r\n        </h1>\r\n        <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n            <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n            <span>/{{servicePlan.frequency}}</span>\r\n        </div>\r\n        <div class=\"description\">\r\n            {{servicePlan.description}}\r\n        </div>\r\n        <div class=\"divider\"></div>\r\n    </div>\r\n    <div class=\"perks\">\r\n        <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n            <span class=\"check-icon\">\r\n                <fa-icon icon=\"check\"></fa-icon>\r\n            </span>\r\n            <div class=\"service-description\">\r\n                <div class=\"service-perk\">\r\n                    {{perk.perk}}\r\n                </div>\r\n                <span class=\"exclamation-mark\">\r\n                    <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"registration-button\">\r\n        <button mat-raised-button (click)=\"onClickCtaButton()\" class=\"button\">\r\n            Choose Plan\r\n        </button>\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.service-suggestion{display:flex;justify-content:center;align-items:top;font-weight:650;font-size:2.4rem;height:2rem;color:#32353b;margin-bottom:2.5rem}.plan-content{display:flex;flex-direction:column;width:20%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-width:33rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%;margin:auto}@media only screen and (max-width: 552px){.plan-content{min-width:60%}}@media only screen and (max-width: 75em){.plan-content{width:33rem}}@media only screen and (max-width: 620px){.plan-content{width:90%;height:99%}}.plan-content .title-price-desc{height:22rem}.plan-content .title-price-desc .divider{width:90%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem;text-align:center}.plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem;text-align:center;height:8rem}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PricingPlansComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pricing-plans', template: "<div class=\"plan-content\">\r\n    <div class=\"title-price-desc\">\r\n        <h1 class=\"plan-title\">\r\n            {{servicePlan.name}}\r\n        </h1>\r\n        <div class=\"price\" *ngIf=\"servicePlan.price\">\r\n            <span class=\"service-price\">$ {{servicePlan.price}}</span>\r\n            <span>/{{servicePlan.frequency}}</span>\r\n        </div>\r\n        <div class=\"description\">\r\n            {{servicePlan.description}}\r\n        </div>\r\n        <div class=\"divider\"></div>\r\n    </div>\r\n    <div class=\"perks\">\r\n        <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\r\n            <span class=\"check-icon\">\r\n                <fa-icon icon=\"check\"></fa-icon>\r\n            </span>\r\n            <div class=\"service-description\">\r\n                <div class=\"service-perk\">\r\n                    {{perk.perk}}\r\n                </div>\r\n                <span class=\"exclamation-mark\">\r\n                    <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\" icon=\"circle-exclamation\"></fa-icon>\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"registration-button\">\r\n        <button mat-raised-button (click)=\"onClickCtaButton()\" class=\"button\">\r\n            Choose Plan\r\n        </button>\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.service-suggestion{display:flex;justify-content:center;align-items:top;font-weight:650;font-size:2.4rem;height:2rem;color:#32353b;margin-bottom:2.5rem}.plan-content{display:flex;flex-direction:column;width:20%;background:#FFFFFF;border-radius:1rem;padding:3rem 2rem;min-width:33rem;row-gap:.5rem;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%;margin:auto}@media only screen and (max-width: 552px){.plan-content{min-width:60%}}@media only screen and (max-width: 75em){.plan-content{width:33rem}}@media only screen and (max-width: 620px){.plan-content{width:90%;height:99%}}.plan-content .title-price-desc{height:22rem}.plan-content .title-price-desc .divider{width:90%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2.5rem;padding:1rem 0rem;text-align:center}.plan-content .description{color:#32353b;font-size:1.2rem;padding:1rem 0rem;text-align:center;height:8rem}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.3rem;margin-left:1rem;color:#36393fe8;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{font-weight:800;font-size:4.2rem;text-align:center}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { servicePlan: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1wbGFucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7Ozs7QUFPaEYsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUTtJQUNSLENBQUM7SUFDRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLHFCQUFxQixHQUFHLElBQUksQ0FBQztJQUNwQyxDQUFDO0lBQ0QsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBRSxtQ0FBbUMsRUFBRSxDQUFDLENBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSx3QkFBd0IsQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDeEksQ0FBQzs7a0hBWlUscUJBQXFCO3NHQUFyQixxQkFBcUIsNkZDVmxDLDA1Q0FrQ007MkZEeEJPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxlQUFlOzZGQUtoQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNlcnZpY2VQbGFuIH0gZnJvbSAnLi4vbW9kZWxzL3NlcnZpY2UtcGxhbi5tb2RlbCc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IExpYnJhcnlQcm9kdWN0VHlwZUNob2ljZSB9IGZyb20gJy4uL21vZGVscy9saWJyYXJ5LXByb2R1Y3QtdHlwZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ByaWNpbmctcGxhbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcmljaW5nLXBsYW5zLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vcHJpY2luZy1wbGFucy5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJpY2luZ1BsYW5zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZXJ2aWNlUGxhbjogU2VydmljZVBsYW47XHJcbiAgZmVhdHVyZXNCdXR0b25DbGlja2VkOiBib29sZWFuO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG4gIHNob3dGZWF0dXJlcygpIHtcclxuICAgIHRoaXMuZmVhdHVyZXNCdXR0b25DbGlja2VkID0gdHJ1ZTtcclxuICB9XHJcbiAgb25DbGlja0N0YUJ1dHRvbigpIHtcclxuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbICcvY3VzdG9tL2N1c3RvbS1vcmRlci1jbGllbnQtZm9ybS8nLCAwIF0sIHsgc3RhdGU6IHsgcHJvZHVjdFR5cGU6IExpYnJhcnlQcm9kdWN0VHlwZUNob2ljZS5MSUJSQVJZX01PREVMIH0gfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwbGFuLWNvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1wcmljZS1kZXNjXCI+XHJcbiAgICAgICAgPGgxIGNsYXNzPVwicGxhbi10aXRsZVwiPlxyXG4gICAgICAgICAgICB7e3NlcnZpY2VQbGFuLm5hbWV9fVxyXG4gICAgICAgIDwvaDE+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlXCIgKm5nSWY9XCJzZXJ2aWNlUGxhbi5wcmljZVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlcnZpY2UtcHJpY2VcIj4kIHt7c2VydmljZVBsYW4ucHJpY2V9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4+L3t7c2VydmljZVBsYW4uZnJlcXVlbmN5fX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgIHt7c2VydmljZVBsYW4uZGVzY3JpcHRpb259fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJwZXJrc1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwZXJrXCIgKm5nRm9yPVwibGV0IHBlcmsgb2Ygc2VydmljZVBsYW4ucGVya3M7IGxldCBzd2l0Y2hTdHlsZSA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2hlY2staWNvblwiPlxyXG4gICAgICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImNoZWNrXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZXJ2aWNlLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VydmljZS1wZXJrXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3twZXJrLnBlcmt9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV4Y2xhbWF0aW9uLW1hcmtcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIiBbbWF0VG9vbHRpcF09XCJwZXJrLnRvb2x0aXBNZXNzYWdlXCIgW21hdFRvb2x0aXBQb3NpdGlvbl09XCIncmlnaHQnXCIgaWNvbj1cImNpcmNsZS1leGNsYW1hdGlvblwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyZWdpc3RyYXRpb24tYnV0dG9uXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwib25DbGlja0N0YUJ1dHRvbigpXCIgY2xhc3M9XCJidXR0b25cIj5cclxuICAgICAgICAgICAgQ2hvb3NlIFBsYW5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/section-title/section-title.component.mjs

@@ -1,14 +1,14 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class SectionTitleComponent {
-}
-SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SectionTitleComponent, selector: "section-title", inputs: { sectionTitle: "sectionTitle" }, ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider}\">\n    <div class=\"title-container\">\n        <div class=\"title\" *ngIf=\"sectionTitle.title\">{{sectionTitle.title | titlecase}}</div>\n        <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\n        </div>\n    </div>\n    <div class=\"description\" *ngIf=\"sectionTitle.subtitle\">\n        {{sectionTitle.subtitle}}\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:70%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:bolder;font-size:4.5rem;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.without-divider .title{font-size:5rem}.without-divider .description{font-size:2rem}@media only screen and (max-width: 37.5em){.without-divider .title{font-size:3rem}.without-divider .description{font-size:1.8rem}}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:3rem}.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'section-title', template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider}\">\n    <div class=\"title-container\">\n        <div class=\"title\" *ngIf=\"sectionTitle.title\">{{sectionTitle.title | titlecase}}</div>\n        <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\n        </div>\n    </div>\n    <div class=\"description\" *ngIf=\"sectionTitle.subtitle\">\n        {{sectionTitle.subtitle}}\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:70%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:bolder;font-size:4.5rem;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.without-divider .title{font-size:5rem}.without-divider .description{font-size:2rem}@media only screen and (max-width: 37.5em){.without-divider .title{font-size:3rem}.without-divider .description{font-size:1.8rem}}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:3rem}.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"] }]
-        }], propDecorators: { sectionTitle: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUIsK0ZDUGxDLHltQkFTTTsyRkRGTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlY3Rpb25UaXRsZSB9IGZyb20gJy4uL21vZGVscy9zZWN0aW9uLXRpdGxlLm1vZGVsJ1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2VjdGlvbi10aXRsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgU2VjdGlvblRpdGxlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VjdGlvblRpdGxlOiBTZWN0aW9uVGl0bGU7XG59XG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvbi1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2FsaWduLWxlZnQnOnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQsJ2FsaWduLWNlbnRlcic6IXNlY3Rpb25UaXRsZS5hbGlnbkxlZnQsJ2RhcmstYmFja2dyb3VuZCc6c2VjdGlvblRpdGxlLmlzRGFya0JnICwnbGlnaHQtYmFja2dyb3VuZCc6IXNlY3Rpb25UaXRsZS5pc0RhcmtCZywgJ3dpdGhvdXQtZGl2aWRlcic6c2VjdGlvblRpdGxlLmlzV2l0aG91dERpdmlkZXJ9XCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIiAqbmdJZj1cInNlY3Rpb25UaXRsZS50aXRsZVwiPnt7c2VjdGlvblRpdGxlLnRpdGxlIHwgdGl0bGVjYXNlfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRpdmlkZXJcIiAqbmdJZj1cIiFzZWN0aW9uVGl0bGUuaXNXaXRob3V0RGl2aWRlclwiPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIiAqbmdJZj1cInNlY3Rpb25UaXRsZS5zdWJ0aXRsZVwiPlxuICAgICAgICB7e3NlY3Rpb25UaXRsZS5zdWJ0aXRsZX19XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SectionTitleComponent {
+}
+SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SectionTitleComponent, selector: "section-title", inputs: { sectionTitle: "sectionTitle" }, ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider}\">\r\n    <div class=\"title-container\">\r\n        <div class=\"title\" *ngIf=\"sectionTitle.title\">{{sectionTitle.title | titlecase}}</div>\r\n        <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n        </div>\r\n    </div>\r\n    <div class=\"description\" *ngIf=\"sectionTitle.subtitle\">\r\n        {{sectionTitle.subtitle}}\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:70%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:bolder;font-size:4.5rem;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.without-divider .title{font-size:5rem}.without-divider .description{font-size:2rem}@media only screen and (max-width: 37.5em){.without-divider .title{font-size:3rem}.without-divider .description{font-size:1.8rem}}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:3rem}.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SectionTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'section-title', template: "<div class=\"section-container\" [ngClass]=\"{'align-left':sectionTitle.alignLeft,'align-center':!sectionTitle.alignLeft,'dark-background':sectionTitle.isDarkBg ,'light-background':!sectionTitle.isDarkBg, 'without-divider':sectionTitle.isWithoutDivider}\">\r\n    <div class=\"title-container\">\r\n        <div class=\"title\" *ngIf=\"sectionTitle.title\">{{sectionTitle.title | titlecase}}</div>\r\n        <div class=\"divider\" *ngIf=\"!sectionTitle.isWithoutDivider\">\r\n        </div>\r\n    </div>\r\n    <div class=\"description\" *ngIf=\"sectionTitle.subtitle\">\r\n        {{sectionTitle.subtitle}}\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section-container{width:100%}.align-center{text-align:center}.align-center .title-container{margin:auto}.align-center .divider{margin:.2rem auto 3.2rem}.align-center .description{margin:auto;width:70%}.title-container{margin:auto;width:-moz-fit-content;width:fit-content}.title{font-weight:bolder;font-size:4.5rem;width:auto;margin:auto;line-height:normal}.divider{height:.4rem;width:auto;border-radius:4rem}.dark-background .divider{background-color:#fff}.dark-background .title,.dark-background .description{color:#fff}.without-divider{display:flex;flex-direction:column;row-gap:3rem}.without-divider .title{font-size:5rem}.without-divider .description{font-size:2rem}@media only screen and (max-width: 37.5em){.without-divider .title{font-size:3rem}.without-divider .description{font-size:1.8rem}}.light-background .divider{background-color:#155ed4}.light-background .title,.light-background .description{color:#32353b}.description{width:85%;font-weight:500;font-size:1.6rem}.align-left .title{margin:0}.align-left .divider{margin:.2rem 0 3.2rem;width:auto}.align-left .description{width:85%;margin:0}.align-left .title-container{margin:0}@media only screen and (max-width: 37.5em){.align-left .title,.align-center .title{font-size:3rem}.align-left .description,.align-center .description{width:85%;font-size:1.8rem}}\n"] }]
+        }], propDecorators: { sectionTitle: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUIsK0ZDUGxDLDJuQkFTTTsyRkRGTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2VjdGlvblRpdGxlIH0gZnJvbSAnLi4vbW9kZWxzL3NlY3Rpb24tdGl0bGUubW9kZWwnXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2VjdGlvbi10aXRsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWN0aW9uVGl0bGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25UaXRsZTogU2VjdGlvblRpdGxlO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzZWN0aW9uLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsnYWxpZ24tbGVmdCc6c2VjdGlvblRpdGxlLmFsaWduTGVmdCwnYWxpZ24tY2VudGVyJzohc2VjdGlvblRpdGxlLmFsaWduTGVmdCwnZGFyay1iYWNrZ3JvdW5kJzpzZWN0aW9uVGl0bGUuaXNEYXJrQmcgLCdsaWdodC1iYWNrZ3JvdW5kJzohc2VjdGlvblRpdGxlLmlzRGFya0JnLCAnd2l0aG91dC1kaXZpZGVyJzpzZWN0aW9uVGl0bGUuaXNXaXRob3V0RGl2aWRlcn1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIiAqbmdJZj1cInNlY3Rpb25UaXRsZS50aXRsZVwiPnt7c2VjdGlvblRpdGxlLnRpdGxlIHwgdGl0bGVjYXNlfX08L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiICpuZ0lmPVwiIXNlY3Rpb25UaXRsZS5pc1dpdGhvdXREaXZpZGVyXCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvblwiICpuZ0lmPVwic2VjdGlvblRpdGxlLnN1YnRpdGxlXCI+XHJcbiAgICAgICAge3tzZWN0aW9uVGl0bGUuc3VidGl0bGV9fVxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==