@jooler/jooler-websites-shared 0.0.169 → 0.0.171

package/esm2020/lib/cta-section-style-four/cta-section-style-four.component.mjs

@@ -1,37 +1,37 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/layout";
-import * as i2 from "@angular/router";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/button";
-import * as i5 from "../section-title/section-title.component";
-export class CtaSectionStyleFourComponent {
-    constructor(breakpointObserver, _router) {
-        this.breakpointObserver = breakpointObserver;
-        this._router = _router;
-    }
-    ngOnInit() {
-        this.breakpointObserver.observe([
-            "(max-width: 900px)"
-        ]).subscribe((result) => {
-            if (result.matches) {
-                this.sectionContent.sectionTitle.alignLeft = false;
-            }
-            else {
-                this.sectionContent.sectionTitle.alignLeft = true;
-            }
-        });
-    }
-    onClickCtaButton(route) {
-        this._router.navigate([route]);
-    }
-}
-CtaSectionStyleFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleFourComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-CtaSectionStyleFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleFourComponent, selector: "cta-section-style-four", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n    <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\" alt=\"bg-img\">\r\n    <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\r\n        <div class=\"section-title\">\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"buttons-line\">\r\n            <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton( button.route)\" class=\"cta-button\">\r\n                {{button.label}}\r\n            </button>\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}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600;color:#fff;background-color:#155ed4}.main-card .text-side .buttons-line button:nth-child(2){background-color:#fff;color:#155ed4}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleFourComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cta-section-style-four', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n    <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\" alt=\"bg-img\">\r\n    <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\r\n        <div class=\"section-title\">\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"buttons-line\">\r\n            <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton( button.route)\" class=\"cta-button\">\r\n                {{button.label}}\r\n            </button>\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}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600;color:#fff;background-color:#155ed4}.main-card .text-side .buttons-line button:nth-child(2){background-color:#fff;color:#155ed4}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i2.Router }]; }, propDecorators: { sectionContent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFVekQsTUFBTSxPQUFPLDRCQUE0QjtJQUV2QyxZQUFvQixrQkFBc0MsRUFDaEQsT0FBZTtRQURMLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDaEQsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFOUIsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUNsQixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2FBQ3BEO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7YUFDbkQ7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFLO1FBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzt5SEFuQlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsNEdDVnpDLDR2QkFZTTsyRkRGTyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCOzhIQUt6QixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEN0YVR5cGVPbmUgfSBmcm9tICcuLi9tb2RlbHMvY3RhLW9uZS10eXBlLm1vZGVsJztcclxuaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50U3RhdGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3RhLXNlY3Rpb24tc3R5bGUtZm91cicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdGFTZWN0aW9uU3R5bGVGb3VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudCE6IEN0YVR5cGVPbmU7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBicmVha3BvaW50T2JzZXJ2ZXI6IEJyZWFrcG9pbnRPYnNlcnZlcixcclxuICAgIHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtcclxuICAgICAgXCIobWF4LXdpZHRoOiA5MDBweClcIlxyXG4gICAgXSkuc3Vic2NyaWJlKChyZXN1bHQ6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xyXG4gICAgICBpZiAocmVzdWx0Lm1hdGNoZXMpIHtcclxuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSBmYWxzZTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG9uQ2xpY2tDdGFCdXR0b24ocm91dGUpIHtcclxuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbIHJvdXRlIF0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jYXJkXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJyA6IHNlY3Rpb25Db250ZW50LmJnQ29sb3J9XCI+XHJcbiAgICA8aW1nICpuZ0lmPVwiIXNlY3Rpb25Db250ZW50LmJnQ29sb3IgJiYgc2VjdGlvbkNvbnRlbnQuYmdJbWFnZSBcIiBbc3JjXT1cInNlY3Rpb25Db250ZW50LmJnSW1hZ2VcIiBjbGFzcz1cImJnLWltZ1wiIGFsdD1cImJnLWltZ1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiIFtuZ0NsYXNzXT1cInsnZmxleC1yZXZlcnNlJzpzZWN0aW9uQ29udGVudC5pbWFnZVRleHRTb3J0fVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XHJcbiAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zLWxpbmVcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIHNlY3Rpb25Db250ZW50LmJ1dHRvbnNcIiAoY2xpY2spPVwib25DbGlja0N0YUJ1dHRvbiggYnV0dG9uLnJvdXRlKVwiIGNsYXNzPVwiY3RhLWJ1dHRvblwiPlxyXG4gICAgICAgICAgICAgICAge3tidXR0b24ubGFiZWx9fVxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/layout";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/button";
+import * as i5 from "../section-title/section-title.component";
+export class CtaSectionStyleFourComponent {
+    constructor(breakpointObserver, _router) {
+        this.breakpointObserver = breakpointObserver;
+        this._router = _router;
+    }
+    ngOnInit() {
+        this.breakpointObserver.observe([
+            "(max-width: 900px)"
+        ]).subscribe((result) => {
+            if (result.matches) {
+                this.sectionContent.sectionTitle.alignLeft = false;
+            }
+            else {
+                this.sectionContent.sectionTitle.alignLeft = true;
+            }
+        });
+    }
+    onClickCtaButton(route) {
+        this._router.navigate([route]);
+    }
+}
+CtaSectionStyleFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleFourComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+CtaSectionStyleFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleFourComponent, selector: "cta-section-style-four", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\n    <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\" alt=\"bg-img\">\n    <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\n        <div class=\"section-title\">\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n        </div>\n        <div class=\"buttons-line\">\n            <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton( button.route)\" class=\"cta-button\">\n                {{button.label}}\n            </button>\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}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600;color:#fff;background-color:#155ed4}.main-card .text-side .buttons-line button:nth-child(2){background-color:#fff;color:#155ed4}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleFourComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cta-section-style-four', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\n    <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\" alt=\"bg-img\">\n    <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\n        <div class=\"section-title\">\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n        </div>\n        <div class=\"buttons-line\">\n            <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton( button.route)\" class=\"cta-button\">\n                {{button.label}}\n            </button>\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}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600;color:#fff;background-color:#155ed4}.main-card .text-side .buttons-line button:nth-child(2){background-color:#fff;color:#155ed4}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i2.Router }]; }, propDecorators: { sectionContent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFVekQsTUFBTSxPQUFPLDRCQUE0QjtJQUV2QyxZQUFvQixrQkFBc0MsRUFDaEQsT0FBZTtRQURMLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDaEQsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFOUIsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsb0JBQW9CO1NBQ3JCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDdkMsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUNsQixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2FBQ3BEO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7YUFDbkQ7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFLO1FBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzt5SEFuQlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsNEdDVnpDLG91QkFZTTsyRkRGTyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCOzhIQUt6QixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ3RhVHlwZU9uZSB9IGZyb20gJy4uL21vZGVscy9jdGEtb25lLXR5cGUubW9kZWwnO1xuaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50U3RhdGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3RhLXNlY3Rpb24tc3R5bGUtZm91cicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgQ3RhU2VjdGlvblN0eWxlRm91ckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50ITogQ3RhVHlwZU9uZTtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBicmVha3BvaW50T2JzZXJ2ZXI6IEJyZWFrcG9pbnRPYnNlcnZlcixcbiAgICBwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZShbXG4gICAgICBcIihtYXgtd2lkdGg6IDkwMHB4KVwiXG4gICAgXSkuc3Vic2NyaWJlKChyZXN1bHQ6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xuICAgICAgaWYgKHJlc3VsdC5tYXRjaGVzKSB7XG4gICAgICAgIHRoaXMuc2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlLmFsaWduTGVmdCA9IGZhbHNlO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGUuYWxpZ25MZWZ0ID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIG9uQ2xpY2tDdGFCdXR0b24ocm91dGUpIHtcbiAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoWyByb3V0ZSBdKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1haW4tY2FyZFwiIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZCcgOiBzZWN0aW9uQ29udGVudC5iZ0NvbG9yfVwiPlxuICAgIDxpbWcgKm5nSWY9XCIhc2VjdGlvbkNvbnRlbnQuYmdDb2xvciAmJiBzZWN0aW9uQ29udGVudC5iZ0ltYWdlIFwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmdJbWFnZVwiIGNsYXNzPVwiYmctaW1nXCIgYWx0PVwiYmctaW1nXCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiIFtuZ0NsYXNzXT1cInsnZmxleC1yZXZlcnNlJzpzZWN0aW9uQ29udGVudC5pbWFnZVRleHRTb3J0fVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi10aXRsZVwiPlxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1saW5lXCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygc2VjdGlvbkNvbnRlbnQuYnV0dG9uc1wiIChjbGljayk9XCJvbkNsaWNrQ3RhQnV0dG9uKCBidXR0b24ucm91dGUpXCIgY2xhc3M9XCJjdGEtYnV0dG9uXCI+XG4gICAgICAgICAgICAgICAge3tidXR0b24ubGFiZWx9fVxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19

package/esm2020/lib/cta-section-style-three/cta-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 CtaSectionStyleThreeComponent {
-    constructor(_router) {
-        this._router = _router;
-    }
-    ngOnInit() {
-    }
-    onClickCtaButton(route) {
-        this._router.navigate([route]);
-    }
-}
-CtaSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-CtaSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n    <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\" alt=\"bg-img\">\r\n    <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage\">\r\n        <img [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n    </div>\r\n    <div class=\"text-side\">\r\n        <div class=\"section-title\">\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"buttons-line\">\r\n            <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton(button.route)\" [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n                {{button.label}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:4rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\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: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: CtaSectionStyleThreeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n    <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\" alt=\"bg-img\">\r\n    <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage\">\r\n        <img [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n    </div>\r\n    <div class=\"text-side\">\r\n        <div class=\"section-title\">\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"buttons-line\">\r\n            <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton(button.route)\" [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n                {{button.label}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:4rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXpELE1BQU0sT0FBTyw2QkFBNkI7SUFHeEMsWUFDVSxPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUN6QixDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFLO1FBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzswSEFaVSw2QkFBNkI7OEdBQTdCLDZCQUE2Qiw2R0NSMUMsbTZCQWVNOzJGRFBPLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSx5QkFBeUI7NkZBSzFCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdGFTZWN0aW9uU3R5bGVUaHJlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQhOiBhbnk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0N0YUJ1dHRvbihyb3V0ZSkge1xyXG4gICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFsgcm91dGUgXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtYWluLWNhcmRcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQnIDogc2VjdGlvbkNvbnRlbnQuYmdDb2xvcn1cIj5cclxuICAgIDxpbWcgKm5nSWY9XCIhc2VjdGlvbkNvbnRlbnQuYmdDb2xvciAmJiBzZWN0aW9uQ29udGVudC5iZ0ltYWdlIFwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmdJbWFnZVwiIGNsYXNzPVwiYmctaW1nXCIgYWx0PVwiYmctaW1nXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaWxsdXN0cmF0aW9uLXNpZGVcIiAqbmdJZj1cInNlY3Rpb25Db250ZW50LnNpZGVJbWFnZVwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2VcIiBjbGFzcz1cInNpZGUtaW1nXCIgYWx0PVwic2lkZS1pbWdcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XHJcbiAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zLWxpbmVcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIHNlY3Rpb25Db250ZW50LmJ1dHRvbnNcIiAoY2xpY2spPVwib25DbGlja0N0YUJ1dHRvbihidXR0b24ucm91dGUpXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJzpidXR0b24uYmdDb2xvciwgJ2NvbG9yJzogYnV0dG9uLnRleHRDb2xvcn1cIj5cclxuICAgICAgICAgICAgICAgIHt7YnV0dG9uLmxhYmVsfX1cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+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 CtaSectionStyleThreeComponent {
+    constructor(_router) {
+        this._router = _router;
+    }
+    ngOnInit() {
+    }
+    onClickCtaButton(route) {
+        this._router.navigate([route]);
+    }
+}
+CtaSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+CtaSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\n    <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\" alt=\"bg-img\">\n    <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage\">\n        <img [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\n    </div>\n    <div class=\"text-side\">\n        <div class=\"section-title\">\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n        </div>\n        <div class=\"buttons-line\">\n            <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton(button.route)\" [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\n                {{button.label}}\n            </button>\n        </div>\n    </div>\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:4rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\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: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: CtaSectionStyleThreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\n    <img *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\" alt=\"bg-img\">\n    <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage\">\n        <img [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\n    </div>\n    <div class=\"text-side\">\n        <div class=\"section-title\">\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n        </div>\n        <div class=\"buttons-line\">\n            <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton(button.route)\" [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\n                {{button.label}}\n            </button>\n        </div>\n    </div>\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:4rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXpELE1BQU0sT0FBTyw2QkFBNkI7SUFHeEMsWUFDVSxPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUN6QixDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFLO1FBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzswSEFaVSw2QkFBNkI7OEdBQTdCLDZCQUE2Qiw2R0NSMUMscTRCQWVNOzJGRFBPLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSx5QkFBeUI7NkZBSzFCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEN0YVNlY3Rpb25TdHlsZVRocmVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQhOiBhbnk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbiAgb25DbGlja0N0YUJ1dHRvbihyb3V0ZSkge1xuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbIHJvdXRlIF0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jYXJkXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJyA6IHNlY3Rpb25Db250ZW50LmJnQ29sb3J9XCI+XG4gICAgPGltZyAqbmdJZj1cIiFzZWN0aW9uQ29udGVudC5iZ0NvbG9yICYmIHNlY3Rpb25Db250ZW50LmJnSW1hZ2UgXCIgW3NyY109XCJzZWN0aW9uQ29udGVudC5iZ0ltYWdlXCIgY2xhc3M9XCJiZy1pbWdcIiBhbHQ9XCJiZy1pbWdcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaWxsdXN0cmF0aW9uLXNpZGVcIiAqbmdJZj1cInNlY3Rpb25Db250ZW50LnNpZGVJbWFnZVwiPlxuICAgICAgICA8aW1nIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuc2lkZUltYWdlXCIgY2xhc3M9XCJzaWRlLWltZ1wiIGFsdD1cInNpZGUtaW1nXCI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi10aXRsZVwiPlxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1saW5lXCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygc2VjdGlvbkNvbnRlbnQuYnV0dG9uc1wiIChjbGljayk9XCJvbkNsaWNrQ3RhQnV0dG9uKGJ1dHRvbi5yb3V0ZSlcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQnOmJ1dHRvbi5iZ0NvbG9yLCAnY29sb3InOiBidXR0b24udGV4dENvbG9yfVwiPlxuICAgICAgICAgICAgICAgIHt7YnV0dG9uLmxhYmVsfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2020/lib/custom-tooltip/custom-tooltip.component.mjs

@@ -1,22 +1,22 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@fortawesome/angular-fontawesome";
-import * as i2 from "@angular/common";
-export class CustomTooltipComponent {
-    onMouseEnter() {
-        this.showDetails = true;
-    }
-    onMouseClick() {
-        this.showDetails = !this.showDetails;
-    }
-    onMouseLeave() {
-        this.showDetails = false;
-    }
-}
-CustomTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CustomTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomTooltipComponent, selector: "custom-tooltip", ngImport: i0, template: "<div class=\"icon\">\r\n    <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\r\n        <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\r\n            <div>\r\n                <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\r\n            </div>\r\n        </div>\r\n        <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\r\n            <fa-icon icon=\"caret-left\"></fa-icon>\r\n            <ng-content></ng-content>\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}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"], 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'custom-tooltip', template: "<div class=\"icon\">\r\n    <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\r\n        <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\r\n            <div>\r\n                <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\r\n            </div>\r\n        </div>\r\n        <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\r\n            <fa-icon icon=\"caret-left\"></fa-icon>\r\n            <ng-content></ng-content>\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}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N1c3RvbS10b29sdGlwL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdXN0b20tdG9vbHRpcC9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzFDLE1BQU0sT0FBTyxzQkFBc0I7SUFHakMsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUUzQixDQUFDOzttSEFkVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzRENQbkMsc2tCQVlNOzJGRExPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3VzdG9tLXRvb2x0aXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21Ub29sdGlwQ29tcG9uZW50IHtcclxuICBzaG93RGV0YWlsczogYm9vbGVhbjtcclxuXHJcbiAgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5zaG93RGV0YWlscyA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlQ2xpY2soKSB7XHJcbiAgICB0aGlzLnNob3dEZXRhaWxzID0gIXRoaXMuc2hvd0RldGFpbHM7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlTGVhdmUoKSB7XHJcbiAgICB0aGlzLnNob3dEZXRhaWxzID0gZmFsc2U7XHJcblxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaWNvblwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiAobW91c2VsZWF2ZSk9XCJvbk1vdXNlTGVhdmUoKVwiPlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cIm9uTW91c2VDbGljaygpXCIgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiIChtb3VzZWVudGVyKT1cIm9uTW91c2VFbnRlcigpXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwiaW5mby1jaXJjbGVcIiBjbGFzcz1cImljb24tc2hhcGVcIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b29sdGlwLW1lc3NhZ2UtYm94XCIgW25nQ2xhc3NdPVwieyduby1kZXRhaWxzJyA6ICFzaG93RGV0YWlscyAsICdkZXRhaWxzJzogc2hvd0RldGFpbHN9XCI+XHJcbiAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJjYXJldC1sZWZ0XCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+import * as i2 from "@angular/common";
+export class CustomTooltipComponent {
+    onMouseEnter() {
+        this.showDetails = true;
+    }
+    onMouseClick() {
+        this.showDetails = !this.showDetails;
+    }
+    onMouseLeave() {
+        this.showDetails = false;
+    }
+}
+CustomTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CustomTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomTooltipComponent, selector: "custom-tooltip", ngImport: i0, template: "<div class=\"icon\">\n    <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\n        <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\n            <div>\n                <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\n            </div>\n        </div>\n        <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\n            <fa-icon icon=\"caret-left\"></fa-icon>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@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}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"], 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'custom-tooltip', template: "<div class=\"icon\">\n    <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\n        <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\n            <div>\n                <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\n            </div>\n        </div>\n        <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\n            <fa-icon icon=\"caret-left\"></fa-icon>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@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}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N1c3RvbS10b29sdGlwL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdXN0b20tdG9vbHRpcC9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzFDLE1BQU0sT0FBTyxzQkFBc0I7SUFHakMsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUUzQixDQUFDOzttSEFkVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzRENQbkMsOGlCQVlNOzJGRExPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3VzdG9tLXRvb2x0aXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tVG9vbHRpcENvbXBvbmVudCB7XG4gIHNob3dEZXRhaWxzOiBib29sZWFuO1xuXG4gIG9uTW91c2VFbnRlcigpIHtcbiAgICB0aGlzLnNob3dEZXRhaWxzID0gdHJ1ZTtcbiAgfVxuXG4gIG9uTW91c2VDbGljaygpIHtcbiAgICB0aGlzLnNob3dEZXRhaWxzID0gIXRoaXMuc2hvd0RldGFpbHM7XG4gIH1cblxuICBvbk1vdXNlTGVhdmUoKSB7XG4gICAgdGhpcy5zaG93RGV0YWlscyA9IGZhbHNlO1xuXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpY29uXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiAobW91c2VsZWF2ZSk9XCJvbk1vdXNlTGVhdmUoKVwiPlxuICAgICAgICA8ZGl2IChjbGljayk9XCJvbk1vdXNlQ2xpY2soKVwiIGNsYXNzPVwiaWNvbi1jb250YWluZXJcIiAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoKVwiPlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwiaW5mby1jaXJjbGVcIiBjbGFzcz1cImljb24tc2hhcGVcIj48L2ZhLWljb24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b29sdGlwLW1lc3NhZ2UtYm94XCIgW25nQ2xhc3NdPVwieyduby1kZXRhaWxzJyA6ICFzaG93RGV0YWlscyAsICdkZXRhaWxzJzogc2hvd0RldGFpbHN9XCI+XG4gICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwiY2FyZXQtbGVmdFwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

package/esm2020/lib/faq-category-listing/faq-category-listing.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 "@fortawesome/angular-fontawesome";
-import * as i3 from "@angular/common";
-export class FaqCategoryListingComponent {
-    constructor(_Router) {
-        this._Router = _Router;
-    }
-    ngOnInit() { }
-    onClick() {
-        this._Router.navigate(['/faq/faq-category-page', this.category.id]);
-    }
-}
-FaqCategoryListingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FaqCategoryListingComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-FaqCategoryListingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FaqCategoryListingComponent, selector: "faq-category-listing", inputs: { category: "category", isSelected: "isSelected" }, ngImport: i0, template: "<div [ngClass]=\"{'selected':isSelected}\" class=\"listing\">\r\n    <div class=\"icon-container\">\r\n        <fa-icon [icon]=\"category.iconName\"></fa-icon>\r\n    </div>\r\n    <div class=\"title\">\r\n        {{category.title}}\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}.listing{display:grid;grid-template-rows:auto auto;align-items:center;background:#fff;padding:2rem;border-radius:1.5rem;grid-row-gap:1rem;width:100%;height:20rem;margin:auto;place-items:center;border:.2rem solid #32353b;transition:all ease-in-out .1s;color:#32353b}.listing:hover{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}.icon-container{grid-row:1/span 2;grid-column:1;font-size:5rem}.title{font-size:18px;font-weight:700}.selected{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}@media only screen and (max-width: 75em){.listing{width:30rem;margin:auto 1rem}}@media only screen and (max-width: 37.5em){.listing{width:15rem;height:12rem;padding:0}.listing .title{font-size:1.8rem}.listing .icon-container{font-size:4rem}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FaqCategoryListingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'faq-category-listing', template: "<div [ngClass]=\"{'selected':isSelected}\" class=\"listing\">\r\n    <div class=\"icon-container\">\r\n        <fa-icon [icon]=\"category.iconName\"></fa-icon>\r\n    </div>\r\n    <div class=\"title\">\r\n        {{category.title}}\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}.listing{display:grid;grid-template-rows:auto auto;align-items:center;background:#fff;padding:2rem;border-radius:1.5rem;grid-row-gap:1rem;width:100%;height:20rem;margin:auto;place-items:center;border:.2rem solid #32353b;transition:all ease-in-out .1s;color:#32353b}.listing:hover{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}.icon-container{grid-row:1/span 2;grid-column:1;font-size:5rem}.title{font-size:18px;font-weight:700}.selected{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}@media only screen and (max-width: 75em){.listing{width:30rem;margin:auto 1rem}}@media only screen and (max-width: 37.5em){.listing{width:15rem;height:12rem;padding:0}.listing .title{font-size:1.8rem}.listing .icon-container{font-size:4rem}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { category: [{
-                type: Input
-            }], isSelected: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZhcS1jYXRlZ29yeS1saXN0aW5nL2ZhcS1jYXRlZ29yeS1saXN0aW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mYXEtY2F0ZWdvcnktbGlzdGluZy9mYXEtY2F0ZWdvcnktbGlzdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTekQsTUFBTSxPQUFPLDJCQUEyQjtJQUl0QyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUSxLQUFVLENBQUM7SUFFbkIsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsd0JBQXdCLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3RFLENBQUM7O3dIQVZVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLHdIQ1R4QyxrUUFPTTsyRkRFTywyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzZGQUt2QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgRkFRQ2F0ZWdvcnkgfSBmcm9tICcuLi9tb2RlbHMvZmFxLWNhdGVnb3J5Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZmFxLWNhdGVnb3J5LWxpc3RpbmcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYXEtY2F0ZWdvcnktbGlzdGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFxLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFxQ2F0ZWdvcnlMaXN0aW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBjYXRlZ29yeTogRkFRQ2F0ZWdvcnk7XHJcbiAgQElucHV0KCkgaXNTZWxlY3RlZDogYm9vbGVhbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfUm91dGVyOiBSb3V0ZXIpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIG9uQ2xpY2soKSB7XHJcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoWycvZmFxL2ZhcS1jYXRlZ29yeS1wYWdlJywgdGhpcy5jYXRlZ29yeS5pZF0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQnOmlzU2VsZWN0ZWR9XCIgY2xhc3M9XCJsaXN0aW5nXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaWNvbi1jb250YWluZXJcIj5cclxuICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJjYXRlZ29yeS5pY29uTmFtZVwiPjwvZmEtaWNvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICAgICAge3tjYXRlZ29yeS50aXRsZX19XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+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";
+export class FaqCategoryListingComponent {
+    constructor(_Router) {
+        this._Router = _Router;
+    }
+    ngOnInit() { }
+    onClick() {
+        this._Router.navigate(['/faq/faq-category-page', this.category.id]);
+    }
+}
+FaqCategoryListingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FaqCategoryListingComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+FaqCategoryListingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FaqCategoryListingComponent, selector: "faq-category-listing", inputs: { category: "category", isSelected: "isSelected" }, ngImport: i0, template: "<div [ngClass]=\"{'selected':isSelected}\" class=\"listing\">\n    <div class=\"icon-container\">\n        <fa-icon [icon]=\"category.iconName\"></fa-icon>\n    </div>\n    <div class=\"title\">\n        {{category.title}}\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}.listing{display:grid;grid-template-rows:auto auto;align-items:center;background:#fff;padding:2rem;border-radius:1.5rem;grid-row-gap:1rem;width:100%;height:20rem;margin:auto;place-items:center;border:.2rem solid #32353b;transition:all ease-in-out .1s;color:#32353b}.listing:hover{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}.icon-container{grid-row:1/span 2;grid-column:1;font-size:5rem}.title{font-size:18px;font-weight:700}.selected{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}@media only screen and (max-width: 75em){.listing{width:30rem;margin:auto 1rem}}@media only screen and (max-width: 37.5em){.listing{width:15rem;height:12rem;padding:0}.listing .title{font-size:1.8rem}.listing .icon-container{font-size:4rem}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FaqCategoryListingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'faq-category-listing', template: "<div [ngClass]=\"{'selected':isSelected}\" class=\"listing\">\n    <div class=\"icon-container\">\n        <fa-icon [icon]=\"category.iconName\"></fa-icon>\n    </div>\n    <div class=\"title\">\n        {{category.title}}\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}.listing{display:grid;grid-template-rows:auto auto;align-items:center;background:#fff;padding:2rem;border-radius:1.5rem;grid-row-gap:1rem;width:100%;height:20rem;margin:auto;place-items:center;border:.2rem solid #32353b;transition:all ease-in-out .1s;color:#32353b}.listing:hover{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}.icon-container{grid-row:1/span 2;grid-column:1;font-size:5rem}.title{font-size:18px;font-weight:700}.selected{cursor:pointer;color:#155ed4;box-sizing:border-box;border:.2rem solid #155ED4}@media only screen and (max-width: 75em){.listing{width:30rem;margin:auto 1rem}}@media only screen and (max-width: 37.5em){.listing{width:15rem;height:12rem;padding:0}.listing .title{font-size:1.8rem}.listing .icon-container{font-size:4rem}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { category: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZhcS1jYXRlZ29yeS1saXN0aW5nL2ZhcS1jYXRlZ29yeS1saXN0aW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mYXEtY2F0ZWdvcnktbGlzdGluZy9mYXEtY2F0ZWdvcnktbGlzdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTekQsTUFBTSxPQUFPLDJCQUEyQjtJQUl0QyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUSxLQUFVLENBQUM7SUFFbkIsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsd0JBQXdCLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3RFLENBQUM7O3dIQVZVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLHdIQ1R4QyxvUEFPTTsyRkRFTywyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzZGQUt2QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBGQVFDYXRlZ29yeSB9IGZyb20gJy4uL21vZGVscy9mYXEtY2F0ZWdvcnkubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmYXEtY2F0ZWdvcnktbGlzdGluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYXEtY2F0ZWdvcnktbGlzdGluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZhcS1jYXRlZ29yeS1saXN0aW5nLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmFxQ2F0ZWdvcnlMaXN0aW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgY2F0ZWdvcnk6IEZBUUNhdGVnb3J5O1xuICBASW5wdXQoKSBpc1NlbGVjdGVkOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgb25DbGljaygpIHtcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoWycvZmFxL2ZhcS1jYXRlZ29yeS1wYWdlJywgdGhpcy5jYXRlZ29yeS5pZF0pO1xuICB9XG59XG4iLCI8ZGl2IFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQnOmlzU2VsZWN0ZWR9XCIgY2xhc3M9XCJsaXN0aW5nXCI+XG4gICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCI+XG4gICAgICAgIDxmYS1pY29uIFtpY29uXT1cImNhdGVnb3J5Lmljb25OYW1lXCI+PC9mYS1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICB7e2NhdGVnb3J5LnRpdGxlfX1cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2020/lib/faq-listing/faq-listing.component.mjs

@@ -1,25 +1,25 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/material/expansion";
-export class FaqListingComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-    onOpened($event) {
-        this.isOpen = true;
-    }
-    onClosed($event) {
-        this.isOpen = false;
-    }
-}
-FaqListingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FaqListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FaqListingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FaqListingComponent, selector: "faq-listing", inputs: { faq: "faq" }, ngImport: i0, template: "<mat-expansion-panel class=\"listing\" hideToggle [expanded]=\"isOpen\" (opened)=\"onOpened($event)\"\r\n    (closed)=\"onClosed($event)\">\r\n    <mat-expansion-panel-header class=\"panel-header\">\r\n        <mat-panel-title class=\"title\">\r\n            {{faq.question}}\r\n        </mat-panel-title>\r\n        <div class=\"icon\">\r\n            <mat-icon *ngIf=\"!isOpen\">add_circle_outline</mat-icon>\r\n            <mat-icon *ngIf=\"isOpen\">remove_circle_outline</mat-icon>\r\n        </div>\r\n    </mat-expansion-panel-header>\r\n    <div class=\"content\">\r\n        {{faq.response}}\r\n    </div>\r\n</mat-expansion-panel>", 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}.content{padding-left:1.5rem;border-left:.2rem solid #155ED4;margin-bottom:2rem;font-family:maiandra}.panel-header{display:flex;flex-direction:row;column-gap:2%;align-items:center;padding:1rem}.title{font-size:1.6rem;font-weight:700}mat-icon{color:#155ed4;transition:ease .1s}mat-expansion-panel-header{font-family:maiandra}mat-expansion-panel-header:hover:active mat-icon{transform:rotate(180deg)}.mat-expansion-panel-header{height:auto}.mat-expansion-panel-body{padding:1rem 1.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FaqListingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'faq-listing', template: "<mat-expansion-panel class=\"listing\" hideToggle [expanded]=\"isOpen\" (opened)=\"onOpened($event)\"\r\n    (closed)=\"onClosed($event)\">\r\n    <mat-expansion-panel-header class=\"panel-header\">\r\n        <mat-panel-title class=\"title\">\r\n            {{faq.question}}\r\n        </mat-panel-title>\r\n        <div class=\"icon\">\r\n            <mat-icon *ngIf=\"!isOpen\">add_circle_outline</mat-icon>\r\n            <mat-icon *ngIf=\"isOpen\">remove_circle_outline</mat-icon>\r\n        </div>\r\n    </mat-expansion-panel-header>\r\n    <div class=\"content\">\r\n        {{faq.response}}\r\n    </div>\r\n</mat-expansion-panel>", 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}.content{padding-left:1.5rem;border-left:.2rem solid #155ED4;margin-bottom:2rem;font-family:maiandra}.panel-header{display:flex;flex-direction:row;column-gap:2%;align-items:center;padding:1rem}.title{font-size:1.6rem;font-weight:700}mat-icon{color:#155ed4;transition:ease .1s}mat-expansion-panel-header{font-family:maiandra}mat-expansion-panel-header:hover:active mat-icon{transform:rotate(180deg)}.mat-expansion-panel-header{height:auto}.mat-expansion-panel-body{padding:1rem 1.5rem}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { faq: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLWxpc3RpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZhcS1saXN0aW5nL2ZhcS1saXN0aW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mYXEtbGlzdGluZy9mYXEtbGlzdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFFBQVEsQ0FBQyxNQUFNO1FBQ2IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7SUFDckIsQ0FBQztJQUVELFFBQVEsQ0FBQyxNQUFNO1FBQ2IsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQzs7Z0hBZlUsbUJBQW1CO29HQUFuQixtQkFBbUIsMkVDUmhDLGlvQkFjc0I7MkZETlQsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7MEVBS2QsR0FBRztzQkFBWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkFRIH0gZnJvbSAnLi4vbW9kZWxzL2ZhcS5tb2RlbCc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdmYXEtbGlzdGluZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhcS1saXN0aW5nLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vZmFxLWxpc3RpbmcuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhcUxpc3RpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGZhcTogRkFRO1xyXG4gIGlzT3BlbjogYm9vbGVhbjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBvbk9wZW5lZCgkZXZlbnQpIHtcclxuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG9uQ2xvc2VkKCRldmVudCkge1xyXG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcclxuICB9XHJcbn1cclxuIiwiPG1hdC1leHBhbnNpb24tcGFuZWwgY2xhc3M9XCJsaXN0aW5nXCIgaGlkZVRvZ2dsZSBbZXhwYW5kZWRdPVwiaXNPcGVuXCIgKG9wZW5lZCk9XCJvbk9wZW5lZCgkZXZlbnQpXCJcclxuICAgIChjbG9zZWQpPVwib25DbG9zZWQoJGV2ZW50KVwiPlxyXG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyIGNsYXNzPVwicGFuZWwtaGVhZGVyXCI+XHJcbiAgICAgICAgPG1hdC1wYW5lbC10aXRsZSBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICAgICAgICAgIHt7ZmFxLnF1ZXN0aW9ufX1cclxuICAgICAgICA8L21hdC1wYW5lbC10aXRsZT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiPlxyXG4gICAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhaXNPcGVuXCI+YWRkX2NpcmNsZV9vdXRsaW5lPC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaXNPcGVuXCI+cmVtb3ZlX2NpcmNsZV9vdXRsaW5lPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgIHt7ZmFxLnJlc3BvbnNlfX1cclxuICAgIDwvZGl2PlxyXG48L21hdC1leHBhbnNpb24tcGFuZWw+Il19
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/expansion";
+export class FaqListingComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    onOpened($event) {
+        this.isOpen = true;
+    }
+    onClosed($event) {
+        this.isOpen = false;
+    }
+}
+FaqListingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FaqListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FaqListingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FaqListingComponent, selector: "faq-listing", inputs: { faq: "faq" }, ngImport: i0, template: "<mat-expansion-panel class=\"listing\" hideToggle [expanded]=\"isOpen\" (opened)=\"onOpened($event)\"\n    (closed)=\"onClosed($event)\">\n    <mat-expansion-panel-header class=\"panel-header\">\n        <mat-panel-title class=\"title\">\n            {{faq.question}}\n        </mat-panel-title>\n        <div class=\"icon\">\n            <mat-icon *ngIf=\"!isOpen\">add_circle_outline</mat-icon>\n            <mat-icon *ngIf=\"isOpen\">remove_circle_outline</mat-icon>\n        </div>\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n        {{faq.response}}\n    </div>\n</mat-expansion-panel>", 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}.content{padding-left:1.5rem;border-left:.2rem solid #155ED4;margin-bottom:2rem;font-family:maiandra}.panel-header{display:flex;flex-direction:row;column-gap:2%;align-items:center;padding:1rem}.title{font-size:1.6rem;font-weight:700}mat-icon{color:#155ed4;transition:ease .1s}mat-expansion-panel-header{font-family:maiandra}mat-expansion-panel-header:hover:active mat-icon{transform:rotate(180deg)}.mat-expansion-panel-header{height:auto}.mat-expansion-panel-body{padding:1rem 1.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FaqListingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'faq-listing', template: "<mat-expansion-panel class=\"listing\" hideToggle [expanded]=\"isOpen\" (opened)=\"onOpened($event)\"\n    (closed)=\"onClosed($event)\">\n    <mat-expansion-panel-header class=\"panel-header\">\n        <mat-panel-title class=\"title\">\n            {{faq.question}}\n        </mat-panel-title>\n        <div class=\"icon\">\n            <mat-icon *ngIf=\"!isOpen\">add_circle_outline</mat-icon>\n            <mat-icon *ngIf=\"isOpen\">remove_circle_outline</mat-icon>\n        </div>\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n        {{faq.response}}\n    </div>\n</mat-expansion-panel>", 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}.content{padding-left:1.5rem;border-left:.2rem solid #155ED4;margin-bottom:2rem;font-family:maiandra}.panel-header{display:flex;flex-direction:row;column-gap:2%;align-items:center;padding:1rem}.title{font-size:1.6rem;font-weight:700}mat-icon{color:#155ed4;transition:ease .1s}mat-expansion-panel-header{font-family:maiandra}mat-expansion-panel-header:hover:active mat-icon{transform:rotate(180deg)}.mat-expansion-panel-header{height:auto}.mat-expansion-panel-body{padding:1rem 1.5rem}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { faq: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLWxpc3RpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZhcS1saXN0aW5nL2ZhcS1saXN0aW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mYXEtbGlzdGluZy9mYXEtbGlzdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPekQsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFFBQVEsQ0FBQyxNQUFNO1FBQ2IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7SUFDckIsQ0FBQztJQUVELFFBQVEsQ0FBQyxNQUFNO1FBQ2IsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQzs7Z0hBZlUsbUJBQW1CO29HQUFuQixtQkFBbUIsMkVDUmhDLHFtQkFjc0I7MkZETlQsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7MEVBS2QsR0FBRztzQkFBWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkFRIH0gZnJvbSAnLi4vbW9kZWxzL2ZhcS5tb2RlbCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmFxLWxpc3RpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmFxLWxpc3RpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmFxLWxpc3RpbmcuY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgRmFxTGlzdGluZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGZhcTogRkFRO1xuICBpc09wZW46IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIG9uT3BlbmVkKCRldmVudCkge1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcbiAgfVxuXG4gIG9uQ2xvc2VkKCRldmVudCkge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gIH1cbn1cbiIsIjxtYXQtZXhwYW5zaW9uLXBhbmVsIGNsYXNzPVwibGlzdGluZ1wiIGhpZGVUb2dnbGUgW2V4cGFuZGVkXT1cImlzT3BlblwiIChvcGVuZWQpPVwib25PcGVuZWQoJGV2ZW50KVwiXG4gICAgKGNsb3NlZCk9XCJvbkNsb3NlZCgkZXZlbnQpXCI+XG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyIGNsYXNzPVwicGFuZWwtaGVhZGVyXCI+XG4gICAgICAgIDxtYXQtcGFuZWwtdGl0bGUgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICAgICAge3tmYXEucXVlc3Rpb259fVxuICAgICAgICA8L21hdC1wYW5lbC10aXRsZT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImljb25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFpc09wZW5cIj5hZGRfY2lyY2xlX291dGxpbmU8L21hdC1pY29uPlxuICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaXNPcGVuXCI+cmVtb3ZlX2NpcmNsZV9vdXRsaW5lPC9tYXQtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICB7e2ZhcS5yZXNwb25zZX19XG4gICAgPC9kaXY+XG48L21hdC1leHBhbnNpb24tcGFuZWw+Il19

package/esm2020/lib/get-started-cta/get-started-cta.component.mjs

@@ -1,22 +1,22 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/material/button";
-export class GetStartedCTAComponent {
-    constructor(_Router) {
-        this._Router = _Router;
-    }
-    ngOnInit() { }
-    onClickLink(route) {
-        this._Router.navigate([route]);
-    }
-}
-GetStartedCTAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetStartedCTAComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-GetStartedCTAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GetStartedCTAComponent, selector: "get-started-cta", inputs: { ctaCardData: "ctaCardData" }, ngImport: i0, template: "<div class=\"all\">\r\n    <div class=\"get-started\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\r\n            <path\r\n                d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\r\n                fill=\"#155ED4\" />\r\n        </svg>\r\n\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\r\n            <path\r\n                d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\r\n        </svg>\r\n\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg-3\">\r\n            <path\r\n                d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\r\n        </svg>\r\n\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\r\n            <path\r\n                d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\r\n        </svg>\r\n\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\r\n            <path\r\n                d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\r\n        </svg>\r\n\r\n\r\n        <div class=\"content\">\r\n            <h1>{{ctaCardData.title}}</h1>\r\n            <div class=\"description\">\r\n                {{ctaCardData.description}}\r\n            </div>\r\n            <img [src]=\"ctaCardData.logo.path\" alt=\"\" (click)=\"onClickLink(ctaCardData.logo.route)\" class=\"logo-img\">\r\n            <div class=\"create-account\">\r\n                <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\r\n                <button mat-raised-button class=\"sign-up-btn\"\r\n                    (click)=\"onClickLink(ctaCardData.callToActionButton.route)\">{{ctaCardData.callToActionButton.ctaText}}</button>\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}.all{margin-top:3rem;display:flex;align-items:center}.get-started{position:relative;text-align:center;color:#fff;display:grid;padding:3rem 0rem;border-radius:1.5rem;margin:auto;background-color:#32353b;box-shadow:2rem 2rem 3.4rem #00000040;z-index:2;width:90%}@media only screen and (min-width: 1500px){.get-started{width:150rem}}.get-started path{fill:#155ed4}.get-started svg{position:absolute;z-index:-1;width:20%;height:11rem}.get-started .svg-1{flex-shrink:0;fill:#155ed4;bottom:1rem;left:0%}.get-started .svg-2{left:10%;width:9em;height:11rem}.get-started .svg-3{top:4rem;right:30%}.get-started .svg-4{top:2rem;right:0}.get-started .svg-5{bottom:1rem;right:0}.get-started .content{display:grid;row-gap:1rem}.get-started .content .title{font-size:4rem}.get-started .content .description{width:60%;margin:auto}@media only screen and (max-width: 75em){.get-started .content .description{width:80%}}.get-started .sign-up{text-decoration:underline;font-weight:500;cursor:pointer}.get-started .logo-img{cursor:pointer;margin:2vh 0 5vh;width:20rem;margin:auto}.get-started .create-account{display:flex;justify-content:center;align-items:center;height:3.4rem;width:50%;margin:auto;column-gap:2%}.get-started .sign-up-btn{background-color:#155ed4;color:#fff;height:100%;width:40%;max-width:70%;font-family:inherit}.get-started .email-input{width:60%;height:100%;max-width:80%}@media only screen and (max-width: 75em){.get-started .create-account{width:70%}}@media only screen and (max-width: 56.25em){.get-started .create-account{height:auto;row-gap:1rem;flex-wrap:wrap;width:100%;flex-direction:column}.get-started .sign-up-btn{height:4rem;width:20rem}.get-started .email-input{width:29rem;height:3.5rem}}@media only screen and (max-width: 37.5em){.get-started .svg-3{display:none}}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetStartedCTAComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'get-started-cta', template: "<div class=\"all\">\r\n    <div class=\"get-started\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\r\n            <path\r\n                d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\r\n                fill=\"#155ED4\" />\r\n        </svg>\r\n\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\r\n            <path\r\n                d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\r\n        </svg>\r\n\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg-3\">\r\n            <path\r\n                d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\r\n        </svg>\r\n\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\r\n            <path\r\n                d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\r\n        </svg>\r\n\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\r\n            <path\r\n                d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\r\n        </svg>\r\n\r\n\r\n        <div class=\"content\">\r\n            <h1>{{ctaCardData.title}}</h1>\r\n            <div class=\"description\">\r\n                {{ctaCardData.description}}\r\n            </div>\r\n            <img [src]=\"ctaCardData.logo.path\" alt=\"\" (click)=\"onClickLink(ctaCardData.logo.route)\" class=\"logo-img\">\r\n            <div class=\"create-account\">\r\n                <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\r\n                <button mat-raised-button class=\"sign-up-btn\"\r\n                    (click)=\"onClickLink(ctaCardData.callToActionButton.route)\">{{ctaCardData.callToActionButton.ctaText}}</button>\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}.all{margin-top:3rem;display:flex;align-items:center}.get-started{position:relative;text-align:center;color:#fff;display:grid;padding:3rem 0rem;border-radius:1.5rem;margin:auto;background-color:#32353b;box-shadow:2rem 2rem 3.4rem #00000040;z-index:2;width:90%}@media only screen and (min-width: 1500px){.get-started{width:150rem}}.get-started path{fill:#155ed4}.get-started svg{position:absolute;z-index:-1;width:20%;height:11rem}.get-started .svg-1{flex-shrink:0;fill:#155ed4;bottom:1rem;left:0%}.get-started .svg-2{left:10%;width:9em;height:11rem}.get-started .svg-3{top:4rem;right:30%}.get-started .svg-4{top:2rem;right:0}.get-started .svg-5{bottom:1rem;right:0}.get-started .content{display:grid;row-gap:1rem}.get-started .content .title{font-size:4rem}.get-started .content .description{width:60%;margin:auto}@media only screen and (max-width: 75em){.get-started .content .description{width:80%}}.get-started .sign-up{text-decoration:underline;font-weight:500;cursor:pointer}.get-started .logo-img{cursor:pointer;margin:2vh 0 5vh;width:20rem;margin:auto}.get-started .create-account{display:flex;justify-content:center;align-items:center;height:3.4rem;width:50%;margin:auto;column-gap:2%}.get-started .sign-up-btn{background-color:#155ed4;color:#fff;height:100%;width:40%;max-width:70%;font-family:inherit}.get-started .email-input{width:60%;height:100%;max-width:80%}@media only screen and (max-width: 75em){.get-started .create-account{width:70%}}@media only screen and (max-width: 56.25em){.get-started .create-account{height:auto;row-gap:1rem;flex-wrap:wrap;width:100%;flex-direction:column}.get-started .sign-up-btn{height:4rem;width:20rem}.get-started .email-input{width:29rem;height:3.5rem}}@media only screen and (max-width: 37.5em){.get-started .svg-3{display:none}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ctaCardData: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxzQkFBc0I7SUFJakMsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBRHhDLFFBQVEsS0FBSyxDQUFDO0lBR2QsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7bUhBUlUsc0JBQXNCO3VHQUF0QixzQkFBc0IsK0ZDUm5DLDZyRkEwQ007MkZEbENPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7NkZBS2xCLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgR2V0U3RhcnRlZEN0YSB9IGZyb20gJy4uL21vZGVscy9nZXQtc3RhcnRlZC1jdGEubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2dldC1zdGFydGVkLWN0YScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2dldC1zdGFydGVkLWN0YS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEdldFN0YXJ0ZWRDVEFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGN0YUNhcmREYXRhOiBHZXRTdGFydGVkQ3RhO1xyXG5cclxuICBuZ09uSW5pdCgpIHsgfVxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgb25DbGlja0xpbmsocm91dGUpIHtcclxuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbcm91dGVdKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFsbFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImdldC1zdGFydGVkXCI+XHJcbiAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgY2xhc3M9XCJzdmctMVwiIHZpZXdCb3g9XCIwIDAgMjI4IDIzNFwiIGZpbGw9XCJub25lXCI+XHJcbiAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTAuMDEwMjIgMTU2LjgwN0MzLjc4MjQyIDcyLjU0NjcgLTE2Ljc2MTIgLTAuMDAwNDI5Nzk2IDcwLjMyMiAtMC4wMDA0Mjk3OTZDMTU3LjQwNSAtMC4wMDA0Mjk3OTYgMjI4IDcwLjcxMTkgMjI4IDE1Ny45NDFDMjI4IDI0NS4xNyAxODAuMzIxIDIzMy44ODkgOTQuNjkxIDIzMy4xMzNDLTMuMDA3NTQgMjMyLjI3MSAwLjAxMDIyIDI0NC4wMzYgMC4wMTAyMiAxNTYuODA3WlwiXHJcbiAgICAgICAgICAgICAgICBmaWxsPVwiIzE1NUVENFwiIC8+XHJcbiAgICAgICAgPC9zdmc+XHJcblxyXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGNsYXNzPVwic3ZnLTJcIiB2aWV3Qm94PVwiMCAwIDE3NyAxMTdcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD1cIk0xMTAuMzU3IDEwLjUzMzNDMTk0IC0zMC4zNzM5IDE4Mi40MjggNjEuMjM5NyAxNTkuMTIgOTAuMDIzNkMxMzUuODExIDExOC44MDggODIuNjQwOSAxMjUuODQ0IDUzLjg1NjkgMTAyLjUzNUMyNS4wNzMgNzkuMjI2IC0xNS45NTIgNTIuMzE3NCA3LjM1Njc2IDIzLjUzMzVDMzAuNjY1NSAtNS4yNTA0NSA3MCAyNS4xMjYxIDExMC4zNTcgMTAuNTMzM1pcIiAvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG5cclxuICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDMxMyAyMjlcIiBmaWxsPVwibm9uZVwiIGNsYXNzPVwic3ZnLTNcIj5cclxuICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNMjkxLjEyMiAxODYuMDk2QzI0My45NTEgMjg2Ljc0MSAyMzEuOTQ2IDE4My4wNjEgMTQ4LjgzMiAxNDUuMTg0QzY1LjcxODMgMTA3LjMwNyAtMzMuODc2NSAxNjYuOTE2IDEyLjU4NzkgNjQuOTU5NUM1OS4wNTIzIC0zNi45OTczIDE0OS42NDkgMTUuOTg5NyAyMTcuMTA5IDQuNTg0NTVDMzA1LjE5NyAtMTMuNjE2MyAzMzcuNTg2IDg0LjEzOTMgMjkxLjEyMiAxODYuMDk2WlwiIC8+XHJcbiAgICAgICAgPC9zdmc+XHJcblxyXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGNsYXNzPVwic3ZnLTRcIiB2aWV3Qm94PVwiMCAwIDEzMCAxODdcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD1cIk0xMjkuNjI2IDYzLjEyMjhDMTI4Ljk4MSAxMTIuNDU4IDEzNy4zMzMgMTg3IDg3LjcwNjkgMTg3QzM4LjA4MDUgMTg3IDAgMTEyLjIxMSAwIDYyLjQ3NjVDMCAxMi43NDE2IDM3LjY1MDYgLTAuMDAwNDI3MjQ2IDg3LjI3NyAtMC4wMDA0MjcyNDZDMTM2LjkwMyAtMC4wMDA0MjcyNDYgMTI5LjYyNiAxMy4zODc5IDEyOS42MjYgNjMuMTIyOFpcIiAvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG5cclxuICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBjbGFzcz1cInN2Zy01XCIgdmlld0JveD1cIjAgMCAxNzMgMTMxXCIgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNOTguNzAyMSAyMS41Mjg1QzE2Ny41MDggLTQxLjIwMzIgMTgyLjEwNSA0OS45NzczIDE2Ny44MDggODQuMTQ0OEMxNTMuNTEyIDExOC4zMTIgMTA0LjQ1MSAxMzkuOTg0IDcwLjI4MzggMTI1LjY4N0MzNi4xMTYzIDExMS4zOSAtMTAuODEwNiA5Ny4wNzI4IDMuNDg2MDIgNjIuOTA1M0MxNy43ODI3IDI4LjczNzggNjQuMDYgNDYuODU4MiA5OC43MDIxIDIxLjUyODVaXCIgLz5cclxuICAgICAgICA8L3N2Zz5cclxuXHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxoMT57e2N0YUNhcmREYXRhLnRpdGxlfX08L2gxPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cclxuICAgICAgICAgICAgICAgIHt7Y3RhQ2FyZERhdGEuZGVzY3JpcHRpb259fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGltZyBbc3JjXT1cImN0YUNhcmREYXRhLmxvZ28ucGF0aFwiIGFsdD1cIlwiIChjbGljayk9XCJvbkNsaWNrTGluayhjdGFDYXJkRGF0YS5sb2dvLnJvdXRlKVwiIGNsYXNzPVwibG9nby1pbWdcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNyZWF0ZS1hY2NvdW50XCI+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImVtYWlsXCIgY2xhc3M9XCJlbWFpbC1pbnB1dFwiIHBsYWNlaG9sZGVyPVwiRW1haWwgQWRkcmVzc1wiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBjbGFzcz1cInNpZ24tdXAtYnRuXCJcclxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGlja0xpbmsoY3RhQ2FyZERhdGEuY2FsbFRvQWN0aW9uQnV0dG9uLnJvdXRlKVwiPnt7Y3RhQ2FyZERhdGEuY2FsbFRvQWN0aW9uQnV0dG9uLmN0YVRleHR9fTwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/material/button";
+export class GetStartedCTAComponent {
+    constructor(_Router) {
+        this._Router = _Router;
+    }
+    ngOnInit() { }
+    onClickLink(route) {
+        this._Router.navigate([route]);
+    }
+}
+GetStartedCTAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetStartedCTAComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+GetStartedCTAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GetStartedCTAComponent, selector: "get-started-cta", inputs: { ctaCardData: "ctaCardData" }, ngImport: i0, template: "<div class=\"all\">\n    <div class=\"get-started\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\n            <path\n                d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\n                fill=\"#155ED4\" />\n        </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\n            <path\n                d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\n        </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg-3\">\n            <path\n                d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\n        </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\n            <path\n                d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\n        </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\n            <path\n                d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\n        </svg>\n\n\n        <div class=\"content\">\n            <h1>{{ctaCardData.title}}</h1>\n            <div class=\"description\">\n                {{ctaCardData.description}}\n            </div>\n            <img [src]=\"ctaCardData.logo.path\" alt=\"\" (click)=\"onClickLink(ctaCardData.logo.route)\" class=\"logo-img\">\n            <div class=\"create-account\">\n                <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\n                <button mat-raised-button class=\"sign-up-btn\"\n                    (click)=\"onClickLink(ctaCardData.callToActionButton.route)\">{{ctaCardData.callToActionButton.ctaText}}</button>\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}.all{margin-top:3rem;display:flex;align-items:center}.get-started{position:relative;text-align:center;color:#fff;display:grid;padding:3rem 0rem;border-radius:1.5rem;margin:auto;background-color:#32353b;box-shadow:2rem 2rem 3.4rem #00000040;z-index:2;width:90%}@media only screen and (min-width: 1500px){.get-started{width:150rem}}.get-started path{fill:#155ed4}.get-started svg{position:absolute;z-index:-1;width:20%;height:11rem}.get-started .svg-1{flex-shrink:0;fill:#155ed4;bottom:1rem;left:0%}.get-started .svg-2{left:10%;width:9em;height:11rem}.get-started .svg-3{top:4rem;right:30%}.get-started .svg-4{top:2rem;right:0}.get-started .svg-5{bottom:1rem;right:0}.get-started .content{display:grid;row-gap:1rem}.get-started .content .title{font-size:4rem}.get-started .content .description{width:60%;margin:auto}@media only screen and (max-width: 75em){.get-started .content .description{width:80%}}.get-started .sign-up{text-decoration:underline;font-weight:500;cursor:pointer}.get-started .logo-img{cursor:pointer;margin:2vh 0 5vh;width:20rem;margin:auto}.get-started .create-account{display:flex;justify-content:center;align-items:center;height:3.4rem;width:50%;margin:auto;column-gap:2%}.get-started .sign-up-btn{background-color:#155ed4;color:#fff;height:100%;width:40%;max-width:70%;font-family:inherit}.get-started .email-input{width:60%;height:100%;max-width:80%}@media only screen and (max-width: 75em){.get-started .create-account{width:70%}}@media only screen and (max-width: 56.25em){.get-started .create-account{height:auto;row-gap:1rem;flex-wrap:wrap;width:100%;flex-direction:column}.get-started .sign-up-btn{height:4rem;width:20rem}.get-started .email-input{width:29rem;height:3.5rem}}@media only screen and (max-width: 37.5em){.get-started .svg-3{display:none}}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetStartedCTAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'get-started-cta', template: "<div class=\"all\">\n    <div class=\"get-started\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\n            <path\n                d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\n                fill=\"#155ED4\" />\n        </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\n            <path\n                d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\n        </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg-3\">\n            <path\n                d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\n        </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\n            <path\n                d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\n        </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\n            <path\n                d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\n        </svg>\n\n\n        <div class=\"content\">\n            <h1>{{ctaCardData.title}}</h1>\n            <div class=\"description\">\n                {{ctaCardData.description}}\n            </div>\n            <img [src]=\"ctaCardData.logo.path\" alt=\"\" (click)=\"onClickLink(ctaCardData.logo.route)\" class=\"logo-img\">\n            <div class=\"create-account\">\n                <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\n                <button mat-raised-button class=\"sign-up-btn\"\n                    (click)=\"onClickLink(ctaCardData.callToActionButton.route)\">{{ctaCardData.callToActionButton.ctaText}}</button>\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}.all{margin-top:3rem;display:flex;align-items:center}.get-started{position:relative;text-align:center;color:#fff;display:grid;padding:3rem 0rem;border-radius:1.5rem;margin:auto;background-color:#32353b;box-shadow:2rem 2rem 3.4rem #00000040;z-index:2;width:90%}@media only screen and (min-width: 1500px){.get-started{width:150rem}}.get-started path{fill:#155ed4}.get-started svg{position:absolute;z-index:-1;width:20%;height:11rem}.get-started .svg-1{flex-shrink:0;fill:#155ed4;bottom:1rem;left:0%}.get-started .svg-2{left:10%;width:9em;height:11rem}.get-started .svg-3{top:4rem;right:30%}.get-started .svg-4{top:2rem;right:0}.get-started .svg-5{bottom:1rem;right:0}.get-started .content{display:grid;row-gap:1rem}.get-started .content .title{font-size:4rem}.get-started .content .description{width:60%;margin:auto}@media only screen and (max-width: 75em){.get-started .content .description{width:80%}}.get-started .sign-up{text-decoration:underline;font-weight:500;cursor:pointer}.get-started .logo-img{cursor:pointer;margin:2vh 0 5vh;width:20rem;margin:auto}.get-started .create-account{display:flex;justify-content:center;align-items:center;height:3.4rem;width:50%;margin:auto;column-gap:2%}.get-started .sign-up-btn{background-color:#155ed4;color:#fff;height:100%;width:40%;max-width:70%;font-family:inherit}.get-started .email-input{width:60%;height:100%;max-width:80%}@media only screen and (max-width: 75em){.get-started .create-account{width:70%}}@media only screen and (max-width: 56.25em){.get-started .create-account{height:auto;row-gap:1rem;flex-wrap:wrap;width:100%;flex-direction:column}.get-started .sign-up-btn{height:4rem;width:20rem}.get-started .email-input{width:29rem;height:3.5rem}}@media only screen and (max-width: 37.5em){.get-started .svg-3{display:none}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ctaCardData: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxzQkFBc0I7SUFJakMsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBRHhDLFFBQVEsS0FBSyxDQUFDO0lBR2QsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7bUhBUlUsc0JBQXNCO3VHQUF0QixzQkFBc0IsK0ZDUm5DLHltRkEwQ007MkZEbENPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7NkZBS2xCLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBHZXRTdGFydGVkQ3RhIH0gZnJvbSAnLi4vbW9kZWxzL2dldC1zdGFydGVkLWN0YS5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnZXQtc3RhcnRlZC1jdGEnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR2V0U3RhcnRlZENUQUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGN0YUNhcmREYXRhOiBHZXRTdGFydGVkQ3RhO1xuXG4gIG5nT25Jbml0KCkgeyB9XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cblxuICBvbkNsaWNrTGluayhyb3V0ZSkge1xuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbcm91dGVdKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImFsbFwiPlxuICAgIDxkaXYgY2xhc3M9XCJnZXQtc3RhcnRlZFwiPlxuICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBjbGFzcz1cInN2Zy0xXCIgdmlld0JveD1cIjAgMCAyMjggMjM0XCIgZmlsbD1cIm5vbmVcIj5cbiAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgZD1cIk0wLjAxMDIyIDE1Ni44MDdDMy43ODI0MiA3Mi41NDY3IC0xNi43NjEyIC0wLjAwMDQyOTc5NiA3MC4zMjIgLTAuMDAwNDI5Nzk2QzE1Ny40MDUgLTAuMDAwNDI5Nzk2IDIyOCA3MC43MTE5IDIyOCAxNTcuOTQxQzIyOCAyNDUuMTcgMTgwLjMyMSAyMzMuODg5IDk0LjY5MSAyMzMuMTMzQy0zLjAwNzU0IDIzMi4yNzEgMC4wMTAyMiAyNDQuMDM2IDAuMDEwMjIgMTU2LjgwN1pcIlxuICAgICAgICAgICAgICAgIGZpbGw9XCIjMTU1RUQ0XCIgLz5cbiAgICAgICAgPC9zdmc+XG5cbiAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgY2xhc3M9XCJzdmctMlwiIHZpZXdCb3g9XCIwIDAgMTc3IDExN1wiIGZpbGw9XCJub25lXCI+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgIGQ9XCJNMTEwLjM1NyAxMC41MzMzQzE5NCAtMzAuMzczOSAxODIuNDI4IDYxLjIzOTcgMTU5LjEyIDkwLjAyMzZDMTM1LjgxMSAxMTguODA4IDgyLjY0MDkgMTI1Ljg0NCA1My44NTY5IDEwMi41MzVDMjUuMDczIDc5LjIyNiAtMTUuOTUyIDUyLjMxNzQgNy4zNTY3NiAyMy41MzM1QzMwLjY2NTUgLTUuMjUwNDUgNzAgMjUuMTI2MSAxMTAuMzU3IDEwLjUzMzNaXCIgLz5cbiAgICAgICAgPC9zdmc+XG5cbiAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAzMTMgMjI5XCIgZmlsbD1cIm5vbmVcIiBjbGFzcz1cInN2Zy0zXCI+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgIGQ9XCJNMjkxLjEyMiAxODYuMDk2QzI0My45NTEgMjg2Ljc0MSAyMzEuOTQ2IDE4My4wNjEgMTQ4LjgzMiAxNDUuMTg0QzY1LjcxODMgMTA3LjMwNyAtMzMuODc2NSAxNjYuOTE2IDEyLjU4NzkgNjQuOTU5NUM1OS4wNTIzIC0zNi45OTczIDE0OS42NDkgMTUuOTg5NyAyMTcuMTA5IDQuNTg0NTVDMzA1LjE5NyAtMTMuNjE2MyAzMzcuNTg2IDg0LjEzOTMgMjkxLjEyMiAxODYuMDk2WlwiIC8+XG4gICAgICAgIDwvc3ZnPlxuXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGNsYXNzPVwic3ZnLTRcIiB2aWV3Qm94PVwiMCAwIDEzMCAxODdcIiBmaWxsPVwibm9uZVwiPlxuICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICBkPVwiTTEyOS42MjYgNjMuMTIyOEMxMjguOTgxIDExMi40NTggMTM3LjMzMyAxODcgODcuNzA2OSAxODdDMzguMDgwNSAxODcgMCAxMTIuMjExIDAgNjIuNDc2NUMwIDEyLjc0MTYgMzcuNjUwNiAtMC4wMDA0MjcyNDYgODcuMjc3IC0wLjAwMDQyNzI0NkMxMzYuOTAzIC0wLjAwMDQyNzI0NiAxMjkuNjI2IDEzLjM4NzkgMTI5LjYyNiA2My4xMjI4WlwiIC8+XG4gICAgICAgIDwvc3ZnPlxuXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGNsYXNzPVwic3ZnLTVcIiB2aWV3Qm94PVwiMCAwIDE3MyAxMzFcIiBmaWxsPVwibm9uZVwiPlxuICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICBkPVwiTTk4LjcwMjEgMjEuNTI4NUMxNjcuNTA4IC00MS4yMDMyIDE4Mi4xMDUgNDkuOTc3MyAxNjcuODA4IDg0LjE0NDhDMTUzLjUxMiAxMTguMzEyIDEwNC40NTEgMTM5Ljk4NCA3MC4yODM4IDEyNS42ODdDMzYuMTE2MyAxMTEuMzkgLTEwLjgxMDYgOTcuMDcyOCAzLjQ4NjAyIDYyLjkwNTNDMTcuNzgyNyAyOC43Mzc4IDY0LjA2IDQ2Ljg1ODIgOTguNzAyMSAyMS41Mjg1WlwiIC8+XG4gICAgICAgIDwvc3ZnPlxuXG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxoMT57e2N0YUNhcmREYXRhLnRpdGxlfX08L2gxPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAge3tjdGFDYXJkRGF0YS5kZXNjcmlwdGlvbn19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJjdGFDYXJkRGF0YS5sb2dvLnBhdGhcIiBhbHQ9XCJcIiAoY2xpY2spPVwib25DbGlja0xpbmsoY3RhQ2FyZERhdGEubG9nby5yb3V0ZSlcIiBjbGFzcz1cImxvZ28taW1nXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3JlYXRlLWFjY291bnRcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImVtYWlsXCIgY2xhc3M9XCJlbWFpbC1pbnB1dFwiIHBsYWNlaG9sZGVyPVwiRW1haWwgQWRkcmVzc1wiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY2xhc3M9XCJzaWduLXVwLWJ0blwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrTGluayhjdGFDYXJkRGF0YS5jYWxsVG9BY3Rpb25CdXR0b24ucm91dGUpXCI+e3tjdGFDYXJkRGF0YS5jYWxsVG9BY3Rpb25CdXR0b24uY3RhVGV4dH19PC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=