@jooler/jooler-websites-shared 0.0.237-beta.0 → 0.0.239

package/{esm2020 → esm2022}/jooler-websites-shared.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/lib/achievements/achievements.component.mjs

@@ -0,0 +1,18 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../section-title/section-title.component";
+export class AchievementsComponent {
+    sectionContent;
+    constructor() { }
+    ngOnInit() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AchievementsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AchievementsComponent, selector: "achievements", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"achievements\" [ngClass]=\"{'blue-background': sectionContent.sectionTitle.isDarkBg}\">\r\n    <div class=\"content\">\r\n        <div>\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"achievements-cards\">\r\n            <div class=\"achievement-card\" *ngFor=\"let achievement of sectionContent.achievements\">\r\n                <div class=\"number\">\r\n                    {{achievement.number}}\r\n                </div>\r\n                <div class=\"subtitle\">\r\n                    {{achievement.subtitle}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.achievements{display:grid;row-gap:2rem;margin:auto;width:100%}.achievements .content{margin:auto;width:90%}@media only screen and (min-width: 1500px){.achievements .content{width:150rem}}.achievements .achievements-cards{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:2rem 0rem;row-gap:4rem;column-gap:1rem}.achievements .achievements-cards .achievement-card{display:grid;grid-template-rows:6rem auto;margin:auto;padding:1rem;width:30rem;min-width:23%;height:12rem;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;row-gap:.4rem}@media screen and (max-width: 800px){.achievements .achievements-cards .achievement-card{width:33%}}@media only screen and (max-width: 37.5em){.achievements .achievements-cards .achievement-card{width:50%}}.achievements .achievements-cards .achievement-card .number{text-align:center;color:#fff;font-weight:700;font-size:2.8rem;display:grid;align-content:end}.achievements .achievements-cards .achievement-card .subtitle{color:#fff;text-align:center;font-weight:500;font-size:1.8rem}.blue-background{background:linear-gradient(90deg,#155ed4 3.16%,#0f2844 97.43%);padding:2rem 0rem;color:#fff}.blue-background .achievements-cards{width:100%}.blue-background .achievements-cards .achievement-card{background-color:#fff}.blue-background .achievements-cards .achievement-card .number{color:#155ed4}.blue-background .achievements-cards .achievement-card .subtitle{color:#32353b;font-weight:550}@media only screen and (max-width: 75em){.achievements .achievements-cards{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem auto}.achievements .achievements-cards .achievement-card{grid-template-rows:auto auto;width:20rem;height:16rem}.achievements .achievements-cards .achievement-card .subtitle{font-size:1.8rem}}@media only screen and (max-width: 37.5em){.achievements .achievements-cards .achievement-card{height:10rem}.achievements .achievements-cards .achievement-card .number{font-size:2rem}.achievements .achievements-cards .achievement-card .subtitle{font-size:1.4rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AchievementsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'achievements', template: "<div class=\"achievements\" [ngClass]=\"{'blue-background': sectionContent.sectionTitle.isDarkBg}\">\r\n    <div class=\"content\">\r\n        <div>\r\n            <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n        </div>\r\n        <div class=\"achievements-cards\">\r\n            <div class=\"achievement-card\" *ngFor=\"let achievement of sectionContent.achievements\">\r\n                <div class=\"number\">\r\n                    {{achievement.number}}\r\n                </div>\r\n                <div class=\"subtitle\">\r\n                    {{achievement.subtitle}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.achievements{display:grid;row-gap:2rem;margin:auto;width:100%}.achievements .content{margin:auto;width:90%}@media only screen and (min-width: 1500px){.achievements .content{width:150rem}}.achievements .achievements-cards{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:2rem 0rem;row-gap:4rem;column-gap:1rem}.achievements .achievements-cards .achievement-card{display:grid;grid-template-rows:6rem auto;margin:auto;padding:1rem;width:30rem;min-width:23%;height:12rem;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;row-gap:.4rem}@media screen and (max-width: 800px){.achievements .achievements-cards .achievement-card{width:33%}}@media only screen and (max-width: 37.5em){.achievements .achievements-cards .achievement-card{width:50%}}.achievements .achievements-cards .achievement-card .number{text-align:center;color:#fff;font-weight:700;font-size:2.8rem;display:grid;align-content:end}.achievements .achievements-cards .achievement-card .subtitle{color:#fff;text-align:center;font-weight:500;font-size:1.8rem}.blue-background{background:linear-gradient(90deg,#155ed4 3.16%,#0f2844 97.43%);padding:2rem 0rem;color:#fff}.blue-background .achievements-cards{width:100%}.blue-background .achievements-cards .achievement-card{background-color:#fff}.blue-background .achievements-cards .achievement-card .number{color:#155ed4}.blue-background .achievements-cards .achievement-card .subtitle{color:#32353b;font-weight:550}@media only screen and (max-width: 75em){.achievements .achievements-cards{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem auto}.achievements .achievements-cards .achievement-card{grid-template-rows:auto auto;width:20rem;height:16rem}.achievements .achievements-cards .achievement-card .subtitle{font-size:1.8rem}}@media only screen and (max-width: 37.5em){.achievements .achievements-cards .achievement-card{height:10rem}.achievements .achievements-cards .achievement-card .number{font-size:2rem}.achievements .achievements-cards .achievement-card .subtitle{font-size:1.4rem}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxxQkFBcUI7SUFDdkIsY0FBYyxDQUFlO0lBQ3RDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVEsS0FBSyxDQUFDO3dHQUpILHFCQUFxQjs0RkFBckIscUJBQXFCLGtHQ1JsQyxzc0JBZ0JNOzs0RkRSTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsY0FBYzswRUFLZixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjaGlldmVtZW50cyB9IGZyb20gJy4uL21vZGVscy9hY2hpZXZlbWVudHMubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhY2hpZXZlbWVudHMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2hpZXZlbWVudHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9hY2hpZXZlbWVudHMuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFjaGlldmVtZW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IEFjaGlldmVtZW50cztcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHsgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJhY2hpZXZlbWVudHNcIiBbbmdDbGFzc109XCJ7J2JsdWUtYmFja2dyb3VuZCc6IHNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5pc0RhcmtCZ31cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFjaGlldmVtZW50cy1jYXJkc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWNoaWV2ZW1lbnQtY2FyZFwiICpuZ0Zvcj1cImxldCBhY2hpZXZlbWVudCBvZiBzZWN0aW9uQ29udGVudC5hY2hpZXZlbWVudHNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJudW1iZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2FjaGlldmVtZW50Lm51bWJlcn19XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7YWNoaWV2ZW1lbnQuc3VidGl0bGV9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/auth-route-directive.mjs

@@ -0,0 +1,42 @@
+import { Directive, Input, HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "./services/user.service";
+export class AuthRouteDirective {
+    _router;
+    _userService;
+    targetRoute;
+    requireAuth;
+    navigationExtras;
+    constructor(_router, _userService) {
+        this._router = _router;
+        this._userService = _userService;
+    }
+    handleClick(event) {
+        event.preventDefault();
+        if (this.requireAuth && !this._userService.isAuthenticated()) {
+            this._router.navigate(['/authentication/login']);
+        }
+        else {
+            this._router.navigate([this.targetRoute], this.navigationExtras);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthRouteDirective, deps: [{ token: i1.Router }, { token: i2.UserService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AuthRouteDirective, selector: "[authRoute]", inputs: { targetRoute: "targetRoute", requireAuth: "requireAuth", navigationExtras: "navigationExtras" }, host: { listeners: { "click": "handleClick($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthRouteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[authRoute]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.UserService }]; }, propDecorators: { targetRoute: [{
+                type: Input
+            }], requireAuth: [{
+                type: Input
+            }], navigationExtras: [{
+                type: Input
+            }], handleClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0aC1yb3V0ZS1kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvYXV0aC1yb3V0ZS1kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTy9ELE1BQU0sT0FBTyxrQkFBa0I7SUFJUDtJQUF5QjtJQUhwQyxXQUFXLENBQVM7SUFDcEIsV0FBVyxDQUFVO0lBQ3JCLGdCQUFnQixDQUFtQjtJQUM1QyxZQUFvQixPQUFlLEVBQVUsWUFBeUI7UUFBbEQsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQUFVLGlCQUFZLEdBQVosWUFBWSxDQUFhO0lBQUksQ0FBQztJQUczRSxXQUFXLENBQUMsS0FBWTtRQUNwQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxlQUFlLEVBQUUsRUFBRTtZQUMxRCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQztTQUNwRDthQUFNO1lBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7U0FDcEU7SUFDTCxDQUFDO3dHQWRRLGtCQUFrQjs0RkFBbEIsa0JBQWtCOzs0RkFBbEIsa0JBQWtCO2tCQUg5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxhQUFhO2lCQUMxQjt1SEFFWSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmF2aWdhdGlvbkV4dHJhcywgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgVXNlclNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzL3VzZXIuc2VydmljZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW2F1dGhSb3V0ZV0nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBdXRoUm91dGVEaXJlY3RpdmUge1xyXG4gICAgQElucHV0KCkgdGFyZ2V0Um91dGU6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHJlcXVpcmVBdXRoOiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgbmF2aWdhdGlvbkV4dHJhczogTmF2aWdhdGlvbkV4dHJhcztcclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JvdXRlcjogUm91dGVyLCBwcml2YXRlIF91c2VyU2VydmljZTogVXNlclNlcnZpY2UpIHsgfVxyXG5cclxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcclxuICAgIGhhbmRsZUNsaWNrKGV2ZW50OiBFdmVudCkge1xyXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgaWYgKHRoaXMucmVxdWlyZUF1dGggJiYgIXRoaXMuX3VzZXJTZXJ2aWNlLmlzQXV0aGVudGljYXRlZCgpKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbJy9hdXRoZW50aWNhdGlvbi9sb2dpbiddKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoW3RoaXMudGFyZ2V0Um91dGVdLCB0aGlzLm5hdmlnYXRpb25FeHRyYXMpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufSJdfQ==

package/esm2022/lib/call-to-action-section/call-to-action-section.component.mjs

@@ -0,0 +1,29 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/router";
+import * as i5 from "../auth-route-directive";
+export class CallToActionSectionComponent {
+    sectionContent;
+    titleOnRightSide = false;
+    imageBg = false;
+    isBoxWithCard = false;
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CallToActionSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\r\n  <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\r\n  'colored-bg':!imageBg,\r\n  'image-bg':imageBg\r\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\r\n    <div class=\"heading-side\">\r\n      <div class=\"title\">{{sectionContent.title}}</div>\r\n      <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\r\n      <div class=\"buttons\">\r\n        <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\r\n          [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\r\n          {{button.name}}\r\n          <fa-icon icon=\"chevron-right\"></fa-icon>\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\r\n      <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\r\n        [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\r\n        <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\r\n        <div class=\"box-title\">\r\n          {{card.title}}\r\n        </div>\r\n        <div class=\"box-description\" *ngIf=\"card.description \">\r\n          {{card.description}}\r\n        </div>\r\n        <div class=\"button\">\r\n          <a [routerLink]=\"card.button.route\" class=\"custom-anchor\">\r\n          <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\">\r\n            {{card.button.name}}\r\n          </button>\r\n        </a>\r\n        </div>\r\n        <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353b;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "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-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.AuthRouteDirective, selector: "[authRoute]", inputs: ["targetRoute", "requireAuth", "navigationExtras"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\r\n  <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\r\n  'colored-bg':!imageBg,\r\n  'image-bg':imageBg\r\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\r\n    <div class=\"heading-side\">\r\n      <div class=\"title\">{{sectionContent.title}}</div>\r\n      <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\r\n      <div class=\"buttons\">\r\n        <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\r\n          [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\r\n          {{button.name}}\r\n          <fa-icon icon=\"chevron-right\"></fa-icon>\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\r\n      <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\r\n        [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\r\n        <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\r\n        <div class=\"box-title\">\r\n          {{card.title}}\r\n        </div>\r\n        <div class=\"box-description\" *ngIf=\"card.description \">\r\n          {{card.description}}\r\n        </div>\r\n        <div class=\"button\">\r\n          <a [routerLink]=\"card.button.route\" class=\"custom-anchor\">\r\n          <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\">\r\n            {{card.button.name}}\r\n          </button>\r\n        </a>\r\n        </div>\r\n        <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353b;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
+                type: Input
+            }], titleOnRightSide: [{
+                type: Input
+            }], imageBg: [{
+                type: Input
+            }], isBoxWithCard: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTakQsTUFBTSxPQUFPLDRCQUE0QjtJQUM5QixjQUFjLENBQTBCO0lBQ3hDLGdCQUFnQixHQUFZLEtBQUssQ0FBQztJQUNsQyxPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLGFBQWEsR0FBWSxLQUFLLENBQUM7SUFFeEMsZ0JBQWdCLENBQUM7d0dBTk4sNEJBQTRCOzRGQUE1Qiw0QkFBNEIsc01DVHpDLDYwREFzQ007OzRGRDdCTyw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0Usd0JBQXdCOzBFQU16QixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGEgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBDYWxsVG9BY3Rpb25TZWN0aW9uRGF0YTtcclxuICBASW5wdXQoKSB0aXRsZU9uUmlnaHRTaWRlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaW1hZ2VCZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlzQm94V2l0aENhcmQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgPGRpdiBjbGFzcz1cImN0YS1ib3hcIiBbbmdDbGFzc109XCJ7J3RpdGxlLXJpZ2h0LXNpZGUnOnRpdGxlT25SaWdodFNpZGUsJ3RpdGxlLWxlZnQtc2lkZSc6IXRpdGxlT25SaWdodFNpZGUsXHJcbiAgJ2NvbG9yZWQtYmcnOiFpbWFnZUJnLFxyXG4gICdpbWFnZS1iZyc6aW1hZ2VCZ1xyXG59XCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWltYWdlJzogJ3VybCgnICsgc2VjdGlvbkNvbnRlbnQuYmdJbWFnZSArICcpJywgJ2JhY2tncm91bmQtY29sb3InOiBzZWN0aW9uQ29udGVudC5iZ0NvbG9yfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImhlYWRpbmctc2lkZVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj57e3NlY3Rpb25Db250ZW50LnRpdGxlfX08L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+e3tzZWN0aW9uQ29udGVudC5zdWJ0aXRsZX19PC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zXCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJjdGEtbGlua1wiICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygc2VjdGlvbkNvbnRlbnQuYnV0dG9uc1wiIGF1dGhSb3V0ZVxyXG4gICAgICAgICAgW3JlcXVpcmVBdXRoXT1cImJ1dHRvbi5yZXF1aXJlc0F1dGhcIiBbdGFyZ2V0Um91dGVdPVwiYnV0dG9uLnJvdXRlXCI+XHJcbiAgICAgICAgICB7e2J1dHRvbi5uYW1lfX1cclxuICAgICAgICAgIDxmYS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCI+PC9mYS1pY29uPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjdGEtc2lkZVwiIFtuZ0NsYXNzXT1cInsnb25seS1hbi1pdGVtJzpzZWN0aW9uQ29udGVudC5jdGFDYXJkcy5sZW5ndGggPT0gMSB9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJib3hcIiAqbmdGb3I9XCJsZXQgY2FyZCBvZiBzZWN0aW9uQ29udGVudC5jdGFDYXJkc1wiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieydib3gtY2FyZCc6aXNCb3hXaXRoQ2FyZCwgJ2JveC1ub24tY2FyZCc6IWlzQm94V2l0aENhcmR9XCI+XHJcbiAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiY2FyZC5pbWFnZVwiIGFsdD1cIlwiIGNsYXNzPVwiaW1hZ2VcIiAqbmdJZj1cImNhcmQuaW1hZ2VcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm94LXRpdGxlXCI+XHJcbiAgICAgICAgICB7e2NhcmQudGl0bGV9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3gtZGVzY3JpcHRpb25cIiAqbmdJZj1cImNhcmQuZGVzY3JpcHRpb24gXCI+XHJcbiAgICAgICAgICB7e2NhcmQuZGVzY3JpcHRpb259fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIj5cclxuICAgICAgICAgIDxhIFtyb3V0ZXJMaW5rXT1cImNhcmQuYnV0dG9uLnJvdXRlXCIgY2xhc3M9XCJjdXN0b20tYW5jaG9yXCI+XHJcbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtcmFpc2VkLWJ1dHRvbiBhdXRoUm91dGUgW3JlcXVpcmVBdXRoXT1cImNhcmQuYnV0dG9uLnJlcXVpcmVzQXV0aFwiPlxyXG4gICAgICAgICAgICB7e2NhcmQuYnV0dG9uLm5hbWV9fVxyXG4gICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCIgKm5nSWY9XCIhaXNCb3hXaXRoQ2FyZCAmJiBzZWN0aW9uQ29udGVudC5jdGFDYXJkcy5sZW5ndGggPiAxIFwiPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/call-to-action-section-two/call-to-action-section-two.component.mjs

@@ -0,0 +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";
+export class CallToActionSectionTwoComponent {
+    _router;
+    sectionContent;
+    constructor(_router) {
+        this._router = _router;
+    }
+    ngOnInit() {
+    }
+    onClickLink(link) {
+        this._router.navigate([link]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CallToActionSectionTwoComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CallToActionSectionTwoComponent, selector: "call-to-action-section-two", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\r\n    <header class=\"logo-container\" *ngIf=\"sectionContent.withImage\">\r\n        <img loading=\"lazy\" class=\"logo\" [src]=\"sectionContent.imagePath\" alt=\"Logo\">\r\n    </header>\r\n    <h1 class=\"title\">\r\n        {{sectionContent.title}}\r\n    </h1>\r\n    <h3 class=\"subtitle\">\r\n        {{sectionContent.subtitle}}<ng-content></ng-content>\r\n    </h3>\r\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:1.5rem;border-radius:1.5rem;padding:2rem;width:100%;justify-content:center;text-align:center}.section .logo-container{width:8rem;margin:auto}.section .logo-container .logo{width:100%}.section .title{font-size:3.4rem;font-weight:700;color:#155ed4}.section .description,.section .subtitle{color:#32353b;font-size:2rem;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CallToActionSectionTwoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'call-to-action-section-two', template: "<section class=\"section\">\r\n    <header class=\"logo-container\" *ngIf=\"sectionContent.withImage\">\r\n        <img loading=\"lazy\" class=\"logo\" [src]=\"sectionContent.imagePath\" alt=\"Logo\">\r\n    </header>\r\n    <h1 class=\"title\">\r\n        {{sectionContent.title}}\r\n    </h1>\r\n    <h3 class=\"subtitle\">\r\n        {{sectionContent.subtitle}}<ng-content></ng-content>\r\n    </h3>\r\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:1.5rem;border-radius:1.5rem;padding:2rem;width:100%;justify-content:center;text-align:center}.section .logo-container{width:8rem;margin:auto}.section .logo-container .logo{width:100%}.section .title{font-size:3.4rem;font-weight:700;color:#155ed4}.section .description,.section .subtitle{color:#32353b;font-size:2rem;font-weight:500}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN6RCxNQUFNLE9BQU8sK0JBQStCO0lBR3RCO0lBRlgsY0FBYyxDQUF5QjtJQUVoRCxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUE7SUFDL0IsQ0FBQzt3R0FWVSwrQkFBK0I7NEZBQS9CLCtCQUErQixnSENUNUMsa2FBVVU7OzRGRERHLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSw0QkFBNEI7NkZBSzdCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvblR3byB9IGZyb20gJy4uL21vZGVscy9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Ud29Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBDYWxsVG9BY3Rpb25TZWN0aW9uVHdvO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0xpbmsobGluazogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoW2xpbmtdKVxyXG4gIH1cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cclxuICAgIDxoZWFkZXIgY2xhc3M9XCJsb2dvLWNvbnRhaW5lclwiICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQud2l0aEltYWdlXCI+XHJcbiAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIGNsYXNzPVwibG9nb1wiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuaW1hZ2VQYXRoXCIgYWx0PVwiTG9nb1wiPlxyXG4gICAgPC9oZWFkZXI+XHJcbiAgICA8aDEgY2xhc3M9XCJ0aXRsZVwiPlxyXG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGl0bGV9fVxyXG4gICAgPC9oMT5cclxuICAgIDxoMyBjbGFzcz1cInN1YnRpdGxlXCI+XHJcbiAgICAgICAge3tzZWN0aW9uQ29udGVudC5zdWJ0aXRsZX19PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9oMz5cclxuPC9zZWN0aW9uPiJdfQ==

package/esm2022/lib/choose-country-with-flag/choose-country-with-flag.component.mjs

@@ -0,0 +1,56 @@
+import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/forms";
+import * as i3 from "@ng-select/ng-select";
+import * as i4 from "@angular/common";
+export class ChooseCountryWithFlagComponent {
+    items;
+    selectedItem;
+    change = new EventEmitter();
+    constructor() { }
+    ngOnInit() {
+    }
+    writeValue(value) {
+        this.selectedItem = value;
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propogateTouch = fn;
+    }
+    propagateChange = (_) => { };
+    propogateTouch = () => { };
+    updateBlur() {
+        this.propogateTouch();
+    }
+    onSelectionChanged($event) {
+        this.propagateChange(this.selectedItem);
+        this.change.emit($event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChooseCountryWithFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChooseCountryWithFlagComponent, selector: "choose-country-with-flag", inputs: { items: "items" }, outputs: { change: "change" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ChooseCountryWithFlagComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<div class=\"choose\">\r\n  <ng-select\r\n    (blur)=\"updateBlur()\"\r\n    class=\"custom\"\r\n    [items]=\"items\"\r\n    (change)=\"onSelectionChanged($event)\"\r\n    bindLabel=\"name\"\r\n    bindValue=\"id\"\r\n    [(ngModel)]=\"selectedItem\"\r\n    placeholder=\"Choose country\"\r\n  >\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n      <div class=\"flag-name\">\r\n        <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\r\n        {{ item.code2 }}\r\n      </div>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\" class=\"options-list\">\r\n      <div class=\"flag-name\">\r\n        <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\r\n        <span class=\"country-name\">\r\n          {{\r\n            item.name.length > 15\r\n              ? (item.name | slice: 0 : 15) + \"...\"\r\n              : item.name\r\n          }}\r\n        </span>\r\n      </div>\r\n    </ng-template>\r\n  </ng-select>\r\n</div>\r\n", styles: [".choose{width:100%}.choose .flag-name{display:flex;column-gap:1rem;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "pipe", type: i4.SlicePipe, name: "slice" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChooseCountryWithFlagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'choose-country-with-flag', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ChooseCountryWithFlagComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"choose\">\r\n  <ng-select\r\n    (blur)=\"updateBlur()\"\r\n    class=\"custom\"\r\n    [items]=\"items\"\r\n    (change)=\"onSelectionChanged($event)\"\r\n    bindLabel=\"name\"\r\n    bindValue=\"id\"\r\n    [(ngModel)]=\"selectedItem\"\r\n    placeholder=\"Choose country\"\r\n  >\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n      <div class=\"flag-name\">\r\n        <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\r\n        {{ item.code2 }}\r\n      </div>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\" class=\"options-list\">\r\n      <div class=\"flag-name\">\r\n        <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\r\n        <span class=\"country-name\">\r\n          {{\r\n            item.name.length > 15\r\n              ? (item.name | slice: 0 : 15) + \"...\"\r\n              : item.name\r\n          }}\r\n        </span>\r\n      </div>\r\n    </ng-template>\r\n  </ng-select>\r\n</div>\r\n", styles: [".choose{width:100%}.choose .flag-name{display:flex;column-gap:1rem;align-items:center}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBY3pFLE1BQU0sT0FBTyw4QkFBOEI7SUFDaEMsS0FBSyxDQUFRO0lBQ3RCLFlBQVksQ0FBTTtJQUNSLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRXRDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLEVBQU87UUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQU87UUFDOUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVPLGVBQWUsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ2xDLGNBQWMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFFbkMsVUFBVTtRQUNSLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsa0JBQWtCLENBQUMsTUFBTTtRQUN2QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMzQixDQUFDO3dHQWhDVSw4QkFBOEI7NEZBQTlCLDhCQUE4Qiw4R0FSOUI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDhCQUE4QixDQUFDO2dCQUM3RCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQUMsMEJDWk4sdS9CQStCQTs7NEZEaEJhLDhCQUE4QjtrQkFaMUMsU0FBUzsrQkFDRSwwQkFBMEIsYUFHekI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsK0JBQStCLENBQUM7NEJBQzdELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUFDOzBFQUlLLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENob29zZUNvdW50cnlXaXRoRmxhZ0NvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIENob29zZUNvdW50cnlXaXRoRmxhZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBhbnlbXTtcclxuICBzZWxlY3RlZEl0ZW06IGFueTtcclxuICBAT3V0cHV0KCkgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xyXG4gICAgdGhpcy5wcm9wb2dhdGVUb3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XHJcbiAgcHJpdmF0ZSBwcm9wb2dhdGVUb3VjaCA9ICgpID0+IHsgfTtcclxuXHJcbiAgdXBkYXRlQmx1cigpIHtcclxuICAgIHRoaXMucHJvcG9nYXRlVG91Y2goKTtcclxuICB9XHJcblxyXG4gIG9uU2VsZWN0aW9uQ2hhbmdlZCgkZXZlbnQpIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMuc2VsZWN0ZWRJdGVtKTtcclxuICAgIHRoaXMuY2hhbmdlLmVtaXQoJGV2ZW50KTtcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwiY2hvb3NlXCI+XHJcbiAgPG5nLXNlbGVjdFxyXG4gICAgKGJsdXIpPVwidXBkYXRlQmx1cigpXCJcclxuICAgIGNsYXNzPVwiY3VzdG9tXCJcclxuICAgIFtpdGVtc109XCJpdGVtc1wiXHJcbiAgICAoY2hhbmdlKT1cIm9uU2VsZWN0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcclxuICAgIGJpbmRMYWJlbD1cIm5hbWVcIlxyXG4gICAgYmluZFZhbHVlPVwiaWRcIlxyXG4gICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZEl0ZW1cIlxyXG4gICAgcGxhY2Vob2xkZXI9XCJDaG9vc2UgY291bnRyeVwiXHJcbiAgPlxyXG4gICAgPG5nLXRlbXBsYXRlIG5nLWxhYmVsLXRtcCBsZXQtaXRlbT1cIml0ZW1cIiBsZXQtY2xlYXI9XCJjbGVhclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxhZy1uYW1lXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIFtzdmdJY29uXT1cIml0ZW0/LmNvZGUyPy50b0xvd2VyQ2FzZSgpXCI+PC9tYXQtaWNvbj5cclxuICAgICAgICB7eyBpdGVtLmNvZGUyIH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiIGNsYXNzPVwib3B0aW9ucy1saXN0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGFnLW5hbWVcIj5cclxuICAgICAgICA8bWF0LWljb24gW3N2Z0ljb25dPVwiaXRlbT8uY29kZTI/LnRvTG93ZXJDYXNlKClcIj48L21hdC1pY29uPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY291bnRyeS1uYW1lXCI+XHJcbiAgICAgICAgICB7e1xyXG4gICAgICAgICAgICBpdGVtLm5hbWUubGVuZ3RoID4gMTVcclxuICAgICAgICAgICAgICA/IChpdGVtLm5hbWUgfCBzbGljZTogMCA6IDE1KSArIFwiLi4uXCJcclxuICAgICAgICAgICAgICA6IGl0ZW0ubmFtZVxyXG4gICAgICAgICAgfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICA8L25nLXNlbGVjdD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/coming-soon/coming-soon.component.mjs

@@ -0,0 +1,20 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/forms";
+import * as i3 from "../social-media-icons/social-media-icons.component";
+export class ComingSoonComponent {
+    ctaText = "Get notified when this feature is available.";
+    socialMediaLinks = { instagram: "https://www.instagram.com", faceBook: "https://www.facebook.com", youTube: "https://www.youtube.com", linkedIn: "https://www.linkedin.com" };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComingSoonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ComingSoonComponent, selector: "coming-soon", inputs: { ctaText: "ctaText", socialMediaLinks: "socialMediaLinks" }, ngImport: i0, template: "<section class=\"page\">\r\n    <div class=\"coming-soon\">\r\n        <div class=\"title\">\r\n            Coming Soon\r\n        </div>\r\n        <div class=\"subtitle\">\r\n            {{ctaText}}\r\n        </div>\r\n        <form>\r\n            <div class=\"registration-field\">\r\n                <div class=\"email-field\">\r\n                    <input type=\"email\" placeholder=\"Email Address\">\r\n                </div>\r\n                <button mat-raised-button class=\"submit\" type=\"submit\">\r\n                    Submit\r\n                </button>\r\n            </div>\r\n        </form>\r\n        <div class=\"social-media-icons\">\r\n            <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\" [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\r\n        </div>\r\n    </div>\r\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{width:100%;position:relative;padding:20vh 0}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;margin:auto;background-color:#fff;padding:6rem 4rem;width:60rem;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060;display:flex;flex-direction:column;row-gap:1rem}.page .coming-soon .title{color:#155ed4;font-weight:500;font-size:4rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem}.page .coming-soon .registration-field{display:flex;flex-direction:row;column-gap:1rem}.page .coming-soon .registration-field .email-field{width:60%}.page .coming-soon .registration-field .email-field input{width:100%}.page .coming-soon .registration-field .submit{color:#fff;background-color:#32353b}.page .coming-soon .registration-field .submit:hover{background-color:#494e57}.page .coming-soon .social-media-icons{font-size:2rem}@media only screen and (max-width: 37.5em){.page .coming-soon{width:90%;text-align:center;background-size:2rem,7rem,7rem}.page .coming-soon .registration-field{flex-direction:column;row-gap:1rem}.page .coming-soon .registration-field .email-field,.page .coming-soon .registration-field .email-field input{width:100%}.page .coming-soon .social-media-icons{margin:auto}}\n"], dependencies: [{ kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.SocialMediaIconsComponent, selector: "social-media-icons", inputs: ["color", "areIconsInFooter", "socialMediaLinks"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComingSoonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'coming-soon', template: "<section class=\"page\">\r\n    <div class=\"coming-soon\">\r\n        <div class=\"title\">\r\n            Coming Soon\r\n        </div>\r\n        <div class=\"subtitle\">\r\n            {{ctaText}}\r\n        </div>\r\n        <form>\r\n            <div class=\"registration-field\">\r\n                <div class=\"email-field\">\r\n                    <input type=\"email\" placeholder=\"Email Address\">\r\n                </div>\r\n                <button mat-raised-button class=\"submit\" type=\"submit\">\r\n                    Submit\r\n                </button>\r\n            </div>\r\n        </form>\r\n        <div class=\"social-media-icons\">\r\n            <social-media-icons [color]=\"'#4D4D4D'\" [areIconsInFooter]=\"false\" [socialMediaLinks]=\"socialMediaLinks\"></social-media-icons>\r\n        </div>\r\n    </div>\r\n</section>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{width:100%;position:relative;padding:20vh 0}.page .coming-soon{background:url(https://i.ibb.co/crKpSTb/box-left-side-design.png) left center no-repeat,url(https://i.ibb.co/pKTGF8D/coming-soon-right-top-bg.png) right top no-repeat,url(https://i.ibb.co/ckht99W/coming-soon-right-bottom-bg.png) right bottom no-repeat;background-size:2rem,13rem,10rem;margin:auto;background-color:#fff;padding:6rem 4rem;width:60rem;border-radius:2.5rem;box-shadow:.2rem .2rem 7.4rem #00000060;display:flex;flex-direction:column;row-gap:1rem}.page .coming-soon .title{color:#155ed4;font-weight:500;font-size:4rem}.page .coming-soon .subtitle{color:#4d4d4d;font-weight:700;font-size:1.3rem}.page .coming-soon .registration-field{display:flex;flex-direction:row;column-gap:1rem}.page .coming-soon .registration-field .email-field{width:60%}.page .coming-soon .registration-field .email-field input{width:100%}.page .coming-soon .registration-field .submit{color:#fff;background-color:#32353b}.page .coming-soon .registration-field .submit:hover{background-color:#494e57}.page .coming-soon .social-media-icons{font-size:2rem}@media only screen and (max-width: 37.5em){.page .coming-soon{width:90%;text-align:center;background-size:2rem,7rem,7rem}.page .coming-soon .registration-field{flex-direction:column;row-gap:1rem}.page .coming-soon .registration-field .email-field,.page .coming-soon .registration-field .email-field input{width:100%}.page .coming-soon .social-media-icons{margin:auto}}\n"] }]
+        }], propDecorators: { ctaText: [{
+                type: Input
+            }], socialMediaLinks: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29taW5nLXNvb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2NvbWluZy1zb29uL2NvbWluZy1zb29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jb21pbmctc29vbi9jb21pbmctc29vbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRakQsTUFBTSxPQUFPLG1CQUFtQjtJQUNyQixPQUFPLEdBQVcsOENBQThDLENBQUM7SUFDakUsZ0JBQWdCLEdBQXFCLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFLFFBQVEsRUFBRSwwQkFBMEIsRUFBRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsUUFBUSxFQUFFLDBCQUEwQixFQUFFLENBQUM7d0dBRjlMLG1CQUFtQjs0RkFBbkIsbUJBQW1CLHlIQ1JoQyx3MUJBc0JVOzs0RkRkRyxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsYUFBYTs4QkFLZCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBzb2NpYWxNZWRpYUxpbmtzIH0gZnJvbSAnLi4vc29jaWFsLW1lZGlhLWljb25zL3NvY2lhbC1tZWRpYS1saW5rcy5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvbWluZy1zb29uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29taW5nLXNvb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvbWluZy1zb29uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENvbWluZ1Nvb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGN0YVRleHQ6IHN0cmluZyA9IFwiR2V0IG5vdGlmaWVkIHdoZW4gdGhpcyBmZWF0dXJlIGlzIGF2YWlsYWJsZS5cIjtcclxuICBASW5wdXQoKSBzb2NpYWxNZWRpYUxpbmtzOiBzb2NpYWxNZWRpYUxpbmtzID0geyBpbnN0YWdyYW06IFwiaHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbVwiLCBmYWNlQm9vazogXCJodHRwczovL3d3dy5mYWNlYm9vay5jb21cIiwgeW91VHViZTogXCJodHRwczovL3d3dy55b3V0dWJlLmNvbVwiLCBsaW5rZWRJbjogXCJodHRwczovL3d3dy5saW5rZWRpbi5jb21cIiB9O1xyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwicGFnZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbWluZy1zb29uXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICAgICAgICAgIENvbWluZyBTb29uXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+XHJcbiAgICAgICAgICAgIHt7Y3RhVGV4dH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGZvcm0+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZWdpc3RyYXRpb24tZmllbGRcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJlbWFpbC1maWVsZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiZW1haWxcIiBwbGFjZWhvbGRlcj1cIkVtYWlsIEFkZHJlc3NcIj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBjbGFzcz1cInN1Ym1pdFwiIHR5cGU9XCJzdWJtaXRcIj5cclxuICAgICAgICAgICAgICAgICAgICBTdWJtaXRcclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Zvcm0+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNvY2lhbC1tZWRpYS1pY29uc1wiPlxyXG4gICAgICAgICAgICA8c29jaWFsLW1lZGlhLWljb25zIFtjb2xvcl09XCInIzRENEQ0RCdcIiBbYXJlSWNvbnNJbkZvb3Rlcl09XCJmYWxzZVwiIFtzb2NpYWxNZWRpYUxpbmtzXT1cInNvY2lhbE1lZGlhTGlua3NcIj48L3NvY2lhbC1tZWRpYS1pY29ucz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L3NlY3Rpb24+Il19