@jooler/jooler-websites-shared 0.0.235 → 0.0.236

package/esm2022/lib/success-message-dialog/success-message-dialog.component.mjs

@@ -1,24 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/router";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export class SuccessMessageDialogComponent {
-    dialogRef;
-    _Router;
-    constructor(dialogRef, _Router) {
-        this.dialogRef = dialogRef;
-        this._Router = _Router;
-    }
-    onClickSubmitAnotherForm() {
-        this.dialogRef.close();
-        this._Router.navigate(['/contact-us/contact-us-page']);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuccessMessageDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuccessMessageDialogComponent, selector: "success-message-dialog", ngImport: i0, template: "<div class=\"page\">\r\n  <span mat-dialog-title class=\"dialog-header\" mat-button>\r\n    <fa-icon icon=\"xmark\" mat-dialog-close></fa-icon>\r\n  </span>\r\n\r\n  <mat-dialog-content class=\"mat-typography\">\r\n    <div class=\"success-icon\">\r\n      <fa-icon icon=\"calendar-check\"></fa-icon>\r\n    </div>\r\n    <h2 class=\"title\">Thanks! your request has been submitted</h2>\r\n    <h3 class=\"subtitle\">We have received your message, we'll reach out to you as soon as possible!</h3>\r\n  </mat-dialog-content>\r\n  <div class=\"divider\"></div>\r\n  <mat-dialog-actions class=\"dialog-footer\">\r\n    <h3>Still have any questions? <span class=\"link-text\" (click)=\"onClickSubmitAnotherForm()\">Submit\r\n        another form</span>\r\n    </h3>\r\n  </mat-dialog-actions>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{text-align:center}.page .mat-typography{padding:0 6rem 2rem;display:grid}.page .dialog-header{text-align:right;font-size:3rem;color:#686868;font-weight:900;padding:0 2rem}.page .success-icon{font-size:7rem;color:#12957e;margin-bottom:2rem}.page .title{color:#36393f;font-size:2.8rem;font-weight:700}.page .subtitle{justify-self:center;width:85%;font-size:2.2rem;font-weight:500;color:#494949}.page .divider{width:95%;border:.1rem solid #D8D8D8;margin:auto}.page .dialog-footer{padding:3rem 0rem;display:grid;justify-content:center}.page .dialog-footer h3{color:#494949;align-self:center;font-size:2.2rem}.page .link-text{color:#155ed4;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuccessMessageDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'success-message-dialog', template: "<div class=\"page\">\r\n  <span mat-dialog-title class=\"dialog-header\" mat-button>\r\n    <fa-icon icon=\"xmark\" mat-dialog-close></fa-icon>\r\n  </span>\r\n\r\n  <mat-dialog-content class=\"mat-typography\">\r\n    <div class=\"success-icon\">\r\n      <fa-icon icon=\"calendar-check\"></fa-icon>\r\n    </div>\r\n    <h2 class=\"title\">Thanks! your request has been submitted</h2>\r\n    <h3 class=\"subtitle\">We have received your message, we'll reach out to you as soon as possible!</h3>\r\n  </mat-dialog-content>\r\n  <div class=\"divider\"></div>\r\n  <mat-dialog-actions class=\"dialog-footer\">\r\n    <h3>Still have any questions? <span class=\"link-text\" (click)=\"onClickSubmitAnotherForm()\">Submit\r\n        another form</span>\r\n    </h3>\r\n  </mat-dialog-actions>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{text-align:center}.page .mat-typography{padding:0 6rem 2rem;display:grid}.page .dialog-header{text-align:right;font-size:3rem;color:#686868;font-weight:900;padding:0 2rem}.page .success-icon{font-size:7rem;color:#12957e;margin-bottom:2rem}.page .title{color:#36393f;font-size:2.8rem;font-weight:700}.page .subtitle{justify-self:center;width:85%;font-size:2.2rem;font-weight:500;color:#494949}.page .divider{width:95%;border:.1rem solid #D8D8D8;margin:auto}.page .dialog-footer{padding:3rem 0rem;display:grid;justify-content:center}.page .dialog-footer h3{color:#494949;align-self:center;font-size:2.2rem}.page .link-text{color:#155ed4;cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.Router }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTMUMsTUFBTSxPQUFPLDZCQUE2QjtJQUcvQjtJQUNDO0lBRlYsWUFDUyxTQUFzRCxFQUNyRCxPQUFlO1FBRGhCLGNBQVMsR0FBVCxTQUFTLENBQTZDO1FBQ3JELFlBQU8sR0FBUCxPQUFPLENBQVE7SUFDckIsQ0FBQztJQUVMLHdCQUF3QjtRQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsNkJBQTZCLENBQUMsQ0FBQyxDQUFDO0lBQ3pELENBQUM7d0dBVlUsNkJBQTZCOzRGQUE3Qiw2QkFBNkIsOERDVDFDLGd5QkFrQk07OzRGRFRPLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudD4sXHJcbiAgICBwcml2YXRlIF9Sb3V0ZXI6IFJvdXRlclxyXG4gICkgeyB9XHJcblxyXG4gIG9uQ2xpY2tTdWJtaXRBbm90aGVyRm9ybSgpIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoWycvY29udGFjdC11cy9jb250YWN0LXVzLXBhZ2UnXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgPHNwYW4gbWF0LWRpYWxvZy10aXRsZSBjbGFzcz1cImRpYWxvZy1oZWFkZXJcIiBtYXQtYnV0dG9uPlxyXG4gICAgPGZhLWljb24gaWNvbj1cInhtYXJrXCIgbWF0LWRpYWxvZy1jbG9zZT48L2ZhLWljb24+XHJcbiAgPC9zcGFuPlxyXG5cclxuICA8bWF0LWRpYWxvZy1jb250ZW50IGNsYXNzPVwibWF0LXR5cG9ncmFwaHlcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzdWNjZXNzLWljb25cIj5cclxuICAgICAgPGZhLWljb24gaWNvbj1cImNhbGVuZGFyLWNoZWNrXCI+PC9mYS1pY29uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8aDIgY2xhc3M9XCJ0aXRsZVwiPlRoYW5rcyEgeW91ciByZXF1ZXN0IGhhcyBiZWVuIHN1Ym1pdHRlZDwvaDI+XHJcbiAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZVwiPldlIGhhdmUgcmVjZWl2ZWQgeW91ciBtZXNzYWdlLCB3ZSdsbCByZWFjaCBvdXQgdG8geW91IGFzIHNvb24gYXMgcG9zc2libGUhPC9oMz5cclxuICA8L21hdC1kaWFsb2ctY29udGVudD5cclxuICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiPjwvZGl2PlxyXG4gIDxtYXQtZGlhbG9nLWFjdGlvbnMgY2xhc3M9XCJkaWFsb2ctZm9vdGVyXCI+XHJcbiAgICA8aDM+U3RpbGwgaGF2ZSBhbnkgcXVlc3Rpb25zPyA8c3BhbiBjbGFzcz1cImxpbmstdGV4dFwiIChjbGljayk9XCJvbkNsaWNrU3VibWl0QW5vdGhlckZvcm0oKVwiPlN1Ym1pdFxyXG4gICAgICAgIGFub3RoZXIgZm9ybTwvc3Bhbj5cclxuICAgIDwvaDM+XHJcbiAgPC9tYXQtZGlhbG9nLWFjdGlvbnM+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/team/team.component.mjs

@@ -1,57 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/cdk/layout";
-import * as i3 from "@angular/common";
-import * as i4 from "primeng/api";
-import * as i5 from "primeng/carousel";
-import * as i6 from "../section-title/section-title.component";
-;
-export class TeamComponent {
-    _router;
-    breakpointObserver;
-    sectionContent;
-    isTabletSize;
-    membersToShow;
-    scrollMemberNumber = 2;
-    constructor(_router, breakpointObserver) {
-        this._router = _router;
-        this.breakpointObserver = breakpointObserver;
-    }
-    ngOnInit() {
-        this.breakpointObserver.observe([
-            "(max-width: 1200px) and (min-width:851px)", "(max-width: 850px) and (min-width:601px)",
-            "(max-width: 600px)"
-        ]).subscribe((result) => {
-            if (result.breakpoints['(max-width: 1200px) and (min-width:851px)']) {
-                this.isTabletSize = true;
-                this.membersToShow = 3;
-            }
-            else if (result.breakpoints['(max-width: 850px) and (min-width:601px)']) {
-                this.membersToShow = 2;
-                this.scrollMemberNumber = 2;
-                this.isTabletSize = true;
-            }
-            else if (result.breakpoints['(max-width: 600px)']) {
-                this.membersToShow = 1;
-                this.scrollMemberNumber = 1;
-                this.isTabletSize = true;
-            }
-            else {
-                this.isTabletSize = false;
-            }
-        });
-    }
-    onAddNewMember() {
-        this._router.navigate(['/team/new-member']);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TeamComponent, deps: [{ token: i1.Router }, { token: i2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TeamComponent, selector: "team", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\r\n    <section-title [sectionTitle]=\"sectionContent.sectionTitle\" ></section-title>\r\n    <div class=\"cards\" *ngIf=\"!isTabletSize\">\r\n        <div class=\"member-card\" *ngFor=\"let teamMember of sectionContent.teamMembers\">\r\n            <div class=\"image-container\">\r\n                <img loading=\"lazy\" [src]=\"teamMember.profilePicture\">\r\n            </div>\r\n            <div class=\"member-information\">\r\n                <div class=\"name\">\r\n                    {{teamMember.fullName}}\r\n                </div>\r\n                <div class=\"position\">\r\n                    {{teamMember.position}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"cards\" *ngIf=\"isTabletSize\">\r\n        <p-carousel  [value]=\"sectionContent.teamMembers\" [numVisible]='membersToShow'\r\n            [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\r\n            <ng-template let-member pTemplate=\"item\">\r\n                <div class=\"member-card\">\r\n                    <div class=\"image-container\">\r\n                        <img loading=\"lazy\" [src]=\"member.profilePicture\">\r\n                    </div>\r\n                    <div class=\"member-information\">\r\n                        <div class=\"name\">\r\n                            {{member.fullName}}\r\n                        </div>\r\n                        <div class=\"position\">\r\n                            {{member.position}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </p-carousel>\r\n    </div>\r\n    <div class=\"caption-text\">\r\n        {{sectionContent.caption}}\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;grid-template-rows:auto auto;row-gap:2rem;width:100%}.page .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.page .caption-text{font-weight:600;font-size:2rem;width:85%;text-align:center;margin:2rem auto;color:#155ed4}.page .member-card{height:27rem;width:22rem;padding:1rem;display:grid;border-radius:1rem}.page .member-card .image-container{display:grid;place-self:center;border-radius:1.5rem;overflow:hidden;width:100%;height:20rem}.page .member-card .image-container img{width:100%;height:100%;object-fit:cover}.page .member-card .member-information{justify-self:center;text-align:center}.page .member-card .member-information .name{font-weight:600;font-size:1.9rem;margin:auto;text-align:center}.page .member-card .member-information .position{font-weight:500;font-size:1.4rem}@media only screen and (max-width: 75em){.page{width:100%;display:block}.page .title{margin-bottom:1.8rem}.page .cards{display:block;width:100%}.page .member-card{width:22rem;margin:auto}.page .member-card .image-container{width:100%;height:100%;overflow:hidden}.page .member-card .image-container img{width:100%;height:100%;aspect-ratio:1/1}}@media only screen and (max-width: 37.5em){.page .member-card{width:23rem}}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#155ed4;width:2rem}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }, { kind: "component", type: i6.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TeamComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'team', template: "<div class=\"page\">\r\n    <section-title [sectionTitle]=\"sectionContent.sectionTitle\" ></section-title>\r\n    <div class=\"cards\" *ngIf=\"!isTabletSize\">\r\n        <div class=\"member-card\" *ngFor=\"let teamMember of sectionContent.teamMembers\">\r\n            <div class=\"image-container\">\r\n                <img loading=\"lazy\" [src]=\"teamMember.profilePicture\">\r\n            </div>\r\n            <div class=\"member-information\">\r\n                <div class=\"name\">\r\n                    {{teamMember.fullName}}\r\n                </div>\r\n                <div class=\"position\">\r\n                    {{teamMember.position}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"cards\" *ngIf=\"isTabletSize\">\r\n        <p-carousel  [value]=\"sectionContent.teamMembers\" [numVisible]='membersToShow'\r\n            [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\r\n            <ng-template let-member pTemplate=\"item\">\r\n                <div class=\"member-card\">\r\n                    <div class=\"image-container\">\r\n                        <img loading=\"lazy\" [src]=\"member.profilePicture\">\r\n                    </div>\r\n                    <div class=\"member-information\">\r\n                        <div class=\"name\">\r\n                            {{member.fullName}}\r\n                        </div>\r\n                        <div class=\"position\">\r\n                            {{member.position}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </p-carousel>\r\n    </div>\r\n    <div class=\"caption-text\">\r\n        {{sectionContent.caption}}\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;grid-template-rows:auto auto;row-gap:2rem;width:100%}.page .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.page .caption-text{font-weight:600;font-size:2rem;width:85%;text-align:center;margin:2rem auto;color:#155ed4}.page .member-card{height:27rem;width:22rem;padding:1rem;display:grid;border-radius:1rem}.page .member-card .image-container{display:grid;place-self:center;border-radius:1.5rem;overflow:hidden;width:100%;height:20rem}.page .member-card .image-container img{width:100%;height:100%;object-fit:cover}.page .member-card .member-information{justify-self:center;text-align:center}.page .member-card .member-information .name{font-weight:600;font-size:1.9rem;margin:auto;text-align:center}.page .member-card .member-information .position{font-weight:500;font-size:1.4rem}@media only screen and (max-width: 75em){.page{width:100%;display:block}.page .title{margin-bottom:1.8rem}.page .cards{display:block;width:100%}.page .member-card{width:22rem;margin:auto}.page .member-card .image-container{width:100%;height:100%;overflow:hidden}.page .member-card .image-container img{width:100%;height:100%;aspect-ratio:1/1}}@media only screen and (max-width: 37.5em){.page .member-card{width:23rem}}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#155ed4;width:2rem}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvdGVhbS90ZWFtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi90ZWFtL3RlYW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBRWhCLENBQUM7QUFRMUMsTUFBTSxPQUFPLGFBQWE7SUFPZDtJQUNBO0lBUEQsY0FBYyxDQUFjO0lBQ3JDLFlBQVksQ0FBVTtJQUN0QixhQUFhLENBQVM7SUFDdEIsa0JBQWtCLEdBQVcsQ0FBQyxDQUFDO0lBRS9CLFlBQ1UsT0FBZSxFQUNmLGtCQUFzQztRQUR0QyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBQ2YsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtJQUM1QyxDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsMkNBQTJDLEVBQUUsMENBQTBDO1lBQ3ZGLG9CQUFvQjtTQUNyQixDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBdUIsRUFBRSxFQUFFO1lBQ3ZDLElBQUksTUFBTSxDQUFDLFdBQVcsQ0FBQywyQ0FBMkMsQ0FBQyxFQUFFO2dCQUNuRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7YUFDeEI7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDBDQUEwQyxDQUFDLEVBQUU7Z0JBQ3ZFLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDO2dCQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUMxQjtpQkFDSSxJQUFJLE1BQU0sQ0FBQyxXQUFXLENBQUMsb0JBQW9CLENBQUMsRUFBRTtnQkFDakQsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQzFCO2lCQUNJO2dCQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2FBQzNCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7d0dBdENVLGFBQWE7NEZBQWIsYUFBYSwwRkNWMUIsdXhEQXdDTTs7NEZEOUJPLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsTUFBTTs4SEFLUCxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7O1xyXG5pbXBvcnQgeyBUZWFtU2VjdGlvbiB9IGZyb20gJy4uL21vZGVscy90ZWFtLXNlY3Rpb24ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0ZWFtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGVhbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGVhbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZWFtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogVGVhbVNlY3Rpb247XHJcbiAgaXNUYWJsZXRTaXplOiBib29sZWFuO1xyXG4gIG1lbWJlcnNUb1Nob3c6IG51bWJlcjtcclxuICBzY3JvbGxNZW1iZXJOdW1iZXI6IG51bWJlciA9IDI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZShbXHJcbiAgICAgIFwiKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDo4NTFweClcIiwgXCIobWF4LXdpZHRoOiA4NTBweCkgYW5kIChtaW4td2lkdGg6NjAxcHgpXCIsXHJcbiAgICAgIFwiKG1heC13aWR0aDogNjAwcHgpXCJcclxuICAgIF0pLnN1YnNjcmliZSgocmVzdWx0OiBCcmVha3BvaW50U3RhdGUpID0+IHtcclxuICAgICAgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDo4NTFweCknXSkge1xyXG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLm1lbWJlcnNUb1Nob3cgPSAzO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogODUwcHgpIGFuZCAobWluLXdpZHRoOjYwMXB4KSddKSB7XHJcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMjtcclxuICAgICAgICB0aGlzLnNjcm9sbE1lbWJlck51bWJlciA9IDI7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogNjAwcHgpJ10pIHtcclxuICAgICAgICB0aGlzLm1lbWJlcnNUb1Nob3cgPSAxO1xyXG4gICAgICAgIHRoaXMuc2Nyb2xsTWVtYmVyTnVtYmVyID0gMTtcclxuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSB7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvbkFkZE5ld01lbWJlcigpIHtcclxuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbJy90ZWFtL25ldy1tZW1iZXInXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiID48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZHNcIiAqbmdJZj1cIiFpc1RhYmxldFNpemVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibWVtYmVyLWNhcmRcIiAqbmdGb3I9XCJsZXQgdGVhbU1lbWJlciBvZiBzZWN0aW9uQ29udGVudC50ZWFtTWVtYmVyc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJ0ZWFtTWVtYmVyLnByb2ZpbGVQaWN0dXJlXCI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVtYmVyLWluZm9ybWF0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7dGVhbU1lbWJlci5mdWxsTmFtZX19XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb3NpdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7dGVhbU1lbWJlci5wb3NpdGlvbn19XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkc1wiICpuZ0lmPVwiaXNUYWJsZXRTaXplXCI+XHJcbiAgICAgICAgPHAtY2Fyb3VzZWwgIFt2YWx1ZV09XCJzZWN0aW9uQ29udGVudC50ZWFtTWVtYmVyc1wiIFtudW1WaXNpYmxlXT0nbWVtYmVyc1RvU2hvdydcclxuICAgICAgICAgICAgW251bVNjcm9sbF09J3Njcm9sbE1lbWJlck51bWJlcicgW3BhZ2VdPVwiMFwiIG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiIFtjaXJjdWxhcl09XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBsZXQtbWVtYmVyIHBUZW1wbGF0ZT1cIml0ZW1cIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZW1iZXItY2FyZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwibWVtYmVyLnByb2ZpbGVQaWN0dXJlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1pbmZvcm1hdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3ttZW1iZXIuZnVsbE5hbWV9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvc2l0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e21lbWJlci5wb3NpdGlvbn19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9wLWNhcm91c2VsPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FwdGlvbi10ZXh0XCI+XHJcbiAgICAgICAge3tzZWN0aW9uQ29udGVudC5jYXB0aW9ufX1cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/value-prop-card/value-prop-card.component.mjs

@@ -1,44 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@fortawesome/angular-fontawesome";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/card";
-export class ValuePropCardComponent {
-    valuePropContent;
-    cardOnHover;
-    imageSize;
-    icon;
-    imageStyle;
-    ngOnInit() {
-        if (this.valuePropContent.iconName) {
-            this.icon = this.valuePropContent.iconName;
-        }
-        if (this.valuePropContent.image) {
-            this.setImageStyle();
-        }
-    }
-    setImageStyle() {
-        let imageSize = '4.5rem';
-        if (this.imageSize) {
-            imageSize = this.imageSize;
-        }
-        let style = {
-            height: imageSize,
-            width: imageSize
-        };
-        this.imageStyle = style;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValuePropCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ValuePropCardComponent, selector: "value-prop-card", inputs: { valuePropContent: "valuePropContent", cardOnHover: "cardOnHover", imageSize: "imageSize" }, ngImport: i0, template: "<mat-card class=\"reason-block\"\r\n    [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n    <mat-card-content class=\"content\">\r\n        <div class=\"reason-headline\">\r\n            <div class=\"reason-icon\" *ngIf=\"icon\">\r\n                <fa-icon [icon]=\"icon\"></fa-icon>\r\n            </div>\r\n            <div class=\"reason-image\" *ngIf=\"!icon\">\r\n                <img [ngStyle]=\"imageStyle\" loading=\"lazy\" [src]=\"valuePropContent.image\">\r\n            </div>\r\n            <div class=\"reason-title\">\r\n                {{valuePropContent.title}}\r\n            </div>\r\n        </div>\r\n        <div class=\"reason-desc\">\r\n            {{valuePropContent.description}}\r\n        </div>\r\n    </mat-card-content>\r\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.content{display:grid;row-gap:1rem;grid-template-rows:max-content auto}.card-on-hover:hover{background-color:#f7f8f9}.constant-card{background-color:#fff}.reason-block{transition:all ease-in-out .2s;height:21rem;max-width:36rem}.reason-block .reason-headline{display:grid;column-gap:1rem;grid-template-columns:max-content auto;grid-template-rows:max-content;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit;font-size:1.6rem;line-height:1.6rem}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValuePropCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'value-prop-card', template: "<mat-card class=\"reason-block\"\r\n    [ngClass]=\"{'card-on-hover':cardOnHover , 'constant-card': !cardOnHover}\">\r\n    <mat-card-content class=\"content\">\r\n        <div class=\"reason-headline\">\r\n            <div class=\"reason-icon\" *ngIf=\"icon\">\r\n                <fa-icon [icon]=\"icon\"></fa-icon>\r\n            </div>\r\n            <div class=\"reason-image\" *ngIf=\"!icon\">\r\n                <img [ngStyle]=\"imageStyle\" loading=\"lazy\" [src]=\"valuePropContent.image\">\r\n            </div>\r\n            <div class=\"reason-title\">\r\n                {{valuePropContent.title}}\r\n            </div>\r\n        </div>\r\n        <div class=\"reason-desc\">\r\n            {{valuePropContent.description}}\r\n        </div>\r\n    </mat-card-content>\r\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.content{display:grid;row-gap:1rem;grid-template-rows:max-content auto}.card-on-hover:hover{background-color:#f7f8f9}.constant-card{background-color:#fff}.reason-block{transition:all ease-in-out .2s;height:21rem;max-width:36rem}.reason-block .reason-headline{display:grid;column-gap:1rem;grid-template-columns:max-content auto;grid-template-rows:max-content;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-title,.reason-block .reason-desc{font-family:inherit;font-size:1.6rem;line-height:1.6rem}\n"] }]
-        }], propDecorators: { valuePropContent: [{
-                type: Input
-            }], cardOnHover: [{
-                type: Input
-            }], imageSize: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wLWNhcmQvdmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wLWNhcmQvdmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQVN6RCxNQUFNLE9BQU8sc0JBQXNCO0lBQ3hCLGdCQUFnQixDQUFzQjtJQUN0QyxXQUFXLENBQVU7SUFDckIsU0FBUyxDQUFTO0lBQzNCLElBQUksQ0FBVztJQUNmLFVBQVUsQ0FBTTtJQUVoQixRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQW9CLENBQUM7U0FDeEQ7UUFFRCxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUU7WUFDL0IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQztJQUdELGFBQWE7UUFDWCxJQUFJLFNBQVMsR0FBVyxRQUFRLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1NBQzVCO1FBQ0QsSUFBSSxLQUFLLEdBQUc7WUFDVixNQUFNLEVBQUUsU0FBUztZQUNqQixLQUFLLEVBQUUsU0FBUztTQUNqQixDQUFDO1FBRUYsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQzt3R0E3QlUsc0JBQXNCOzRGQUF0QixzQkFBc0IsNkpDVG5DLCt4QkFrQlc7OzRGRFRFLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBS2xCLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmUnO1xyXG5pbXBvcnQgeyBWYWx1ZVByb3BQcm9wZXJ0aWVzIH0gZnJvbSAnQGpvb2xlci9qb29sZXItd2Vic2l0ZXMtc2hhcmVkJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmFsdWUtcHJvcC1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi92YWx1ZS1wcm9wLWNhcmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmFsdWVQcm9wQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgdmFsdWVQcm9wQ29udGVudDogVmFsdWVQcm9wUHJvcGVydGllcztcclxuICBASW5wdXQoKSBjYXJkT25Ib3ZlcjogYm9vbGVhbjtcclxuICBASW5wdXQoKSBpbWFnZVNpemU6IHN0cmluZztcclxuICBpY29uOiBJY29uTmFtZTtcclxuICBpbWFnZVN0eWxlOiBhbnk7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmFsdWVQcm9wQ29udGVudC5pY29uTmFtZSkge1xyXG4gICAgICB0aGlzLmljb24gPSB0aGlzLnZhbHVlUHJvcENvbnRlbnQuaWNvbk5hbWUgYXMgSWNvbk5hbWU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMudmFsdWVQcm9wQ29udGVudC5pbWFnZSkge1xyXG4gICAgICB0aGlzLnNldEltYWdlU3R5bGUoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG5cclxuICBzZXRJbWFnZVN0eWxlKCkge1xyXG4gICAgbGV0IGltYWdlU2l6ZTogc3RyaW5nID0gJzQuNXJlbSc7XHJcbiAgICBpZiAodGhpcy5pbWFnZVNpemUpIHtcclxuICAgICAgaW1hZ2VTaXplID0gdGhpcy5pbWFnZVNpemU7XHJcbiAgICB9XHJcbiAgICBsZXQgc3R5bGUgPSB7XHJcbiAgICAgIGhlaWdodDogaW1hZ2VTaXplLFxyXG4gICAgICB3aWR0aDogaW1hZ2VTaXplXHJcbiAgICB9O1xyXG5cclxuICAgIHRoaXMuaW1hZ2VTdHlsZSA9IHN0eWxlO1xyXG4gIH1cclxufSIsIjxtYXQtY2FyZCBjbGFzcz1cInJlYXNvbi1ibG9ja1wiXHJcbiAgICBbbmdDbGFzc109XCJ7J2NhcmQtb24taG92ZXInOmNhcmRPbkhvdmVyICwgJ2NvbnN0YW50LWNhcmQnOiAhY2FyZE9uSG92ZXJ9XCI+XHJcbiAgICA8bWF0LWNhcmQtY29udGVudCBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicmVhc29uLWhlYWRsaW5lXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZWFzb24taWNvblwiICpuZ0lmPVwiaWNvblwiPlxyXG4gICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiaWNvblwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZWFzb24taW1hZ2VcIiAqbmdJZj1cIiFpY29uXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nIFtuZ1N0eWxlXT1cImltYWdlU3R5bGVcIiBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwidmFsdWVQcm9wQ29udGVudC5pbWFnZVwiPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlYXNvbi10aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAge3t2YWx1ZVByb3BDb250ZW50LnRpdGxlfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJlYXNvbi1kZXNjXCI+XHJcbiAgICAgICAgICAgIHt7dmFsdWVQcm9wQ29udGVudC5kZXNjcmlwdGlvbn19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XHJcbjwvbWF0LWNhcmQ+Il19

package/esm2022/lib/value-props-section/value-props-section.component.mjs

@@ -1,35 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@fortawesome/angular-fontawesome";
-import * as i2 from "@angular/common";
-import * as i3 from "../section-title/section-title.component";
-export class ValuePropsSectionComponent {
-    sectionContent;
-    selectedImage;
-    constructor() { }
-    ngOnInit() {
-        let i = 0;
-        this.selectedImage = this.sectionContent.paragraphs[0].imagePath;
-        i++;
-        for (let paragraph of this.sectionContent.paragraphs) {
-            paragraph.isClicked = false;
-        }
-        this.sectionContent.paragraphs[0].isClicked = true;
-    }
-    onChangeImage(imagePath, paragraphIndex) {
-        for (let paragraph of this.sectionContent.paragraphs) {
-            paragraph.isClicked = false;
-        }
-        this.selectedImage = imagePath;
-        this.sectionContent.paragraphs[paragraphIndex].isClicked = true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValuePropsSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ValuePropsSectionComponent, selector: "value-props-section", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"value-prop\" [ngClass]=\"{'image-text-sort': sectionContent.paragraphProperties.onRightSide , 'text-image-sort': !sectionContent.paragraphProperties.onRightSide ,'paragraph-with-card':sectionContent.paragraphProperties.withCard }\">\r\n    <div class=\"text-side\">\r\n        <section-title [sectionTitle]=\"sectionContent.sectionTitle\">\r\n        </section-title>\r\n        <div class=\"value-prop-image\">\r\n            <img loading=\"lazy\" [src]=\"selectedImage\" alt=\"\">\r\n        </div>\r\n        <div class=\"paragraph-items\">\r\n            <p *ngFor=\"let paragraph of sectionContent.paragraphs; let j = index\" class=\"paragraph\" (click)=\"onChangeImage(paragraph.imagePath ,j)\" [ngClass]=\"{'selected-paragraph':paragraph.isClicked, 'one-paragraph':sectionContent.paragraphs.length == 1}\">\r\n                <span class=\"value-prop-icon\">\r\n                    <fa-icon [icon]=\"paragraph.iconName\"></fa-icon></span>\r\n                <span class=\"paragraph-text\">\r\n                    {{paragraph.text}}\r\n                </span>\r\n            </p>\r\n        </div>\r\n    </div>\r\n    <div class=\"image-buttons-side\">\r\n        <img loading=\"lazy\" [src]=\"selectedImage\" alt=\"\">\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.value-prop{display:flex;justify-content:space-between;column-gap:2%;width:100%}.value-prop .text-side{display:grid;row-gap:1rem;width:58%;padding:2rem 0rem}.value-prop .text-side .value-prop-image{display:none}.value-prop .text-side .paragraph-items{display:flex;flex-wrap:wrap;flex-direction:row;column-gap:1rem}.value-prop .text-side .paragraph{box-sizing:border-box;display:grid;grid-template-columns:5rem auto auto;margin:0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1.5rem;column-gap:.5rem;width:40rem;height:-moz-fit-content;height:fit-content}@media only screen and (max-width: 725px){.value-prop .text-side .paragraph{width:100%;height:auto;padding:2rem 1rem}}.value-prop .text-side .paragraph:hover .paragraph-text,.value-prop .text-side .paragraph:hover .value-prop-icon{color:#32353b}.value-prop .text-side .paragraph .paragraph-text{color:#32353b99;transition:all ease-in-out .2s}.value-prop .text-side .paragraph .value-prop-icon{display:grid;align-content:center;color:#32353b99;transition:all ease-in-out .2s}.value-prop .text-side .paragraph .value-prop-icon fa-icon{font-size:3rem}.value-prop .text-side .one-paragraph{width:100%}.value-prop .text-side .selected-paragraph .paragraph-text{color:#32353b}.value-prop .text-side .selected-paragraph .cta-icon{transform:rotate(0)}.value-prop .text-side .selected-paragraph .value-prop-icon{color:#155ed4}.value-prop .text-side .selected-paragraph:hover .value-prop-icon{color:#155ed4;background-color:#fff}.value-prop .image-buttons-side{width:40%;display:grid;align-content:center}.value-prop .image-buttons-side img{width:100%;height:42rem;object-fit:cover;border-radius:1rem}@media only screen and (max-width: 56.25em){.value-prop{flex-wrap:wrap}.value-prop:nth-child(2n){flex-direction:row}.value-prop:nth-child(2n) .image-buttons-side{justify-self:center}.value-prop .text-side{justify-self:left}.value-prop .text-side .value-prop-image{display:grid;width:100%}.value-prop .text-side .value-prop-image img{width:100%;height:35rem;object-fit:cover;border-radius:1rem}.value-prop .image-buttons-side{display:none}}@media only screen and (max-width: 37.5em){.value-prop .text-side .paragraph-items{column-count:1}}.image-text-sort{flex-direction:row-reverse}@media only screen and (max-width: 56.25em){.image-text-sort:nth-child(2n) .image-buttons-side{justify-self:center}}.text-image-sort{flex-direction:row}.paragraph-with-card .text-side .paragraph{padding:1rem;margin:1rem 0rem;border-radius:.7rem;border:.2rem solid rgba(50,53,59,.1);min-height:max-content;height:15rem}.paragraph-with-card .text-side .paragraph:hover{border:.2rem solid #32353b}.paragraph-with-card .text-side .paragraph .value-prop-icon{text-align:center}.paragraph-with-card .text-side .selected-paragraph{border:.2rem solid #155ed4}.paragraph-with-card .text-side .selected-paragraph .paragraph-text{color:#32353b}.paragraph-with-card .text-side .selected-paragraph .value-prop-icon{color:#155ed4}.paragraph-with-card .text-side .selected-paragraph:hover{border:.2rem solid #155ed4}.paragraph-with-card .text-side .selected-paragraph:hover .value-prop-icon{color:#155ed4}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValuePropsSectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'value-props-section', template: "<div class=\"value-prop\" [ngClass]=\"{'image-text-sort': sectionContent.paragraphProperties.onRightSide , 'text-image-sort': !sectionContent.paragraphProperties.onRightSide ,'paragraph-with-card':sectionContent.paragraphProperties.withCard }\">\r\n    <div class=\"text-side\">\r\n        <section-title [sectionTitle]=\"sectionContent.sectionTitle\">\r\n        </section-title>\r\n        <div class=\"value-prop-image\">\r\n            <img loading=\"lazy\" [src]=\"selectedImage\" alt=\"\">\r\n        </div>\r\n        <div class=\"paragraph-items\">\r\n            <p *ngFor=\"let paragraph of sectionContent.paragraphs; let j = index\" class=\"paragraph\" (click)=\"onChangeImage(paragraph.imagePath ,j)\" [ngClass]=\"{'selected-paragraph':paragraph.isClicked, 'one-paragraph':sectionContent.paragraphs.length == 1}\">\r\n                <span class=\"value-prop-icon\">\r\n                    <fa-icon [icon]=\"paragraph.iconName\"></fa-icon></span>\r\n                <span class=\"paragraph-text\">\r\n                    {{paragraph.text}}\r\n                </span>\r\n            </p>\r\n        </div>\r\n    </div>\r\n    <div class=\"image-buttons-side\">\r\n        <img loading=\"lazy\" [src]=\"selectedImage\" alt=\"\">\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.value-prop{display:flex;justify-content:space-between;column-gap:2%;width:100%}.value-prop .text-side{display:grid;row-gap:1rem;width:58%;padding:2rem 0rem}.value-prop .text-side .value-prop-image{display:none}.value-prop .text-side .paragraph-items{display:flex;flex-wrap:wrap;flex-direction:row;column-gap:1rem}.value-prop .text-side .paragraph{box-sizing:border-box;display:grid;grid-template-columns:5rem auto auto;margin:0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1.5rem;column-gap:.5rem;width:40rem;height:-moz-fit-content;height:fit-content}@media only screen and (max-width: 725px){.value-prop .text-side .paragraph{width:100%;height:auto;padding:2rem 1rem}}.value-prop .text-side .paragraph:hover .paragraph-text,.value-prop .text-side .paragraph:hover .value-prop-icon{color:#32353b}.value-prop .text-side .paragraph .paragraph-text{color:#32353b99;transition:all ease-in-out .2s}.value-prop .text-side .paragraph .value-prop-icon{display:grid;align-content:center;color:#32353b99;transition:all ease-in-out .2s}.value-prop .text-side .paragraph .value-prop-icon fa-icon{font-size:3rem}.value-prop .text-side .one-paragraph{width:100%}.value-prop .text-side .selected-paragraph .paragraph-text{color:#32353b}.value-prop .text-side .selected-paragraph .cta-icon{transform:rotate(0)}.value-prop .text-side .selected-paragraph .value-prop-icon{color:#155ed4}.value-prop .text-side .selected-paragraph:hover .value-prop-icon{color:#155ed4;background-color:#fff}.value-prop .image-buttons-side{width:40%;display:grid;align-content:center}.value-prop .image-buttons-side img{width:100%;height:42rem;object-fit:cover;border-radius:1rem}@media only screen and (max-width: 56.25em){.value-prop{flex-wrap:wrap}.value-prop:nth-child(2n){flex-direction:row}.value-prop:nth-child(2n) .image-buttons-side{justify-self:center}.value-prop .text-side{justify-self:left}.value-prop .text-side .value-prop-image{display:grid;width:100%}.value-prop .text-side .value-prop-image img{width:100%;height:35rem;object-fit:cover;border-radius:1rem}.value-prop .image-buttons-side{display:none}}@media only screen and (max-width: 37.5em){.value-prop .text-side .paragraph-items{column-count:1}}.image-text-sort{flex-direction:row-reverse}@media only screen and (max-width: 56.25em){.image-text-sort:nth-child(2n) .image-buttons-side{justify-self:center}}.text-image-sort{flex-direction:row}.paragraph-with-card .text-side .paragraph{padding:1rem;margin:1rem 0rem;border-radius:.7rem;border:.2rem solid rgba(50,53,59,.1);min-height:max-content;height:15rem}.paragraph-with-card .text-side .paragraph:hover{border:.2rem solid #32353b}.paragraph-with-card .text-side .paragraph .value-prop-icon{text-align:center}.paragraph-with-card .text-side .selected-paragraph{border:.2rem solid #155ed4}.paragraph-with-card .text-side .selected-paragraph .paragraph-text{color:#32353b}.paragraph-with-card .text-side .selected-paragraph .value-prop-icon{color:#155ed4}.paragraph-with-card .text-side .selected-paragraph:hover{border:.2rem solid #155ed4}.paragraph-with-card .text-side .selected-paragraph:hover .value-prop-icon{color:#155ed4}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtcHJvcHMtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvdmFsdWUtcHJvcHMtc2VjdGlvbi92YWx1ZS1wcm9wcy1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wcy1zZWN0aW9uL3ZhbHVlLXByb3BzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3pELE1BQU0sT0FBTywwQkFBMEI7SUFDNUIsY0FBYyxDQUFNO0lBQzdCLGFBQWEsQ0FBTTtJQUNuQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBRSxDQUFDLENBQUUsQ0FBQyxTQUFTLENBQUM7UUFDbkUsQ0FBQyxFQUFFLENBQUM7UUFDSixLQUFLLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxFQUFFO1lBQ3BELFNBQVMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1NBQzdCO1FBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUUsQ0FBQyxDQUFFLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUV2RCxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxjQUFjO1FBQ3JDLEtBQUssSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLEVBQUU7WUFDcEQsU0FBUyxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDN0I7UUFDRCxJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQztRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBRSxjQUFjLENBQUUsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ3BFLENBQUM7d0dBdEJVLDBCQUEwQjs0RkFBMUIsMEJBQTBCLHlHQ1B2QyxpdkNBb0JNOzs0RkRiTywwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCOzBFQUt0QixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZhbHVlLXByb3BzLXNlY3Rpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi92YWx1ZS1wcm9wcy1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vdmFsdWUtcHJvcHMtc2VjdGlvbi5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmFsdWVQcm9wc1NlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBhbnk7XHJcbiAgc2VsZWN0ZWRJbWFnZTogYW55O1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgbGV0IGkgPSAwO1xyXG4gICAgdGhpcy5zZWxlY3RlZEltYWdlID0gdGhpcy5zZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhzWyAwIF0uaW1hZ2VQYXRoO1xyXG4gICAgaSsrO1xyXG4gICAgZm9yIChsZXQgcGFyYWdyYXBoIG9mIHRoaXMuc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBocykge1xyXG4gICAgICBwYXJhZ3JhcGguaXNDbGlja2VkID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgICB0aGlzLnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHNbIDAgXS5pc0NsaWNrZWQgPSB0cnVlO1xyXG5cclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlSW1hZ2UoaW1hZ2VQYXRoLCBwYXJhZ3JhcGhJbmRleCkge1xyXG4gICAgZm9yIChsZXQgcGFyYWdyYXBoIG9mIHRoaXMuc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBocykge1xyXG4gICAgICBwYXJhZ3JhcGguaXNDbGlja2VkID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgICB0aGlzLnNlbGVjdGVkSW1hZ2UgPSBpbWFnZVBhdGg7XHJcbiAgICB0aGlzLnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHNbIHBhcmFncmFwaEluZGV4IF0uaXNDbGlja2VkID0gdHJ1ZTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInZhbHVlLXByb3BcIiBbbmdDbGFzc109XCJ7J2ltYWdlLXRleHQtc29ydCc6IHNlY3Rpb25Db250ZW50LnBhcmFncmFwaFByb3BlcnRpZXMub25SaWdodFNpZGUgLCAndGV4dC1pbWFnZS1zb3J0JzogIXNlY3Rpb25Db250ZW50LnBhcmFncmFwaFByb3BlcnRpZXMub25SaWdodFNpZGUgLCdwYXJhZ3JhcGgtd2l0aC1jYXJkJzpzZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhQcm9wZXJ0aWVzLndpdGhDYXJkIH1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNpZGVcIj5cclxuICAgICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiPlxyXG4gICAgICAgIDwvc2VjdGlvbi10aXRsZT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUtcHJvcC1pbWFnZVwiPlxyXG4gICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJzZWxlY3RlZEltYWdlXCIgYWx0PVwiXCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInBhcmFncmFwaC1pdGVtc1wiPlxyXG4gICAgICAgICAgICA8cCAqbmdGb3I9XCJsZXQgcGFyYWdyYXBoIG9mIHNlY3Rpb25Db250ZW50LnBhcmFncmFwaHM7IGxldCBqID0gaW5kZXhcIiBjbGFzcz1cInBhcmFncmFwaFwiIChjbGljayk9XCJvbkNoYW5nZUltYWdlKHBhcmFncmFwaC5pbWFnZVBhdGggLGopXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZC1wYXJhZ3JhcGgnOnBhcmFncmFwaC5pc0NsaWNrZWQsICdvbmUtcGFyYWdyYXBoJzpzZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhzLmxlbmd0aCA9PSAxfVwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZS1wcm9wLWljb25cIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJwYXJhZ3JhcGguaWNvbk5hbWVcIj48L2ZhLWljb24+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwYXJhZ3JhcGgtdGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7cGFyYWdyYXBoLnRleHR9fVxyXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1idXR0b25zLXNpZGVcIj5cclxuICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJzZWxlY3RlZEltYWdlXCIgYWx0PVwiXCI+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/values/values.component.mjs

@@ -1,48 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/layout";
-import * as i2 from "@fortawesome/angular-fontawesome";
-import * as i3 from "@angular/common";
-import * as i4 from "primeng/api";
-import * as i5 from "primeng/carousel";
-import * as i6 from "../section-title/section-title.component";
-export class ValuesComponent {
-    breakpointObserver;
-    sectionContent;
-    withBgImage = false;
-    isDarkBg;
-    isTabletSize;
-    newSectionContent;
-    constructor(breakpointObserver) {
-        this.breakpointObserver = breakpointObserver;
-    }
-    ngOnInit() {
-        this.breakpointObserver.observe([
-            "(max-width: 1200px)"
-        ]).subscribe((result) => {
-            if (result.matches) {
-                this.isTabletSize = true;
-            }
-            else {
-                this.isTabletSize = false;
-            }
-        });
-        this.newSectionContent = this.sectionContent;
-        for (let card of this.newSectionContent.cards) {
-            this.newSectionContent.newIcon = card.icon;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValuesComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ValuesComponent, selector: "values", inputs: { sectionContent: "sectionContent", withBgImage: "withBgImage", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"page\">\r\n    <section-title [sectionTitle]=\"newSectionContent.sectionTitle\"></section-title>\r\n    <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\r\n        <div class=\"card\" *ngFor=\"let card of newSectionContent.cards\">\r\n            <div class=\"card-headline\">\r\n                <div class=\"icon\" *ngIf=\"card.icon\">\r\n                    <fa-icon [icon]=\"card.icon\"></fa-icon>\r\n                </div>\r\n                <div class=\"image\" *ngIf=\"!card.icon\">\r\n                    <img loading=\"lazy\" [src]=\"card.image\" alt=\"\">\r\n                </div>\r\n                <div class=\"subtitle\">\r\n                    {{card.title}}\r\n                </div>\r\n            </div>\r\n            <div class=\"value-description\">\r\n                {{card.subtitle}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"value-cards\" *ngIf=\"isTabletSize\">\r\n        <p-carousel class=\"custom\" [value]=\"newSectionContent.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\r\n            <ng-template let-card pTemplate=\"item\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-headline\">\r\n                        <div class=\"icon\" *ngIf=\"card.icon\">\r\n                            <fa-icon [icon]=\"card.icon\"></fa-icon>\r\n                        </div>\r\n                        <div class=\"image\" *ngIf=\"!card.icon\">\r\n                            <img loading=\"lazy\" [src]=\"card.image\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"subtitle\">\r\n                            {{card.title}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"value-description\">\r\n                        {{card.subtitle}}\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </p-carousel>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:3REM;z-index:2;margin:auto;width:60%}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .image img{width:4rem;height:4rem;aspect-ratio:3/2;object-fit:contain}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:70%;width:90%;margin:2rem auto}}\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: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }, { kind: "component", type: i6.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValuesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'values', template: "<div class=\"page\">\r\n    <section-title [sectionTitle]=\"newSectionContent.sectionTitle\"></section-title>\r\n    <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\r\n        <div class=\"card\" *ngFor=\"let card of newSectionContent.cards\">\r\n            <div class=\"card-headline\">\r\n                <div class=\"icon\" *ngIf=\"card.icon\">\r\n                    <fa-icon [icon]=\"card.icon\"></fa-icon>\r\n                </div>\r\n                <div class=\"image\" *ngIf=\"!card.icon\">\r\n                    <img loading=\"lazy\" [src]=\"card.image\" alt=\"\">\r\n                </div>\r\n                <div class=\"subtitle\">\r\n                    {{card.title}}\r\n                </div>\r\n            </div>\r\n            <div class=\"value-description\">\r\n                {{card.subtitle}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"value-cards\" *ngIf=\"isTabletSize\">\r\n        <p-carousel class=\"custom\" [value]=\"newSectionContent.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\r\n            <ng-template let-card pTemplate=\"item\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-headline\">\r\n                        <div class=\"icon\" *ngIf=\"card.icon\">\r\n                            <fa-icon [icon]=\"card.icon\"></fa-icon>\r\n                        </div>\r\n                        <div class=\"image\" *ngIf=\"!card.icon\">\r\n                            <img loading=\"lazy\" [src]=\"card.image\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"subtitle\">\r\n                            {{card.title}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"value-description\">\r\n                        {{card.subtitle}}\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </p-carousel>\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%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:3REM;z-index:2;margin:auto;width:60%}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .image img{width:4rem;height:4rem;aspect-ratio:3/2;object-fit:contain}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:70%;width:90%;margin:2rem auto}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
-                type: Input
-            }], withBgImage: [{
-                type: Input
-            }], isDarkBg: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVV6RCxNQUFNLE9BQU8sZUFBZTtJQU9OO0lBTlgsY0FBYyxDQUFnQjtJQUM5QixXQUFXLEdBQVksS0FBSyxDQUFDO0lBQzdCLFFBQVEsQ0FBVTtJQUMzQixZQUFZLENBQVU7SUFDdEIsaUJBQWlCLENBQU07SUFFdkIsWUFBb0Isa0JBQXNDO1FBQXRDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7SUFHMUQsQ0FBQztJQUNELFFBQVE7UUFFTixJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDO1lBQzlCLHFCQUFxQjtTQUN0QixDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBdUIsRUFBRSxFQUFFO1lBQ3ZDLElBQUksTUFBTSxDQUFDLE9BQU8sRUFBRTtnQkFDbEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7YUFDM0I7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDO1FBRTdDLEtBQUssSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLEtBQUssRUFBRTtZQUM3QyxJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFnQixDQUFDO1NBQ3hEO0lBQ0gsQ0FBQzt3R0E1QlUsZUFBZTs0RkFBZixlQUFlLDhJQ1Y1QixrK0RBMENNOzs0RkRoQ08sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxRQUFRO3lHQUtULGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbXBhbnlWYWx1ZXMgfSBmcm9tICcuLi9tb2RlbHMvYWJvdXQtdXMtc2VjdGlvbi5tb2RlbCc7XHJcbmltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XHJcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZvbnRhd2Vzb21lLXN2Zy1jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmFsdWVzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdmFsdWVzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vdmFsdWVzLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWYWx1ZXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBDb21wYW55VmFsdWVzO1xyXG4gIEBJbnB1dCgpIHdpdGhCZ0ltYWdlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNEYXJrQmc6IGJvb2xlYW47XHJcbiAgaXNUYWJsZXRTaXplOiBib29sZWFuO1xyXG4gIG5ld1NlY3Rpb25Db250ZW50OiBhbnk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXJcclxuICApIHtcclxuXHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICAgIHRoaXMuYnJlYWtwb2ludE9ic2VydmVyLm9ic2VydmUoW1xyXG4gICAgICBcIihtYXgtd2lkdGg6IDEyMDBweClcIlxyXG4gICAgXSkuc3Vic2NyaWJlKChyZXN1bHQ6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xyXG4gICAgICBpZiAocmVzdWx0Lm1hdGNoZXMpIHtcclxuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IHRydWU7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcblxyXG4gICAgdGhpcy5uZXdTZWN0aW9uQ29udGVudCA9IHRoaXMuc2VjdGlvbkNvbnRlbnQ7XHJcblxyXG4gICAgZm9yIChsZXQgY2FyZCBvZiB0aGlzLm5ld1NlY3Rpb25Db250ZW50LmNhcmRzKSB7XHJcbiAgICAgIHRoaXMubmV3U2VjdGlvbkNvbnRlbnQubmV3SWNvbiA9IGNhcmQuaWNvbiBhcyBJY29uTmFtZTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cclxuICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwibmV3U2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxyXG4gICAgPGRpdiBjbGFzcz1cInZhbHVlcy1jYXJkc1wiICpuZ0lmPVwiIWlzVGFibGV0U2l6ZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkXCIgKm5nRm9yPVwibGV0IGNhcmQgb2YgbmV3U2VjdGlvbkNvbnRlbnQuY2FyZHNcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uXCIgKm5nSWY9XCJjYXJkLmljb25cIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJjYXJkLmljb25cIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZVwiICpuZ0lmPVwiIWNhcmQuaWNvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cImNhcmQuaW1hZ2VcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3tjYXJkLnRpdGxlfX1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICB7e2NhcmQuc3VidGl0bGV9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInZhbHVlLWNhcmRzXCIgKm5nSWY9XCJpc1RhYmxldFNpemVcIj5cclxuICAgICAgICA8cC1jYXJvdXNlbCBjbGFzcz1cImN1c3RvbVwiIFt2YWx1ZV09XCJuZXdTZWN0aW9uQ29udGVudC5jYXJkc1wiIFtudW1WaXNpYmxlXT0nMScgW251bVNjcm9sbF09JzEnIFtwYWdlXT1cIjBcIiBvcmllbnRhdGlvbj1cImhvcml6b250YWxcIiBbY2lyY3VsYXJdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgbGV0LWNhcmQgcFRlbXBsYXRlPVwiaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkbGluZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiICpuZ0lmPVwiY2FyZC5pY29uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJjYXJkLmljb25cIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2VcIiAqbmdJZj1cIiFjYXJkLmljb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cImNhcmQuaW1hZ2VcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3tjYXJkLnRpdGxlfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7Y2FyZC5zdWJ0aXRsZX19XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L3AtY2Fyb3VzZWw+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/vertical-side-tabs/vertical-side-tabs.component.mjs

@@ -1,33 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@fortawesome/angular-fontawesome";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/card";
-export class VerticalSideTabsComponent {
-    panelOpenState = false;
-    tabs;
-    selectedOption = [];
-    tabChanged = new EventEmitter();
-    constructor() { }
-    ngOnInit() {
-        this.changeTab(0);
-    }
-    changeTab(index) {
-        for (let i = 0; i < this.tabs.length; i++) {
-            this.selectedOption[i] = false;
-        }
-        this.selectedOption[index] = true;
-        this.tabChanged.emit(this.tabs[index].tabContent);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalSideTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: { tabs: "tabs" }, outputs: { tabChanged: "tabChanged" }, ngImport: i0, template: "<mat-card class=\"as-items\">\r\n    <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\r\n        <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \r\n        'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\r\n            <div class=\"icon-text\">\r\n                <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\r\n                <h3 class=\"text\">\r\n                    {{tab.title}}\r\n                </h3>\r\n            </div>\r\n        </button>\r\n    </div>\r\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s;cursor:pointer}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem;font-family:inherit}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon fa-icon.tab-icon{width:.2rem;height:.2rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353B;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ED4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ED4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalSideTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vertical-side-tabs', template: "<mat-card class=\"as-items\">\r\n    <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\r\n        <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \r\n        'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\r\n            <div class=\"icon-text\">\r\n                <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\r\n                <h3 class=\"text\">\r\n                    {{tab.title}}\r\n                </h3>\r\n            </div>\r\n        </button>\r\n    </div>\r\n</mat-card>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s;cursor:pointer}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem;font-family:inherit}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon fa-icon.tab-icon{width:.2rem;height:.2rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353B;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ED4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ED4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
-                type: Input
-            }], tabChanged: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92ZXJ0aWNhbC1zaWRlLXRhYnMvdmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92ZXJ0aWNhbC1zaWRlLXRhYnMvdmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9FLE1BQU0sT0FBTyx5QkFBeUI7SUFDN0IsY0FBYyxHQUFZLEtBQUssQ0FBQztJQUM5QixJQUFJLENBQW9CO0lBQ2pDLGNBQWMsR0FBYyxFQUFFLENBQUM7SUFDckIsVUFBVSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTdELGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBYTtRQUNyQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDekMsSUFBSSxDQUFDLGNBQWMsQ0FBRSxDQUFDLENBQUUsR0FBRyxLQUFLLENBQUM7U0FDbEM7UUFFRCxJQUFJLENBQUMsY0FBYyxDQUFFLEtBQUssQ0FBRSxHQUFHLElBQUksQ0FBQztRQUNwQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFFLEtBQUssQ0FBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7d0dBbkJVLHlCQUF5Qjs0RkFBekIseUJBQXlCLDJIQ1B0Qyw2a0JBWVc7OzRGRExFLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxvQkFBb0I7MEVBTXJCLElBQUk7c0JBQVosS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBWZXJ0aWNhbFNpZGVUYWIgfSBmcm9tICcuLi9tb2RlbHMvdmVydGljYWwtc2lkZS10YWIubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZlcnRpY2FsLXNpZGUtdGFicycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcnRpY2FsLXNpZGUtdGFicy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL3ZlcnRpY2FsLXNpZGUtdGFicy5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmVydGljYWxTaWRlVGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHVibGljIHBhbmVsT3BlblN0YXRlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdGFiczogVmVydGljYWxTaWRlVGFiW107XHJcbiAgc2VsZWN0ZWRPcHRpb246IGJvb2xlYW5bXSA9IFtdO1xyXG4gIEBPdXRwdXQoKSB0YWJDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNoYW5nZVRhYigwKTtcclxuICB9XHJcblxyXG4gIGNoYW5nZVRhYihpbmRleDogbnVtYmVyKSB7XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMudGFicy5sZW5ndGg7IGkrKykge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkT3B0aW9uWyBpIF0gPSBmYWxzZTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnNlbGVjdGVkT3B0aW9uWyBpbmRleCBdID0gdHJ1ZTtcclxuICAgIHRoaXMudGFiQ2hhbmdlZC5lbWl0KHRoaXMudGFic1sgaW5kZXggXS50YWJDb250ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPG1hdC1jYXJkIGNsYXNzPVwiYXMtaXRlbXNcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJhcy1pdGVtXCIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzIDsgbGV0IGkgPSBpbmRleFwiPlxyXG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJhcy1idG5cIiBbbmdDbGFzc109XCJ7J2l0ZW0tY2xpY2tlZCc6c2VsZWN0ZWRPcHRpb25baV0sIFxyXG4gICAgICAgICdpdGVtLW5vdC1jbGlja2VkJzohc2VsZWN0ZWRPcHRpb25baV19XCIgKGNsaWNrKT1cImNoYW5nZVRhYihpKVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi10ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiPjxmYS1pY29uIFtpY29uXT1cInRhYi5pY29uTmFtZVwiIGNsYXNzPVwidGFiLWljb25cIj48L2ZhLWljb24+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJ0ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3t0YWIudGl0bGV9fVxyXG4gICAgICAgICAgICAgICAgPC9oMz5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuPC9tYXQtY2FyZD4iXX0=