@jooler/jooler-websites-shared 0.0.58 → 0.0.60
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 +6 -6
- package/esm2020/lib/value-props-sections/value-props-sections.component.mjs +39 -0
- package/esm2020/lib/values/values.component.mjs +2 -2
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs +41 -7
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +41 -7
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/jooler-websites-shared.module.d.ts +12 -11
- package/lib/value-props-sections/value-props-sections.component.d.ts +11 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -19,7 +19,7 @@ import { OurClientsComponent } from './our-clients/our-clients.component';
|
|
|
19
19
|
import { OurClientListingComponent } from './our-client-listing/our-client-listing.component';
|
|
20
20
|
import { PageSectionWithMultipleCardsComponent } from './page-section-with-multiple-cards/page-section-with-multiple-cards.component';
|
|
21
21
|
import { CallToActionSectionTwoComponent } from './call-to-action-section-two/call-to-action-section-two.component';
|
|
22
|
-
|
|
22
|
+
import { ValuePropsSectionsComponent } from './value-props-sections/value-props-sections.component';
|
|
23
23
|
import { ContactUsPageComponent } from './contact-us-page/contact-us-page.component';
|
|
24
24
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
25
25
|
import { FormsModule } from '@angular/forms';
|
|
@@ -45,7 +45,7 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
45
45
|
OurClientListingComponent,
|
|
46
46
|
PageSectionWithMultipleCardsComponent,
|
|
47
47
|
CallToActionSectionTwoComponent,
|
|
48
|
-
|
|
48
|
+
ValuePropsSectionsComponent,
|
|
49
49
|
ContactUsPageComponent,
|
|
50
50
|
ChooseCountryWithFlagComponent,
|
|
51
51
|
PageSectionStyleThreeComponent], imports: [CommonModule,
|
|
@@ -72,7 +72,7 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
72
72
|
OurClientListingComponent,
|
|
73
73
|
PageSectionWithMultipleCardsComponent,
|
|
74
74
|
CallToActionSectionTwoComponent,
|
|
75
|
-
|
|
75
|
+
ValuePropsSectionsComponent,
|
|
76
76
|
ContactUsPageComponent,
|
|
77
77
|
ChooseCountryWithFlagComponent,
|
|
78
78
|
PageSectionStyleThreeComponent] });
|
|
@@ -104,7 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
104
104
|
OurClientListingComponent,
|
|
105
105
|
PageSectionWithMultipleCardsComponent,
|
|
106
106
|
CallToActionSectionTwoComponent,
|
|
107
|
-
|
|
107
|
+
ValuePropsSectionsComponent,
|
|
108
108
|
ContactUsPageComponent,
|
|
109
109
|
ChooseCountryWithFlagComponent,
|
|
110
110
|
PageSectionStyleThreeComponent
|
|
@@ -137,11 +137,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
137
137
|
OurClientListingComponent,
|
|
138
138
|
PageSectionWithMultipleCardsComponent,
|
|
139
139
|
CallToActionSectionTwoComponent,
|
|
140
|
-
|
|
140
|
+
ValuePropsSectionsComponent,
|
|
141
141
|
ContactUsPageComponent,
|
|
142
142
|
ChooseCountryWithFlagComponent,
|
|
143
143
|
PageSectionStyleThreeComponent
|
|
144
144
|
]
|
|
145
145
|
}]
|
|
146
146
|
}] });
|
|
147
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
147
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDeEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQzFHLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLHFFQUFxRSxDQUFDO0FBQ3hILE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSxxQ0FBcUMsRUFBRSxNQUFNLCtFQUErRSxDQUFDO0FBQ3RJLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLG1FQUFtRSxDQUFDO0FBQ3BILE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHVEQUF1RCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDL0csT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sK0RBQStELENBQUM7O0FBeUQvRyxNQUFNLE9BQU8sMEJBQTBCOzt1SEFBMUIsMEJBQTBCO3dIQUExQiwwQkFBMEIsaUJBdERuQyxxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLHNCQUFzQjtRQUN0QixpQkFBaUI7UUFDakIsNEJBQTRCO1FBQzVCLGlDQUFpQztRQUNqQyxxQkFBcUI7UUFDckIscUJBQXFCO1FBQ3JCLDZCQUE2QjtRQUM3QixhQUFhO1FBQ2IsZUFBZTtRQUNmLG1CQUFtQjtRQUNuQix5QkFBeUI7UUFDekIscUNBQXFDO1FBQ3JDLCtCQUErQjtRQUMvQiwyQkFBMkI7UUFDM0Isc0JBQXNCO1FBQ3RCLDhCQUE4QjtRQUM5Qiw4QkFBOEIsYUFHOUIsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQix1QkFBdUI7UUFDdkIsY0FBYztRQUNkLGNBQWM7UUFDZCxtQkFBbUI7UUFDbkIsV0FBVztRQUNYLGNBQWMsYUFHZCxpQkFBaUI7UUFDakIscUJBQXFCO1FBQ3JCLDRCQUE0QjtRQUM1Qix1QkFBdUI7UUFDdkIsc0JBQXNCO1FBQ3RCLHFCQUFxQjtRQUNyQixxQkFBcUI7UUFDckIsaUNBQWlDO1FBQ2pDLGlCQUFpQjtRQUNqQiw2QkFBNkI7UUFDN0IsNEJBQTRCO1FBQzVCLGFBQWE7UUFDYixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLHlCQUF5QjtRQUN6QixxQ0FBcUM7UUFDckMsK0JBQStCO1FBQy9CLDJCQUEyQjtRQUMzQixzQkFBc0I7UUFDdEIsOEJBQThCO1FBQzlCLDhCQUE4Qjt3SEFHckIsMEJBQTBCLFlBakNuQyxZQUFZO1FBQ1osaUJBQWlCO1FBQ2pCLHVCQUF1QjtRQUN2QixjQUFjO1FBQ2QsY0FBYztRQUNkLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsY0FBYyxFQUdkLGlCQUFpQjtRQUdqQix1QkFBdUI7MkZBb0JkLDBCQUEwQjtrQkF4RHRDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHFCQUFxQjt3QkFDckIsNEJBQTRCO3dCQUM1QixzQkFBc0I7d0JBQ3RCLGlCQUFpQjt3QkFDakIsNEJBQTRCO3dCQUM1QixpQ0FBaUM7d0JBQ2pDLHFCQUFxQjt3QkFDckIscUJBQXFCO3dCQUNyQiw2QkFBNkI7d0JBQzdCLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLHlCQUF5Qjt3QkFDekIscUNBQXFDO3dCQUNyQywrQkFBK0I7d0JBQy9CLDJCQUEyQjt3QkFDM0Isc0JBQXNCO3dCQUN0Qiw4QkFBOEI7d0JBQzlCLDhCQUE4QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQix1QkFBdUI7d0JBQ3ZCLGNBQWM7d0JBQ2QsY0FBYzt3QkFDZCxtQkFBbUI7d0JBQ25CLFdBQVc7d0JBQ1gsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixxQkFBcUI7d0JBQ3JCLDRCQUE0Qjt3QkFDNUIsdUJBQXVCO3dCQUN2QixzQkFBc0I7d0JBQ3RCLHFCQUFxQjt3QkFDckIscUJBQXFCO3dCQUNyQixpQ0FBaUM7d0JBQ2pDLGlCQUFpQjt3QkFDakIsNkJBQTZCO3dCQUM3Qiw0QkFBNEI7d0JBQzVCLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLHlCQUF5Qjt3QkFDekIscUNBQXFDO3dCQUNyQywrQkFBK0I7d0JBQy9CLDJCQUEyQjt3QkFDM0Isc0JBQXNCO3dCQUN0Qiw4QkFBOEI7d0JBQzlCLDhCQUE4QjtxQkFDL0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2VjdGlvblRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcbmltcG9ydCB7IFBhZ2VTZWN0aW9uU3R5bGVUZW5Db21wb25lbnQgfSBmcm9tICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFwcE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnQGpvb2xlci9hcHAtbWF0ZXJpYWwnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVTaGFyZWRNb2R1bGUgfSBmcm9tICdAam9vbGVyL2ZvbnQtYXdlc29tZS1zaGFyZWQnO1xuaW1wb3J0IHsgR2V0U3RhcnRlZENUQUNvbXBvbmVudCB9IGZyb20gJy4vZ2V0LXN0YXJ0ZWQtY3RhL2dldC1zdGFydGVkLWN0YS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWNoaWV2ZW1lbnRzQ29tcG9uZW50IH0gZnJvbSAnLi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQcmljaW5nUGxhbnNDb21wb25lbnQgfSBmcm9tICcuL3ByaWNpbmctcGxhbnMvcHJpY2luZy1wbGFucy5jb21wb25lbnQnXG5pbXBvcnQgeyBJbWFnZUdhbGxlcnlNb2RhbCB9IGZyb20gJy4vaW1hZ2UtZ2FsbGVyeS1tb2RhbC9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHYWxsZXJpYU1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvZ2FsbGVyaWEnO1xuaW1wb3J0IHsgU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IENhcm91c2VsTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9jYXJvdXNlbCc7XG5pbXBvcnQgeyBUZWFtQ29tcG9uZW50IH0gZnJvbSAnLi90ZWFtL3RlYW0uY29tcG9uZW50JztcbmltcG9ydCB7IFZhbHVlc0NvbXBvbmVudCB9IGZyb20gJy4vdmFsdWVzL3ZhbHVlcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgT3VyQ2xpZW50c0NvbXBvbmVudCB9IGZyb20gJy4vb3VyLWNsaWVudHMvb3VyLWNsaWVudHMuY29tcG9uZW50JztcbmltcG9ydCB7IE91ckNsaWVudExpc3RpbmdDb21wb25lbnQgfSBmcm9tICcuL291ci1jbGllbnQtbGlzdGluZy9vdXItY2xpZW50LWxpc3RpbmcuY29tcG9uZW50JztcbmltcG9ydCB7IFBhZ2VTZWN0aW9uV2l0aE11bHRpcGxlQ2FyZHNDb21wb25lbnQgfSBmcm9tICcuL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TZWN0aW9uVHdvQ29tcG9uZW50IH0gZnJvbSAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQnO1xuaW1wb3J0IHsgVmFsdWVQcm9wc1NlY3Rpb25zQ29tcG9uZW50IH0gZnJvbSAnLi92YWx1ZS1wcm9wcy1zZWN0aW9ucy92YWx1ZS1wcm9wcy1zZWN0aW9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29udGFjdFVzUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vY29udGFjdC11cy1wYWdlL2NvbnRhY3QtdXMtcGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmdTZWxlY3RNb2R1bGUgfSBmcm9tICdAbmctc2VsZWN0L25nLXNlbGVjdCc7XG5pbXBvcnQgeyBDaG9vc2VDb3VudHJ5V2l0aEZsYWdDb21wb25lbnQgfSBmcm9tICcuL2Nob29zZS1jb3VudHJ5LXdpdGgtZmxhZy9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcuY29tcG9uZW50JztcbmltcG9ydCB7IFBhZ2VTZWN0aW9uU3R5bGVUaHJlZUNvbXBvbmVudCB9IGZyb20gJy4vcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlL3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQnO1xuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQWNoaWV2ZW1lbnRzQ29tcG9uZW50LFxuICAgIENhbGxUb0FjdGlvblNlY3Rpb25Db21wb25lbnQsXG4gICAgR2V0U3RhcnRlZENUQUNvbXBvbmVudCxcbiAgICBJbWFnZUdhbGxlcnlNb2RhbCxcbiAgICBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50LFxuICAgIFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbkNvbXBvbmVudCxcbiAgICBQcmljaW5nUGxhbnNDb21wb25lbnQsXG4gICAgU2VjdGlvblRpdGxlQ29tcG9uZW50LFxuICAgIFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50LFxuICAgIFRlYW1Db21wb25lbnQsXG4gICAgVmFsdWVzQ29tcG9uZW50LFxuICAgIE91ckNsaWVudHNDb21wb25lbnQsXG4gICAgT3VyQ2xpZW50TGlzdGluZ0NvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvbldpdGhNdWx0aXBsZUNhcmRzQ29tcG9uZW50LFxuICAgIENhbGxUb0FjdGlvblNlY3Rpb25Ud29Db21wb25lbnQsXG4gICAgVmFsdWVQcm9wc1NlY3Rpb25zQ29tcG9uZW50LFxuICAgIENvbnRhY3RVc1BhZ2VDb21wb25lbnQsXG4gICAgQ2hvb3NlQ291bnRyeVdpdGhGbGFnQ29tcG9uZW50LFxuICAgIFBhZ2VTZWN0aW9uU3R5bGVUaHJlZUNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFwcE1hdGVyaWFsTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lU2hhcmVkTW9kdWxlLFxuICAgIEdhbGxlcmlhTW9kdWxlLFxuICAgIENhcm91c2VsTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTmdTZWxlY3RNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEFwcE1hdGVyaWFsTW9kdWxlLFxuICAgIFNlY3Rpb25UaXRsZUNvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50LFxuICAgIEZvbnRBd2Vzb21lU2hhcmVkTW9kdWxlLFxuICAgIEdldFN0YXJ0ZWRDVEFDb21wb25lbnQsXG4gICAgQWNoaWV2ZW1lbnRzQ29tcG9uZW50LFxuICAgIFByaWNpbmdQbGFuc0NvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW5Db21wb25lbnQsXG4gICAgSW1hZ2VHYWxsZXJ5TW9kYWwsXG4gICAgU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQsXG4gICAgQ2FsbFRvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCxcbiAgICBUZWFtQ29tcG9uZW50LFxuICAgIFZhbHVlc0NvbXBvbmVudCxcbiAgICBPdXJDbGllbnRzQ29tcG9uZW50LFxuICAgIE91ckNsaWVudExpc3RpbmdDb21wb25lbnQsXG4gICAgUGFnZVNlY3Rpb25XaXRoTXVsdGlwbGVDYXJkc0NvbXBvbmVudCxcbiAgICBDYWxsVG9BY3Rpb25TZWN0aW9uVHdvQ29tcG9uZW50LFxuICAgIFZhbHVlUHJvcHNTZWN0aW9uc0NvbXBvbmVudCxcbiAgICBDb250YWN0VXNQYWdlQ29tcG9uZW50LFxuICAgIENob29zZUNvdW50cnlXaXRoRmxhZ0NvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvblN0eWxlVGhyZWVDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBKb29sZXJXZWJzaXRlc1NoYXJlZE1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
5
|
+
import * as i3 from "../section-title/section-title.component";
|
|
6
|
+
export class ValuePropsSectionsComponent {
|
|
7
|
+
// isSelected: boolean[] = [];
|
|
8
|
+
constructor() {
|
|
9
|
+
this.selectedImage = [];
|
|
10
|
+
}
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
// console.log('huhuhuh', this.sectionContent[0].paragraphs[0].imagePath)
|
|
13
|
+
let i = 0;
|
|
14
|
+
for (let item of this.sectionContent) {
|
|
15
|
+
this.selectedImage[i] = item.paragraphs[0].imagePath;
|
|
16
|
+
i++;
|
|
17
|
+
for (let paragraph of item.paragraphs) {
|
|
18
|
+
paragraph.isClicked = false;
|
|
19
|
+
}
|
|
20
|
+
item.paragraphs[0].isClicked = true;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
onChangeImage(imagePath, sectionIndex, paragraphIndex) {
|
|
24
|
+
for (let paragraph of this.sectionContent[sectionIndex].paragraphs) {
|
|
25
|
+
paragraph.isClicked = false;
|
|
26
|
+
}
|
|
27
|
+
this.selectedImage[sectionIndex] = imagePath;
|
|
28
|
+
this.sectionContent[sectionIndex].paragraphs[paragraphIndex].isClicked = true;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
ValuePropsSectionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropsSectionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
ValuePropsSectionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuePropsSectionsComponent, selector: "value-props-sections", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"value-prop\" *ngFor=\"let valueprop of sectionContent; let i = index\">\n <div class=\"text-side\">\n <section-title [title]=\"valueprop.title\" [subtitle]=\"valueprop.subtitle\" [alignLeft]=\"true\" [isDarkBg]=\"true\">\n </section-title>\n <div class=\"value-prop-image\">\n <!-- <img [src]=\"valueprop.paragraphs[i].imagePath\" alt=\"\"> -->\n <img [src]=\"selectedImage[i]\" alt=\"\">\n </div>\n <p *ngFor=\"let paragraph of valueprop.paragraphs; let j = index\" class=\"paragraph\"\n (click)=\"onChangeImage(paragraph.imagePath , i ,j)\" [ngClass]=\"{'selected-paragraph':paragraph.isClicked}\">\n <span class=\"value-prop-icon\">\n <fa-icon [icon]=\"paragraph.iconName\"></fa-icon></span>\n <span>\n {{paragraph.text}}\n </span>\n <!-- <span class=\"cta-icon-container\"><fa-icon [icon]=\"paragraph.ctaIcon\" class=\"cta-icon\"></fa-icon></span> -->\n </p>\n </div>\n <div class=\"image-buttons-side\">\n <img onerror=\"'../../../assets/images/value-one.jpeg'\" [src]=\"selectedImage[i]\" alt=\"\">\n </div>\n</div>", styles: [".value-prop{display:flex;flex-direction:row;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{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:5rem auto auto;margin:1rem 0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1.5rem;column-gap:.5rem}.value-prop .text-side .paragraph:hover{background-color:#155ed4;color:#fff}.value-prop .text-side .paragraph:hover .value-prop-icon{color:#fff}.value-prop .text-side .paragraph:hover .value-prop-icon fa-icon{color:#fff}.value-prop .text-side .paragraph:hover .cta-icon{color:#fff;background-color:#155ed4}.value-prop .text-side .paragraph .cta-icon-container{display:grid;align-items:center}.value-prop .text-side .paragraph .cta-icon{align-self:center;justify-content:center;display:grid;font-size:3rem;transform:rotate(-45deg);color:#155ed4;background-color:#fff;border-radius:.7rem;padding:1rem;transition:all ease-in-out .2s}.value-prop .text-side .paragraph .value-prop-icon{display:grid;align-content:center;color:#155ed4}.value-prop .text-side .paragraph .value-prop-icon fa-icon{font-size:3rem}.value-prop .text-side .selected-paragraph{background-color:#155ed4;color:#fff}.value-prop .text-side .selected-paragraph .value-prop-icon{color:#fff}.value-prop .text-side .selected-paragraph .value-prop-icon fa-icon{color:#fff}.value-prop .text-side .selected-paragraph .cta-icon{transform:rotate(0)}.value-prop .text-side .selected-paragraph:hover .cta-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}.value-prop:nth-child(even){flex-direction:row-reverse}.value-prop:nth-child(even) .text-side .paragraph{padding:1rem;border-radius:.7rem;border:.1rem solid #E3E3E3}.value-prop:nth-child(even) .text-side .paragraph .value-prop-icon{text-align:center}@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}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i3.SectionTitleComponent, selector: "section-title", inputs: ["title", "subtitle", "alignLeft", "isDarkBg"] }] });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropsSectionsComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ selector: 'value-props-sections', template: "<div class=\"value-prop\" *ngFor=\"let valueprop of sectionContent; let i = index\">\n <div class=\"text-side\">\n <section-title [title]=\"valueprop.title\" [subtitle]=\"valueprop.subtitle\" [alignLeft]=\"true\" [isDarkBg]=\"true\">\n </section-title>\n <div class=\"value-prop-image\">\n <!-- <img [src]=\"valueprop.paragraphs[i].imagePath\" alt=\"\"> -->\n <img [src]=\"selectedImage[i]\" alt=\"\">\n </div>\n <p *ngFor=\"let paragraph of valueprop.paragraphs; let j = index\" class=\"paragraph\"\n (click)=\"onChangeImage(paragraph.imagePath , i ,j)\" [ngClass]=\"{'selected-paragraph':paragraph.isClicked}\">\n <span class=\"value-prop-icon\">\n <fa-icon [icon]=\"paragraph.iconName\"></fa-icon></span>\n <span>\n {{paragraph.text}}\n </span>\n <!-- <span class=\"cta-icon-container\"><fa-icon [icon]=\"paragraph.ctaIcon\" class=\"cta-icon\"></fa-icon></span> -->\n </p>\n </div>\n <div class=\"image-buttons-side\">\n <img onerror=\"'../../../assets/images/value-one.jpeg'\" [src]=\"selectedImage[i]\" alt=\"\">\n </div>\n</div>", styles: [".value-prop{display:flex;flex-direction:row;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{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:5rem auto auto;margin:1rem 0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1.5rem;column-gap:.5rem}.value-prop .text-side .paragraph:hover{background-color:#155ed4;color:#fff}.value-prop .text-side .paragraph:hover .value-prop-icon{color:#fff}.value-prop .text-side .paragraph:hover .value-prop-icon fa-icon{color:#fff}.value-prop .text-side .paragraph:hover .cta-icon{color:#fff;background-color:#155ed4}.value-prop .text-side .paragraph .cta-icon-container{display:grid;align-items:center}.value-prop .text-side .paragraph .cta-icon{align-self:center;justify-content:center;display:grid;font-size:3rem;transform:rotate(-45deg);color:#155ed4;background-color:#fff;border-radius:.7rem;padding:1rem;transition:all ease-in-out .2s}.value-prop .text-side .paragraph .value-prop-icon{display:grid;align-content:center;color:#155ed4}.value-prop .text-side .paragraph .value-prop-icon fa-icon{font-size:3rem}.value-prop .text-side .selected-paragraph{background-color:#155ed4;color:#fff}.value-prop .text-side .selected-paragraph .value-prop-icon{color:#fff}.value-prop .text-side .selected-paragraph .value-prop-icon fa-icon{color:#fff}.value-prop .text-side .selected-paragraph .cta-icon{transform:rotate(0)}.value-prop .text-side .selected-paragraph:hover .cta-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}.value-prop:nth-child(even){flex-direction:row-reverse}.value-prop:nth-child(even) .text-side .paragraph{padding:1rem;border-radius:.7rem;border:.1rem solid #E3E3E3}.value-prop:nth-child(even) .text-side .paragraph .value-prop-icon{text-align:center}@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}}\n"] }]
|
|
36
|
+
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}] } });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtcHJvcHMtc2VjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3ZhbHVlLXByb3BzLXNlY3Rpb25zL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wcy1zZWN0aW9ucy92YWx1ZS1wcm9wcy1zZWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPekQsTUFBTSxPQUFPLDJCQUEyQjtJQUd0Qyw4QkFBOEI7SUFHOUI7UUFKQSxrQkFBYSxHQUFVLEVBQUUsQ0FBQztJQUlWLENBQUM7SUFFakIsUUFBUTtRQUNOLHlFQUF5RTtRQUN6RSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDVixLQUFLLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUNyRCxDQUFDLEVBQUUsQ0FBQztZQUNKLEtBQUssSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDckMsU0FBUyxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7YUFDN0I7WUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7U0FDckM7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYztRQUNuRCxLQUFLLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLENBQUMsVUFBVSxFQUFFO1lBQ2xFLFNBQVMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1NBQzdCO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsR0FBRyxTQUFTLENBQUM7UUFDN0MsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxVQUFVLENBQUMsY0FBYyxDQUFDLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUNoRixDQUFDOzt3SEEzQlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMEdDUHhDLG9yQ0FxQk07MkZEZE8sMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjswRUFLdkIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWx1ZS1wcm9wcy1zZWN0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi92YWx1ZS1wcm9wcy1zZWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVmFsdWVQcm9wc1NlY3Rpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcbiAgc2VsZWN0ZWRJbWFnZTogYW55W10gPSBbXTtcbiAgLy8gaXNTZWxlY3RlZDogYm9vbGVhbltdID0gW107XG5cblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vIGNvbnNvbGUubG9nKCdodWh1aHVoJywgdGhpcy5zZWN0aW9uQ29udGVudFswXS5wYXJhZ3JhcGhzWzBdLmltYWdlUGF0aClcbiAgICBsZXQgaSA9IDA7XG4gICAgZm9yIChsZXQgaXRlbSBvZiB0aGlzLnNlY3Rpb25Db250ZW50KSB7XG4gICAgICB0aGlzLnNlbGVjdGVkSW1hZ2VbaV0gPSBpdGVtLnBhcmFncmFwaHNbMF0uaW1hZ2VQYXRoO1xuICAgICAgaSsrO1xuICAgICAgZm9yIChsZXQgcGFyYWdyYXBoIG9mIGl0ZW0ucGFyYWdyYXBocykge1xuICAgICAgICBwYXJhZ3JhcGguaXNDbGlja2VkID0gZmFsc2U7XG4gICAgICB9XG4gICAgICBpdGVtLnBhcmFncmFwaHNbMF0uaXNDbGlja2VkID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBvbkNoYW5nZUltYWdlKGltYWdlUGF0aCwgc2VjdGlvbkluZGV4LCBwYXJhZ3JhcGhJbmRleCkge1xuICAgIGZvciAobGV0IHBhcmFncmFwaCBvZiB0aGlzLnNlY3Rpb25Db250ZW50W3NlY3Rpb25JbmRleF0ucGFyYWdyYXBocykge1xuICAgICAgcGFyYWdyYXBoLmlzQ2xpY2tlZCA9IGZhbHNlO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdGVkSW1hZ2Vbc2VjdGlvbkluZGV4XSA9IGltYWdlUGF0aDtcbiAgICB0aGlzLnNlY3Rpb25Db250ZW50W3NlY3Rpb25JbmRleF0ucGFyYWdyYXBoc1twYXJhZ3JhcGhJbmRleF0uaXNDbGlja2VkID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZhbHVlLXByb3BcIiAqbmdGb3I9XCJsZXQgdmFsdWVwcm9wIG9mIHNlY3Rpb25Db250ZW50OyBsZXQgaSA9IGluZGV4XCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiPlxuICAgICAgICA8c2VjdGlvbi10aXRsZSBbdGl0bGVdPVwidmFsdWVwcm9wLnRpdGxlXCIgW3N1YnRpdGxlXT1cInZhbHVlcHJvcC5zdWJ0aXRsZVwiIFthbGlnbkxlZnRdPVwidHJ1ZVwiIFtpc0RhcmtCZ109XCJ0cnVlXCI+XG4gICAgICAgIDwvc2VjdGlvbi10aXRsZT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLXByb3AtaW1hZ2VcIj5cbiAgICAgICAgICAgIDwhLS0gPGltZyBbc3JjXT1cInZhbHVlcHJvcC5wYXJhZ3JhcGhzW2ldLmltYWdlUGF0aFwiIGFsdD1cIlwiPiAtLT5cbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJzZWxlY3RlZEltYWdlW2ldXCIgYWx0PVwiXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8cCAqbmdGb3I9XCJsZXQgcGFyYWdyYXBoIG9mIHZhbHVlcHJvcC5wYXJhZ3JhcGhzOyBsZXQgaiA9IGluZGV4XCIgY2xhc3M9XCJwYXJhZ3JhcGhcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2hhbmdlSW1hZ2UocGFyYWdyYXBoLmltYWdlUGF0aCAsIGkgLGopXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZC1wYXJhZ3JhcGgnOnBhcmFncmFwaC5pc0NsaWNrZWR9XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlLXByb3AtaWNvblwiPlxuICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cInBhcmFncmFwaC5pY29uTmFtZVwiPjwvZmEtaWNvbj48L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgICAgICB7e3BhcmFncmFwaC50ZXh0fX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwhLS0gPHNwYW4gY2xhc3M9XCJjdGEtaWNvbi1jb250YWluZXJcIj48ZmEtaWNvbiBbaWNvbl09XCJwYXJhZ3JhcGguY3RhSWNvblwiIGNsYXNzPVwiY3RhLWljb25cIj48L2ZhLWljb24+PC9zcGFuPiAtLT5cbiAgICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1idXR0b25zLXNpZGVcIj5cbiAgICAgICAgPGltZyBvbmVycm9yPVwiJy4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvdmFsdWUtb25lLmpwZWcnXCIgW3NyY109XCJzZWxlY3RlZEltYWdlW2ldXCIgYWx0PVwiXCI+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -26,10 +26,10 @@ export class ValuesComponent {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
ValuesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuesComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
ValuesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuesComponent, selector: "values", inputs: { values: "values", withBgImage: "withBgImage", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"page\">\n <section-title [title]=\"values.title\" [subtitle]=\"values.description\"></section-title>\n <img class=\"background-image\" src=\"https://i.ibb.co/k6QzY16/bg-img-about-us-bottom.png\" alt=\"\" *ngIf=\"withBgImage\">\n <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\n <div class=\"card\" *ngFor=\"let card of values.cards\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </div>\n <div class=\"value-cards\" *ngIf=\"isTabletSize\">\n <p-carousel class=\"custom\" [value]=\"values.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\"\n orientation=\"horizontal\" [circular]=\"true\">\n <ng-template let-card pTemplate=\"item\">\n <div class=\"card\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <img [src]=\"card.image\" alt=\"\">\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </ng-template>\n </p-carousel>\n </div>\n</div>", styles: [".page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:2rem 2%;z-index:2;width:90%;margin:auto}@media only screen and (min-width: 1500px){.page .values-cards{max-width:150rem}}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:
|
|
29
|
+
ValuesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuesComponent, selector: "values", inputs: { values: "values", withBgImage: "withBgImage", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"page\">\n <section-title [title]=\"values.title\" [subtitle]=\"values.description\"></section-title>\n <img class=\"background-image\" src=\"https://i.ibb.co/k6QzY16/bg-img-about-us-bottom.png\" alt=\"\" *ngIf=\"withBgImage\">\n <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\n <div class=\"card\" *ngFor=\"let card of values.cards\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </div>\n <div class=\"value-cards\" *ngIf=\"isTabletSize\">\n <p-carousel class=\"custom\" [value]=\"values.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\"\n orientation=\"horizontal\" [circular]=\"true\">\n <ng-template let-card pTemplate=\"item\">\n <div class=\"card\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <img [src]=\"card.image\" alt=\"\">\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </ng-template>\n </p-carousel>\n </div>\n</div>", styles: [".page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:2rem 2%;z-index:2;width:90%;margin:auto}@media only screen and (min-width: 1500px){.page .values-cards{max-width:150rem}}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:90%;margin:2rem auto;height:100%}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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: 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"] }] });
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuesComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
|
-
args: [{ selector: 'values', template: "<div class=\"page\">\n <section-title [title]=\"values.title\" [subtitle]=\"values.description\"></section-title>\n <img class=\"background-image\" src=\"https://i.ibb.co/k6QzY16/bg-img-about-us-bottom.png\" alt=\"\" *ngIf=\"withBgImage\">\n <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\n <div class=\"card\" *ngFor=\"let card of values.cards\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </div>\n <div class=\"value-cards\" *ngIf=\"isTabletSize\">\n <p-carousel class=\"custom\" [value]=\"values.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\"\n orientation=\"horizontal\" [circular]=\"true\">\n <ng-template let-card pTemplate=\"item\">\n <div class=\"card\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <img [src]=\"card.image\" alt=\"\">\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </ng-template>\n </p-carousel>\n </div>\n</div>", styles: [".page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:2rem 2%;z-index:2;width:90%;margin:auto}@media only screen and (min-width: 1500px){.page .values-cards{max-width:150rem}}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:
|
|
32
|
+
args: [{ selector: 'values', template: "<div class=\"page\">\n <section-title [title]=\"values.title\" [subtitle]=\"values.description\"></section-title>\n <img class=\"background-image\" src=\"https://i.ibb.co/k6QzY16/bg-img-about-us-bottom.png\" alt=\"\" *ngIf=\"withBgImage\">\n <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\n <div class=\"card\" *ngFor=\"let card of values.cards\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </div>\n <div class=\"value-cards\" *ngIf=\"isTabletSize\">\n <p-carousel class=\"custom\" [value]=\"values.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\"\n orientation=\"horizontal\" [circular]=\"true\">\n <ng-template let-card pTemplate=\"item\">\n <div class=\"card\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <img [src]=\"card.image\" alt=\"\">\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </ng-template>\n </p-carousel>\n </div>\n</div>", styles: [".page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:2rem 2%;z-index:2;width:90%;margin:auto}@media only screen and (min-width: 1500px){.page .values-cards{max-width:150rem}}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:90%;margin:2rem auto;height:100%}}\n"] }]
|
|
33
33
|
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { values: [{
|
|
34
34
|
type: Input
|
|
35
35
|
}], withBgImage: [{
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -41,8 +41,8 @@ export * from './lib/page-section-with-multiple-cards/page-section-with-multiple
|
|
|
41
41
|
export * from './lib/call-to-action-section-two/call-to-action-section-two.component';
|
|
42
42
|
export * from './lib/call-to-action-section-two/call-to-action-section-two.model';
|
|
43
43
|
export * from './lib/call-to-action-section-two/link-text.model';
|
|
44
|
-
|
|
44
|
+
export * from './lib/value-props-sections/value-props-sections.component';
|
|
45
45
|
export * from './lib/contact-us-page/contact-us-page.component';
|
|
46
46
|
export * from './lib/choose-country-with-flag/choose-country-with-flag.component';
|
|
47
47
|
export * from './lib/page-section-style-three/page-section-style-three.component';
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLG1GQUFtRixDQUFDO0FBQ2xHLGNBQWMsdUVBQXVFLENBQUM7QUFDdEYsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLG1FQUFtRSxDQUFDO0FBQ2xGLGNBQWMsbUVBQW1FLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGpvb2xlci13ZWJzaXRlcy1zaGFyZWRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9qb29sZXItd2Vic2l0ZXMtc2hhcmVkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNoaWV2ZW1lbnRzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2hpZXZlbWVudC5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VydmljZS1wbGFuLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByaWNpbmctcGxhbnMvcHJpY2luZy1wbGFucy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9nYWxsZXJ5LWl0ZW1zLXByb3BlcnRpZXMubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9pbWFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1tZW1iZXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGVhbS90ZWFtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXN0eWxlLXNlY3Rpb24tZml2ZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWJvdXQtdXMtc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNjb3VudC10eXBlLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2NvdW50Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hZGRyZXNzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jaXR5Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jb3VudHJ5Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy91c2VyLXR5cGUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3VzZXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudC1saXN0aW5nL291ci1jbGllbnQtbGlzdGluZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudHMvb3VyLWNsaWVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vbGluay10ZXh0Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbHVlLXByb3BzLXNlY3Rpb25zL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudCc7Il19
|
|
@@ -389,10 +389,10 @@ class ValuesComponent {
|
|
|
389
389
|
}
|
|
390
390
|
}
|
|
391
391
|
ValuesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuesComponent, deps: [{ token: i1$2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
392
|
-
ValuesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuesComponent, selector: "values", inputs: { values: "values", withBgImage: "withBgImage", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"page\">\n <section-title [title]=\"values.title\" [subtitle]=\"values.description\"></section-title>\n <img class=\"background-image\" src=\"https://i.ibb.co/k6QzY16/bg-img-about-us-bottom.png\" alt=\"\" *ngIf=\"withBgImage\">\n <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\n <div class=\"card\" *ngFor=\"let card of values.cards\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </div>\n <div class=\"value-cards\" *ngIf=\"isTabletSize\">\n <p-carousel class=\"custom\" [value]=\"values.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\"\n orientation=\"horizontal\" [circular]=\"true\">\n <ng-template let-card pTemplate=\"item\">\n <div class=\"card\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <img [src]=\"card.image\" alt=\"\">\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </ng-template>\n </p-carousel>\n </div>\n</div>", styles: [".page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:2rem 2%;z-index:2;width:90%;margin:auto}@media only screen and (min-width: 1500px){.page .values-cards{max-width:150rem}}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:
|
|
392
|
+
ValuesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuesComponent, selector: "values", inputs: { values: "values", withBgImage: "withBgImage", isDarkBg: "isDarkBg" }, ngImport: i0, template: "<div class=\"page\">\n <section-title [title]=\"values.title\" [subtitle]=\"values.description\"></section-title>\n <img class=\"background-image\" src=\"https://i.ibb.co/k6QzY16/bg-img-about-us-bottom.png\" alt=\"\" *ngIf=\"withBgImage\">\n <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\n <div class=\"card\" *ngFor=\"let card of values.cards\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </div>\n <div class=\"value-cards\" *ngIf=\"isTabletSize\">\n <p-carousel class=\"custom\" [value]=\"values.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\"\n orientation=\"horizontal\" [circular]=\"true\">\n <ng-template let-card pTemplate=\"item\">\n <div class=\"card\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <img [src]=\"card.image\" alt=\"\">\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </ng-template>\n </p-carousel>\n </div>\n</div>", styles: [".page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:2rem 2%;z-index:2;width:90%;margin:auto}@media only screen and (min-width: 1500px){.page .values-cards{max-width:150rem}}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:90%;margin:2rem auto;height:100%}}\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: "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: i4$1.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"] }] });
|
|
393
393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuesComponent, decorators: [{
|
|
394
394
|
type: Component,
|
|
395
|
-
args: [{ selector: 'values', template: "<div class=\"page\">\n <section-title [title]=\"values.title\" [subtitle]=\"values.description\"></section-title>\n <img class=\"background-image\" src=\"https://i.ibb.co/k6QzY16/bg-img-about-us-bottom.png\" alt=\"\" *ngIf=\"withBgImage\">\n <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\n <div class=\"card\" *ngFor=\"let card of values.cards\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </div>\n <div class=\"value-cards\" *ngIf=\"isTabletSize\">\n <p-carousel class=\"custom\" [value]=\"values.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\"\n orientation=\"horizontal\" [circular]=\"true\">\n <ng-template let-card pTemplate=\"item\">\n <div class=\"card\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <img [src]=\"card.image\" alt=\"\">\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </ng-template>\n </p-carousel>\n </div>\n</div>", styles: [".page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:2rem 2%;z-index:2;width:90%;margin:auto}@media only screen and (min-width: 1500px){.page .values-cards{max-width:150rem}}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:
|
|
395
|
+
args: [{ selector: 'values', template: "<div class=\"page\">\n <section-title [title]=\"values.title\" [subtitle]=\"values.description\"></section-title>\n <img class=\"background-image\" src=\"https://i.ibb.co/k6QzY16/bg-img-about-us-bottom.png\" alt=\"\" *ngIf=\"withBgImage\">\n <div class=\"values-cards\" *ngIf=\"!isTabletSize\">\n <div class=\"card\" *ngFor=\"let card of values.cards\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </div>\n <div class=\"value-cards\" *ngIf=\"isTabletSize\">\n <p-carousel class=\"custom\" [value]=\"values.cards\" [numVisible]='1' [numScroll]='1' [page]=\"0\"\n orientation=\"horizontal\" [circular]=\"true\">\n <ng-template let-card pTemplate=\"item\">\n <div class=\"card\">\n <div class=\"card-headline\">\n <div class=\"icon\">\n <img [src]=\"card.image\" alt=\"\">\n </div>\n <div class=\"subtitle\">\n {{card.title}}\n </div>\n </div>\n <div class=\"value-description\">\n {{card.subtitle}}\n </div>\n </div>\n </ng-template>\n </p-carousel>\n </div>\n</div>", styles: [".page{display:grid;grid-template-rows:auto auto auto auto;margin-top:5rem;align-items:center;position:relative;row-gap:2rem}.page .background-image{width:100%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.page .values-cards{grid-row:4;display:grid;grid-template-columns:49% 49%;grid-template-rows:auto auto;place-content:center;gap:2rem 2%;z-index:2;width:90%;margin:auto}@media only screen and (min-width: 1500px){.page .values-cards{max-width:150rem}}.page .card{background-color:#fff;color:#32353b;padding:1rem 2rem;border-radius:2rem;border:.1rem solid #D8D8D8;box-shadow:.2rem .2rem .4rem #00000040;display:flex;flex-direction:column;row-gap:1rem}.page .card .card-headline{display:flex;flex-direction:row;column-gap:2rem;align-items:center}.page .card .icon{color:#155ed4;font-size:3rem}.page .card .subtitle{font-weight:700;font-size:2.4rem}.page .card .value-description{font-weight:400;font-size:1.4rem}@media only screen and (max-width: 75em){.page{height:auto;display:block}.page .values-cards{margin-top:3rem;display:block;width:100%}.page .card{width:90%;margin:2rem auto;height:100%}}\n"] }]
|
|
396
396
|
}], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }]; }, propDecorators: { values: [{
|
|
397
397
|
type: Input
|
|
398
398
|
}], withBgImage: [{
|
|
@@ -502,6 +502,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
502
502
|
type: Input
|
|
503
503
|
}] } });
|
|
504
504
|
|
|
505
|
+
class ValuePropsSectionsComponent {
|
|
506
|
+
// isSelected: boolean[] = [];
|
|
507
|
+
constructor() {
|
|
508
|
+
this.selectedImage = [];
|
|
509
|
+
}
|
|
510
|
+
ngOnInit() {
|
|
511
|
+
// console.log('huhuhuh', this.sectionContent[0].paragraphs[0].imagePath)
|
|
512
|
+
let i = 0;
|
|
513
|
+
for (let item of this.sectionContent) {
|
|
514
|
+
this.selectedImage[i] = item.paragraphs[0].imagePath;
|
|
515
|
+
i++;
|
|
516
|
+
for (let paragraph of item.paragraphs) {
|
|
517
|
+
paragraph.isClicked = false;
|
|
518
|
+
}
|
|
519
|
+
item.paragraphs[0].isClicked = true;
|
|
520
|
+
}
|
|
521
|
+
}
|
|
522
|
+
onChangeImage(imagePath, sectionIndex, paragraphIndex) {
|
|
523
|
+
for (let paragraph of this.sectionContent[sectionIndex].paragraphs) {
|
|
524
|
+
paragraph.isClicked = false;
|
|
525
|
+
}
|
|
526
|
+
this.selectedImage[sectionIndex] = imagePath;
|
|
527
|
+
this.sectionContent[sectionIndex].paragraphs[paragraphIndex].isClicked = true;
|
|
528
|
+
}
|
|
529
|
+
}
|
|
530
|
+
ValuePropsSectionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropsSectionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
531
|
+
ValuePropsSectionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ValuePropsSectionsComponent, selector: "value-props-sections", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"value-prop\" *ngFor=\"let valueprop of sectionContent; let i = index\">\n <div class=\"text-side\">\n <section-title [title]=\"valueprop.title\" [subtitle]=\"valueprop.subtitle\" [alignLeft]=\"true\" [isDarkBg]=\"true\">\n </section-title>\n <div class=\"value-prop-image\">\n <!-- <img [src]=\"valueprop.paragraphs[i].imagePath\" alt=\"\"> -->\n <img [src]=\"selectedImage[i]\" alt=\"\">\n </div>\n <p *ngFor=\"let paragraph of valueprop.paragraphs; let j = index\" class=\"paragraph\"\n (click)=\"onChangeImage(paragraph.imagePath , i ,j)\" [ngClass]=\"{'selected-paragraph':paragraph.isClicked}\">\n <span class=\"value-prop-icon\">\n <fa-icon [icon]=\"paragraph.iconName\"></fa-icon></span>\n <span>\n {{paragraph.text}}\n </span>\n <!-- <span class=\"cta-icon-container\"><fa-icon [icon]=\"paragraph.ctaIcon\" class=\"cta-icon\"></fa-icon></span> -->\n </p>\n </div>\n <div class=\"image-buttons-side\">\n <img onerror=\"'../../../assets/images/value-one.jpeg'\" [src]=\"selectedImage[i]\" alt=\"\">\n </div>\n</div>", styles: [".value-prop{display:flex;flex-direction:row;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{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:5rem auto auto;margin:1rem 0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1.5rem;column-gap:.5rem}.value-prop .text-side .paragraph:hover{background-color:#155ed4;color:#fff}.value-prop .text-side .paragraph:hover .value-prop-icon{color:#fff}.value-prop .text-side .paragraph:hover .value-prop-icon fa-icon{color:#fff}.value-prop .text-side .paragraph:hover .cta-icon{color:#fff;background-color:#155ed4}.value-prop .text-side .paragraph .cta-icon-container{display:grid;align-items:center}.value-prop .text-side .paragraph .cta-icon{align-self:center;justify-content:center;display:grid;font-size:3rem;transform:rotate(-45deg);color:#155ed4;background-color:#fff;border-radius:.7rem;padding:1rem;transition:all ease-in-out .2s}.value-prop .text-side .paragraph .value-prop-icon{display:grid;align-content:center;color:#155ed4}.value-prop .text-side .paragraph .value-prop-icon fa-icon{font-size:3rem}.value-prop .text-side .selected-paragraph{background-color:#155ed4;color:#fff}.value-prop .text-side .selected-paragraph .value-prop-icon{color:#fff}.value-prop .text-side .selected-paragraph .value-prop-icon fa-icon{color:#fff}.value-prop .text-side .selected-paragraph .cta-icon{transform:rotate(0)}.value-prop .text-side .selected-paragraph:hover .cta-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}.value-prop:nth-child(even){flex-direction:row-reverse}.value-prop:nth-child(even) .text-side .paragraph{padding:1rem;border-radius:.7rem;border:.1rem solid #E3E3E3}.value-prop:nth-child(even) .text-side .paragraph .value-prop-icon{text-align:center}@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}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["title", "subtitle", "alignLeft", "isDarkBg"] }] });
|
|
532
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuePropsSectionsComponent, decorators: [{
|
|
533
|
+
type: Component,
|
|
534
|
+
args: [{ selector: 'value-props-sections', template: "<div class=\"value-prop\" *ngFor=\"let valueprop of sectionContent; let i = index\">\n <div class=\"text-side\">\n <section-title [title]=\"valueprop.title\" [subtitle]=\"valueprop.subtitle\" [alignLeft]=\"true\" [isDarkBg]=\"true\">\n </section-title>\n <div class=\"value-prop-image\">\n <!-- <img [src]=\"valueprop.paragraphs[i].imagePath\" alt=\"\"> -->\n <img [src]=\"selectedImage[i]\" alt=\"\">\n </div>\n <p *ngFor=\"let paragraph of valueprop.paragraphs; let j = index\" class=\"paragraph\"\n (click)=\"onChangeImage(paragraph.imagePath , i ,j)\" [ngClass]=\"{'selected-paragraph':paragraph.isClicked}\">\n <span class=\"value-prop-icon\">\n <fa-icon [icon]=\"paragraph.iconName\"></fa-icon></span>\n <span>\n {{paragraph.text}}\n </span>\n <!-- <span class=\"cta-icon-container\"><fa-icon [icon]=\"paragraph.ctaIcon\" class=\"cta-icon\"></fa-icon></span> -->\n </p>\n </div>\n <div class=\"image-buttons-side\">\n <img onerror=\"'../../../assets/images/value-one.jpeg'\" [src]=\"selectedImage[i]\" alt=\"\">\n </div>\n</div>", styles: [".value-prop{display:flex;flex-direction:row;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{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:5rem auto auto;margin:1rem 0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1.5rem;column-gap:.5rem}.value-prop .text-side .paragraph:hover{background-color:#155ed4;color:#fff}.value-prop .text-side .paragraph:hover .value-prop-icon{color:#fff}.value-prop .text-side .paragraph:hover .value-prop-icon fa-icon{color:#fff}.value-prop .text-side .paragraph:hover .cta-icon{color:#fff;background-color:#155ed4}.value-prop .text-side .paragraph .cta-icon-container{display:grid;align-items:center}.value-prop .text-side .paragraph .cta-icon{align-self:center;justify-content:center;display:grid;font-size:3rem;transform:rotate(-45deg);color:#155ed4;background-color:#fff;border-radius:.7rem;padding:1rem;transition:all ease-in-out .2s}.value-prop .text-side .paragraph .value-prop-icon{display:grid;align-content:center;color:#155ed4}.value-prop .text-side .paragraph .value-prop-icon fa-icon{font-size:3rem}.value-prop .text-side .selected-paragraph{background-color:#155ed4;color:#fff}.value-prop .text-side .selected-paragraph .value-prop-icon{color:#fff}.value-prop .text-side .selected-paragraph .value-prop-icon fa-icon{color:#fff}.value-prop .text-side .selected-paragraph .cta-icon{transform:rotate(0)}.value-prop .text-side .selected-paragraph:hover .cta-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}.value-prop:nth-child(even){flex-direction:row-reverse}.value-prop:nth-child(even) .text-side .paragraph{padding:1rem;border-radius:.7rem;border:.1rem solid #E3E3E3}.value-prop:nth-child(even) .text-side .paragraph .value-prop-icon{text-align:center}@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}}\n"] }]
|
|
535
|
+
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
536
|
+
type: Input
|
|
537
|
+
}] } });
|
|
538
|
+
|
|
505
539
|
class ChooseCountryWithFlagComponent {
|
|
506
540
|
constructor() {
|
|
507
541
|
this.change = new EventEmitter();
|
|
@@ -698,7 +732,7 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
698
732
|
OurClientListingComponent,
|
|
699
733
|
PageSectionWithMultipleCardsComponent,
|
|
700
734
|
CallToActionSectionTwoComponent,
|
|
701
|
-
|
|
735
|
+
ValuePropsSectionsComponent,
|
|
702
736
|
ContactUsPageComponent,
|
|
703
737
|
ChooseCountryWithFlagComponent,
|
|
704
738
|
PageSectionStyleThreeComponent], imports: [CommonModule,
|
|
@@ -725,7 +759,7 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
725
759
|
OurClientListingComponent,
|
|
726
760
|
PageSectionWithMultipleCardsComponent,
|
|
727
761
|
CallToActionSectionTwoComponent,
|
|
728
|
-
|
|
762
|
+
ValuePropsSectionsComponent,
|
|
729
763
|
ContactUsPageComponent,
|
|
730
764
|
ChooseCountryWithFlagComponent,
|
|
731
765
|
PageSectionStyleThreeComponent] });
|
|
@@ -757,7 +791,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
757
791
|
OurClientListingComponent,
|
|
758
792
|
PageSectionWithMultipleCardsComponent,
|
|
759
793
|
CallToActionSectionTwoComponent,
|
|
760
|
-
|
|
794
|
+
ValuePropsSectionsComponent,
|
|
761
795
|
ContactUsPageComponent,
|
|
762
796
|
ChooseCountryWithFlagComponent,
|
|
763
797
|
PageSectionStyleThreeComponent
|
|
@@ -790,7 +824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
790
824
|
OurClientListingComponent,
|
|
791
825
|
PageSectionWithMultipleCardsComponent,
|
|
792
826
|
CallToActionSectionTwoComponent,
|
|
793
|
-
|
|
827
|
+
ValuePropsSectionsComponent,
|
|
794
828
|
ContactUsPageComponent,
|
|
795
829
|
ChooseCountryWithFlagComponent,
|
|
796
830
|
PageSectionStyleThreeComponent
|
|
@@ -877,5 +911,5 @@ class LinkText {
|
|
|
877
911
|
* Generated bundle index. Do not edit.
|
|
878
912
|
*/
|
|
879
913
|
|
|
880
|
-
export { Account, AccountType, Achievement, Achievements, AchievementsComponent, Address, CallToActionSectionComponent, CallToActionSectionData, CallToActionSectionTwo, CallToActionSectionTwoComponent, ChooseCountryWithFlagComponent, City, ContactUsPageComponent, Country, GetStartedCTAComponent, ImageGalleryModal, ImageSection, ImageSectionAction, JoolerWebsitesSharedModule, LinkText, OurClientListingComponent, OurClientsComponent, PageSection, PageSectionAction, PageSectionStyleFive, PageSectionStyleTenComponent, PageSectionStyleThirteen, PageSectionStyleThirteenComponent, PageSectionStyleThreeComponent, PageSectionWithMultipleCardsComponent, PricingPlansComponent, SectionTitleComponent, ServicePlan, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuesComponent };
|
|
914
|
+
export { Account, AccountType, Achievement, Achievements, AchievementsComponent, Address, CallToActionSectionComponent, CallToActionSectionData, CallToActionSectionTwo, CallToActionSectionTwoComponent, ChooseCountryWithFlagComponent, City, ContactUsPageComponent, Country, GetStartedCTAComponent, ImageGalleryModal, ImageSection, ImageSectionAction, JoolerWebsitesSharedModule, LinkText, OurClientListingComponent, OurClientsComponent, PageSection, PageSectionAction, PageSectionStyleFive, PageSectionStyleTenComponent, PageSectionStyleThirteen, PageSectionStyleThirteenComponent, PageSectionStyleThreeComponent, PageSectionWithMultipleCardsComponent, PricingPlansComponent, SectionTitleComponent, ServicePlan, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuePropsSectionsComponent, ValuesComponent };
|
|
881
915
|
//# sourceMappingURL=jooler-websites-shared.mjs.map
|