@jooler/jooler-websites-shared 0.0.41 → 0.0.42
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 +3 -3
- package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs +5 -15
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs +7 -17
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +7 -17
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/jooler-websites-shared.module.d.ts +1 -1
- package/lib/page-section-style-thirteen/page-section-style-thirteen.component.d.ts +1 -3
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -60,7 +60,7 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
60
60
|
GetStartedCTAComponent,
|
|
61
61
|
AchievementsComponent,
|
|
62
62
|
PricingPlansComponent,
|
|
63
|
-
|
|
63
|
+
PageSectionStyleThirteenComponent,
|
|
64
64
|
ImageGalleryModal,
|
|
65
65
|
SuccessMessageDialogComponent,
|
|
66
66
|
CallToActionSectionComponent,
|
|
@@ -123,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
123
123
|
GetStartedCTAComponent,
|
|
124
124
|
AchievementsComponent,
|
|
125
125
|
PricingPlansComponent,
|
|
126
|
-
|
|
126
|
+
PageSectionStyleThirteenComponent,
|
|
127
127
|
ImageGalleryModal,
|
|
128
128
|
SuccessMessageDialogComponent,
|
|
129
129
|
CallToActionSectionComponent,
|
|
@@ -139,4 +139,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
139
139
|
]
|
|
140
140
|
}]
|
|
141
141
|
}] });
|
|
142
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
142
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDeEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQzFHLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLHFFQUFxRSxDQUFDO0FBQ3hILE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7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NEI7d0JBQzVCLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLHlCQUF5Qjt3QkFDekIscUNBQXFDO3dCQUNyQywrQkFBK0I7d0JBQy9CLCtCQUErQjt3QkFDL0Isc0JBQXNCO3dCQUN0Qiw4QkFBOEI7cUJBQy9CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlY3Rpb25UaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4uY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBcHBNYXRlcmlhbE1vZHVsZSB9IGZyb20gJ0Bqb29sZXIvYXBwLW1hdGVyaWFsJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lU2hhcmVkTW9kdWxlIH0gZnJvbSAnQGpvb2xlci9mb250LWF3ZXNvbWUtc2hhcmVkJztcbmltcG9ydCB7IEdldFN0YXJ0ZWRDVEFDb21wb25lbnQgfSBmcm9tICcuL2dldC1zdGFydGVkLWN0YS9nZXQtc3RhcnRlZC1jdGEuY29tcG9uZW50JztcbmltcG9ydCB7IEFjaGlldmVtZW50c0NvbXBvbmVudCB9IGZyb20gJy4vYWNoaWV2ZW1lbnRzL2FjaGlldmVtZW50cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJpY2luZ1BsYW5zQ29tcG9uZW50IH0gZnJvbSAnLi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50J1xuaW1wb3J0IHsgSW1hZ2VHYWxsZXJ5TW9kYWwgfSBmcm9tICcuL2ltYWdlLWdhbGxlcnktbW9kYWwvaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgR2FsbGVyaWFNb2R1bGUgfSBmcm9tICdwcmltZW5nL2dhbGxlcmlhJztcbmltcG9ydCB7IFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbkNvbXBvbmVudCB9IGZyb20gJy4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJvdXNlbE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvY2Fyb3VzZWwnO1xuaW1wb3J0IHsgVGVhbUNvbXBvbmVudCB9IGZyb20gJy4vdGVhbS90ZWFtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBWYWx1ZXNDb21wb25lbnQgfSBmcm9tICcuL3ZhbHVlcy92YWx1ZXMuY29tcG9uZW50JztcbmltcG9ydCB7IE91ckNsaWVudHNDb21wb25lbnQgfSBmcm9tICcuL291ci1jbGllbnRzL291ci1jbGllbnRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPdXJDbGllbnRMaXN0aW5nQ29tcG9uZW50IH0gZnJvbSAnLi9vdXItY2xpZW50LWxpc3Rpbmcvb3VyLWNsaWVudC1saXN0aW5nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvbldpdGhNdWx0aXBsZUNhcmRzQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy9wYWdlLXNlY3Rpb24td2l0aC1tdWx0aXBsZS1jYXJkcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvblR3b0NvbXBvbmVudCB9IGZyb20gJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50Jztcbi8vIGltcG9ydCB7IFZhbHVlUHJvcHNTZWN0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vdmFsdWUtcHJvcHMtc2VjdGlvbnMvdmFsdWUtcHJvcHMtc2VjdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IENvbnRhY3RVc1BhZ2VDb21wb25lbnQgfSBmcm9tICcuL2NvbnRhY3QtdXMtcGFnZS9jb250YWN0LXVzLXBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE5nU2VsZWN0TW9kdWxlIH0gZnJvbSAnQG5nLXNlbGVjdC9uZy1zZWxlY3QnO1xuaW1wb3J0IHsgQ2hvb3NlQ291bnRyeVdpdGhGbGFnQ29tcG9uZW50IH0gZnJvbSAnLi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudCc7XG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBY2hpZXZlbWVudHNDb21wb25lbnQsXG4gICAgQ2FsbFRvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCxcbiAgICBHZXRTdGFydGVkQ1RBQ29tcG9uZW50LFxuICAgIEltYWdlR2FsbGVyeU1vZGFsLFxuICAgIFBhZ2VTZWN0aW9uU3R5bGVUZW5Db21wb25lbnQsXG4gICAgUGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuQ29tcG9uZW50LFxuICAgIFByaWNpbmdQbGFuc0NvbXBvbmVudCxcbiAgICBTZWN0aW9uVGl0bGVDb21wb25lbnQsXG4gICAgU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnQsXG4gICAgVGVhbUNvbXBvbmVudCxcbiAgICBWYWx1ZXNDb21wb25lbnQsXG4gICAgT3VyQ2xpZW50c0NvbXBvbmVudCxcbiAgICBPdXJDbGllbnRMaXN0aW5nQ29tcG9uZW50LFxuICAgIFBhZ2VTZWN0aW9uV2l0aE11bHRpcGxlQ2FyZHNDb21wb25lbnQsXG4gICAgQ2FsbFRvQWN0aW9uU2VjdGlvblR3b0NvbXBvbmVudCxcbiAgICAvLyBWYWx1ZVByb3BzU2VjdGlvbnNDb21wb25lbnQsXG4gICAgQ29udGFjdFVzUGFnZUNvbXBvbmVudCxcbiAgICBDaG9vc2VDb3VudHJ5V2l0aEZsYWdDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcbiAgICBGb250QXdlc29tZVNoYXJlZE1vZHVsZSxcbiAgICBHYWxsZXJpYU1vZHVsZSxcbiAgICBDYXJvdXNlbE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIE5nU2VsZWN0TW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcbiAgICBTZWN0aW9uVGl0bGVDb21wb25lbnQsXG4gICAgUGFnZVNlY3Rpb25TdHlsZVRlbkNvbXBvbmVudCxcbiAgICBGb250QXdlc29tZVNoYXJlZE1vZHVsZSxcbiAgICBHZXRTdGFydGVkQ1RBQ29tcG9uZW50LFxuICAgIEFjaGlldmVtZW50c0NvbXBvbmVudCxcbiAgICBQcmljaW5nUGxhbnNDb21wb25lbnQsXG4gICAgUGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuQ29tcG9uZW50LFxuICAgIEltYWdlR2FsbGVyeU1vZGFsLFxuICAgIFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50LFxuICAgIENhbGxUb0FjdGlvblNlY3Rpb25Db21wb25lbnQsXG4gICAgVGVhbUNvbXBvbmVudCxcbiAgICBWYWx1ZXNDb21wb25lbnQsXG4gICAgT3VyQ2xpZW50c0NvbXBvbmVudCxcbiAgICBPdXJDbGllbnRMaXN0aW5nQ29tcG9uZW50LFxuICAgIFBhZ2VTZWN0aW9uV2l0aE11bHRpcGxlQ2FyZHNDb21wb25lbnQsXG4gICAgQ2FsbFRvQWN0aW9uU2VjdGlvblR3b0NvbXBvbmVudCxcbiAgICAvLyBWYWx1ZVByb3BzU2VjdGlvbnNDb21wb25lbnQsXG4gICAgQ29udGFjdFVzUGFnZUNvbXBvbmVudCxcbiAgICBDaG9vc2VDb3VudHJ5V2l0aEZsYWdDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBKb29sZXJXZWJzaXRlc1NoYXJlZE1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -12,21 +12,11 @@ export class PageSectionStyleThirteenComponent {
|
|
|
12
12
|
this.isTwoImages = false;
|
|
13
13
|
}
|
|
14
14
|
ngOnInit() {
|
|
15
|
-
this.
|
|
15
|
+
this.onHoveredItem(this.items[0].image, 0);
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
this.intervalId = setInterval(() => {
|
|
19
|
-
this.onHoveredItem(this.items[this.counter].image, this.counter);
|
|
20
|
-
this.counter = (this.counter + 1) % this.items.length;
|
|
21
|
-
}, 2000);
|
|
22
|
-
}
|
|
23
|
-
onMouseEnter(image, index) {
|
|
24
|
-
clearInterval(this.intervalId);
|
|
17
|
+
onClickChangeImage(image, index) {
|
|
25
18
|
this.onHoveredItem(image, index);
|
|
26
19
|
}
|
|
27
|
-
onMouseLeave() {
|
|
28
|
-
this.setInterval();
|
|
29
|
-
}
|
|
30
20
|
onHoveredItem(itemImage, index) {
|
|
31
21
|
this.counter = index;
|
|
32
22
|
for (let i = 0; i < this.items.length; i++) {
|
|
@@ -37,10 +27,10 @@ export class PageSectionStyleThirteenComponent {
|
|
|
37
27
|
}
|
|
38
28
|
}
|
|
39
29
|
PageSectionStyleThirteenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleThirteenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
PageSectionStyleThirteenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionStyleThirteenComponent, selector: "page-section-style-thirteen", inputs: { sectionContent: "sectionContent", items: "items", iconType: "iconType", isTwoImages: "isTwoImages" }, ngImport: i0, template: "<div class=\"why-choose-us\">\n <div class=\"left-side\">\n <div class=\"headline\">\n <section-title [title]=\"sectionContent.title\" [subtitle]=\"sectionContent.subtitle\"\n [alignLeft]=\"true\"></section-title>\n </div>\n <div class=\"items\">\n <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\"\n (
|
|
30
|
+
PageSectionStyleThirteenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionStyleThirteenComponent, selector: "page-section-style-thirteen", inputs: { sectionContent: "sectionContent", items: "items", iconType: "iconType", isTwoImages: "isTwoImages" }, ngImport: i0, template: "<div class=\"why-choose-us\">\n <div class=\"left-side\">\n <div class=\"headline\">\n <section-title [title]=\"sectionContent.title\" [subtitle]=\"sectionContent.subtitle\"\n [alignLeft]=\"true\"></section-title>\n </div>\n <div class=\"items\">\n <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\"\n (click)=\"onClickChangeImage(item.image, i)\">\n <div class=\"left-column\">\n\n <div class=\"square-row\" [ngSwitch]=\"iconType\"\n [ngClass]=\"{'square-row':iconType == pageSectionStyleThirteen.SHAPE_ICON,'shape-column':iconType == pageSectionStyleThirteen.IMAGE_ICON}\">\n <div class=\"square\" *ngSwitchCase=\"pageSectionStyleThirteen.SHAPE_ICON\"></div>\n <div class=\"shape\" *ngSwitchCase=\"pageSectionStyleThirteen.IMAGE_ICON\">\n <img [src]=\"item.icon\" alt=\"\">\n </div>\n </div>\n <div></div>\n </div>\n <div class=\"right-column\">\n <div class=\"item-title\">{{item.title}}</div>\n <div class=\"item-description\" [ngClass]=\"{'show-description':!isItemHovered[i]}\">\n {{item.description}}</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right-side\" [ngClass]=\"{'two-images-preview':isTwoImages}\">\n <div class=\"image-container\">\n <img [src]=\"showedImage\" alt=\"\">\n </div>\n <div class=\"back-image\" *ngIf=\"isTwoImages\">\n <img src=\"https://i.ibb.co/fqZ5q5x/blue-points-home-page-about-us-section.png\" alt=\"\">\n </div>\n </div>\n</div>", styles: [".why-choose-us{display:grid;grid-template-columns:53% 45%;column-gap:2%;width:90%;margin:auto}@media only screen and (min-width: 1500px){.why-choose-us{max-width:150rem}}.why-choose-us .left-side,.why-choose-us .right-side{width:100%}.why-choose-us .items{display:grid;gap:2.5rem}.why-choose-us .hovered-item{background-color:#155ed4}.why-choose-us .hovered-item .left-column .square-row{background-color:#fff}.why-choose-us .hovered-item .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .right-column .item-title{color:#fff}.why-choose-us .hovered-item .right-column .item-description{color:#aeaeae}.why-choose-us .item{gap:1.5rem;display:grid;grid-template-columns:auto calc(100% - 5.5rem);cursor:pointer;border-radius:1.5rem;padding:2rem;transition:all ease-in-out .2s}.why-choose-us .item:hover{background-color:#155ed4}.why-choose-us .item:hover .left-column .square-row{background-color:#fff}.why-choose-us .item:hover .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .item:hover .shape-column{background-color:#32353b}.why-choose-us .item:hover .right-column .item-title{color:#fff}.why-choose-us .item:hover .right-column .item-description{color:#aeaeae}.why-choose-us .left-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .left-column .square-row{align-self:center;width:4rem;height:4rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .left-column .square-row .square{width:3rem;height:3rem;background-color:#155ed4;border-radius:.5rem;transition:border-radius ease-in-out .2s}.why-choose-us .shape-column{width:5rem;height:5rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .shape-column .shape{padding:1rem;display:grid}.why-choose-us .shape-column .shape img{width:100%}.why-choose-us .right-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .right-column .item-title{color:#2f3136;font-weight:600;font-size:1.8rem;align-self:center}.why-choose-us .right-column .item-description{color:#848484;font-size:1.6rem;font-weight:500}.why-choose-us .left-side .headline{padding-bottom:3rem}.why-choose-us .right-side{display:grid;justify-content:right}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem 0 0 1.5rem;object-fit:cover;overflow:hidden;height:80rem}.why-choose-us .right-side .image-container img{height:100%;transition:all ease-in-out .2s;object-fit:cover}.why-choose-us .two-images-preview{place-content:center;position:relative}.why-choose-us .two-images-preview .image-container{width:90%;height:65rem;border-radius:1.5rem}.why-choose-us .two-images-preview .image-container img{width:100%}.why-choose-us .two-images-preview .back-image{width:50%;height:20rem;position:absolute;display:grid;align-content:end;justify-content:right;top:0;right:0;z-index:-1}@media only screen and (max-width: 75em){.why-choose-us{width:90%;margin:auto;display:flex;flex-direction:column;flex-wrap:wrap;row-gap:2%}.why-choose-us .left-side{margin-bottom:3rem}.why-choose-us .left-side .show-description{display:none}.why-choose-us .right-side{width:100%;justify-content:center}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem;height:35rem}.why-choose-us .right-side .image-container img{width:100%}.why-choose-us .right-side .back-image{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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SectionTitleComponent, selector: "section-title", inputs: ["title", "subtitle", "alignLeft", "isDarkBg"] }] });
|
|
41
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleThirteenComponent, decorators: [{
|
|
42
32
|
type: Component,
|
|
43
|
-
args: [{ selector: 'page-section-style-thirteen', template: "<div class=\"why-choose-us\">\n <div class=\"left-side\">\n <div class=\"headline\">\n <section-title [title]=\"sectionContent.title\" [subtitle]=\"sectionContent.subtitle\"\n [alignLeft]=\"true\"></section-title>\n </div>\n <div class=\"items\">\n <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\"\n (
|
|
33
|
+
args: [{ selector: 'page-section-style-thirteen', template: "<div class=\"why-choose-us\">\n <div class=\"left-side\">\n <div class=\"headline\">\n <section-title [title]=\"sectionContent.title\" [subtitle]=\"sectionContent.subtitle\"\n [alignLeft]=\"true\"></section-title>\n </div>\n <div class=\"items\">\n <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\"\n (click)=\"onClickChangeImage(item.image, i)\">\n <div class=\"left-column\">\n\n <div class=\"square-row\" [ngSwitch]=\"iconType\"\n [ngClass]=\"{'square-row':iconType == pageSectionStyleThirteen.SHAPE_ICON,'shape-column':iconType == pageSectionStyleThirteen.IMAGE_ICON}\">\n <div class=\"square\" *ngSwitchCase=\"pageSectionStyleThirteen.SHAPE_ICON\"></div>\n <div class=\"shape\" *ngSwitchCase=\"pageSectionStyleThirteen.IMAGE_ICON\">\n <img [src]=\"item.icon\" alt=\"\">\n </div>\n </div>\n <div></div>\n </div>\n <div class=\"right-column\">\n <div class=\"item-title\">{{item.title}}</div>\n <div class=\"item-description\" [ngClass]=\"{'show-description':!isItemHovered[i]}\">\n {{item.description}}</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right-side\" [ngClass]=\"{'two-images-preview':isTwoImages}\">\n <div class=\"image-container\">\n <img [src]=\"showedImage\" alt=\"\">\n </div>\n <div class=\"back-image\" *ngIf=\"isTwoImages\">\n <img src=\"https://i.ibb.co/fqZ5q5x/blue-points-home-page-about-us-section.png\" alt=\"\">\n </div>\n </div>\n</div>", styles: [".why-choose-us{display:grid;grid-template-columns:53% 45%;column-gap:2%;width:90%;margin:auto}@media only screen and (min-width: 1500px){.why-choose-us{max-width:150rem}}.why-choose-us .left-side,.why-choose-us .right-side{width:100%}.why-choose-us .items{display:grid;gap:2.5rem}.why-choose-us .hovered-item{background-color:#155ed4}.why-choose-us .hovered-item .left-column .square-row{background-color:#fff}.why-choose-us .hovered-item .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .right-column .item-title{color:#fff}.why-choose-us .hovered-item .right-column .item-description{color:#aeaeae}.why-choose-us .item{gap:1.5rem;display:grid;grid-template-columns:auto calc(100% - 5.5rem);cursor:pointer;border-radius:1.5rem;padding:2rem;transition:all ease-in-out .2s}.why-choose-us .item:hover{background-color:#155ed4}.why-choose-us .item:hover .left-column .square-row{background-color:#fff}.why-choose-us .item:hover .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .item:hover .shape-column{background-color:#32353b}.why-choose-us .item:hover .right-column .item-title{color:#fff}.why-choose-us .item:hover .right-column .item-description{color:#aeaeae}.why-choose-us .left-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .left-column .square-row{align-self:center;width:4rem;height:4rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .left-column .square-row .square{width:3rem;height:3rem;background-color:#155ed4;border-radius:.5rem;transition:border-radius ease-in-out .2s}.why-choose-us .shape-column{width:5rem;height:5rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .shape-column .shape{padding:1rem;display:grid}.why-choose-us .shape-column .shape img{width:100%}.why-choose-us .right-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .right-column .item-title{color:#2f3136;font-weight:600;font-size:1.8rem;align-self:center}.why-choose-us .right-column .item-description{color:#848484;font-size:1.6rem;font-weight:500}.why-choose-us .left-side .headline{padding-bottom:3rem}.why-choose-us .right-side{display:grid;justify-content:right}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem 0 0 1.5rem;object-fit:cover;overflow:hidden;height:80rem}.why-choose-us .right-side .image-container img{height:100%;transition:all ease-in-out .2s;object-fit:cover}.why-choose-us .two-images-preview{place-content:center;position:relative}.why-choose-us .two-images-preview .image-container{width:90%;height:65rem;border-radius:1.5rem}.why-choose-us .two-images-preview .image-container img{width:100%}.why-choose-us .two-images-preview .back-image{width:50%;height:20rem;position:absolute;display:grid;align-content:end;justify-content:right;top:0;right:0;z-index:-1}@media only screen and (max-width: 75em){.why-choose-us{width:90%;margin:auto;display:flex;flex-direction:column;flex-wrap:wrap;row-gap:2%}.why-choose-us .left-side{margin-bottom:3rem}.why-choose-us .left-side .show-description{display:none}.why-choose-us .right-side{width:100%;justify-content:center}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem;height:35rem}.why-choose-us .right-side .image-container img{width:100%}.why-choose-us .right-side .back-image{display:none}}\n"] }]
|
|
44
34
|
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
45
35
|
type: Input
|
|
46
36
|
}], items: [{
|
|
@@ -50,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
50
40
|
}], isTwoImages: [{
|
|
51
41
|
type: Input
|
|
52
42
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBT3ZGLE1BQU0sT0FBTyxpQ0FBaUM7SUFjNUM7UUFaQSxZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBRXBCLGtCQUFhLEdBQWMsRUFBRSxDQUFDO1FBRzlCLDZCQUF3QixHQUFHLHdCQUF3QixDQUFDO1FBQzNDLGFBQVEsR0FBNkIsSUFBSSxDQUFDLHdCQUF3QixDQUFDLFVBQVUsQ0FBQztRQUM5RSxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQUt0QixDQUFDO0lBSGpCLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFHRCxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsS0FBSztRQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxLQUFLO1FBQzVCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQztTQUMvQjtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO0lBQy9CLENBQUM7OzhIQTNCVSxpQ0FBaUM7a0hBQWpDLGlDQUFpQyxtTENSOUMsbTJEQW9DTTsyRkQ1Qk8saUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLDZCQUE2QjswRUFTOUIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4gfSBmcm9tICcuLi9tb2RlbHMvcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dlZEltYWdlOiBzdHJpbmc7XG4gIGNvdW50ZXI6IG51bWJlciA9IDA7XG4gIGludGVydmFsSWQ6IGFueTtcbiAgaXNJdGVtSG92ZXJlZDogYm9vbGVhbltdID0gW107XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBhbnk7XG4gIEBJbnB1dCgpIGl0ZW1zOiBhbnk7XG4gIHBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbiA9IFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbjtcbiAgQElucHV0KCkgaWNvblR5cGU6IFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbiA9IHRoaXMucGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT047XG4gIEBJbnB1dCgpIGlzVHdvSW1hZ2VzOiBib29sZWFuID0gZmFsc2U7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5vbkhvdmVyZWRJdGVtKHRoaXMuaXRlbXNbMF0uaW1hZ2UsIDApO1xuICB9XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgb25DbGlja0NoYW5nZUltYWdlKGltYWdlLCBpbmRleCkge1xuICAgIHRoaXMub25Ib3ZlcmVkSXRlbShpbWFnZSwgaW5kZXgpO1xuICB9XG5cbiAgb25Ib3ZlcmVkSXRlbShpdGVtSW1hZ2UsIGluZGV4KSB7XG4gICAgdGhpcy5jb3VudGVyID0gaW5kZXg7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLml0ZW1zLmxlbmd0aDsgaSsrKSB7XG4gICAgICB0aGlzLmlzSXRlbUhvdmVyZWRbaV0gPSBmYWxzZTtcbiAgICB9XG4gICAgdGhpcy5pc0l0ZW1Ib3ZlcmVkW2luZGV4XSA9IHRydWU7XG4gICAgdGhpcy5zaG93ZWRJbWFnZSA9IGl0ZW1JbWFnZTtcbiAgfVxufVxuXG4iLCI8ZGl2IGNsYXNzPVwid2h5LWNob29zZS11c1wiPlxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRsaW5lXCI+XG4gICAgICAgICAgICA8c2VjdGlvbi10aXRsZSBbdGl0bGVdPVwic2VjdGlvbkNvbnRlbnQudGl0bGVcIiBbc3VidGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc3VidGl0bGVcIlxuICAgICAgICAgICAgICAgIFthbGlnbkxlZnRdPVwidHJ1ZVwiPjwvc2VjdGlvbi10aXRsZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtc1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGk9aW5kZXhcIiBbbmdDbGFzc109XCJ7J2hvdmVyZWQtaXRlbSc6IGlzSXRlbUhvdmVyZWRbaV19XCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGlja0NoYW5nZUltYWdlKGl0ZW0uaW1hZ2UsIGkpXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtY29sdW1uXCI+XG5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNxdWFyZS1yb3dcIiBbbmdTd2l0Y2hdPVwiaWNvblR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydzcXVhcmUtcm93JzppY29uVHlwZSA9PSBwYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4uU0hBUEVfSUNPTiwnc2hhcGUtY29sdW1uJzppY29uVHlwZSA9PSBwYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4uSU1BR0VfSUNPTn1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzcXVhcmVcIiAqbmdTd2l0Y2hDYXNlPVwicGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT05cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaGFwZVwiICpuZ1N3aXRjaENhc2U9XCJwYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4uSU1BR0VfSUNPTlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtLmljb25cIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtY29sdW1uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLXRpdGxlXCI+e3tpdGVtLnRpdGxlfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW0tZGVzY3JpcHRpb25cIiBbbmdDbGFzc109XCJ7J3Nob3ctZGVzY3JpcHRpb24nOiFpc0l0ZW1Ib3ZlcmVkW2ldfVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3tpdGVtLmRlc2NyaXB0aW9ufX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiIFtuZ0NsYXNzXT1cInsndHdvLWltYWdlcy1wcmV2aWV3Jzppc1R3b0ltYWdlc31cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInNob3dlZEltYWdlXCIgYWx0PVwiXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmFjay1pbWFnZVwiICpuZ0lmPVwiaXNUd29JbWFnZXNcIj5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9pLmliYi5jby9mcVo1cTV4L2JsdWUtcG9pbnRzLWhvbWUtcGFnZS1hYm91dC11cy1zZWN0aW9uLnBuZ1wiIGFsdD1cIlwiPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -12,7 +12,7 @@ export * from './lib/models/achievements.model';
|
|
|
12
12
|
export * from './lib/models/achievement.model';
|
|
13
13
|
export * from './lib/models/service-plan.model';
|
|
14
14
|
export * from './lib/pricing-plans/pricing-plans.component';
|
|
15
|
-
|
|
15
|
+
export * from './lib/page-section-style-thirteen/page-section-style-thirteen.component';
|
|
16
16
|
export * from './lib/models/page-section-style-thirteen.model';
|
|
17
17
|
export * from './lib/image-gallery-modal/image-gallery-modal.component';
|
|
18
18
|
export * from './lib/models/gallery-items-properties.model';
|
|
@@ -44,4 +44,4 @@ 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
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQTtBQUM5QyxjQUFjLGlDQUFpQyxDQUFBO0FBQy9DLGNBQWMsNkNBQTZDLENBQUE7QUFDM0QsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLG1GQUFtRixDQUFDO0FBQ2xHLGNBQWMsdUVBQXVFLENBQUM7QUFDdEYsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLDZFQUE2RTtBQUM3RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsbUVBQW1FLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGpvb2xlci13ZWJzaXRlcy1zaGFyZWRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9qb29sZXItd2Vic2l0ZXMtc2hhcmVkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNoaWV2ZW1lbnRzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2hpZXZlbWVudC5tb2RlbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZXJ2aWNlLXBsYW4ubW9kZWwnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcmljaW5nLXBsYW5zL3ByaWNpbmctcGxhbnMuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9nYWxsZXJ5LWl0ZW1zLXByb3BlcnRpZXMubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9pbWFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1tZW1iZXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGVhbS90ZWFtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXN0eWxlLXNlY3Rpb24tZml2ZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWJvdXQtdXMtc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNjb3VudC10eXBlLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2NvdW50Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hZGRyZXNzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jaXR5Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jb3VudHJ5Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy91c2VyLXR5cGUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3VzZXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudC1saXN0aW5nL291ci1jbGllbnQtbGlzdGluZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudHMvb3VyLWNsaWVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vbGluay10ZXh0Lm1vZGVsJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbHVlLXByb3BzLXNlY3Rpb25zL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudCc7Il19
|
|
@@ -271,21 +271,11 @@ class PageSectionStyleThirteenComponent {
|
|
|
271
271
|
this.isTwoImages = false;
|
|
272
272
|
}
|
|
273
273
|
ngOnInit() {
|
|
274
|
-
this.
|
|
274
|
+
this.onHoveredItem(this.items[0].image, 0);
|
|
275
275
|
}
|
|
276
|
-
|
|
277
|
-
this.intervalId = setInterval(() => {
|
|
278
|
-
this.onHoveredItem(this.items[this.counter].image, this.counter);
|
|
279
|
-
this.counter = (this.counter + 1) % this.items.length;
|
|
280
|
-
}, 2000);
|
|
281
|
-
}
|
|
282
|
-
onMouseEnter(image, index) {
|
|
283
|
-
clearInterval(this.intervalId);
|
|
276
|
+
onClickChangeImage(image, index) {
|
|
284
277
|
this.onHoveredItem(image, index);
|
|
285
278
|
}
|
|
286
|
-
onMouseLeave() {
|
|
287
|
-
this.setInterval();
|
|
288
|
-
}
|
|
289
279
|
onHoveredItem(itemImage, index) {
|
|
290
280
|
this.counter = index;
|
|
291
281
|
for (let i = 0; i < this.items.length; i++) {
|
|
@@ -296,10 +286,10 @@ class PageSectionStyleThirteenComponent {
|
|
|
296
286
|
}
|
|
297
287
|
}
|
|
298
288
|
PageSectionStyleThirteenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleThirteenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
299
|
-
PageSectionStyleThirteenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionStyleThirteenComponent, selector: "page-section-style-thirteen", inputs: { sectionContent: "sectionContent", items: "items", iconType: "iconType", isTwoImages: "isTwoImages" }, ngImport: i0, template: "<div class=\"why-choose-us\">\n <div class=\"left-side\">\n <div class=\"headline\">\n <section-title [title]=\"sectionContent.title\" [subtitle]=\"sectionContent.subtitle\"\n [alignLeft]=\"true\"></section-title>\n </div>\n <div class=\"items\">\n <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\"\n (
|
|
289
|
+
PageSectionStyleThirteenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: PageSectionStyleThirteenComponent, selector: "page-section-style-thirteen", inputs: { sectionContent: "sectionContent", items: "items", iconType: "iconType", isTwoImages: "isTwoImages" }, ngImport: i0, template: "<div class=\"why-choose-us\">\n <div class=\"left-side\">\n <div class=\"headline\">\n <section-title [title]=\"sectionContent.title\" [subtitle]=\"sectionContent.subtitle\"\n [alignLeft]=\"true\"></section-title>\n </div>\n <div class=\"items\">\n <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\"\n (click)=\"onClickChangeImage(item.image, i)\">\n <div class=\"left-column\">\n\n <div class=\"square-row\" [ngSwitch]=\"iconType\"\n [ngClass]=\"{'square-row':iconType == pageSectionStyleThirteen.SHAPE_ICON,'shape-column':iconType == pageSectionStyleThirteen.IMAGE_ICON}\">\n <div class=\"square\" *ngSwitchCase=\"pageSectionStyleThirteen.SHAPE_ICON\"></div>\n <div class=\"shape\" *ngSwitchCase=\"pageSectionStyleThirteen.IMAGE_ICON\">\n <img [src]=\"item.icon\" alt=\"\">\n </div>\n </div>\n <div></div>\n </div>\n <div class=\"right-column\">\n <div class=\"item-title\">{{item.title}}</div>\n <div class=\"item-description\" [ngClass]=\"{'show-description':!isItemHovered[i]}\">\n {{item.description}}</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right-side\" [ngClass]=\"{'two-images-preview':isTwoImages}\">\n <div class=\"image-container\">\n <img [src]=\"showedImage\" alt=\"\">\n </div>\n <div class=\"back-image\" *ngIf=\"isTwoImages\">\n <img src=\"https://i.ibb.co/fqZ5q5x/blue-points-home-page-about-us-section.png\" alt=\"\">\n </div>\n </div>\n</div>", styles: [".why-choose-us{display:grid;grid-template-columns:53% 45%;column-gap:2%;width:90%;margin:auto}@media only screen and (min-width: 1500px){.why-choose-us{max-width:150rem}}.why-choose-us .left-side,.why-choose-us .right-side{width:100%}.why-choose-us .items{display:grid;gap:2.5rem}.why-choose-us .hovered-item{background-color:#155ed4}.why-choose-us .hovered-item .left-column .square-row{background-color:#fff}.why-choose-us .hovered-item .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .right-column .item-title{color:#fff}.why-choose-us .hovered-item .right-column .item-description{color:#aeaeae}.why-choose-us .item{gap:1.5rem;display:grid;grid-template-columns:auto calc(100% - 5.5rem);cursor:pointer;border-radius:1.5rem;padding:2rem;transition:all ease-in-out .2s}.why-choose-us .item:hover{background-color:#155ed4}.why-choose-us .item:hover .left-column .square-row{background-color:#fff}.why-choose-us .item:hover .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .item:hover .shape-column{background-color:#32353b}.why-choose-us .item:hover .right-column .item-title{color:#fff}.why-choose-us .item:hover .right-column .item-description{color:#aeaeae}.why-choose-us .left-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .left-column .square-row{align-self:center;width:4rem;height:4rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .left-column .square-row .square{width:3rem;height:3rem;background-color:#155ed4;border-radius:.5rem;transition:border-radius ease-in-out .2s}.why-choose-us .shape-column{width:5rem;height:5rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .shape-column .shape{padding:1rem;display:grid}.why-choose-us .shape-column .shape img{width:100%}.why-choose-us .right-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .right-column .item-title{color:#2f3136;font-weight:600;font-size:1.8rem;align-self:center}.why-choose-us .right-column .item-description{color:#848484;font-size:1.6rem;font-weight:500}.why-choose-us .left-side .headline{padding-bottom:3rem}.why-choose-us .right-side{display:grid;justify-content:right}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem 0 0 1.5rem;object-fit:cover;overflow:hidden;height:80rem}.why-choose-us .right-side .image-container img{height:100%;transition:all ease-in-out .2s;object-fit:cover}.why-choose-us .two-images-preview{place-content:center;position:relative}.why-choose-us .two-images-preview .image-container{width:90%;height:65rem;border-radius:1.5rem}.why-choose-us .two-images-preview .image-container img{width:100%}.why-choose-us .two-images-preview .back-image{width:50%;height:20rem;position:absolute;display:grid;align-content:end;justify-content:right;top:0;right:0;z-index:-1}@media only screen and (max-width: 75em){.why-choose-us{width:90%;margin:auto;display:flex;flex-direction:column;flex-wrap:wrap;row-gap:2%}.why-choose-us .left-side{margin-bottom:3rem}.why-choose-us .left-side .show-description{display:none}.why-choose-us .right-side{width:100%;justify-content:center}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem;height:35rem}.why-choose-us .right-side .image-container img{width:100%}.why-choose-us .right-side .back-image{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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["title", "subtitle", "alignLeft", "isDarkBg"] }] });
|
|
300
290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleThirteenComponent, decorators: [{
|
|
301
291
|
type: Component,
|
|
302
|
-
args: [{ selector: 'page-section-style-thirteen', template: "<div class=\"why-choose-us\">\n <div class=\"left-side\">\n <div class=\"headline\">\n <section-title [title]=\"sectionContent.title\" [subtitle]=\"sectionContent.subtitle\"\n [alignLeft]=\"true\"></section-title>\n </div>\n <div class=\"items\">\n <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\"\n (
|
|
292
|
+
args: [{ selector: 'page-section-style-thirteen', template: "<div class=\"why-choose-us\">\n <div class=\"left-side\">\n <div class=\"headline\">\n <section-title [title]=\"sectionContent.title\" [subtitle]=\"sectionContent.subtitle\"\n [alignLeft]=\"true\"></section-title>\n </div>\n <div class=\"items\">\n <div class=\"item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'hovered-item': isItemHovered[i]}\"\n (click)=\"onClickChangeImage(item.image, i)\">\n <div class=\"left-column\">\n\n <div class=\"square-row\" [ngSwitch]=\"iconType\"\n [ngClass]=\"{'square-row':iconType == pageSectionStyleThirteen.SHAPE_ICON,'shape-column':iconType == pageSectionStyleThirteen.IMAGE_ICON}\">\n <div class=\"square\" *ngSwitchCase=\"pageSectionStyleThirteen.SHAPE_ICON\"></div>\n <div class=\"shape\" *ngSwitchCase=\"pageSectionStyleThirteen.IMAGE_ICON\">\n <img [src]=\"item.icon\" alt=\"\">\n </div>\n </div>\n <div></div>\n </div>\n <div class=\"right-column\">\n <div class=\"item-title\">{{item.title}}</div>\n <div class=\"item-description\" [ngClass]=\"{'show-description':!isItemHovered[i]}\">\n {{item.description}}</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right-side\" [ngClass]=\"{'two-images-preview':isTwoImages}\">\n <div class=\"image-container\">\n <img [src]=\"showedImage\" alt=\"\">\n </div>\n <div class=\"back-image\" *ngIf=\"isTwoImages\">\n <img src=\"https://i.ibb.co/fqZ5q5x/blue-points-home-page-about-us-section.png\" alt=\"\">\n </div>\n </div>\n</div>", styles: [".why-choose-us{display:grid;grid-template-columns:53% 45%;column-gap:2%;width:90%;margin:auto}@media only screen and (min-width: 1500px){.why-choose-us{max-width:150rem}}.why-choose-us .left-side,.why-choose-us .right-side{width:100%}.why-choose-us .items{display:grid;gap:2.5rem}.why-choose-us .hovered-item{background-color:#155ed4}.why-choose-us .hovered-item .left-column .square-row{background-color:#fff}.why-choose-us .hovered-item .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .right-column .item-title{color:#fff}.why-choose-us .hovered-item .right-column .item-description{color:#aeaeae}.why-choose-us .item{gap:1.5rem;display:grid;grid-template-columns:auto calc(100% - 5.5rem);cursor:pointer;border-radius:1.5rem;padding:2rem;transition:all ease-in-out .2s}.why-choose-us .item:hover{background-color:#155ed4}.why-choose-us .item:hover .left-column .square-row{background-color:#fff}.why-choose-us .item:hover .left-column .square-row .square{background-color:#155ed4;border-radius:50%}.why-choose-us .item:hover .shape-column{background-color:#32353b}.why-choose-us .item:hover .right-column .item-title{color:#fff}.why-choose-us .item:hover .right-column .item-description{color:#aeaeae}.why-choose-us .left-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .left-column .square-row{align-self:center;width:4rem;height:4rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .left-column .square-row .square{width:3rem;height:3rem;background-color:#155ed4;border-radius:.5rem;transition:border-radius ease-in-out .2s}.why-choose-us .shape-column{width:5rem;height:5rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .shape-column .shape{padding:1rem;display:grid}.why-choose-us .shape-column .shape img{width:100%}.why-choose-us .right-column{display:grid;grid-template-rows:5rem auto}.why-choose-us .right-column .item-title{color:#2f3136;font-weight:600;font-size:1.8rem;align-self:center}.why-choose-us .right-column .item-description{color:#848484;font-size:1.6rem;font-weight:500}.why-choose-us .left-side .headline{padding-bottom:3rem}.why-choose-us .right-side{display:grid;justify-content:right}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem 0 0 1.5rem;object-fit:cover;overflow:hidden;height:80rem}.why-choose-us .right-side .image-container img{height:100%;transition:all ease-in-out .2s;object-fit:cover}.why-choose-us .two-images-preview{place-content:center;position:relative}.why-choose-us .two-images-preview .image-container{width:90%;height:65rem;border-radius:1.5rem}.why-choose-us .two-images-preview .image-container img{width:100%}.why-choose-us .two-images-preview .back-image{width:50%;height:20rem;position:absolute;display:grid;align-content:end;justify-content:right;top:0;right:0;z-index:-1}@media only screen and (max-width: 75em){.why-choose-us{width:90%;margin:auto;display:flex;flex-direction:column;flex-wrap:wrap;row-gap:2%}.why-choose-us .left-side{margin-bottom:3rem}.why-choose-us .left-side .show-description{display:none}.why-choose-us .right-side{width:100%;justify-content:center}.why-choose-us .right-side .image-container{width:100%;border-radius:1.5rem;height:35rem}.why-choose-us .right-side .image-container img{width:100%}.why-choose-us .right-side .back-image{display:none}}\n"] }]
|
|
303
293
|
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
304
294
|
type: Input
|
|
305
295
|
}], items: [{
|
|
@@ -704,7 +694,7 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
704
694
|
GetStartedCTAComponent,
|
|
705
695
|
AchievementsComponent,
|
|
706
696
|
PricingPlansComponent,
|
|
707
|
-
|
|
697
|
+
PageSectionStyleThirteenComponent,
|
|
708
698
|
ImageGalleryModal,
|
|
709
699
|
SuccessMessageDialogComponent,
|
|
710
700
|
CallToActionSectionComponent,
|
|
@@ -767,7 +757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
767
757
|
GetStartedCTAComponent,
|
|
768
758
|
AchievementsComponent,
|
|
769
759
|
PricingPlansComponent,
|
|
770
|
-
|
|
760
|
+
PageSectionStyleThirteenComponent,
|
|
771
761
|
ImageGalleryModal,
|
|
772
762
|
SuccessMessageDialogComponent,
|
|
773
763
|
CallToActionSectionComponent,
|
|
@@ -863,5 +853,5 @@ class LinkText {
|
|
|
863
853
|
* Generated bundle index. Do not edit.
|
|
864
854
|
*/
|
|
865
855
|
|
|
866
|
-
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, PageSectionWithMultipleCardsComponent, PricingPlansComponent, SectionTitleComponent, ServicePlan, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuesComponent };
|
|
856
|
+
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, PageSectionWithMultipleCardsComponent, PricingPlansComponent, SectionTitleComponent, ServicePlan, SuccessMessageDialogComponent, TeamComponent, TeamMember, TeamSection, User, UserType, ValuesComponent };
|
|
867
857
|
//# sourceMappingURL=jooler-websites-shared.mjs.map
|