@jooler/jooler-websites-shared 0.0.24 → 0.0.26
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/esm2020/lib/jooler-websites-shared.module.mjs +10 -5
- package/esm2020/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs +23 -0
- package/esm2020/lib/team/team.component.mjs +2 -2
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/jooler-websites-shared.mjs +29 -7
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +29 -7
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/jooler-websites-shared.module.d.ts +7 -6
- package/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.d.ts +12 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -17,6 +17,7 @@ import { TeamComponent } from './team/team.component';
|
|
|
17
17
|
import { ValuesComponent } from './values/values.component';
|
|
18
18
|
import { OurClientsComponent } from './our-clients/our-clients.component';
|
|
19
19
|
import { OurClientListingComponent } from './our-client-listing/our-client-listing.component';
|
|
20
|
+
import { PageSectionWithMultipleCardsComponent } from './page-section-with-multiple-cards/page-section-with-multiple-cards.component';
|
|
20
21
|
import * as i0 from "@angular/core";
|
|
21
22
|
export class JoolerWebsitesSharedModule {
|
|
22
23
|
}
|
|
@@ -33,7 +34,8 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
33
34
|
TeamComponent,
|
|
34
35
|
ValuesComponent,
|
|
35
36
|
OurClientsComponent,
|
|
36
|
-
OurClientListingComponent
|
|
37
|
+
OurClientListingComponent,
|
|
38
|
+
PageSectionWithMultipleCardsComponent], imports: [CommonModule,
|
|
37
39
|
AppMaterialModule,
|
|
38
40
|
FontAwesomeSharedModule,
|
|
39
41
|
GalleriaModule,
|
|
@@ -51,7 +53,8 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
51
53
|
TeamComponent,
|
|
52
54
|
ValuesComponent,
|
|
53
55
|
OurClientsComponent,
|
|
54
|
-
OurClientListingComponent
|
|
56
|
+
OurClientListingComponent,
|
|
57
|
+
PageSectionWithMultipleCardsComponent] });
|
|
55
58
|
JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
|
|
56
59
|
AppMaterialModule,
|
|
57
60
|
FontAwesomeSharedModule,
|
|
@@ -74,7 +77,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
74
77
|
TeamComponent,
|
|
75
78
|
ValuesComponent,
|
|
76
79
|
OurClientsComponent,
|
|
77
|
-
OurClientListingComponent
|
|
80
|
+
OurClientListingComponent,
|
|
81
|
+
PageSectionWithMultipleCardsComponent
|
|
78
82
|
],
|
|
79
83
|
imports: [
|
|
80
84
|
CommonModule,
|
|
@@ -98,8 +102,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
98
102
|
TeamComponent,
|
|
99
103
|
ValuesComponent,
|
|
100
104
|
OurClientsComponent,
|
|
101
|
-
OurClientListingComponent
|
|
105
|
+
OurClientListingComponent,
|
|
106
|
+
PageSectionWithMultipleCardsComponent
|
|
102
107
|
]
|
|
103
108
|
}]
|
|
104
109
|
}] });
|
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDeEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQzFHLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLHFFQUFxRSxDQUFDO0FBQ3hILE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSxxQ0FBcUMsRUFBRSxNQUFNLCtFQUErRSxDQUFDOztBQTRDdEksTUFBTSxPQUFPLDBCQUEwQjs7dUhBQTFCLDBCQUEwQjt3SEFBMUIsMEJBQTBCLGlCQXpDbkMscUJBQXFCO1FBQ3JCLDRCQUE0QjtRQUM1QixzQkFBc0I7UUFDdEIsaUJBQWlCO1FBQ2pCLDRCQUE0QjtRQUM1QixpQ0FBaUM7UUFDakMscUJBQXFCO1FBQ3JCLHFCQUFxQjtRQUNyQiw2QkFBNkI7UUFDN0IsYUFBYTtRQUNiLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIseUJBQXlCO1FBQ3pCLHFDQUFxQyxhQUdyQyxZQUFZO1FBQ1osaUJBQWlCO1FBQ2pCLHVCQUF1QjtRQUN2QixjQUFjO1FBQ2QsY0FBYyxhQUdkLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLHVCQUF1QjtRQUN2QixzQkFBc0I7UUFDdEIscUJBQXFCO1FBQ3JCLHFCQUFxQjtRQUNyQixpQ0FBaUM7UUFDakMsaUJBQWlCO1FBQ2pCLDZCQUE2QjtRQUM3Qiw0QkFBNEI7UUFDNUIsYUFBYTtRQUNiLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIseUJBQXlCO1FBQ3pCLHFDQUFxQzt3SEFHNUIsMEJBQTBCLFlBekJuQyxZQUFZO1FBQ1osaUJBQWlCO1FBQ2pCLHVCQUF1QjtRQUN2QixjQUFjO1FBQ2QsY0FBYyxFQUdkLGlCQUFpQjtRQUdqQix1QkFBdUI7MkZBZWQsMEJBQTBCO2tCQTNDdEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1oscUJBQXFCO3dCQUNyQiw0QkFBNEI7d0JBQzVCLHNCQUFzQjt3QkFDdEIsaUJBQWlCO3dCQUNqQiw0QkFBNEI7d0JBQzVCLGlDQUFpQzt3QkFDakMscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLDZCQUE2Qjt3QkFDN0IsYUFBYTt3QkFDYixlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIseUJBQXlCO3dCQUN6QixxQ0FBcUM7cUJBQ3RDO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2QixjQUFjO3dCQUNkLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIscUJBQXFCO3dCQUNyQiw0QkFBNEI7d0JBQzVCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixxQkFBcUI7d0JBQ3JCLHFCQUFxQjt3QkFDckIsaUNBQWlDO3dCQUNqQyxpQkFBaUI7d0JBQ2pCLDZCQUE2Qjt3QkFDN0IsNEJBQTRCO3dCQUM1QixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQix5QkFBeUI7d0JBQ3pCLHFDQUFxQztxQkFDdEM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2VjdGlvblRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcbmltcG9ydCB7IFBhZ2VTZWN0aW9uU3R5bGVUZW5Db21wb25lbnQgfSBmcm9tICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFwcE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnQGpvb2xlci9hcHAtbWF0ZXJpYWwnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVTaGFyZWRNb2R1bGUgfSBmcm9tICdAam9vbGVyL2ZvbnQtYXdlc29tZS1zaGFyZWQnO1xuaW1wb3J0IHsgR2V0U3RhcnRlZENUQUNvbXBvbmVudCB9IGZyb20gJy4vZ2V0LXN0YXJ0ZWQtY3RhL2dldC1zdGFydGVkLWN0YS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWNoaWV2ZW1lbnRzQ29tcG9uZW50IH0gZnJvbSAnLi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQcmljaW5nUGxhbnNDb21wb25lbnQgfSBmcm9tICcuL3ByaWNpbmctcGxhbnMvcHJpY2luZy1wbGFucy5jb21wb25lbnQnXG5pbXBvcnQgeyBJbWFnZUdhbGxlcnlNb2RhbCB9IGZyb20gJy4vaW1hZ2UtZ2FsbGVyeS1tb2RhbC9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHYWxsZXJpYU1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvZ2FsbGVyaWEnO1xuaW1wb3J0IHsgU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IENhcm91c2VsTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9jYXJvdXNlbCc7XG5pbXBvcnQgeyBUZWFtQ29tcG9uZW50IH0gZnJvbSAnLi90ZWFtL3RlYW0uY29tcG9uZW50JztcbmltcG9ydCB7IFZhbHVlc0NvbXBvbmVudCB9IGZyb20gJy4vdmFsdWVzL3ZhbHVlcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgT3VyQ2xpZW50c0NvbXBvbmVudCB9IGZyb20gJy4vb3VyLWNsaWVudHMvb3VyLWNsaWVudHMuY29tcG9uZW50JztcbmltcG9ydCB7IE91ckNsaWVudExpc3RpbmdDb21wb25lbnQgfSBmcm9tICcuL291ci1jbGllbnQtbGlzdGluZy9vdXItY2xpZW50LWxpc3RpbmcuY29tcG9uZW50JztcbmltcG9ydCB7IFBhZ2VTZWN0aW9uV2l0aE11bHRpcGxlQ2FyZHNDb21wb25lbnQgfSBmcm9tICcuL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudCc7XG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBY2hpZXZlbWVudHNDb21wb25lbnQsXG4gICAgQ2FsbFRvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCxcbiAgICBHZXRTdGFydGVkQ1RBQ29tcG9uZW50LFxuICAgIEltYWdlR2FsbGVyeU1vZGFsLFxuICAgIFBhZ2VTZWN0aW9uU3R5bGVUZW5Db21wb25lbnQsXG4gICAgUGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuQ29tcG9uZW50LFxuICAgIFByaWNpbmdQbGFuc0NvbXBvbmVudCxcbiAgICBTZWN0aW9uVGl0bGVDb21wb25lbnQsXG4gICAgU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQsXG4gICAgVGVhbUNvbXBvbmVudCxcbiAgICBWYWx1ZXNDb21wb25lbnQsXG4gICAgT3VyQ2xpZW50c0NvbXBvbmVudCxcbiAgICBPdXJDbGllbnRMaXN0aW5nQ29tcG9uZW50LFxuICAgIFBhZ2VTZWN0aW9uV2l0aE11bHRpcGxlQ2FyZHNDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcbiAgICBGb250QXdlc29tZVNoYXJlZE1vZHVsZSxcbiAgICBHYWxsZXJpYU1vZHVsZSxcbiAgICBDYXJvdXNlbE1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQXBwTWF0ZXJpYWxNb2R1bGUsXG4gICAgU2VjdGlvblRpdGxlQ29tcG9uZW50LFxuICAgIFBhZ2VTZWN0aW9uU3R5bGVUZW5Db21wb25lbnQsXG4gICAgRm9udEF3ZXNvbWVTaGFyZWRNb2R1bGUsXG4gICAgR2V0U3RhcnRlZENUQUNvbXBvbmVudCxcbiAgICBBY2hpZXZlbWVudHNDb21wb25lbnQsXG4gICAgUHJpY2luZ1BsYW5zQ29tcG9uZW50LFxuICAgIFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbkNvbXBvbmVudCxcbiAgICBJbWFnZUdhbGxlcnlNb2RhbCxcbiAgICBTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCxcbiAgICBDYWxsVG9BY3Rpb25TZWN0aW9uQ29tcG9uZW50LFxuICAgIFRlYW1Db21wb25lbnQsXG4gICAgVmFsdWVzQ29tcG9uZW50LFxuICAgIE91ckNsaWVudHNDb21wb25lbnQsXG4gICAgT3VyQ2xpZW50TGlzdGluZ0NvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvbldpdGhNdWx0aXBsZUNhcmRzQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgSm9vbGVyV2Vic2l0ZXNTaGFyZWRNb2R1bGUgeyB9XG4iXX0=
|
package/esm2020/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
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/common";
|
|
5
|
+
import * as i3 from "@fortawesome/angular-fontawesome";
|
|
6
|
+
export class PageSectionWithMultipleCardsComponent {
|
|
7
|
+
constructor(_Router) {
|
|
8
|
+
this._Router = _Router;
|
|
9
|
+
}
|
|
10
|
+
ngOnInit() { }
|
|
11
|
+
onClickAllReasons(route) {
|
|
12
|
+
this._Router.navigate([route]);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
PageSectionWithMultipleCardsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionWithMultipleCardsComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
PageSectionWithMultipleCardsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionWithMultipleCardsComponent, selector: "page-section-with-multiple-cards", inputs: { pageContent: "pageContent" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"text-part\">\n <h2 class=\"tip-title\">\n {{pageContent.headlineSection.title}}\n </h2>\n <h3 class=\"subtitle\">\n {{pageContent.headlineSection.subtitle}}\n </h3>\n <p class=\"description\">\n {{pageContent.headlineSection.description}}\n </p>\n </div>\n <div class=\"reason-card\" *ngFor=\"let reason of pageContent.reasons\">\n <div class=\"card-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 97 97\" [style.fill]=\"reason.shapeColor\">\n <path\n d=\"M5.0312 58.8331C-9.18797 29.0705 16.1615 9.11602 41.3271 3.99601C66.4928 -1.12401 102.401 -5.60082 96.1642 40.2919C89.9278 86.1847 85.034 90.009 59.8684 95.129C34.7027 100.249 19.2504 88.5958 5.0312 58.8331Z\" />\n </svg>\n <fa-icon [style.color]=\"reason.iconColor\" [icon]=\"reason.iconName\"></fa-icon>\n </div>\n <div class=\"card-title\">\n {{reason.title}}\n </div>\n <div class=\"card-description\">\n {{reason.description}}\n </div>\n </div>\n <button class=\"all-reason-card\" (click)=\"onClickAllReasons(pageContent.allReasonsBox.route)\">\n <div class=\"card-title\">\n {{pageContent.allReasonsBox.ctaText}}\n </div>\n <div class=\"icon-circle\">\n <fa-icon [icon]=\"pageContent.allReasonsBox.iconName\"></fa-icon>\n </div>\n </button>\n\n</div>", styles: [".page{gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:2rem auto}@media only screen and (min-width: 1500px){.page{max-width:150rem}}.page .text-part{width:49%;row-gap:.5rem;display:grid;grid-template-rows:2rem 13rem auto;min-width:52rem}@media only screen and (max-width: 600px){.page .text-part{min-width:0;width:100%;grid-template-rows:2rem auto auto}.page .text-part .subtitle{font-size:3rem;font-weight:700}}.page .text-part .tip-title{color:#043265;font-size:1.6rem;font-weight:700}.page .text-part .subtitle{font-size:4rem;font-weight:800;color:#3d3d3d}.page .text-part .description{font-size:2rem;font-weight:500;color:#7e7e7e}.page .reason-card,.page .all-reason-card{row-gap:1rem;display:grid;border-radius:1.5rem;border:.1rem solid #D8D8D8;background:#FFF;box-shadow:.1rem .1rem .4rem #00000040;padding:2rem 1rem}.page .reason-card{width:19rem;grid-template-rows:auto auto auto;text-align:center;flex-grow:1}.page .reason-card:nth-child(odd) svg{transform:rotate(90deg)}.page .reason-card .card-icon{place-self:center;position:relative}.page .reason-card .card-icon svg{width:9.5rem;height:9.5rem}.page .reason-card .card-icon fa-icon{position:absolute;font-size:3.8rem;top:calc(50% - 1.9rem);left:calc(50% - 1.9rem)}.page .reason-card .card-description{font-size:1.4rem;font-weight:500;color:#484848}.page .card-title{font-size:2.2rem;font-weight:800;color:#424345}.page .all-reason-card{place-content:center;flex-grow:1;cursor:pointer;transition:all .2s}@media (hover: hover){.page .all-reason-card:hover{background-color:#043265}.page .all-reason-card:hover .card-title{color:#fff}.page .all-reason-card:hover .icon-circle{color:#043265;background-color:#fff}.page .all-reason-card:active{background-color:#fff}.page .all-reason-card:active .card-title{color:#424345}.page .all-reason-card:active .icon-circle{color:#fff;background-color:#043265}}.page .all-reason-card .icon-circle{border-radius:50%;font-size:1.8rem;width:4rem;height:4rem;display:grid;place-content:center;background-color:#043265;color:#fff;justify-self:center}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }] });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionWithMultipleCardsComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'page-section-with-multiple-cards', template: "<div class=\"page\">\n <div class=\"text-part\">\n <h2 class=\"tip-title\">\n {{pageContent.headlineSection.title}}\n </h2>\n <h3 class=\"subtitle\">\n {{pageContent.headlineSection.subtitle}}\n </h3>\n <p class=\"description\">\n {{pageContent.headlineSection.description}}\n </p>\n </div>\n <div class=\"reason-card\" *ngFor=\"let reason of pageContent.reasons\">\n <div class=\"card-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 97 97\" [style.fill]=\"reason.shapeColor\">\n <path\n d=\"M5.0312 58.8331C-9.18797 29.0705 16.1615 9.11602 41.3271 3.99601C66.4928 -1.12401 102.401 -5.60082 96.1642 40.2919C89.9278 86.1847 85.034 90.009 59.8684 95.129C34.7027 100.249 19.2504 88.5958 5.0312 58.8331Z\" />\n </svg>\n <fa-icon [style.color]=\"reason.iconColor\" [icon]=\"reason.iconName\"></fa-icon>\n </div>\n <div class=\"card-title\">\n {{reason.title}}\n </div>\n <div class=\"card-description\">\n {{reason.description}}\n </div>\n </div>\n <button class=\"all-reason-card\" (click)=\"onClickAllReasons(pageContent.allReasonsBox.route)\">\n <div class=\"card-title\">\n {{pageContent.allReasonsBox.ctaText}}\n </div>\n <div class=\"icon-circle\">\n <fa-icon [icon]=\"pageContent.allReasonsBox.iconName\"></fa-icon>\n </div>\n </button>\n\n</div>", styles: [".page{gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:2rem auto}@media only screen and (min-width: 1500px){.page{max-width:150rem}}.page .text-part{width:49%;row-gap:.5rem;display:grid;grid-template-rows:2rem 13rem auto;min-width:52rem}@media only screen and (max-width: 600px){.page .text-part{min-width:0;width:100%;grid-template-rows:2rem auto auto}.page .text-part .subtitle{font-size:3rem;font-weight:700}}.page .text-part .tip-title{color:#043265;font-size:1.6rem;font-weight:700}.page .text-part .subtitle{font-size:4rem;font-weight:800;color:#3d3d3d}.page .text-part .description{font-size:2rem;font-weight:500;color:#7e7e7e}.page .reason-card,.page .all-reason-card{row-gap:1rem;display:grid;border-radius:1.5rem;border:.1rem solid #D8D8D8;background:#FFF;box-shadow:.1rem .1rem .4rem #00000040;padding:2rem 1rem}.page .reason-card{width:19rem;grid-template-rows:auto auto auto;text-align:center;flex-grow:1}.page .reason-card:nth-child(odd) svg{transform:rotate(90deg)}.page .reason-card .card-icon{place-self:center;position:relative}.page .reason-card .card-icon svg{width:9.5rem;height:9.5rem}.page .reason-card .card-icon fa-icon{position:absolute;font-size:3.8rem;top:calc(50% - 1.9rem);left:calc(50% - 1.9rem)}.page .reason-card .card-description{font-size:1.4rem;font-weight:500;color:#484848}.page .card-title{font-size:2.2rem;font-weight:800;color:#424345}.page .all-reason-card{place-content:center;flex-grow:1;cursor:pointer;transition:all .2s}@media (hover: hover){.page .all-reason-card:hover{background-color:#043265}.page .all-reason-card:hover .card-title{color:#fff}.page .all-reason-card:hover .icon-circle{color:#043265;background-color:#fff}.page .all-reason-card:active{background-color:#fff}.page .all-reason-card:active .card-title{color:#424345}.page .all-reason-card:active .icon-circle{color:#fff;background-color:#043265}}.page .all-reason-card .icon-circle{border-radius:50%;font-size:1.8rem;width:4rem;height:4rem;display:grid;place-content:center;background-color:#043265;color:#fff;justify-self:center}\n"] }]
|
|
20
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { pageContent: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}] } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRekQsTUFBTSxPQUFPLHFDQUFxQztJQUdoRCxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFDeEMsUUFBUSxLQUFXLENBQUM7SUFFcEIsaUJBQWlCLENBQUMsS0FBYTtRQUM3QixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7a0lBUlUscUNBQXFDO3NIQUFyQyxxQ0FBcUMsZ0hDUmxELHNnREFvQ007MkZENUJPLHFDQUFxQztrQkFMakQsU0FBUzsrQkFDRSxrQ0FBa0M7NkZBS25DLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdlU2VjdGlvbldpdGhNdWx0aXBsZUNhcmRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGFnZUNvbnRlbnQ6IGFueTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9Sb3V0ZXI6IFJvdXRlcikgeyB9XG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XG5cbiAgb25DbGlja0FsbFJlYXNvbnMocm91dGU6IHN0cmluZykge1xuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbcm91dGVdKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1wYXJ0XCI+XG4gICAgICAgIDxoMiBjbGFzcz1cInRpcC10aXRsZVwiPlxuICAgICAgICAgICAge3twYWdlQ29udGVudC5oZWFkbGluZVNlY3Rpb24udGl0bGV9fVxuICAgICAgICA8L2gyPlxuICAgICAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZVwiPlxuICAgICAgICAgICAge3twYWdlQ29udGVudC5oZWFkbGluZVNlY3Rpb24uc3VidGl0bGV9fVxuICAgICAgICA8L2gzPlxuICAgICAgICA8cCBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICB7e3BhZ2VDb250ZW50LmhlYWRsaW5lU2VjdGlvbi5kZXNjcmlwdGlvbn19XG4gICAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicmVhc29uLWNhcmRcIiAqbmdGb3I9XCJsZXQgcmVhc29uIG9mIHBhZ2VDb250ZW50LnJlYXNvbnNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaWNvblwiPlxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA5NyA5N1wiIFtzdHlsZS5maWxsXT1cInJlYXNvbi5zaGFwZUNvbG9yXCI+XG4gICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgZD1cIk01LjAzMTIgNTguODMzMUMtOS4xODc5NyAyOS4wNzA1IDE2LjE2MTUgOS4xMTYwMiA0MS4zMjcxIDMuOTk2MDFDNjYuNDkyOCAtMS4xMjQwMSAxMDIuNDAxIC01LjYwMDgyIDk2LjE2NDIgNDAuMjkxOUM4OS45Mjc4IDg2LjE4NDcgODUuMDM0IDkwLjAwOSA1OS44Njg0IDk1LjEyOUMzNC43MDI3IDEwMC4yNDkgMTkuMjUwNCA4OC41OTU4IDUuMDMxMiA1OC44MzMxWlwiIC8+XG4gICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgIDxmYS1pY29uIFtzdHlsZS5jb2xvcl09XCJyZWFzb24uaWNvbkNvbG9yXCIgW2ljb25dPVwicmVhc29uLmljb25OYW1lXCI+PC9mYS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGVcIj5cbiAgICAgICAgICAgIHt7cmVhc29uLnRpdGxlfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICB7e3JlYXNvbi5kZXNjcmlwdGlvbn19XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxidXR0b24gY2xhc3M9XCJhbGwtcmVhc29uLWNhcmRcIiAoY2xpY2spPVwib25DbGlja0FsbFJlYXNvbnMocGFnZUNvbnRlbnQuYWxsUmVhc29uc0JveC5yb3V0ZSlcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGVcIj5cbiAgICAgICAgICAgIHt7cGFnZUNvbnRlbnQuYWxsUmVhc29uc0JveC5jdGFUZXh0fX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNpcmNsZVwiPlxuICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwicGFnZUNvbnRlbnQuYWxsUmVhc29uc0JveC5pY29uTmFtZVwiPjwvZmEtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9idXR0b24+XG5cbjwvZGl2PiJdfQ==
|
|
@@ -42,10 +42,10 @@ export class TeamComponent {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
TeamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.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.1.0", type: TeamComponent, selector: "team", inputs: { teamSection: "teamSection" }, ngImport: i0, template: "<div class=\"page\">\n <section-title [title]=\"teamSection.title\" [subtitle]=\"teamSection.subtitle\"></section-title>\n <div class=\"cards\" *ngIf=\"!isTabletSize\">\n <div class=\"member-card\" *ngFor=\"let teamMember of teamSection.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]=\"teamSection.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 {{teamSection.caption}}\n </div>\n</div>", styles: [".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
|
|
45
|
+
TeamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: TeamComponent, selector: "team", inputs: { teamSection: "teamSection" }, ngImport: i0, template: "<div class=\"page\">\n <section-title [title]=\"teamSection.title\" [subtitle]=\"teamSection.subtitle\"></section-title>\n <div class=\"cards\" *ngIf=\"!isTabletSize\">\n <div class=\"member-card\" *ngFor=\"let teamMember of teamSection.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]=\"teamSection.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 {{teamSection.caption}}\n </div>\n</div>", styles: [".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:#054386}.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%}.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:20rem;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: ["title", "subtitle", "alignLeft", "isDarkBg"] }] });
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TeamComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
|
-
args: [{ selector: 'team', template: "<div class=\"page\">\n <section-title [title]=\"teamSection.title\" [subtitle]=\"teamSection.subtitle\"></section-title>\n <div class=\"cards\" *ngIf=\"!isTabletSize\">\n <div class=\"member-card\" *ngFor=\"let teamMember of teamSection.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]=\"teamSection.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 {{teamSection.caption}}\n </div>\n</div>", styles: [".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
|
|
48
|
+
args: [{ selector: 'team', template: "<div class=\"page\">\n <section-title [title]=\"teamSection.title\" [subtitle]=\"teamSection.subtitle\"></section-title>\n <div class=\"cards\" *ngIf=\"!isTabletSize\">\n <div class=\"member-card\" *ngFor=\"let teamMember of teamSection.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]=\"teamSection.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 {{teamSection.caption}}\n </div>\n</div>", styles: [".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:#054386}.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%}.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:20rem;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
49
|
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.BreakpointObserver }]; }, propDecorators: { teamSection: [{
|
|
50
50
|
type: Input
|
|
51
51
|
}] } });
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -37,4 +37,5 @@ export * from './lib/models/user-type.model';
|
|
|
37
37
|
export * from './lib/models/user.model';
|
|
38
38
|
export * from './lib/our-client-listing/our-client-listing.component';
|
|
39
39
|
export * from './lib/our-clients/our-clients.component';
|
|
40
|
-
|
|
40
|
+
export * from './lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component';
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQTtBQUM5QyxjQUFjLGlDQUFpQyxDQUFBO0FBQy9DLGNBQWMsNkNBQTZDLENBQUE7QUFDM0QsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLG1GQUFtRixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBqb29sZXItd2Vic2l0ZXMtc2hhcmVkXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXNlY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc2VjdGlvbi1hY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ2V0LXN0YXJ0ZWQtY3RhL2dldC1zdGFydGVkLWN0YS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWNoaWV2ZW1lbnRzL2FjaGlldmVtZW50cy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FjaGlldmVtZW50cy5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNoaWV2ZW1lbnQubW9kZWwnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VydmljZS1wbGFuLm1vZGVsJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW1hZ2UtZ2FsbGVyeS1tb2RhbC9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZ2FsbGVyeS1pdGVtcy1wcm9wZXJ0aWVzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NhbGwtdG8tYWN0aW9uLWRhdGEubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi1hY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ltYWdlLXNlY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc2VjdGlvbi1hY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3RlYW0tbWVtYmVyLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RlYW0vdGVhbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3RlYW0tc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zdHlsZS1zZWN0aW9uLWZpdmUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2Fib3V0LXVzLXNlY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsdWVzL3ZhbHVlcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FjY291bnQtdHlwZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNjb3VudC5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWRkcmVzcy5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2l0eS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY291bnRyeS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdXNlci10eXBlLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy91c2VyLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL291ci1jbGllbnQtbGlzdGluZy9vdXItY2xpZW50LWxpc3RpbmcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL291ci1jbGllbnRzL291ci1jbGllbnRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy5jb21wb25lbnQnIl19
|
|
@@ -360,10 +360,10 @@ class TeamComponent {
|
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
362
|
TeamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TeamComponent, deps: [{ token: i1$1.Router }, { token: i1$3.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
363
|
-
TeamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: TeamComponent, selector: "team", inputs: { teamSection: "teamSection" }, ngImport: i0, template: "<div class=\"page\">\n <section-title [title]=\"teamSection.title\" [subtitle]=\"teamSection.subtitle\"></section-title>\n <div class=\"cards\" *ngIf=\"!isTabletSize\">\n <div class=\"member-card\" *ngFor=\"let teamMember of teamSection.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]=\"teamSection.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 {{teamSection.caption}}\n </div>\n</div>", styles: [".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
|
|
363
|
+
TeamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: TeamComponent, selector: "team", inputs: { teamSection: "teamSection" }, ngImport: i0, template: "<div class=\"page\">\n <section-title [title]=\"teamSection.title\" [subtitle]=\"teamSection.subtitle\"></section-title>\n <div class=\"cards\" *ngIf=\"!isTabletSize\">\n <div class=\"member-card\" *ngFor=\"let teamMember of teamSection.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]=\"teamSection.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 {{teamSection.caption}}\n </div>\n</div>", styles: [".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:#054386}.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%}.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:20rem;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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.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: SectionTitleComponent, selector: "section-title", inputs: ["title", "subtitle", "alignLeft", "isDarkBg"] }] });
|
|
364
364
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TeamComponent, decorators: [{
|
|
365
365
|
type: Component,
|
|
366
|
-
args: [{ selector: 'team', template: "<div class=\"page\">\n <section-title [title]=\"teamSection.title\" [subtitle]=\"teamSection.subtitle\"></section-title>\n <div class=\"cards\" *ngIf=\"!isTabletSize\">\n <div class=\"member-card\" *ngFor=\"let teamMember of teamSection.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]=\"teamSection.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 {{teamSection.caption}}\n </div>\n</div>", styles: [".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
|
|
366
|
+
args: [{ selector: 'team', template: "<div class=\"page\">\n <section-title [title]=\"teamSection.title\" [subtitle]=\"teamSection.subtitle\"></section-title>\n <div class=\"cards\" *ngIf=\"!isTabletSize\">\n <div class=\"member-card\" *ngFor=\"let teamMember of teamSection.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]=\"teamSection.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 {{teamSection.caption}}\n </div>\n</div>", styles: [".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:#054386}.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%}.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:20rem;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"] }]
|
|
367
367
|
}], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i1$3.BreakpointObserver }]; }, propDecorators: { teamSection: [{
|
|
368
368
|
type: Input
|
|
369
369
|
}] } });
|
|
@@ -463,6 +463,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
463
463
|
type: Input
|
|
464
464
|
}] } });
|
|
465
465
|
|
|
466
|
+
class PageSectionWithMultipleCardsComponent {
|
|
467
|
+
constructor(_Router) {
|
|
468
|
+
this._Router = _Router;
|
|
469
|
+
}
|
|
470
|
+
ngOnInit() { }
|
|
471
|
+
onClickAllReasons(route) {
|
|
472
|
+
this._Router.navigate([route]);
|
|
473
|
+
}
|
|
474
|
+
}
|
|
475
|
+
PageSectionWithMultipleCardsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionWithMultipleCardsComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
476
|
+
PageSectionWithMultipleCardsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionWithMultipleCardsComponent, selector: "page-section-with-multiple-cards", inputs: { pageContent: "pageContent" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"text-part\">\n <h2 class=\"tip-title\">\n {{pageContent.headlineSection.title}}\n </h2>\n <h3 class=\"subtitle\">\n {{pageContent.headlineSection.subtitle}}\n </h3>\n <p class=\"description\">\n {{pageContent.headlineSection.description}}\n </p>\n </div>\n <div class=\"reason-card\" *ngFor=\"let reason of pageContent.reasons\">\n <div class=\"card-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 97 97\" [style.fill]=\"reason.shapeColor\">\n <path\n d=\"M5.0312 58.8331C-9.18797 29.0705 16.1615 9.11602 41.3271 3.99601C66.4928 -1.12401 102.401 -5.60082 96.1642 40.2919C89.9278 86.1847 85.034 90.009 59.8684 95.129C34.7027 100.249 19.2504 88.5958 5.0312 58.8331Z\" />\n </svg>\n <fa-icon [style.color]=\"reason.iconColor\" [icon]=\"reason.iconName\"></fa-icon>\n </div>\n <div class=\"card-title\">\n {{reason.title}}\n </div>\n <div class=\"card-description\">\n {{reason.description}}\n </div>\n </div>\n <button class=\"all-reason-card\" (click)=\"onClickAllReasons(pageContent.allReasonsBox.route)\">\n <div class=\"card-title\">\n {{pageContent.allReasonsBox.ctaText}}\n </div>\n <div class=\"icon-circle\">\n <fa-icon [icon]=\"pageContent.allReasonsBox.iconName\"></fa-icon>\n </div>\n </button>\n\n</div>", styles: [".page{gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:2rem auto}@media only screen and (min-width: 1500px){.page{max-width:150rem}}.page .text-part{width:49%;row-gap:.5rem;display:grid;grid-template-rows:2rem 13rem auto;min-width:52rem}@media only screen and (max-width: 600px){.page .text-part{min-width:0;width:100%;grid-template-rows:2rem auto auto}.page .text-part .subtitle{font-size:3rem;font-weight:700}}.page .text-part .tip-title{color:#043265;font-size:1.6rem;font-weight:700}.page .text-part .subtitle{font-size:4rem;font-weight:800;color:#3d3d3d}.page .text-part .description{font-size:2rem;font-weight:500;color:#7e7e7e}.page .reason-card,.page .all-reason-card{row-gap:1rem;display:grid;border-radius:1.5rem;border:.1rem solid #D8D8D8;background:#FFF;box-shadow:.1rem .1rem .4rem #00000040;padding:2rem 1rem}.page .reason-card{width:19rem;grid-template-rows:auto auto auto;text-align:center;flex-grow:1}.page .reason-card:nth-child(odd) svg{transform:rotate(90deg)}.page .reason-card .card-icon{place-self:center;position:relative}.page .reason-card .card-icon svg{width:9.5rem;height:9.5rem}.page .reason-card .card-icon fa-icon{position:absolute;font-size:3.8rem;top:calc(50% - 1.9rem);left:calc(50% - 1.9rem)}.page .reason-card .card-description{font-size:1.4rem;font-weight:500;color:#484848}.page .card-title{font-size:2.2rem;font-weight:800;color:#424345}.page .all-reason-card{place-content:center;flex-grow:1;cursor:pointer;transition:all .2s}@media (hover: hover){.page .all-reason-card:hover{background-color:#043265}.page .all-reason-card:hover .card-title{color:#fff}.page .all-reason-card:hover .icon-circle{color:#043265;background-color:#fff}.page .all-reason-card:active{background-color:#fff}.page .all-reason-card:active .card-title{color:#424345}.page .all-reason-card:active .icon-circle{color:#fff;background-color:#043265}}.page .all-reason-card .icon-circle{border-radius:50%;font-size:1.8rem;width:4rem;height:4rem;display:grid;place-content:center;background-color:#043265;color:#fff;justify-self:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }] });
|
|
477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionWithMultipleCardsComponent, decorators: [{
|
|
478
|
+
type: Component,
|
|
479
|
+
args: [{ selector: 'page-section-with-multiple-cards', template: "<div class=\"page\">\n <div class=\"text-part\">\n <h2 class=\"tip-title\">\n {{pageContent.headlineSection.title}}\n </h2>\n <h3 class=\"subtitle\">\n {{pageContent.headlineSection.subtitle}}\n </h3>\n <p class=\"description\">\n {{pageContent.headlineSection.description}}\n </p>\n </div>\n <div class=\"reason-card\" *ngFor=\"let reason of pageContent.reasons\">\n <div class=\"card-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 97 97\" [style.fill]=\"reason.shapeColor\">\n <path\n d=\"M5.0312 58.8331C-9.18797 29.0705 16.1615 9.11602 41.3271 3.99601C66.4928 -1.12401 102.401 -5.60082 96.1642 40.2919C89.9278 86.1847 85.034 90.009 59.8684 95.129C34.7027 100.249 19.2504 88.5958 5.0312 58.8331Z\" />\n </svg>\n <fa-icon [style.color]=\"reason.iconColor\" [icon]=\"reason.iconName\"></fa-icon>\n </div>\n <div class=\"card-title\">\n {{reason.title}}\n </div>\n <div class=\"card-description\">\n {{reason.description}}\n </div>\n </div>\n <button class=\"all-reason-card\" (click)=\"onClickAllReasons(pageContent.allReasonsBox.route)\">\n <div class=\"card-title\">\n {{pageContent.allReasonsBox.ctaText}}\n </div>\n <div class=\"icon-circle\">\n <fa-icon [icon]=\"pageContent.allReasonsBox.iconName\"></fa-icon>\n </div>\n </button>\n\n</div>", styles: [".page{gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:2rem auto}@media only screen and (min-width: 1500px){.page{max-width:150rem}}.page .text-part{width:49%;row-gap:.5rem;display:grid;grid-template-rows:2rem 13rem auto;min-width:52rem}@media only screen and (max-width: 600px){.page .text-part{min-width:0;width:100%;grid-template-rows:2rem auto auto}.page .text-part .subtitle{font-size:3rem;font-weight:700}}.page .text-part .tip-title{color:#043265;font-size:1.6rem;font-weight:700}.page .text-part .subtitle{font-size:4rem;font-weight:800;color:#3d3d3d}.page .text-part .description{font-size:2rem;font-weight:500;color:#7e7e7e}.page .reason-card,.page .all-reason-card{row-gap:1rem;display:grid;border-radius:1.5rem;border:.1rem solid #D8D8D8;background:#FFF;box-shadow:.1rem .1rem .4rem #00000040;padding:2rem 1rem}.page .reason-card{width:19rem;grid-template-rows:auto auto auto;text-align:center;flex-grow:1}.page .reason-card:nth-child(odd) svg{transform:rotate(90deg)}.page .reason-card .card-icon{place-self:center;position:relative}.page .reason-card .card-icon svg{width:9.5rem;height:9.5rem}.page .reason-card .card-icon fa-icon{position:absolute;font-size:3.8rem;top:calc(50% - 1.9rem);left:calc(50% - 1.9rem)}.page .reason-card .card-description{font-size:1.4rem;font-weight:500;color:#484848}.page .card-title{font-size:2.2rem;font-weight:800;color:#424345}.page .all-reason-card{place-content:center;flex-grow:1;cursor:pointer;transition:all .2s}@media (hover: hover){.page .all-reason-card:hover{background-color:#043265}.page .all-reason-card:hover .card-title{color:#fff}.page .all-reason-card:hover .icon-circle{color:#043265;background-color:#fff}.page .all-reason-card:active{background-color:#fff}.page .all-reason-card:active .card-title{color:#424345}.page .all-reason-card:active .icon-circle{color:#fff;background-color:#043265}}.page .all-reason-card .icon-circle{border-radius:50%;font-size:1.8rem;width:4rem;height:4rem;display:grid;place-content:center;background-color:#043265;color:#fff;justify-self:center}\n"] }]
|
|
480
|
+
}], ctorParameters: function () { return [{ type: i1$1.Router }]; }, propDecorators: { pageContent: [{
|
|
481
|
+
type: Input
|
|
482
|
+
}] } });
|
|
483
|
+
|
|
466
484
|
class JoolerWebsitesSharedModule {
|
|
467
485
|
}
|
|
468
486
|
JoolerWebsitesSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -478,7 +496,8 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
478
496
|
TeamComponent,
|
|
479
497
|
ValuesComponent,
|
|
480
498
|
OurClientsComponent,
|
|
481
|
-
OurClientListingComponent
|
|
499
|
+
OurClientListingComponent,
|
|
500
|
+
PageSectionWithMultipleCardsComponent], imports: [CommonModule,
|
|
482
501
|
AppMaterialModule,
|
|
483
502
|
FontAwesomeSharedModule,
|
|
484
503
|
GalleriaModule,
|
|
@@ -496,7 +515,8 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
496
515
|
TeamComponent,
|
|
497
516
|
ValuesComponent,
|
|
498
517
|
OurClientsComponent,
|
|
499
|
-
OurClientListingComponent
|
|
518
|
+
OurClientListingComponent,
|
|
519
|
+
PageSectionWithMultipleCardsComponent] });
|
|
500
520
|
JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
|
|
501
521
|
AppMaterialModule,
|
|
502
522
|
FontAwesomeSharedModule,
|
|
@@ -519,7 +539,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
519
539
|
TeamComponent,
|
|
520
540
|
ValuesComponent,
|
|
521
541
|
OurClientsComponent,
|
|
522
|
-
OurClientListingComponent
|
|
542
|
+
OurClientListingComponent,
|
|
543
|
+
PageSectionWithMultipleCardsComponent
|
|
523
544
|
],
|
|
524
545
|
imports: [
|
|
525
546
|
CommonModule,
|
|
@@ -543,7 +564,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
543
564
|
TeamComponent,
|
|
544
565
|
ValuesComponent,
|
|
545
566
|
OurClientsComponent,
|
|
546
|
-
OurClientListingComponent
|
|
567
|
+
OurClientListingComponent,
|
|
568
|
+
PageSectionWithMultipleCardsComponent
|
|
547
569
|
]
|
|
548
570
|
}]
|
|
549
571
|
}] });
|
|
@@ -621,5 +643,5 @@ class User {
|
|
|
621
643
|
* Generated bundle index. Do not edit.
|
|
622
644
|
*/
|
|
623
645
|
|
|
624
|
-
export { Account, AccountType, Achievement, Achievements, AchievementsComponent, Address, CallToActionSectionComponent, CallToActionSectionData, City, Country, GetStartedCTAComponent, ImageGalleryModal, ImageSection, ImageSectionAction, JoolerWebsitesSharedModule, OurClientListingComponent, OurClientsComponent, PageSection, PageSectionAction, PageSectionStyleFive, PageSectionStyleTenComponent, PageSectionStyleThirteen, PageSectionStyleThirteenComponent, PricingPlansComponent, SectionTitleComponent, ServicePlan, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuesComponent };
|
|
646
|
+
export { Account, AccountType, Achievement, Achievements, AchievementsComponent, Address, CallToActionSectionComponent, CallToActionSectionData, City, Country, GetStartedCTAComponent, ImageGalleryModal, ImageSection, ImageSectionAction, JoolerWebsitesSharedModule, OurClientListingComponent, OurClientsComponent, PageSection, PageSectionAction, PageSectionStyleFive, PageSectionStyleTenComponent, PageSectionStyleThirteen, PageSectionStyleThirteenComponent, PageSectionWithMultipleCardsComponent, PricingPlansComponent, SectionTitleComponent, ServicePlan, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuesComponent };
|
|
625
647
|
//# sourceMappingURL=jooler-websites-shared.mjs.map
|