@jooler/jooler-websites-shared 0.0.164 → 0.0.166

package/esm2020/lib/social-media-icons/social-media-icons.component.mjs

@@ -1,40 +1,40 @@
-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 SocialMediaIconsComponent {
-    constructor(_router) {
-        this._router = _router;
-    }
-    ngOnInit() {
-    }
-    onClickLinkedIn() {
-        window.location.href = this.socialMediaLinks.linkedIn;
-    }
-    onClickInstagram() {
-        window.location.href = this.socialMediaLinks.instagram;
-    }
-    onClickYoutube() {
-        window.location.href = this.socialMediaLinks.youTube;
-    }
-    setStyles() {
-        let style = {
-            color: this.color
-        };
-        return style;
-    }
-}
-SocialMediaIconsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SocialMediaIconsComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-SocialMediaIconsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SocialMediaIconsComponent, selector: "social-media-icons", inputs: { color: "color", areIconsInFooter: "areIconsInFooter", socialMediaLinks: "socialMediaLinks" }, ngImport: i0, template: "<div [ngClass]=\"{'icons-white':areIconsInFooter, 'icons':!areIconsInFooter}\">\r\n  <fa-icon [icon]=\"['fab', 'linkedin-in']\" class=\"icon linkedin\" (click)=\"onClickLinkedIn()\"></fa-icon>\r\n  <fa-icon [icon]=\"['fab', 'instagram']\" class=\"icon instagram\" (click)=\"onClickInstagram()\"></fa-icon>\r\n  <fa-icon [icon]=\"['fab', 'youtube']\" class=\"icon youtube\" (click)=\"onClickYoutube()\"></fa-icon>\r\n</div>", styles: [".icons,.icons-white{display:flex;gap:1.5rem}.icons .icon,.icons-white .icon{cursor:pointer;font-size:2rem}.icons-white{color:#fff}.icons-white .icon:hover{color:#e6e6e6}.icons{font-size:2rem}.icons .icon{color:#4d4d4d;cursor:pointer;transition:ease-in-out .2s}.icons .linkedin:hover{color:#0072b1}.icons .instagram:hover{color:#c92bb7}.icons .youtube:hover{color:red}\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: SocialMediaIconsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'social-media-icons', template: "<div [ngClass]=\"{'icons-white':areIconsInFooter, 'icons':!areIconsInFooter}\">\r\n  <fa-icon [icon]=\"['fab', 'linkedin-in']\" class=\"icon linkedin\" (click)=\"onClickLinkedIn()\"></fa-icon>\r\n  <fa-icon [icon]=\"['fab', 'instagram']\" class=\"icon instagram\" (click)=\"onClickInstagram()\"></fa-icon>\r\n  <fa-icon [icon]=\"['fab', 'youtube']\" class=\"icon youtube\" (click)=\"onClickYoutube()\"></fa-icon>\r\n</div>", styles: [".icons,.icons-white{display:flex;gap:1.5rem}.icons .icon,.icons-white .icon{cursor:pointer;font-size:2rem}.icons-white{color:#fff}.icons-white .icon:hover{color:#e6e6e6}.icons{font-size:2rem}.icons .icon{color:#4d4d4d;cursor:pointer;transition:ease-in-out .2s}.icons .linkedin:hover{color:#0072b1}.icons .instagram:hover{color:#c92bb7}.icons .youtube:hover{color:red}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { color: [{
-                type: Input
-            }], areIconsInFooter: [{
-                type: Input
-            }], socialMediaLinks: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQU96RCxNQUFNLE9BQU8seUJBQXlCO0lBSXBDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxRQUFRO0lBQ1IsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDO0lBQ3hELENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDO0lBQ3pELENBQUM7SUFFRCxjQUFjO1FBQ1osTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQztJQUN2RCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksS0FBSyxHQUFHO1lBQ1YsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1NBQ2xCLENBQUE7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O3NIQTFCVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixrS0NSdEMsd2FBSU07MkZESU8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLG9CQUFvQjs2RkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgc29jaWFsTWVkaWFMaW5rcyB9IGZyb20gJy4vc29jaWFsLW1lZGlhLWxpbmtzLm1vZGVsJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzb2NpYWwtbWVkaWEtaWNvbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2NpYWwtbWVkaWEtaWNvbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NvY2lhbC1tZWRpYS1pY29ucy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2NpYWxNZWRpYUljb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFyZUljb25zSW5Gb290ZXI6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc29jaWFsTWVkaWFMaW5rczogc29jaWFsTWVkaWFMaW5rcztcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0xpbmtlZEluKCkge1xyXG4gICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSB0aGlzLnNvY2lhbE1lZGlhTGlua3MubGlua2VkSW47XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrSW5zdGFncmFtKCkge1xyXG4gICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSB0aGlzLnNvY2lhbE1lZGlhTGlua3MuaW5zdGFncmFtO1xyXG4gIH1cclxuXHJcbiAgb25DbGlja1lvdXR1YmUoKSB7XHJcbiAgICB3aW5kb3cubG9jYXRpb24uaHJlZiA9IHRoaXMuc29jaWFsTWVkaWFMaW5rcy55b3VUdWJlO1xyXG4gIH1cclxuXHJcbiAgc2V0U3R5bGVzKCkge1xyXG4gICAgbGV0IHN0eWxlID0ge1xyXG4gICAgICBjb2xvcjogdGhpcy5jb2xvclxyXG4gICAgfVxyXG4gICAgcmV0dXJuIHN0eWxlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtuZ0NsYXNzXT1cInsnaWNvbnMtd2hpdGUnOmFyZUljb25zSW5Gb290ZXIsICdpY29ucyc6IWFyZUljb25zSW5Gb290ZXJ9XCI+XHJcbiAgPGZhLWljb24gW2ljb25dPVwiWydmYWInLCAnbGlua2VkaW4taW4nXVwiIGNsYXNzPVwiaWNvbiBsaW5rZWRpblwiIChjbGljayk9XCJvbkNsaWNrTGlua2VkSW4oKVwiPjwvZmEtaWNvbj5cclxuICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhYicsICdpbnN0YWdyYW0nXVwiIGNsYXNzPVwiaWNvbiBpbnN0YWdyYW1cIiAoY2xpY2spPVwib25DbGlja0luc3RhZ3JhbSgpXCI+PC9mYS1pY29uPlxyXG4gIDxmYS1pY29uIFtpY29uXT1cIlsnZmFiJywgJ3lvdXR1YmUnXVwiIGNsYXNzPVwiaWNvbiB5b3V0dWJlXCIgKGNsaWNrKT1cIm9uQ2xpY2tZb3V0dWJlKClcIj48L2ZhLWljb24+XHJcbjwvZGl2PiJdfQ==
+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 SocialMediaIconsComponent {
+    constructor(_router) {
+        this._router = _router;
+    }
+    ngOnInit() {
+    }
+    onClickLinkedIn() {
+        window.location.href = this.socialMediaLinks.linkedIn;
+    }
+    onClickInstagram() {
+        window.location.href = this.socialMediaLinks.instagram;
+    }
+    onClickYoutube() {
+        window.location.href = this.socialMediaLinks.youTube;
+    }
+    setStyles() {
+        let style = {
+            color: this.color
+        };
+        return style;
+    }
+}
+SocialMediaIconsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SocialMediaIconsComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+SocialMediaIconsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SocialMediaIconsComponent, selector: "social-media-icons", inputs: { color: "color", areIconsInFooter: "areIconsInFooter", socialMediaLinks: "socialMediaLinks" }, ngImport: i0, template: "<div [ngClass]=\"{'icons-white':areIconsInFooter, 'icons':!areIconsInFooter}\">\n  <fa-icon [icon]=\"['fab', 'linkedin-in']\" class=\"icon linkedin\" (click)=\"onClickLinkedIn()\"></fa-icon>\n  <fa-icon [icon]=\"['fab', 'instagram']\" class=\"icon instagram\" (click)=\"onClickInstagram()\"></fa-icon>\n  <fa-icon [icon]=\"['fab', 'youtube']\" class=\"icon youtube\" (click)=\"onClickYoutube()\"></fa-icon>\n</div>", styles: [".icons,.icons-white{display:flex;gap:1.5rem}.icons .icon,.icons-white .icon{cursor:pointer;font-size:2rem}.icons-white{color:#fff}.icons-white .icon:hover{color:#e6e6e6}.icons{font-size:2rem}.icons .icon{color:#4d4d4d;cursor:pointer;transition:ease-in-out .2s}.icons .linkedin:hover{color:#0072b1}.icons .instagram:hover{color:#c92bb7}.icons .youtube:hover{color:red}\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: SocialMediaIconsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'social-media-icons', template: "<div [ngClass]=\"{'icons-white':areIconsInFooter, 'icons':!areIconsInFooter}\">\n  <fa-icon [icon]=\"['fab', 'linkedin-in']\" class=\"icon linkedin\" (click)=\"onClickLinkedIn()\"></fa-icon>\n  <fa-icon [icon]=\"['fab', 'instagram']\" class=\"icon instagram\" (click)=\"onClickInstagram()\"></fa-icon>\n  <fa-icon [icon]=\"['fab', 'youtube']\" class=\"icon youtube\" (click)=\"onClickYoutube()\"></fa-icon>\n</div>", styles: [".icons,.icons-white{display:flex;gap:1.5rem}.icons .icon,.icons-white .icon{cursor:pointer;font-size:2rem}.icons-white{color:#fff}.icons-white .icon:hover{color:#e6e6e6}.icons{font-size:2rem}.icons .icon{color:#4d4d4d;cursor:pointer;transition:ease-in-out .2s}.icons .linkedin:hover{color:#0072b1}.icons .instagram:hover{color:#c92bb7}.icons .youtube:hover{color:red}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { color: [{
+                type: Input
+            }], areIconsInFooter: [{
+                type: Input
+            }], socialMediaLinks: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQU96RCxNQUFNLE9BQU8seUJBQXlCO0lBSXBDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxRQUFRO0lBQ1IsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDO0lBQ3hELENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDO0lBQ3pELENBQUM7SUFFRCxjQUFjO1FBQ1osTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQztJQUN2RCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksS0FBSyxHQUFHO1lBQ1YsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1NBQ2xCLENBQUE7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O3NIQTFCVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixrS0NSdEMsZ2FBSU07MkZESU8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLG9CQUFvQjs2RkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzb2NpYWxNZWRpYUxpbmtzIH0gZnJvbSAnLi9zb2NpYWwtbWVkaWEtbGlua3MubW9kZWwnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc29jaWFsLW1lZGlhLWljb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NvY2lhbC1tZWRpYS1pY29ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NvY2lhbC1tZWRpYS1pY29ucy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNvY2lhbE1lZGlhSWNvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nO1xuICBASW5wdXQoKSBhcmVJY29uc0luRm9vdGVyOiBib29sZWFuO1xuICBASW5wdXQoKSBzb2NpYWxNZWRpYUxpbmtzOiBzb2NpYWxNZWRpYUxpbmtzO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBvbkNsaWNrTGlua2VkSW4oKSB7XG4gICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSB0aGlzLnNvY2lhbE1lZGlhTGlua3MubGlua2VkSW47XG4gIH1cblxuICBvbkNsaWNrSW5zdGFncmFtKCkge1xuICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gdGhpcy5zb2NpYWxNZWRpYUxpbmtzLmluc3RhZ3JhbTtcbiAgfVxuXG4gIG9uQ2xpY2tZb3V0dWJlKCkge1xuICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gdGhpcy5zb2NpYWxNZWRpYUxpbmtzLnlvdVR1YmU7XG4gIH1cblxuICBzZXRTdHlsZXMoKSB7XG4gICAgbGV0IHN0eWxlID0ge1xuICAgICAgY29sb3I6IHRoaXMuY29sb3JcbiAgICB9XG4gICAgcmV0dXJuIHN0eWxlO1xuICB9XG59XG4iLCI8ZGl2IFtuZ0NsYXNzXT1cInsnaWNvbnMtd2hpdGUnOmFyZUljb25zSW5Gb290ZXIsICdpY29ucyc6IWFyZUljb25zSW5Gb290ZXJ9XCI+XG4gIDxmYS1pY29uIFtpY29uXT1cIlsnZmFiJywgJ2xpbmtlZGluLWluJ11cIiBjbGFzcz1cImljb24gbGlua2VkaW5cIiAoY2xpY2spPVwib25DbGlja0xpbmtlZEluKClcIj48L2ZhLWljb24+XG4gIDxmYS1pY29uIFtpY29uXT1cIlsnZmFiJywgJ2luc3RhZ3JhbSddXCIgY2xhc3M9XCJpY29uIGluc3RhZ3JhbVwiIChjbGljayk9XCJvbkNsaWNrSW5zdGFncmFtKClcIj48L2ZhLWljb24+XG4gIDxmYS1pY29uIFtpY29uXT1cIlsnZmFiJywgJ3lvdXR1YmUnXVwiIGNsYXNzPVwiaWNvbiB5b3V0dWJlXCIgKGNsaWNrKT1cIm9uQ2xpY2tZb3V0dWJlKClcIj48L2ZhLWljb24+XG48L2Rpdj4iXX0=

package/esm2020/lib/social-media-icons/social-media-links.model.mjs

@@ -1,3 +1,3 @@
-export class socialMediaLinks {
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsLW1lZGlhLWxpbmtzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3NvY2lhbC1tZWRpYS1pY29ucy9zb2NpYWwtbWVkaWEtbGlua3MubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGdCQUFnQjtDQUs1QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBzb2NpYWxNZWRpYUxpbmtzIHtcclxuICAgIGxpbmtlZEluOiBzdHJpbmc7XHJcbiAgICBpbnN0YWdyYW06IHN0cmluZztcclxuICAgIHlvdVR1YmU6IHN0cmluZztcclxuICAgIGZhY2VCb29rOiBzdHJpbmc7XHJcbn0iXX0=
+export class socialMediaLinks {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsLW1lZGlhLWxpbmtzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3NvY2lhbC1tZWRpYS1pY29ucy9zb2NpYWwtbWVkaWEtbGlua3MubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGdCQUFnQjtDQUs1QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBzb2NpYWxNZWRpYUxpbmtzIHtcbiAgICBsaW5rZWRJbjogc3RyaW5nO1xuICAgIGluc3RhZ3JhbTogc3RyaW5nO1xuICAgIHlvdVR1YmU6IHN0cmluZztcbiAgICBmYWNlQm9vazogc3RyaW5nO1xufSJdfQ==

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

@@ -1,22 +1,22 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/router";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export class SuccessMessageDialogComponent {
-    constructor(dialogRef, _Router) {
-        this.dialogRef = dialogRef;
-        this._Router = _Router;
-    }
-    onClickSubmitAnotherForm() {
-        this.dialogRef.close();
-        this._Router.navigate(['/contact-us/contact-us-page']);
-    }
-}
-SuccessMessageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SuccessMessageDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-SuccessMessageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SuccessMessageDialogComponent, selector: "success-message-dialog", ngImport: i0, template: "<div class=\"page\">\r\n  <span mat-dialog-title class=\"dialog-header\" mat-button>\r\n    <fa-icon icon=\"xmark\" mat-dialog-close></fa-icon>\r\n  </span>\r\n\r\n  <mat-dialog-content class=\"mat-typography\">\r\n    <div class=\"success-icon\">\r\n      <fa-icon icon=\"calendar-check\"></fa-icon>\r\n    </div>\r\n    <h2 class=\"title\">Thanks! your request has been submitted</h2>\r\n    <h3 class=\"subtitle\">We have received your message, we'll reach out to you as soon as possible!</h3>\r\n  </mat-dialog-content>\r\n  <div class=\"divider\"></div>\r\n  <mat-dialog-actions class=\"dialog-footer\">\r\n    <h3>Still have any questions? <span class=\"link-text\" (click)=\"onClickSubmitAnotherForm()\">Submit\r\n        another form</span>\r\n    </h3>\r\n  </mat-dialog-actions>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{text-align:center}.page .mat-typography{padding:0 6rem 2rem;display:grid}.page .dialog-header{text-align:right;font-size:3rem;color:#686868;font-weight:900;padding:0 2rem}.page .success-icon{font-size:7rem;color:#12957e;margin-bottom:2rem}.page .title{color:#36393f;font-size:2.8rem;font-weight:700}.page .subtitle{justify-self:center;width:85%;font-size:2.2rem;font-weight:500;color:#494949}.page .divider{width:95%;border:.1rem solid #D8D8D8;margin:auto}.page .dialog-footer{padding:3rem 0rem;display:grid;justify-content:center}.page .dialog-footer h3{color:#494949;align-self:center;font-size:2.2rem}.page .link-text{color:#155ed4;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SuccessMessageDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'success-message-dialog', template: "<div class=\"page\">\r\n  <span mat-dialog-title class=\"dialog-header\" mat-button>\r\n    <fa-icon icon=\"xmark\" mat-dialog-close></fa-icon>\r\n  </span>\r\n\r\n  <mat-dialog-content class=\"mat-typography\">\r\n    <div class=\"success-icon\">\r\n      <fa-icon icon=\"calendar-check\"></fa-icon>\r\n    </div>\r\n    <h2 class=\"title\">Thanks! your request has been submitted</h2>\r\n    <h3 class=\"subtitle\">We have received your message, we'll reach out to you as soon as possible!</h3>\r\n  </mat-dialog-content>\r\n  <div class=\"divider\"></div>\r\n  <mat-dialog-actions class=\"dialog-footer\">\r\n    <h3>Still have any questions? <span class=\"link-text\" (click)=\"onClickSubmitAnotherForm()\">Submit\r\n        another form</span>\r\n    </h3>\r\n  </mat-dialog-actions>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{text-align:center}.page .mat-typography{padding:0 6rem 2rem;display:grid}.page .dialog-header{text-align:right;font-size:3rem;color:#686868;font-weight:900;padding:0 2rem}.page .success-icon{font-size:7rem;color:#12957e;margin-bottom:2rem}.page .title{color:#36393f;font-size:2.8rem;font-weight:700}.page .subtitle{justify-self:center;width:85%;font-size:2.2rem;font-weight:500;color:#494949}.page .divider{width:95%;border:.1rem solid #D8D8D8;margin:auto}.page .dialog-footer{padding:3rem 0rem;display:grid;justify-content:center}.page .dialog-footer h3{color:#494949;align-self:center;font-size:2.2rem}.page .link-text{color:#155ed4;cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.Router }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTMUMsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxZQUNTLFNBQXNELEVBQ3JELE9BQWU7UUFEaEIsY0FBUyxHQUFULFNBQVMsQ0FBNkM7UUFDckQsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUNyQixDQUFDO0lBRUwsd0JBQXdCO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUM7SUFDekQsQ0FBQzs7MEhBVlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsOERDVDFDLGd5QkFrQk07MkZEVE8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzdWNjZXNzLW1lc3NhZ2UtZGlhbG9nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50PixcclxuICAgIHByaXZhdGUgX1JvdXRlcjogUm91dGVyXHJcbiAgKSB7IH1cclxuXHJcbiAgb25DbGlja1N1Ym1pdEFub3RoZXJGb3JtKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbJy9jb250YWN0LXVzL2NvbnRhY3QtdXMtcGFnZSddKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cclxuICA8c3BhbiBtYXQtZGlhbG9nLXRpdGxlIGNsYXNzPVwiZGlhbG9nLWhlYWRlclwiIG1hdC1idXR0b24+XHJcbiAgICA8ZmEtaWNvbiBpY29uPVwieG1hcmtcIiBtYXQtZGlhbG9nLWNsb3NlPjwvZmEtaWNvbj5cclxuICA8L3NwYW4+XHJcblxyXG4gIDxtYXQtZGlhbG9nLWNvbnRlbnQgY2xhc3M9XCJtYXQtdHlwb2dyYXBoeVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInN1Y2Nlc3MtaWNvblwiPlxyXG4gICAgICA8ZmEtaWNvbiBpY29uPVwiY2FsZW5kYXItY2hlY2tcIj48L2ZhLWljb24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxoMiBjbGFzcz1cInRpdGxlXCI+VGhhbmtzISB5b3VyIHJlcXVlc3QgaGFzIGJlZW4gc3VibWl0dGVkPC9oMj5cclxuICAgIDxoMyBjbGFzcz1cInN1YnRpdGxlXCI+V2UgaGF2ZSByZWNlaXZlZCB5b3VyIG1lc3NhZ2UsIHdlJ2xsIHJlYWNoIG91dCB0byB5b3UgYXMgc29vbiBhcyBwb3NzaWJsZSE8L2gzPlxyXG4gIDwvbWF0LWRpYWxvZy1jb250ZW50PlxyXG4gIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+XHJcbiAgPG1hdC1kaWFsb2ctYWN0aW9ucyBjbGFzcz1cImRpYWxvZy1mb290ZXJcIj5cclxuICAgIDxoMz5TdGlsbCBoYXZlIGFueSBxdWVzdGlvbnM/IDxzcGFuIGNsYXNzPVwibGluay10ZXh0XCIgKGNsaWNrKT1cIm9uQ2xpY2tTdWJtaXRBbm90aGVyRm9ybSgpXCI+U3VibWl0XHJcbiAgICAgICAgYW5vdGhlciBmb3JtPC9zcGFuPlxyXG4gICAgPC9oMz5cclxuICA8L21hdC1kaWFsb2ctYWN0aW9ucz5cclxuPC9kaXY+Il19
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/router";
+import * as i3 from "@fortawesome/angular-fontawesome";
+export class SuccessMessageDialogComponent {
+    constructor(dialogRef, _Router) {
+        this.dialogRef = dialogRef;
+        this._Router = _Router;
+    }
+    onClickSubmitAnotherForm() {
+        this.dialogRef.close();
+        this._Router.navigate(['/contact-us/contact-us-page']);
+    }
+}
+SuccessMessageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SuccessMessageDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+SuccessMessageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SuccessMessageDialogComponent, selector: "success-message-dialog", ngImport: i0, template: "<div class=\"page\">\n  <span mat-dialog-title class=\"dialog-header\" mat-button>\n    <fa-icon icon=\"xmark\" mat-dialog-close></fa-icon>\n  </span>\n\n  <mat-dialog-content class=\"mat-typography\">\n    <div class=\"success-icon\">\n      <fa-icon icon=\"calendar-check\"></fa-icon>\n    </div>\n    <h2 class=\"title\">Thanks! your request has been submitted</h2>\n    <h3 class=\"subtitle\">We have received your message, we'll reach out to you as soon as possible!</h3>\n  </mat-dialog-content>\n  <div class=\"divider\"></div>\n  <mat-dialog-actions class=\"dialog-footer\">\n    <h3>Still have any questions? <span class=\"link-text\" (click)=\"onClickSubmitAnotherForm()\">Submit\n        another form</span>\n    </h3>\n  </mat-dialog-actions>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{text-align:center}.page .mat-typography{padding:0 6rem 2rem;display:grid}.page .dialog-header{text-align:right;font-size:3rem;color:#686868;font-weight:900;padding:0 2rem}.page .success-icon{font-size:7rem;color:#12957e;margin-bottom:2rem}.page .title{color:#36393f;font-size:2.8rem;font-weight:700}.page .subtitle{justify-self:center;width:85%;font-size:2.2rem;font-weight:500;color:#494949}.page .divider{width:95%;border:.1rem solid #D8D8D8;margin:auto}.page .dialog-footer{padding:3rem 0rem;display:grid;justify-content:center}.page .dialog-footer h3{color:#494949;align-self:center;font-size:2.2rem}.page .link-text{color:#155ed4;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SuccessMessageDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'success-message-dialog', template: "<div class=\"page\">\n  <span mat-dialog-title class=\"dialog-header\" mat-button>\n    <fa-icon icon=\"xmark\" mat-dialog-close></fa-icon>\n  </span>\n\n  <mat-dialog-content class=\"mat-typography\">\n    <div class=\"success-icon\">\n      <fa-icon icon=\"calendar-check\"></fa-icon>\n    </div>\n    <h2 class=\"title\">Thanks! your request has been submitted</h2>\n    <h3 class=\"subtitle\">We have received your message, we'll reach out to you as soon as possible!</h3>\n  </mat-dialog-content>\n  <div class=\"divider\"></div>\n  <mat-dialog-actions class=\"dialog-footer\">\n    <h3>Still have any questions? <span class=\"link-text\" (click)=\"onClickSubmitAnotherForm()\">Submit\n        another form</span>\n    </h3>\n  </mat-dialog-actions>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{text-align:center}.page .mat-typography{padding:0 6rem 2rem;display:grid}.page .dialog-header{text-align:right;font-size:3rem;color:#686868;font-weight:900;padding:0 2rem}.page .success-icon{font-size:7rem;color:#12957e;margin-bottom:2rem}.page .title{color:#36393f;font-size:2.8rem;font-weight:700}.page .subtitle{justify-self:center;width:85%;font-size:2.2rem;font-weight:500;color:#494949}.page .divider{width:95%;border:.1rem solid #D8D8D8;margin:auto}.page .dialog-footer{padding:3rem 0rem;display:grid;justify-content:center}.page .dialog-footer h3{color:#494949;align-self:center;font-size:2.2rem}.page .link-text{color:#155ed4;cursor:pointer}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.Router }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTMUMsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxZQUNTLFNBQXNELEVBQ3JELE9BQWU7UUFEaEIsY0FBUyxHQUFULFNBQVMsQ0FBNkM7UUFDckQsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUNyQixDQUFDO0lBRUwsd0JBQXdCO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUM7SUFDekQsQ0FBQzs7MEhBVlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsOERDVDFDLDR2QkFrQk07MkZEVE8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50PixcbiAgICBwcml2YXRlIF9Sb3V0ZXI6IFJvdXRlclxuICApIHsgfVxuXG4gIG9uQ2xpY2tTdWJtaXRBbm90aGVyRm9ybSgpIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbJy9jb250YWN0LXVzL2NvbnRhY3QtdXMtcGFnZSddKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cbiAgPHNwYW4gbWF0LWRpYWxvZy10aXRsZSBjbGFzcz1cImRpYWxvZy1oZWFkZXJcIiBtYXQtYnV0dG9uPlxuICAgIDxmYS1pY29uIGljb249XCJ4bWFya1wiIG1hdC1kaWFsb2ctY2xvc2U+PC9mYS1pY29uPlxuICA8L3NwYW4+XG5cbiAgPG1hdC1kaWFsb2ctY29udGVudCBjbGFzcz1cIm1hdC10eXBvZ3JhcGh5XCI+XG4gICAgPGRpdiBjbGFzcz1cInN1Y2Nlc3MtaWNvblwiPlxuICAgICAgPGZhLWljb24gaWNvbj1cImNhbGVuZGFyLWNoZWNrXCI+PC9mYS1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxoMiBjbGFzcz1cInRpdGxlXCI+VGhhbmtzISB5b3VyIHJlcXVlc3QgaGFzIGJlZW4gc3VibWl0dGVkPC9oMj5cbiAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZVwiPldlIGhhdmUgcmVjZWl2ZWQgeW91ciBtZXNzYWdlLCB3ZSdsbCByZWFjaCBvdXQgdG8geW91IGFzIHNvb24gYXMgcG9zc2libGUhPC9oMz5cbiAgPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+XG4gIDxtYXQtZGlhbG9nLWFjdGlvbnMgY2xhc3M9XCJkaWFsb2ctZm9vdGVyXCI+XG4gICAgPGgzPlN0aWxsIGhhdmUgYW55IHF1ZXN0aW9ucz8gPHNwYW4gY2xhc3M9XCJsaW5rLXRleHRcIiAoY2xpY2spPVwib25DbGlja1N1Ym1pdEFub3RoZXJGb3JtKClcIj5TdWJtaXRcbiAgICAgICAgYW5vdGhlciBmb3JtPC9zcGFuPlxuICAgIDwvaDM+XG4gIDwvbWF0LWRpYWxvZy1hY3Rpb25zPlxuPC9kaXY+Il19

package/esm2020/lib/team/team.component.mjs

@@ -1,52 +1,52 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/cdk/layout";
-import * as i3 from "@angular/common";
-import * as i4 from "primeng/api";
-import * as i5 from "primeng/carousel";
-import * as i6 from "../section-title/section-title.component";
-;
-export class TeamComponent {
-    constructor(_router, breakpointObserver) {
-        this._router = _router;
-        this.breakpointObserver = breakpointObserver;
-        this.scrollMemberNumber = 2;
-    }
-    ngOnInit() {
-        this.breakpointObserver.observe([
-            "(max-width: 1200px) and (min-width:851px)", "(max-width: 850px) and (min-width:601px)",
-            "(max-width: 600px)"
-        ]).subscribe((result) => {
-            if (result.breakpoints['(max-width: 1200px) and (min-width:851px)']) {
-                this.isTabletSize = true;
-                this.membersToShow = 3;
-            }
-            else if (result.breakpoints['(max-width: 850px) and (min-width:601px)']) {
-                this.membersToShow = 2;
-                this.scrollMemberNumber = 2;
-                this.isTabletSize = true;
-            }
-            else if (result.breakpoints['(max-width: 600px)']) {
-                this.membersToShow = 1;
-                this.scrollMemberNumber = 1;
-                this.isTabletSize = true;
-            }
-            else {
-                this.isTabletSize = false;
-            }
-        });
-    }
-    onAddNewMember() {
-        this._router.navigate(['/team/new-member']);
-    }
-}
-TeamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TeamComponent, deps: [{ token: i1.Router }, { token: i2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
-TeamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TeamComponent, selector: "team", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\r\n    <section-title [sectionTitle]=\"sectionContent.sectionTitle\" ></section-title>\r\n    <div class=\"cards\" *ngIf=\"!isTabletSize\">\r\n        <div class=\"member-card\" *ngFor=\"let teamMember of sectionContent.teamMembers\">\r\n            <div class=\"image-container\">\r\n                <img [src]=\"teamMember.profilePicture\">\r\n            </div>\r\n            <div class=\"member-information\">\r\n                <div class=\"name\">\r\n                    {{teamMember.fullName}}\r\n                </div>\r\n                <div class=\"position\">\r\n                    {{teamMember.position}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"cards\" *ngIf=\"isTabletSize\">\r\n        <p-carousel class=\"custom\" [value]=\"sectionContent.teamMembers\" [numVisible]='membersToShow'\r\n            [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\r\n            <ng-template let-member pTemplate=\"item\">\r\n                <div class=\"member-card\">\r\n                    <div class=\"image-container\">\r\n                        <img [src]=\"member.profilePicture\">\r\n                    </div>\r\n                    <div class=\"member-information\">\r\n                        <div class=\"name\">\r\n                            {{member.fullName}}\r\n                        </div>\r\n                        <div class=\"position\">\r\n                            {{member.position}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </p-carousel>\r\n    </div>\r\n    <div class=\"caption-text\">\r\n        {{sectionContent.caption}}\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{margin-top:3rem;padding:5%;display:grid;grid-template-rows:auto auto;row-gap:2rem;width:100%}.page .title{font-weight:700;font-size:3.2rem;width:80%;margin-left:4%}.page .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.page .caption-text{font-weight:600;font-size:2rem;width:85%;text-align:center;margin:2rem auto;color:#155ed4}.page .member-card{place-self:center;height:27rem;width:22rem;padding:1rem;display:grid;transition:all .3s ease-in-out;border-radius:1rem}.page .member-card:hover{transition:all .2s ease-in-out}.page .member-card .image-container{display:grid;place-self:center;place-items:center;border-radius:1.5rem;overflow:hidden;width:100%;height:20rem}.page .member-card .image-container img{width:100%;height:100%;object-fit:cover}.page .member-card .member-information{justify-self:center;text-align:center}.page .member-card .member-information .name{font-weight:600;font-size:1.9rem;margin:auto;text-align:center}.page .member-card .member-information .position{font-weight:500;font-size:1.4rem}@media only screen and (max-width: 75em){.page{width:100%;display:block}.page .title{margin-bottom:1.8rem}.page .cards{display:block;width:100%}.page .member-card{width:22rem;margin:auto}.page .member-card .image-container{width:100%;height:100%;overflow:hidden}.page .member-card .image-container img{width:100%;height:100%}}@media only screen and (max-width: 37.5em){.page .member-card{width:23rem}}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#155ed4;width:2.7rem;transition:all ease-in-out .1s}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem;transition:all ease-in-out .5s}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }, { kind: "component", type: i6.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TeamComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'team', template: "<div class=\"page\">\r\n    <section-title [sectionTitle]=\"sectionContent.sectionTitle\" ></section-title>\r\n    <div class=\"cards\" *ngIf=\"!isTabletSize\">\r\n        <div class=\"member-card\" *ngFor=\"let teamMember of sectionContent.teamMembers\">\r\n            <div class=\"image-container\">\r\n                <img [src]=\"teamMember.profilePicture\">\r\n            </div>\r\n            <div class=\"member-information\">\r\n                <div class=\"name\">\r\n                    {{teamMember.fullName}}\r\n                </div>\r\n                <div class=\"position\">\r\n                    {{teamMember.position}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"cards\" *ngIf=\"isTabletSize\">\r\n        <p-carousel class=\"custom\" [value]=\"sectionContent.teamMembers\" [numVisible]='membersToShow'\r\n            [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\r\n            <ng-template let-member pTemplate=\"item\">\r\n                <div class=\"member-card\">\r\n                    <div class=\"image-container\">\r\n                        <img [src]=\"member.profilePicture\">\r\n                    </div>\r\n                    <div class=\"member-information\">\r\n                        <div class=\"name\">\r\n                            {{member.fullName}}\r\n                        </div>\r\n                        <div class=\"position\">\r\n                            {{member.position}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </p-carousel>\r\n    </div>\r\n    <div class=\"caption-text\">\r\n        {{sectionContent.caption}}\r\n    </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{margin-top:3rem;padding:5%;display:grid;grid-template-rows:auto auto;row-gap:2rem;width:100%}.page .title{font-weight:700;font-size:3.2rem;width:80%;margin-left:4%}.page .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.page .caption-text{font-weight:600;font-size:2rem;width:85%;text-align:center;margin:2rem auto;color:#155ed4}.page .member-card{place-self:center;height:27rem;width:22rem;padding:1rem;display:grid;transition:all .3s ease-in-out;border-radius:1rem}.page .member-card:hover{transition:all .2s ease-in-out}.page .member-card .image-container{display:grid;place-self:center;place-items:center;border-radius:1.5rem;overflow:hidden;width:100%;height:20rem}.page .member-card .image-container img{width:100%;height:100%;object-fit:cover}.page .member-card .member-information{justify-self:center;text-align:center}.page .member-card .member-information .name{font-weight:600;font-size:1.9rem;margin:auto;text-align:center}.page .member-card .member-information .position{font-weight:500;font-size:1.4rem}@media only screen and (max-width: 75em){.page{width:100%;display:block}.page .title{margin-bottom:1.8rem}.page .cards{display:block;width:100%}.page .member-card{width:22rem;margin:auto}.page .member-card .image-container{width:100%;height:100%;overflow:hidden}.page .member-card .image-container img{width:100%;height:100%}}@media only screen and (max-width: 37.5em){.page .member-card{width:23rem}}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#155ed4;width:2.7rem;transition:all ease-in-out .1s}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem;transition:all ease-in-out .5s}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvdGVhbS90ZWFtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi90ZWFtL3RlYW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBRWhCLENBQUM7QUFRMUMsTUFBTSxPQUFPLGFBQWE7SUFNeEIsWUFDVSxPQUFlLEVBQ2Ysa0JBQXNDO1FBRHRDLFlBQU8sR0FBUCxPQUFPLENBQVE7UUFDZix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBSmhELHVCQUFrQixHQUFXLENBQUMsQ0FBQztJQUszQixDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsMkNBQTJDLEVBQUUsMENBQTBDO1lBQ3ZGLG9CQUFvQjtTQUNyQixDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBdUIsRUFBRSxFQUFFO1lBQ3ZDLElBQUksTUFBTSxDQUFDLFdBQVcsQ0FBQywyQ0FBMkMsQ0FBQyxFQUFFO2dCQUNuRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7YUFDeEI7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDBDQUEwQyxDQUFDLEVBQUU7Z0JBQ3ZFLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDO2dCQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUMxQjtpQkFDSSxJQUFJLE1BQU0sQ0FBQyxXQUFXLENBQUMsb0JBQW9CLENBQUMsRUFBRTtnQkFDakQsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQzFCO2lCQUNJO2dCQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2FBQzNCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7OzBHQXRDVSxhQUFhOzhGQUFiLGFBQWEsMEZDVjFCLHF3REF3Q007MkZEOUJPLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsTUFBTTs4SEFLUCxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7O1xyXG5pbXBvcnQgeyBUZWFtU2VjdGlvbiB9IGZyb20gJy4uL21vZGVscy90ZWFtLXNlY3Rpb24ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0ZWFtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGVhbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGVhbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZWFtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogVGVhbVNlY3Rpb247XHJcbiAgaXNUYWJsZXRTaXplOiBib29sZWFuO1xyXG4gIG1lbWJlcnNUb1Nob3c6IG51bWJlcjtcclxuICBzY3JvbGxNZW1iZXJOdW1iZXI6IG51bWJlciA9IDI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZShbXHJcbiAgICAgIFwiKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDo4NTFweClcIiwgXCIobWF4LXdpZHRoOiA4NTBweCkgYW5kIChtaW4td2lkdGg6NjAxcHgpXCIsXHJcbiAgICAgIFwiKG1heC13aWR0aDogNjAwcHgpXCJcclxuICAgIF0pLnN1YnNjcmliZSgocmVzdWx0OiBCcmVha3BvaW50U3RhdGUpID0+IHtcclxuICAgICAgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDo4NTFweCknXSkge1xyXG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLm1lbWJlcnNUb1Nob3cgPSAzO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogODUwcHgpIGFuZCAobWluLXdpZHRoOjYwMXB4KSddKSB7XHJcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMjtcclxuICAgICAgICB0aGlzLnNjcm9sbE1lbWJlck51bWJlciA9IDI7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogNjAwcHgpJ10pIHtcclxuICAgICAgICB0aGlzLm1lbWJlcnNUb1Nob3cgPSAxO1xyXG4gICAgICAgIHRoaXMuc2Nyb2xsTWVtYmVyTnVtYmVyID0gMTtcclxuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSB7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvbkFkZE5ld01lbWJlcigpIHtcclxuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbJy90ZWFtL25ldy1tZW1iZXInXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiID48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZHNcIiAqbmdJZj1cIiFpc1RhYmxldFNpemVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibWVtYmVyLWNhcmRcIiAqbmdGb3I9XCJsZXQgdGVhbU1lbWJlciBvZiBzZWN0aW9uQ29udGVudC50ZWFtTWVtYmVyc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwidGVhbU1lbWJlci5wcm9maWxlUGljdHVyZVwiPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1pbmZvcm1hdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e3RlYW1NZW1iZXIuZnVsbE5hbWV9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9zaXRpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICB7e3RlYW1NZW1iZXIucG9zaXRpb259fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZHNcIiAqbmdJZj1cImlzVGFibGV0U2l6ZVwiPlxyXG4gICAgICAgIDxwLWNhcm91c2VsIGNsYXNzPVwiY3VzdG9tXCIgW3ZhbHVlXT1cInNlY3Rpb25Db250ZW50LnRlYW1NZW1iZXJzXCIgW251bVZpc2libGVdPSdtZW1iZXJzVG9TaG93J1xyXG4gICAgICAgICAgICBbbnVtU2Nyb2xsXT0nc2Nyb2xsTWVtYmVyTnVtYmVyJyBbcGFnZV09XCIwXCIgb3JpZW50YXRpb249XCJob3Jpem9udGFsXCIgW2NpcmN1bGFyXT1cInRydWVcIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGxldC1tZW1iZXIgcFRlbXBsYXRlPVwiaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1jYXJkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwibWVtYmVyLnByb2ZpbGVQaWN0dXJlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1pbmZvcm1hdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3ttZW1iZXIuZnVsbE5hbWV9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvc2l0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e21lbWJlci5wb3NpdGlvbn19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9wLWNhcm91c2VsPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FwdGlvbi10ZXh0XCI+XHJcbiAgICAgICAge3tzZWN0aW9uQ29udGVudC5jYXB0aW9ufX1cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/cdk/layout";
+import * as i3 from "@angular/common";
+import * as i4 from "primeng/api";
+import * as i5 from "primeng/carousel";
+import * as i6 from "../section-title/section-title.component";
+;
+export class TeamComponent {
+    constructor(_router, breakpointObserver) {
+        this._router = _router;
+        this.breakpointObserver = breakpointObserver;
+        this.scrollMemberNumber = 2;
+    }
+    ngOnInit() {
+        this.breakpointObserver.observe([
+            "(max-width: 1200px) and (min-width:851px)", "(max-width: 850px) and (min-width:601px)",
+            "(max-width: 600px)"
+        ]).subscribe((result) => {
+            if (result.breakpoints['(max-width: 1200px) and (min-width:851px)']) {
+                this.isTabletSize = true;
+                this.membersToShow = 3;
+            }
+            else if (result.breakpoints['(max-width: 850px) and (min-width:601px)']) {
+                this.membersToShow = 2;
+                this.scrollMemberNumber = 2;
+                this.isTabletSize = true;
+            }
+            else if (result.breakpoints['(max-width: 600px)']) {
+                this.membersToShow = 1;
+                this.scrollMemberNumber = 1;
+                this.isTabletSize = true;
+            }
+            else {
+                this.isTabletSize = false;
+            }
+        });
+    }
+    onAddNewMember() {
+        this._router.navigate(['/team/new-member']);
+    }
+}
+TeamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TeamComponent, deps: [{ token: i1.Router }, { token: i2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
+TeamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TeamComponent, selector: "team", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"page\">\n    <section-title [sectionTitle]=\"sectionContent.sectionTitle\" ></section-title>\n    <div class=\"cards\" *ngIf=\"!isTabletSize\">\n        <div class=\"member-card\" *ngFor=\"let teamMember of sectionContent.teamMembers\">\n            <div class=\"image-container\">\n                <img [src]=\"teamMember.profilePicture\">\n            </div>\n            <div class=\"member-information\">\n                <div class=\"name\">\n                    {{teamMember.fullName}}\n                </div>\n                <div class=\"position\">\n                    {{teamMember.position}}\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"cards\" *ngIf=\"isTabletSize\">\n        <p-carousel class=\"custom\" [value]=\"sectionContent.teamMembers\" [numVisible]='membersToShow'\n            [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\n            <ng-template let-member pTemplate=\"item\">\n                <div class=\"member-card\">\n                    <div class=\"image-container\">\n                        <img [src]=\"member.profilePicture\">\n                    </div>\n                    <div class=\"member-information\">\n                        <div class=\"name\">\n                            {{member.fullName}}\n                        </div>\n                        <div class=\"position\">\n                            {{member.position}}\n                        </div>\n                    </div>\n                </div>\n            </ng-template>\n        </p-carousel>\n    </div>\n    <div class=\"caption-text\">\n        {{sectionContent.caption}}\n    </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{margin-top:3rem;padding:5%;display:grid;grid-template-rows:auto auto;row-gap:2rem;width:100%}.page .title{font-weight:700;font-size:3.2rem;width:80%;margin-left:4%}.page .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.page .caption-text{font-weight:600;font-size:2rem;width:85%;text-align:center;margin:2rem auto;color:#155ed4}.page .member-card{place-self:center;height:27rem;width:22rem;padding:1rem;display:grid;transition:all .3s ease-in-out;border-radius:1rem}.page .member-card:hover{transition:all .2s ease-in-out}.page .member-card .image-container{display:grid;place-self:center;place-items:center;border-radius:1.5rem;overflow:hidden;width:100%;height:20rem}.page .member-card .image-container img{width:100%;height:100%;object-fit:cover}.page .member-card .member-information{justify-self:center;text-align:center}.page .member-card .member-information .name{font-weight:600;font-size:1.9rem;margin:auto;text-align:center}.page .member-card .member-information .position{font-weight:500;font-size:1.4rem}@media only screen and (max-width: 75em){.page{width:100%;display:block}.page .title{margin-bottom:1.8rem}.page .cards{display:block;width:100%}.page .member-card{width:22rem;margin:auto}.page .member-card .image-container{width:100%;height:100%;overflow:hidden}.page .member-card .image-container img{width:100%;height:100%}}@media only screen and (max-width: 37.5em){.page .member-card{width:23rem}}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#155ed4;width:2.7rem;transition:all ease-in-out .1s}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem;transition:all ease-in-out .5s}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }, { kind: "component", type: i6.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TeamComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'team', template: "<div class=\"page\">\n    <section-title [sectionTitle]=\"sectionContent.sectionTitle\" ></section-title>\n    <div class=\"cards\" *ngIf=\"!isTabletSize\">\n        <div class=\"member-card\" *ngFor=\"let teamMember of sectionContent.teamMembers\">\n            <div class=\"image-container\">\n                <img [src]=\"teamMember.profilePicture\">\n            </div>\n            <div class=\"member-information\">\n                <div class=\"name\">\n                    {{teamMember.fullName}}\n                </div>\n                <div class=\"position\">\n                    {{teamMember.position}}\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"cards\" *ngIf=\"isTabletSize\">\n        <p-carousel class=\"custom\" [value]=\"sectionContent.teamMembers\" [numVisible]='membersToShow'\n            [numScroll]='scrollMemberNumber' [page]=\"0\" orientation=\"horizontal\" [circular]=\"true\">\n            <ng-template let-member pTemplate=\"item\">\n                <div class=\"member-card\">\n                    <div class=\"image-container\">\n                        <img [src]=\"member.profilePicture\">\n                    </div>\n                    <div class=\"member-information\">\n                        <div class=\"name\">\n                            {{member.fullName}}\n                        </div>\n                        <div class=\"position\">\n                            {{member.position}}\n                        </div>\n                    </div>\n                </div>\n            </ng-template>\n        </p-carousel>\n    </div>\n    <div class=\"caption-text\">\n        {{sectionContent.caption}}\n    </div>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{margin-top:3rem;padding:5%;display:grid;grid-template-rows:auto auto;row-gap:2rem;width:100%}.page .title{font-weight:700;font-size:3.2rem;width:80%;margin-left:4%}.page .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.page .caption-text{font-weight:600;font-size:2rem;width:85%;text-align:center;margin:2rem auto;color:#155ed4}.page .member-card{place-self:center;height:27rem;width:22rem;padding:1rem;display:grid;transition:all .3s ease-in-out;border-radius:1rem}.page .member-card:hover{transition:all .2s ease-in-out}.page .member-card .image-container{display:grid;place-self:center;place-items:center;border-radius:1.5rem;overflow:hidden;width:100%;height:20rem}.page .member-card .image-container img{width:100%;height:100%;object-fit:cover}.page .member-card .member-information{justify-self:center;text-align:center}.page .member-card .member-information .name{font-weight:600;font-size:1.9rem;margin:auto;text-align:center}.page .member-card .member-information .position{font-weight:500;font-size:1.4rem}@media only screen and (max-width: 75em){.page{width:100%;display:block}.page .title{margin-bottom:1.8rem}.page .cards{display:block;width:100%}.page .member-card{width:22rem;margin:auto}.page .member-card .image-container{width:100%;height:100%;overflow:hidden}.page .member-card .image-container img{width:100%;height:100%}}@media only screen and (max-width: 37.5em){.page .member-card{width:23rem}}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background-color:#155ed4;width:2.7rem;transition:all ease-in-out .1s}::ng-deep .p-carousel .p-carousel-indicators .p-carousel-indicator button{border-radius:1rem;width:.8rem;height:.8rem;transition:all ease-in-out .5s}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvdGVhbS90ZWFtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi90ZWFtL3RlYW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBRWhCLENBQUM7QUFRMUMsTUFBTSxPQUFPLGFBQWE7SUFNeEIsWUFDVSxPQUFlLEVBQ2Ysa0JBQXNDO1FBRHRDLFlBQU8sR0FBUCxPQUFPLENBQVE7UUFDZix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBSmhELHVCQUFrQixHQUFXLENBQUMsQ0FBQztJQUszQixDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsMkNBQTJDLEVBQUUsMENBQTBDO1lBQ3ZGLG9CQUFvQjtTQUNyQixDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBdUIsRUFBRSxFQUFFO1lBQ3ZDLElBQUksTUFBTSxDQUFDLFdBQVcsQ0FBQywyQ0FBMkMsQ0FBQyxFQUFFO2dCQUNuRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7YUFDeEI7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDBDQUEwQyxDQUFDLEVBQUU7Z0JBQ3ZFLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDO2dCQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUMxQjtpQkFDSSxJQUFJLE1BQU0sQ0FBQyxXQUFXLENBQUMsb0JBQW9CLENBQUMsRUFBRTtnQkFDakQsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQzFCO2lCQUNJO2dCQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2FBQzNCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7OzBHQXRDVSxhQUFhOzhGQUFiLGFBQWEsMEZDVjFCLHFyREF3Q007MkZEOUJPLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsTUFBTTs4SEFLUCxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJzs7XG5pbXBvcnQgeyBUZWFtU2VjdGlvbiB9IGZyb20gJy4uL21vZGVscy90ZWFtLXNlY3Rpb24ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZWFtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlYW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZWFtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGVhbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBUZWFtU2VjdGlvbjtcbiAgaXNUYWJsZXRTaXplOiBib29sZWFuO1xuICBtZW1iZXJzVG9TaG93OiBudW1iZXI7XG4gIHNjcm9sbE1lbWJlck51bWJlcjogbnVtYmVyID0gMjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcixcbiAgICBwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxuICApIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYnJlYWtwb2ludE9ic2VydmVyLm9ic2VydmUoW1xuICAgICAgXCIobWF4LXdpZHRoOiAxMjAwcHgpIGFuZCAobWluLXdpZHRoOjg1MXB4KVwiLCBcIihtYXgtd2lkdGg6IDg1MHB4KSBhbmQgKG1pbi13aWR0aDo2MDFweClcIixcbiAgICAgIFwiKG1heC13aWR0aDogNjAwcHgpXCJcbiAgICBdKS5zdWJzY3JpYmUoKHJlc3VsdDogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICBpZiAocmVzdWx0LmJyZWFrcG9pbnRzWycobWF4LXdpZHRoOiAxMjAwcHgpIGFuZCAobWluLXdpZHRoOjg1MXB4KSddKSB7XG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMztcbiAgICAgIH1cbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogODUwcHgpIGFuZCAobWluLXdpZHRoOjYwMXB4KSddKSB7XG4gICAgICAgIHRoaXMubWVtYmVyc1RvU2hvdyA9IDI7XG4gICAgICAgIHRoaXMuc2Nyb2xsTWVtYmVyTnVtYmVyID0gMjtcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSB0cnVlO1xuICAgICAgfVxuICAgICAgZWxzZSBpZiAocmVzdWx0LmJyZWFrcG9pbnRzWycobWF4LXdpZHRoOiA2MDBweCknXSkge1xuICAgICAgICB0aGlzLm1lbWJlcnNUb1Nob3cgPSAxO1xuICAgICAgICB0aGlzLnNjcm9sbE1lbWJlck51bWJlciA9IDE7XG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcbiAgICAgIH1cbiAgICAgIGVsc2Uge1xuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IGZhbHNlO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgb25BZGROZXdNZW1iZXIoKSB7XG4gICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFsnL3RlYW0vbmV3LW1lbWJlciddKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cbiAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiID48L3NlY3Rpb24tdGl0bGU+XG4gICAgPGRpdiBjbGFzcz1cImNhcmRzXCIgKm5nSWY9XCIhaXNUYWJsZXRTaXplXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtZW1iZXItY2FyZFwiICpuZ0Zvcj1cImxldCB0ZWFtTWVtYmVyIG9mIHNlY3Rpb25Db250ZW50LnRlYW1NZW1iZXJzXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cInRlYW1NZW1iZXIucHJvZmlsZVBpY3R1cmVcIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1pbmZvcm1hdGlvblwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7dGVhbU1lbWJlci5mdWxsTmFtZX19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvc2l0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7dGVhbU1lbWJlci5wb3NpdGlvbn19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcmRzXCIgKm5nSWY9XCJpc1RhYmxldFNpemVcIj5cbiAgICAgICAgPHAtY2Fyb3VzZWwgY2xhc3M9XCJjdXN0b21cIiBbdmFsdWVdPVwic2VjdGlvbkNvbnRlbnQudGVhbU1lbWJlcnNcIiBbbnVtVmlzaWJsZV09J21lbWJlcnNUb1Nob3cnXG4gICAgICAgICAgICBbbnVtU2Nyb2xsXT0nc2Nyb2xsTWVtYmVyTnVtYmVyJyBbcGFnZV09XCIwXCIgb3JpZW50YXRpb249XCJob3Jpem9udGFsXCIgW2NpcmN1bGFyXT1cInRydWVcIj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBsZXQtbWVtYmVyIHBUZW1wbGF0ZT1cIml0ZW1cIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVtYmVyLWNhcmRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cIm1lbWJlci5wcm9maWxlUGljdHVyZVwiPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1pbmZvcm1hdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e21lbWJlci5mdWxsTmFtZX19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb3NpdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7bWVtYmVyLnBvc2l0aW9ufX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvcC1jYXJvdXNlbD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FwdGlvbi10ZXh0XCI+XG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQuY2FwdGlvbn19XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

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

@@ -0,0 +1,22 @@
+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";
+export class ValuePropCardComponent {
+    ngOnInit() {
+        if (this.ValuePropContent.iconName) {
+            this.icon = this.ValuePropContent.iconName;
+        }
+    }
+}
+ValuePropCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ValuePropCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuePropCardComponent, selector: "value-prop-card", inputs: { ValuePropContent: "ValuePropContent", hasTypeChanged: "hasTypeChanged" }, ngImport: i0, template: "<div class=\"reason-block\">\n    <div class=\"reason-headline\">\n        <div class=\"reason-icon\" *ngIf=\"icon\">\n            <fa-icon [icon]=\"icon\"></fa-icon>\n        </div>\n        <div class=\"reason-image\" *ngIf=\"!icon\">\n            <img [src]=\"ValuePropContent.image\" alt=\"\">\n        </div>\n        <div class=\"reason-title\">\n            {{ValuePropContent.title}}\n        </div>\n    </div>\n    <div class=\"reason-desc\">\n        {{ValuePropContent.description}}\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}.reason-block{border-radius:2rem;padding:.5rem 1.5rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;box-shadow:.2rem .2rem .4rem #00000040}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'value-prop-card', template: "<div class=\"reason-block\">\n    <div class=\"reason-headline\">\n        <div class=\"reason-icon\" *ngIf=\"icon\">\n            <fa-icon [icon]=\"icon\"></fa-icon>\n        </div>\n        <div class=\"reason-image\" *ngIf=\"!icon\">\n            <img [src]=\"ValuePropContent.image\" alt=\"\">\n        </div>\n        <div class=\"reason-title\">\n            {{ValuePropContent.title}}\n        </div>\n    </div>\n    <div class=\"reason-desc\">\n        {{ValuePropContent.description}}\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}.reason-block{border-radius:2rem;padding:.5rem 1.5rem;background-color:#fff;color:#32353b;font-weight:400;font-size:1.6rem;margin:1rem 1rem 2rem;display:inline-block;height:95%;box-shadow:.2rem .2rem .4rem #00000040}.reason-block .reason-headline{display:flex;flex-direction:row;column-gap:2rem;padding:1.5rem 0rem;align-items:center}.reason-block .reason-headline .reason-icon{color:#155ed4;font-size:3rem}.reason-block .reason-headline .reason-image img{width:4rem;aspect-ratio:3/2;object-fit:contain}.reason-block .reason-headline .reason-title{color:#32353b;font-weight:600;font-size:2rem}.reason-block .reason-desc{font-weight:300}@media only screen and (max-width: 37.5em){.reason-block{height:93%;width:95%}}\n"] }]
+        }], propDecorators: { ValuePropContent: [{
+                type: Input
+            }], hasTypeChanged: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wLWNhcmQvdmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wLWNhcmQvdmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBU3pELE1BQU0sT0FBTyxzQkFBc0I7SUFNakMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRTtZQUNsQyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFvQixDQUFDO1NBQ3hEO0lBQ0gsQ0FBQzs7bUhBVlUsc0JBQXNCO3VHQUF0QixzQkFBc0IsMklDVG5DLG9nQkFlTTsyRkROTyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQU1sQixnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmUnO1xuaW1wb3J0IHsgVmFsdWVQcm9wUHJvcGVydGllcyB9IGZyb20gJy4uL21vZGVscy92YWx1ZS1wcm9wLXByb3BlcnRpZXMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWx1ZS1wcm9wLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vdmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL3ZhbHVlLXByb3AtY2FyZC5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBWYWx1ZVByb3BDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBWYWx1ZVByb3BDb250ZW50OiBWYWx1ZVByb3BQcm9wZXJ0aWVzO1xuICBASW5wdXQoKSBoYXNUeXBlQ2hhbmdlZDogYm9vbGVhbjtcbiAgaWNvbjogSWNvbk5hbWU7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuVmFsdWVQcm9wQ29udGVudC5pY29uTmFtZSkge1xuICAgICAgdGhpcy5pY29uID0gdGhpcy5WYWx1ZVByb3BDb250ZW50Lmljb25OYW1lIGFzIEljb25OYW1lO1xuICAgIH1cbiAgfVxufSIsIjxkaXYgY2xhc3M9XCJyZWFzb24tYmxvY2tcIj5cbiAgICA8ZGl2IGNsYXNzPVwicmVhc29uLWhlYWRsaW5lXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyZWFzb24taWNvblwiICpuZ0lmPVwiaWNvblwiPlxuICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiaWNvblwiPjwvZmEtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyZWFzb24taW1hZ2VcIiAqbmdJZj1cIiFpY29uXCI+XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwiVmFsdWVQcm9wQ29udGVudC5pbWFnZVwiIGFsdD1cIlwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJlYXNvbi10aXRsZVwiPlxuICAgICAgICAgICAge3tWYWx1ZVByb3BDb250ZW50LnRpdGxlfX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInJlYXNvbi1kZXNjXCI+XG4gICAgICAgIHt7VmFsdWVQcm9wQ29udGVudC5kZXNjcmlwdGlvbn19XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

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

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