@jooler/jooler-websites-shared 0.0.162 → 0.0.163
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -24
- package/esm2020/jooler-websites-shared.mjs +4 -4
- package/esm2020/lib/achievements/achievements.component.mjs +17 -17
- package/esm2020/lib/call-to-action-section/call-to-action-section.component.mjs +32 -32
- package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.component.mjs +22 -22
- package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.model.mjs +3 -3
- package/esm2020/lib/call-to-action-section-two/link-text.model.mjs +3 -3
- package/esm2020/lib/choose-country-with-flag/choose-country-with-flag.component.mjs +55 -55
- package/esm2020/lib/coming-soon/coming-soon.component.mjs +22 -22
- package/esm2020/lib/contact-us-page/contact-us-page.component.mjs +129 -129
- package/esm2020/lib/cta-section-style-four/cta-section-style-four.component.mjs +37 -37
- package/esm2020/lib/cta-section-style-three/cta-section-style-three.component.mjs +25 -25
- package/esm2020/lib/custom-tooltip/custom-tooltip.component.mjs +22 -22
- package/esm2020/lib/faq-category-listing/faq-category-listing.component.mjs +25 -25
- package/esm2020/lib/faq-listing/faq-listing.component.mjs +25 -25
- package/esm2020/lib/get-started-cta/get-started-cta.component.mjs +22 -22
- package/esm2020/lib/header-section-one/header-section-one.component.mjs +23 -23
- package/esm2020/lib/image-gallery-modal/image-gallery-modal.component.mjs +132 -132
- package/esm2020/lib/jooler-websites-shared.module.mjs +206 -206
- package/esm2020/lib/models/about-us-section.model.mjs +2 -2
- package/esm2020/lib/models/account-type.model.mjs +9 -9
- package/esm2020/lib/models/account.model.mjs +3 -3
- package/esm2020/lib/models/achievement.model.mjs +3 -3
- package/esm2020/lib/models/achievements.model.mjs +3 -3
- package/esm2020/lib/models/address.model.mjs +3 -3
- package/esm2020/lib/models/brand-logo.model.mjs +2 -2
- package/esm2020/lib/models/call-to-action-button.model.mjs +3 -3
- package/esm2020/lib/models/call-to-action-data.model.mjs +2 -2
- package/esm2020/lib/models/city.model.mjs +3 -3
- package/esm2020/lib/models/country.model.mjs +3 -3
- package/esm2020/lib/models/cta-cards.model.mjs +2 -2
- package/esm2020/lib/models/cta-one-type.model.mjs +2 -2
- package/esm2020/lib/models/cta-section-style-four.model.mjs +2 -2
- package/esm2020/lib/models/faq-category.model.mjs +3 -3
- package/esm2020/lib/models/faq-subcategory.model.mjs +3 -3
- package/esm2020/lib/models/faq.model.mjs +3 -3
- package/esm2020/lib/models/feature-section-nine.model.mjs +2 -2
- package/esm2020/lib/models/gallery-items-properties.model.mjs +2 -2
- package/esm2020/lib/models/get-started-cta.model.mjs +3 -3
- package/esm2020/lib/models/header-section-style-one.model.mjs +2 -2
- package/esm2020/lib/models/image-section-action.model.mjs +3 -3
- package/esm2020/lib/models/image-section.model.mjs +3 -3
- package/esm2020/lib/models/page-section-action.model.mjs +3 -3
- package/esm2020/lib/models/page-section-style-thirteen.model.mjs +6 -6
- package/esm2020/lib/models/page-section.model.mjs +3 -3
- package/esm2020/lib/models/page-style-section-five.model.mjs +3 -3
- package/esm2020/lib/models/perks.model.mjs +3 -3
- package/esm2020/lib/models/section-title.model.mjs +2 -2
- package/esm2020/lib/models/service-plan.model.mjs +3 -3
- package/esm2020/lib/models/team-member.model.mjs +3 -3
- package/esm2020/lib/models/team-section.model.mjs +3 -3
- package/esm2020/lib/models/user-type.model.mjs +8 -8
- package/esm2020/lib/models/user.model.mjs +3 -3
- package/esm2020/lib/our-client-listing/our-client-listing.component.mjs +17 -17
- package/esm2020/lib/our-clients/our-clients.component.mjs +54 -54
- package/esm2020/lib/page-section-style-ten/page-section-style-ten.component.mjs +33 -33
- package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs +43 -43
- package/esm2020/lib/page-section-style-three/page-section-style-three.component.mjs +25 -25
- package/esm2020/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs +24 -24
- package/esm2020/lib/pricing-plans/pricing-plans.component.mjs +23 -23
- package/esm2020/lib/section-title/section-title.component.mjs +14 -14
- package/esm2020/lib/social-media-icons/social-media-icons.component.mjs +40 -40
- package/esm2020/lib/social-media-icons/social-media-links.model.mjs +3 -3
- package/esm2020/lib/success-message-dialog/success-message-dialog.component.mjs +22 -22
- package/esm2020/lib/team/team.component.mjs +52 -52
- package/esm2020/lib/value-props-section/value-props-section.component.mjs +33 -33
- package/esm2020/lib/values/values.component.mjs +43 -39
- package/esm2020/lib/vertical-side-tabs/vertical-side-tabs.component.mjs +37 -33
- package/esm2020/public-api.mjs +68 -68
- package/fesm2015/jooler-websites-shared.mjs +1042 -1034
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +1042 -1034
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/achievements/achievements.component.d.ts +10 -10
- package/lib/call-to-action-section/call-to-action-section.component.d.ts +14 -14
- package/lib/call-to-action-section-two/call-to-action-section-two.component.d.ts +13 -13
- package/lib/call-to-action-section-two/call-to-action-section-two.model.d.ts +11 -11
- package/lib/call-to-action-section-two/link-text.model.d.ts +4 -4
- package/lib/choose-country-with-flag/choose-country-with-flag.component.d.ts +19 -19
- package/lib/coming-soon/coming-soon.component.d.ts +8 -8
- package/lib/contact-us-page/contact-us-page.component.d.ts +50 -50
- package/lib/cta-section-style-four/cta-section-style-four.component.d.ts +15 -15
- package/lib/cta-section-style-three/cta-section-style-three.component.d.ts +12 -12
- package/lib/custom-tooltip/custom-tooltip.component.d.ts +9 -9
- package/lib/faq-category-listing/faq-category-listing.component.d.ts +14 -14
- package/lib/faq-listing/faq-listing.component.d.ts +13 -13
- package/lib/get-started-cta/get-started-cta.component.d.ts +13 -13
- package/lib/header-section-one/header-section-one.component.d.ts +11 -11
- package/lib/image-gallery-modal/image-gallery-modal.component.d.ts +27 -27
- package/lib/jooler-websites-shared.module.d.ts +43 -43
- package/lib/models/about-us-section.model.d.ts +6 -6
- package/lib/models/account-type.model.d.ts +7 -7
- package/lib/models/account.model.d.ts +16 -16
- package/lib/models/achievement.model.d.ts +4 -4
- package/lib/models/achievements.model.d.ts +6 -6
- package/lib/models/address.model.d.ts +18 -18
- package/lib/models/brand-logo.model.d.ts +4 -4
- package/lib/models/call-to-action-button.model.d.ts +4 -4
- package/lib/models/call-to-action-data.model.d.ts +17 -17
- package/lib/models/city.model.d.ts +5 -5
- package/lib/models/country.model.d.ts +5 -5
- package/lib/models/cta-cards.model.d.ts +7 -7
- package/lib/models/cta-one-type.model.d.ts +14 -14
- package/lib/models/cta-section-style-four.model.d.ts +8 -8
- package/lib/models/faq-category.model.d.ts +9 -9
- package/lib/models/faq-subcategory.model.d.ts +8 -8
- package/lib/models/faq.model.d.ts +7 -7
- package/lib/models/feature-section-nine.model.d.ts +6 -6
- package/lib/models/gallery-items-properties.model.d.ts +4 -6
- package/lib/models/get-started-cta.model.d.ts +8 -8
- package/lib/models/header-section-style-one.model.d.ts +16 -16
- package/lib/models/image-section-action.model.d.ts +7 -7
- package/lib/models/image-section.model.d.ts +12 -12
- package/lib/models/page-section-action.model.d.ts +5 -5
- package/lib/models/page-section-style-thirteen.model.d.ts +4 -4
- package/lib/models/page-section.model.d.ts +11 -11
- package/lib/models/page-style-section-five.model.d.ts +6 -5
- package/lib/models/perks.model.d.ts +4 -4
- package/lib/models/section-title.model.d.ts +7 -7
- package/lib/models/service-plan.model.d.ts +10 -10
- package/lib/models/team-member.model.d.ts +6 -6
- package/lib/models/team-section.model.d.ts +7 -7
- package/lib/models/user-type.model.d.ts +6 -6
- package/lib/models/user.model.d.ts +11 -11
- package/lib/our-client-listing/our-client-listing.component.d.ts +10 -10
- package/lib/our-clients/our-clients.component.d.ts +15 -15
- package/lib/page-section-style-ten/page-section-style-ten.component.d.ts +15 -15
- package/lib/page-section-style-thirteen/page-section-style-thirteen.component.d.ts +21 -21
- package/lib/page-section-style-three/page-section-style-three.component.d.ts +12 -13
- package/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.d.ts +12 -12
- package/lib/pricing-plans/pricing-plans.component.d.ts +12 -12
- package/lib/section-title/section-title.component.d.ts +7 -7
- package/lib/social-media-icons/social-media-icons.component.d.ts +20 -20
- package/lib/social-media-icons/social-media-links.model.d.ts +6 -6
- package/lib/success-message-dialog/success-message-dialog.component.d.ts +11 -11
- package/lib/team/team.component.d.ts +18 -18
- package/lib/value-props-section/value-props-section.component.d.ts +11 -11
- package/lib/values/values.component.d.ts +16 -15
- package/lib/vertical-side-tabs/vertical-side-tabs.component.d.ts +14 -14
- package/package.json +1 -1
- package/public-api.d.ts +64 -64
- package/esm2020/lib/models/image-with-content.model.mjs +0 -2
- package/esm2020/lib/models/page-section-style-three.model.mjs +0 -2
- package/esm2020/lib/models/vertical-side-tab.model.mjs +0 -2
- package/lib/models/image-with-content.model.d.ts +0 -5
- package/lib/models/page-section-style-three.model.d.ts +0 -7
- package/lib/models/vertical-side-tab.model.d.ts +0 -6
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/router";
|
|
4
|
-
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
5
|
-
import * as i3 from "@angular/common";
|
|
6
|
-
export class SocialMediaIconsComponent {
|
|
7
|
-
constructor(_router) {
|
|
8
|
-
this._router = _router;
|
|
9
|
-
}
|
|
10
|
-
ngOnInit() {
|
|
11
|
-
}
|
|
12
|
-
onClickLinkedIn() {
|
|
13
|
-
window.location.href = this.socialMediaLinks.linkedIn;
|
|
14
|
-
}
|
|
15
|
-
onClickInstagram() {
|
|
16
|
-
window.location.href = this.socialMediaLinks.instagram;
|
|
17
|
-
}
|
|
18
|
-
onClickYoutube() {
|
|
19
|
-
window.location.href = this.socialMediaLinks.youTube;
|
|
20
|
-
}
|
|
21
|
-
setStyles() {
|
|
22
|
-
let style = {
|
|
23
|
-
color: this.color
|
|
24
|
-
};
|
|
25
|
-
return style;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
SocialMediaIconsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SocialMediaIconsComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
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"] }] });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SocialMediaIconsComponent, decorators: [{
|
|
31
|
-
type: Component,
|
|
32
|
-
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"] }]
|
|
33
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { color: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], areIconsInFooter: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], socialMediaLinks: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/router";
|
|
4
|
+
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
export class SocialMediaIconsComponent {
|
|
7
|
+
constructor(_router) {
|
|
8
|
+
this._router = _router;
|
|
9
|
+
}
|
|
10
|
+
ngOnInit() {
|
|
11
|
+
}
|
|
12
|
+
onClickLinkedIn() {
|
|
13
|
+
window.location.href = this.socialMediaLinks.linkedIn;
|
|
14
|
+
}
|
|
15
|
+
onClickInstagram() {
|
|
16
|
+
window.location.href = this.socialMediaLinks.instagram;
|
|
17
|
+
}
|
|
18
|
+
onClickYoutube() {
|
|
19
|
+
window.location.href = this.socialMediaLinks.youTube;
|
|
20
|
+
}
|
|
21
|
+
setStyles() {
|
|
22
|
+
let style = {
|
|
23
|
+
color: this.color
|
|
24
|
+
};
|
|
25
|
+
return style;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
SocialMediaIconsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SocialMediaIconsComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
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"] }] });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SocialMediaIconsComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
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"] }]
|
|
33
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { color: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], areIconsInFooter: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], socialMediaLinks: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}] } });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zb2NpYWwtbWVkaWEtaWNvbnMvc29jaWFsLW1lZGlhLWljb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQU96RCxNQUFNLE9BQU8seUJBQXlCO0lBSXBDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxRQUFRO0lBQ1IsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDO0lBQ3hELENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDO0lBQ3pELENBQUM7SUFFRCxjQUFjO1FBQ1osTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQztJQUN2RCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksS0FBSyxHQUFHO1lBQ1YsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1NBQ2xCLENBQUE7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O3NIQTFCVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixrS0NSdEMsd2FBSU07MkZESU8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLG9CQUFvQjs2RkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgc29jaWFsTWVkaWFMaW5rcyB9IGZyb20gJy4vc29jaWFsLW1lZGlhLWxpbmtzLm1vZGVsJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzb2NpYWwtbWVkaWEtaWNvbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2NpYWwtbWVkaWEtaWNvbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NvY2lhbC1tZWRpYS1pY29ucy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2NpYWxNZWRpYUljb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFyZUljb25zSW5Gb290ZXI6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc29jaWFsTWVkaWFMaW5rczogc29jaWFsTWVkaWFMaW5rcztcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0xpbmtlZEluKCkge1xyXG4gICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSB0aGlzLnNvY2lhbE1lZGlhTGlua3MubGlua2VkSW47XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrSW5zdGFncmFtKCkge1xyXG4gICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSB0aGlzLnNvY2lhbE1lZGlhTGlua3MuaW5zdGFncmFtO1xyXG4gIH1cclxuXHJcbiAgb25DbGlja1lvdXR1YmUoKSB7XHJcbiAgICB3aW5kb3cubG9jYXRpb24uaHJlZiA9IHRoaXMuc29jaWFsTWVkaWFMaW5rcy55b3VUdWJlO1xyXG4gIH1cclxuXHJcbiAgc2V0U3R5bGVzKCkge1xyXG4gICAgbGV0IHN0eWxlID0ge1xyXG4gICAgICBjb2xvcjogdGhpcy5jb2xvclxyXG4gICAgfVxyXG4gICAgcmV0dXJuIHN0eWxlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtuZ0NsYXNzXT1cInsnaWNvbnMtd2hpdGUnOmFyZUljb25zSW5Gb290ZXIsICdpY29ucyc6IWFyZUljb25zSW5Gb290ZXJ9XCI+XHJcbiAgPGZhLWljb24gW2ljb25dPVwiWydmYWInLCAnbGlua2VkaW4taW4nXVwiIGNsYXNzPVwiaWNvbiBsaW5rZWRpblwiIChjbGljayk9XCJvbkNsaWNrTGlua2VkSW4oKVwiPjwvZmEtaWNvbj5cclxuICA8ZmEtaWNvbiBbaWNvbl09XCJbJ2ZhYicsICdpbnN0YWdyYW0nXVwiIGNsYXNzPVwiaWNvbiBpbnN0YWdyYW1cIiAoY2xpY2spPVwib25DbGlja0luc3RhZ3JhbSgpXCI+PC9mYS1pY29uPlxyXG4gIDxmYS1pY29uIFtpY29uXT1cIlsnZmFiJywgJ3lvdXR1YmUnXVwiIGNsYXNzPVwiaWNvbiB5b3V0dWJlXCIgKGNsaWNrKT1cIm9uQ2xpY2tZb3V0dWJlKClcIj48L2ZhLWljb24+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export class socialMediaLinks {
|
|
2
|
-
}
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export class socialMediaLinks {
|
|
2
|
+
}
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsLW1lZGlhLWxpbmtzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3NvY2lhbC1tZWRpYS1pY29ucy9zb2NpYWwtbWVkaWEtbGlua3MubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGdCQUFnQjtDQUs1QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBzb2NpYWxNZWRpYUxpbmtzIHtcclxuICAgIGxpbmtlZEluOiBzdHJpbmc7XHJcbiAgICBpbnN0YWdyYW06IHN0cmluZztcclxuICAgIHlvdVR1YmU6IHN0cmluZztcclxuICAgIGZhY2VCb29rOiBzdHJpbmc7XHJcbn0iXX0=
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/material/dialog";
|
|
4
|
-
import * as i2 from "@angular/router";
|
|
5
|
-
import * as i3 from "@fortawesome/angular-fontawesome";
|
|
6
|
-
export class SuccessMessageDialogComponent {
|
|
7
|
-
constructor(dialogRef, _Router) {
|
|
8
|
-
this.dialogRef = dialogRef;
|
|
9
|
-
this._Router = _Router;
|
|
10
|
-
}
|
|
11
|
-
onClickSubmitAnotherForm() {
|
|
12
|
-
this.dialogRef.close();
|
|
13
|
-
this._Router.navigate(['/contact-us/contact-us-page']);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
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 });
|
|
17
|
-
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%}}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SuccessMessageDialogComponent, decorators: [{
|
|
19
|
-
type: Component,
|
|
20
|
-
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%}}
|
|
21
|
-
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.Router }]; } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/material/dialog";
|
|
4
|
+
import * as i2 from "@angular/router";
|
|
5
|
+
import * as i3 from "@fortawesome/angular-fontawesome";
|
|
6
|
+
export class SuccessMessageDialogComponent {
|
|
7
|
+
constructor(dialogRef, _Router) {
|
|
8
|
+
this.dialogRef = dialogRef;
|
|
9
|
+
this._Router = _Router;
|
|
10
|
+
}
|
|
11
|
+
onClickSubmitAnotherForm() {
|
|
12
|
+
this.dialogRef.close();
|
|
13
|
+
this._Router.navigate(['/contact-us/contact-us-page']);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
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 });
|
|
17
|
+
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"] }] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SuccessMessageDialogComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
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"] }]
|
|
21
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.Router }]; } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTMUMsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxZQUNTLFNBQXNELEVBQ3JELE9BQWU7UUFEaEIsY0FBUyxHQUFULFNBQVMsQ0FBNkM7UUFDckQsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUNyQixDQUFDO0lBRUwsd0JBQXdCO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUM7SUFDekQsQ0FBQzs7MEhBVlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsOERDVDFDLGd5QkFrQk07MkZEVE8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzdWNjZXNzLW1lc3NhZ2UtZGlhbG9nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50PixcclxuICAgIHByaXZhdGUgX1JvdXRlcjogUm91dGVyXHJcbiAgKSB7IH1cclxuXHJcbiAgb25DbGlja1N1Ym1pdEFub3RoZXJGb3JtKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbJy9jb250YWN0LXVzL2NvbnRhY3QtdXMtcGFnZSddKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cclxuICA8c3BhbiBtYXQtZGlhbG9nLXRpdGxlIGNsYXNzPVwiZGlhbG9nLWhlYWRlclwiIG1hdC1idXR0b24+XHJcbiAgICA8ZmEtaWNvbiBpY29uPVwieG1hcmtcIiBtYXQtZGlhbG9nLWNsb3NlPjwvZmEtaWNvbj5cclxuICA8L3NwYW4+XHJcblxyXG4gIDxtYXQtZGlhbG9nLWNvbnRlbnQgY2xhc3M9XCJtYXQtdHlwb2dyYXBoeVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInN1Y2Nlc3MtaWNvblwiPlxyXG4gICAgICA8ZmEtaWNvbiBpY29uPVwiY2FsZW5kYXItY2hlY2tcIj48L2ZhLWljb24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxoMiBjbGFzcz1cInRpdGxlXCI+VGhhbmtzISB5b3VyIHJlcXVlc3QgaGFzIGJlZW4gc3VibWl0dGVkPC9oMj5cclxuICAgIDxoMyBjbGFzcz1cInN1YnRpdGxlXCI+V2UgaGF2ZSByZWNlaXZlZCB5b3VyIG1lc3NhZ2UsIHdlJ2xsIHJlYWNoIG91dCB0byB5b3UgYXMgc29vbiBhcyBwb3NzaWJsZSE8L2gzPlxyXG4gIDwvbWF0LWRpYWxvZy1jb250ZW50PlxyXG4gIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+XHJcbiAgPG1hdC1kaWFsb2ctYWN0aW9ucyBjbGFzcz1cImRpYWxvZy1mb290ZXJcIj5cclxuICAgIDxoMz5TdGlsbCBoYXZlIGFueSBxdWVzdGlvbnM/IDxzcGFuIGNsYXNzPVwibGluay10ZXh0XCIgKGNsaWNrKT1cIm9uQ2xpY2tTdWJtaXRBbm90aGVyRm9ybSgpXCI+U3VibWl0XHJcbiAgICAgICAgYW5vdGhlciBmb3JtPC9zcGFuPlxyXG4gICAgPC9oMz5cclxuICA8L21hdC1kaWFsb2ctYWN0aW9ucz5cclxuPC9kaXY+Il19
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/router";
|
|
4
|
-
import * as i2 from "@angular/cdk/layout";
|
|
5
|
-
import * as i3 from "@angular/common";
|
|
6
|
-
import * as i4 from "primeng/api";
|
|
7
|
-
import * as i5 from "primeng/carousel";
|
|
8
|
-
import * as i6 from "../section-title/section-title.component";
|
|
9
|
-
;
|
|
10
|
-
export class TeamComponent {
|
|
11
|
-
constructor(_router, breakpointObserver) {
|
|
12
|
-
this._router = _router;
|
|
13
|
-
this.breakpointObserver = breakpointObserver;
|
|
14
|
-
this.scrollMemberNumber = 2;
|
|
15
|
-
}
|
|
16
|
-
ngOnInit() {
|
|
17
|
-
this.breakpointObserver.observe([
|
|
18
|
-
"(max-width: 1200px) and (min-width:851px)", "(max-width: 850px) and (min-width:601px)",
|
|
19
|
-
"(max-width: 600px)"
|
|
20
|
-
]).subscribe((result) => {
|
|
21
|
-
if (result.breakpoints['(max-width: 1200px) and (min-width:851px)']) {
|
|
22
|
-
this.isTabletSize = true;
|
|
23
|
-
this.membersToShow = 3;
|
|
24
|
-
}
|
|
25
|
-
else if (result.breakpoints['(max-width: 850px) and (min-width:601px)']) {
|
|
26
|
-
this.membersToShow = 2;
|
|
27
|
-
this.scrollMemberNumber = 2;
|
|
28
|
-
this.isTabletSize = true;
|
|
29
|
-
}
|
|
30
|
-
else if (result.breakpoints['(max-width: 600px)']) {
|
|
31
|
-
this.membersToShow = 1;
|
|
32
|
-
this.scrollMemberNumber = 1;
|
|
33
|
-
this.isTabletSize = true;
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
this.isTabletSize = false;
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
onAddNewMember() {
|
|
41
|
-
this._router.navigate(['/team/new-member']);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
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 });
|
|
45
|
-
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%}}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TeamComponent, decorators: [{
|
|
47
|
-
type: Component,
|
|
48
|
-
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%}}
|
|
49
|
-
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
|
|
50
|
-
type: Input
|
|
51
|
-
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/router";
|
|
4
|
+
import * as i2 from "@angular/cdk/layout";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
import * as i4 from "primeng/api";
|
|
7
|
+
import * as i5 from "primeng/carousel";
|
|
8
|
+
import * as i6 from "../section-title/section-title.component";
|
|
9
|
+
;
|
|
10
|
+
export class TeamComponent {
|
|
11
|
+
constructor(_router, breakpointObserver) {
|
|
12
|
+
this._router = _router;
|
|
13
|
+
this.breakpointObserver = breakpointObserver;
|
|
14
|
+
this.scrollMemberNumber = 2;
|
|
15
|
+
}
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
this.breakpointObserver.observe([
|
|
18
|
+
"(max-width: 1200px) and (min-width:851px)", "(max-width: 850px) and (min-width:601px)",
|
|
19
|
+
"(max-width: 600px)"
|
|
20
|
+
]).subscribe((result) => {
|
|
21
|
+
if (result.breakpoints['(max-width: 1200px) and (min-width:851px)']) {
|
|
22
|
+
this.isTabletSize = true;
|
|
23
|
+
this.membersToShow = 3;
|
|
24
|
+
}
|
|
25
|
+
else if (result.breakpoints['(max-width: 850px) and (min-width:601px)']) {
|
|
26
|
+
this.membersToShow = 2;
|
|
27
|
+
this.scrollMemberNumber = 2;
|
|
28
|
+
this.isTabletSize = true;
|
|
29
|
+
}
|
|
30
|
+
else if (result.breakpoints['(max-width: 600px)']) {
|
|
31
|
+
this.membersToShow = 1;
|
|
32
|
+
this.scrollMemberNumber = 1;
|
|
33
|
+
this.isTabletSize = true;
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
this.isTabletSize = false;
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
onAddNewMember() {
|
|
41
|
+
this._router.navigate(['/team/new-member']);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
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 });
|
|
45
|
+
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"] }] });
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TeamComponent, decorators: [{
|
|
47
|
+
type: Component,
|
|
48
|
+
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"] }]
|
|
49
|
+
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}] } });
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvdGVhbS90ZWFtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi90ZWFtL3RlYW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBRWhCLENBQUM7QUFRMUMsTUFBTSxPQUFPLGFBQWE7SUFNeEIsWUFDVSxPQUFlLEVBQ2Ysa0JBQXNDO1FBRHRDLFlBQU8sR0FBUCxPQUFPLENBQVE7UUFDZix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBSmhELHVCQUFrQixHQUFXLENBQUMsQ0FBQztJQUszQixDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7WUFDOUIsMkNBQTJDLEVBQUUsMENBQTBDO1lBQ3ZGLG9CQUFvQjtTQUNyQixDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBdUIsRUFBRSxFQUFFO1lBQ3ZDLElBQUksTUFBTSxDQUFDLFdBQVcsQ0FBQywyQ0FBMkMsQ0FBQyxFQUFFO2dCQUNuRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7YUFDeEI7aUJBQ0ksSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLDBDQUEwQyxDQUFDLEVBQUU7Z0JBQ3ZFLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDO2dCQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUMxQjtpQkFDSSxJQUFJLE1BQU0sQ0FBQyxXQUFXLENBQUMsb0JBQW9CLENBQUMsRUFBRTtnQkFDakQsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQzFCO2lCQUNJO2dCQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2FBQzNCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7OzBHQXRDVSxhQUFhOzhGQUFiLGFBQWEsMEZDVjFCLHF3REF3Q007MkZEOUJPLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsTUFBTTs4SEFLUCxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7O1xyXG5pbXBvcnQgeyBUZWFtU2VjdGlvbiB9IGZyb20gJy4uL21vZGVscy90ZWFtLXNlY3Rpb24ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0ZWFtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGVhbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGVhbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZWFtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogVGVhbVNlY3Rpb247XHJcbiAgaXNUYWJsZXRTaXplOiBib29sZWFuO1xyXG4gIG1lbWJlcnNUb1Nob3c6IG51bWJlcjtcclxuICBzY3JvbGxNZW1iZXJOdW1iZXI6IG51bWJlciA9IDI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZShbXHJcbiAgICAgIFwiKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDo4NTFweClcIiwgXCIobWF4LXdpZHRoOiA4NTBweCkgYW5kIChtaW4td2lkdGg6NjAxcHgpXCIsXHJcbiAgICAgIFwiKG1heC13aWR0aDogNjAwcHgpXCJcclxuICAgIF0pLnN1YnNjcmliZSgocmVzdWx0OiBCcmVha3BvaW50U3RhdGUpID0+IHtcclxuICAgICAgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogMTIwMHB4KSBhbmQgKG1pbi13aWR0aDo4NTFweCknXSkge1xyXG4gICAgICAgIHRoaXMuaXNUYWJsZXRTaXplID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLm1lbWJlcnNUb1Nob3cgPSAzO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogODUwcHgpIGFuZCAobWluLXdpZHRoOjYwMXB4KSddKSB7XHJcbiAgICAgICAgdGhpcy5tZW1iZXJzVG9TaG93ID0gMjtcclxuICAgICAgICB0aGlzLnNjcm9sbE1lbWJlck51bWJlciA9IDI7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2UgaWYgKHJlc3VsdC5icmVha3BvaW50c1snKG1heC13aWR0aDogNjAwcHgpJ10pIHtcclxuICAgICAgICB0aGlzLm1lbWJlcnNUb1Nob3cgPSAxO1xyXG4gICAgICAgIHRoaXMuc2Nyb2xsTWVtYmVyTnVtYmVyID0gMTtcclxuICAgICAgICB0aGlzLmlzVGFibGV0U2l6ZSA9IHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSB7XHJcbiAgICAgICAgdGhpcy5pc1RhYmxldFNpemUgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvbkFkZE5ld01lbWJlcigpIHtcclxuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbJy90ZWFtL25ldy1tZW1iZXInXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlXCI+XHJcbiAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiID48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZHNcIiAqbmdJZj1cIiFpc1RhYmxldFNpemVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibWVtYmVyLWNhcmRcIiAqbmdGb3I9XCJsZXQgdGVhbU1lbWJlciBvZiBzZWN0aW9uQ29udGVudC50ZWFtTWVtYmVyc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwidGVhbU1lbWJlci5wcm9maWxlUGljdHVyZVwiPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1pbmZvcm1hdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e3RlYW1NZW1iZXIuZnVsbE5hbWV9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9zaXRpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICB7e3RlYW1NZW1iZXIucG9zaXRpb259fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZHNcIiAqbmdJZj1cImlzVGFibGV0U2l6ZVwiPlxyXG4gICAgICAgIDxwLWNhcm91c2VsIGNsYXNzPVwiY3VzdG9tXCIgW3ZhbHVlXT1cInNlY3Rpb25Db250ZW50LnRlYW1NZW1iZXJzXCIgW251bVZpc2libGVdPSdtZW1iZXJzVG9TaG93J1xyXG4gICAgICAgICAgICBbbnVtU2Nyb2xsXT0nc2Nyb2xsTWVtYmVyTnVtYmVyJyBbcGFnZV09XCIwXCIgb3JpZW50YXRpb249XCJob3Jpem9udGFsXCIgW2NpcmN1bGFyXT1cInRydWVcIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGxldC1tZW1iZXIgcFRlbXBsYXRlPVwiaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1jYXJkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwibWVtYmVyLnByb2ZpbGVQaWN0dXJlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbWJlci1pbmZvcm1hdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3ttZW1iZXIuZnVsbE5hbWV9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvc2l0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e21lbWJlci5wb3NpdGlvbn19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9wLWNhcm91c2VsPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FwdGlvbi10ZXh0XCI+XHJcbiAgICAgICAge3tzZWN0aW9uQ29udGVudC5jYXB0aW9ufX1cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "../section-title/section-title.component";
|
|
6
|
-
export class ValuePropsSectionComponent {
|
|
7
|
-
constructor() { }
|
|
8
|
-
ngOnInit() {
|
|
9
|
-
let i = 0;
|
|
10
|
-
this.selectedImage = this.sectionContent.paragraphs[0].imagePath;
|
|
11
|
-
i++;
|
|
12
|
-
for (let paragraph of this.sectionContent.paragraphs) {
|
|
13
|
-
paragraph.isClicked = false;
|
|
14
|
-
}
|
|
15
|
-
this.sectionContent.paragraphs[0].isClicked = true;
|
|
16
|
-
}
|
|
17
|
-
onChangeImage(imagePath, paragraphIndex) {
|
|
18
|
-
for (let paragraph of this.sectionContent.paragraphs) {
|
|
19
|
-
paragraph.isClicked = false;
|
|
20
|
-
}
|
|
21
|
-
this.selectedImage = imagePath;
|
|
22
|
-
this.sectionContent.paragraphs[paragraphIndex].isClicked = true;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
ValuePropsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropsSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
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%}}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropsSectionComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
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%}}
|
|
30
|
-
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "../section-title/section-title.component";
|
|
6
|
+
export class ValuePropsSectionComponent {
|
|
7
|
+
constructor() { }
|
|
8
|
+
ngOnInit() {
|
|
9
|
+
let i = 0;
|
|
10
|
+
this.selectedImage = this.sectionContent.paragraphs[0].imagePath;
|
|
11
|
+
i++;
|
|
12
|
+
for (let paragraph of this.sectionContent.paragraphs) {
|
|
13
|
+
paragraph.isClicked = false;
|
|
14
|
+
}
|
|
15
|
+
this.sectionContent.paragraphs[0].isClicked = true;
|
|
16
|
+
}
|
|
17
|
+
onChangeImage(imagePath, paragraphIndex) {
|
|
18
|
+
for (let paragraph of this.sectionContent.paragraphs) {
|
|
19
|
+
paragraph.isClicked = false;
|
|
20
|
+
}
|
|
21
|
+
this.selectedImage = imagePath;
|
|
22
|
+
this.sectionContent.paragraphs[paragraphIndex].isClicked = true;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
ValuePropsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropsSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
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"] }] });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropsSectionComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
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"] }]
|
|
30
|
+
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtcHJvcHMtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvdmFsdWUtcHJvcHMtc2VjdGlvbi92YWx1ZS1wcm9wcy1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wcy1zZWN0aW9uL3ZhbHVlLXByb3BzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3pELE1BQU0sT0FBTywwQkFBMEI7SUFHckMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNWLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUUsQ0FBQyxDQUFFLENBQUMsU0FBUyxDQUFDO1FBQ25FLENBQUMsRUFBRSxDQUFDO1FBQ0osS0FBSyxJQUFJLFNBQVMsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRTtZQUNwRCxTQUFTLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUM3QjtRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFFLENBQUMsQ0FBRSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFFdkQsQ0FBQztJQUVELGFBQWEsQ0FBQyxTQUFTLEVBQUUsY0FBYztRQUNyQyxLQUFLLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxFQUFFO1lBQ3BELFNBQVMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1NBQzdCO1FBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUM7UUFDL0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUUsY0FBYyxDQUFFLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUNwRSxDQUFDOzt1SEF0QlUsMEJBQTBCOzJHQUExQiwwQkFBMEIseUdDUHZDLCtzQ0FvQk07MkZEYk8sMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHFCQUFxQjswRUFLdEIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2YWx1ZS1wcm9wcy1zZWN0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdmFsdWUtcHJvcHMtc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL3ZhbHVlLXByb3BzLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFZhbHVlUHJvcHNTZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogYW55O1xyXG4gIHNlbGVjdGVkSW1hZ2U6IGFueTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGxldCBpID0gMDtcclxuICAgIHRoaXMuc2VsZWN0ZWRJbWFnZSA9IHRoaXMuc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoc1sgMCBdLmltYWdlUGF0aDtcclxuICAgIGkrKztcclxuICAgIGZvciAobGV0IHBhcmFncmFwaCBvZiB0aGlzLnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHMpIHtcclxuICAgICAgcGFyYWdyYXBoLmlzQ2xpY2tlZCA9IGZhbHNlO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhzWyAwIF0uaXNDbGlja2VkID0gdHJ1ZTtcclxuXHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZUltYWdlKGltYWdlUGF0aCwgcGFyYWdyYXBoSW5kZXgpIHtcclxuICAgIGZvciAobGV0IHBhcmFncmFwaCBvZiB0aGlzLnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHMpIHtcclxuICAgICAgcGFyYWdyYXBoLmlzQ2xpY2tlZCA9IGZhbHNlO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWxlY3RlZEltYWdlID0gaW1hZ2VQYXRoO1xyXG4gICAgdGhpcy5zZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhzWyBwYXJhZ3JhcGhJbmRleCBdLmlzQ2xpY2tlZCA9IHRydWU7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ2YWx1ZS1wcm9wXCIgW25nQ2xhc3NdPVwieydpbWFnZS10ZXh0LXNvcnQnOiBzZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhQcm9wZXJ0aWVzLm9uUmlnaHRTaWRlICwgJ3RleHQtaW1hZ2Utc29ydCc6ICFzZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhQcm9wZXJ0aWVzLm9uUmlnaHRTaWRlICwncGFyYWdyYXBoLXdpdGgtY2FyZCc6c2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoUHJvcGVydGllcy53aXRoQ2FyZCB9XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1zaWRlXCI+XHJcbiAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj5cclxuICAgICAgICA8L3NlY3Rpb24tdGl0bGU+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLXByb3AtaW1hZ2VcIj5cclxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInNlbGVjdGVkSW1hZ2VcIiBhbHQ9XCJcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicGFyYWdyYXBoLWl0ZW1zXCI+XHJcbiAgICAgICAgICAgIDxwICpuZ0Zvcj1cImxldCBwYXJhZ3JhcGggb2Ygc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoczsgbGV0IGogPSBpbmRleFwiIGNsYXNzPVwicGFyYWdyYXBoXCIgKGNsaWNrKT1cIm9uQ2hhbmdlSW1hZ2UocGFyYWdyYXBoLmltYWdlUGF0aCAsailcIiBbbmdDbGFzc109XCJ7J3NlbGVjdGVkLXBhcmFncmFwaCc6cGFyYWdyYXBoLmlzQ2xpY2tlZCwgJ29uZS1wYXJhZ3JhcGgnOnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHMubGVuZ3RoID09IDF9XCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlLXByb3AtaWNvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cInBhcmFncmFwaC5pY29uTmFtZVwiPjwvZmEtaWNvbj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBhcmFncmFwaC10ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3twYXJhZ3JhcGgudGV4dH19XHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImltYWdlLWJ1dHRvbnMtc2lkZVwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJzZWxlY3RlZEltYWdlXCIgYWx0PVwiXCI+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|