@jooler/jooler-websites-shared 0.0.57 → 0.0.59
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/achievements/achievements.component.mjs +3 -3
- package/esm2020/lib/call-to-action-section/call-to-action-section.component.mjs +3 -3
- package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.component.mjs +3 -3
- package/esm2020/lib/choose-country-with-flag/choose-country-with-flag.component.mjs +3 -3
- package/esm2020/lib/contact-us-page/contact-us-page.component.mjs +3 -3
- package/esm2020/lib/get-started-cta/get-started-cta.component.mjs +3 -3
- package/esm2020/lib/image-gallery-modal/image-gallery-modal.component.mjs +3 -3
- package/esm2020/lib/jooler-websites-shared.module.mjs +19 -14
- package/esm2020/lib/our-client-listing/our-client-listing.component.mjs +3 -3
- package/esm2020/lib/our-clients/our-clients.component.mjs +3 -3
- package/esm2020/lib/page-section-style-ten/page-section-style-ten.component.mjs +3 -3
- package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs +3 -3
- package/esm2020/lib/page-section-style-three/page-section-style-three.component.mjs +17 -0
- package/esm2020/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs +3 -3
- package/esm2020/lib/pricing-plans/pricing-plans.component.mjs +3 -3
- package/esm2020/lib/section-title/section-title.component.mjs +3 -3
- package/esm2020/lib/success-message-dialog/success-message-dialog.component.mjs +3 -3
- package/esm2020/lib/team/team.component.mjs +3 -3
- package/esm2020/lib/value-props-sections/value-props-sections.component.mjs +39 -0
- package/esm2020/lib/values/values.component.mjs +3 -3
- package/esm2020/public-api.mjs +3 -2
- package/fesm2015/jooler-websites-shared.mjs +116 -64
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +116 -64
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/jooler-websites-shared.module.d.ts +12 -10
- package/lib/page-section-style-three/page-section-style-three.component.d.ts +9 -0
- package/lib/value-props-sections/value-props-sections.component.d.ts +11 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -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\">\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\">\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtcHJvcHMtc2VjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3ZhbHVlLXByb3BzLXNlY3Rpb25zL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wcy1zZWN0aW9ucy92YWx1ZS1wcm9wcy1zZWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPekQsTUFBTSxPQUFPLDJCQUEyQjtJQUd0Qyw4QkFBOEI7SUFHOUI7UUFKQSxrQkFBYSxHQUFVLEVBQUUsQ0FBQztJQUlWLENBQUM7SUFFakIsUUFBUTtRQUNOLHlFQUF5RTtRQUN6RSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDVixLQUFLLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUNyRCxDQUFDLEVBQUUsQ0FBQztZQUNKLEtBQUssSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDckMsU0FBUyxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7YUFDN0I7WUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7U0FDckM7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYztRQUNuRCxLQUFLLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLENBQUMsVUFBVSxFQUFFO1lBQ2xFLFNBQVMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1NBQzdCO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsR0FBRyxTQUFTLENBQUM7UUFDN0MsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxVQUFVLENBQUMsY0FBYyxDQUFDLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUNoRixDQUFDOzt3SEEzQlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMEdDUHhDLGdxQ0FxQk07MkZEZE8sMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjswRUFLdkIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWx1ZS1wcm9wcy1zZWN0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi92YWx1ZS1wcm9wcy1zZWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVmFsdWVQcm9wc1NlY3Rpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcbiAgc2VsZWN0ZWRJbWFnZTogYW55W10gPSBbXTtcbiAgLy8gaXNTZWxlY3RlZDogYm9vbGVhbltdID0gW107XG5cblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vIGNvbnNvbGUubG9nKCdodWh1aHVoJywgdGhpcy5zZWN0aW9uQ29udGVudFswXS5wYXJhZ3JhcGhzWzBdLmltYWdlUGF0aClcbiAgICBsZXQgaSA9IDA7XG4gICAgZm9yIChsZXQgaXRlbSBvZiB0aGlzLnNlY3Rpb25Db250ZW50KSB7XG4gICAgICB0aGlzLnNlbGVjdGVkSW1hZ2VbaV0gPSBpdGVtLnBhcmFncmFwaHNbMF0uaW1hZ2VQYXRoO1xuICAgICAgaSsrO1xuICAgICAgZm9yIChsZXQgcGFyYWdyYXBoIG9mIGl0ZW0ucGFyYWdyYXBocykge1xuICAgICAgICBwYXJhZ3JhcGguaXNDbGlja2VkID0gZmFsc2U7XG4gICAgICB9XG4gICAgICBpdGVtLnBhcmFncmFwaHNbMF0uaXNDbGlja2VkID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBvbkNoYW5nZUltYWdlKGltYWdlUGF0aCwgc2VjdGlvbkluZGV4LCBwYXJhZ3JhcGhJbmRleCkge1xuICAgIGZvciAobGV0IHBhcmFncmFwaCBvZiB0aGlzLnNlY3Rpb25Db250ZW50W3NlY3Rpb25JbmRleF0ucGFyYWdyYXBocykge1xuICAgICAgcGFyYWdyYXBoLmlzQ2xpY2tlZCA9IGZhbHNlO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdGVkSW1hZ2Vbc2VjdGlvbkluZGV4XSA9IGltYWdlUGF0aDtcbiAgICB0aGlzLnNlY3Rpb25Db250ZW50W3NlY3Rpb25JbmRleF0ucGFyYWdyYXBoc1twYXJhZ3JhcGhJbmRleF0uaXNDbGlja2VkID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZhbHVlLXByb3BcIiAqbmdGb3I9XCJsZXQgdmFsdWVwcm9wIG9mIHNlY3Rpb25Db250ZW50OyBsZXQgaSA9IGluZGV4XCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiPlxuICAgICAgICA8c2VjdGlvbi10aXRsZSBbdGl0bGVdPVwidmFsdWVwcm9wLnRpdGxlXCIgW3N1YnRpdGxlXT1cInZhbHVlcHJvcC5zdWJ0aXRsZVwiIFthbGlnbkxlZnRdPVwidHJ1ZVwiPlxuICAgICAgICA8L3NlY3Rpb24tdGl0bGU+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZS1wcm9wLWltYWdlXCI+XG4gICAgICAgICAgICA8IS0tIDxpbWcgW3NyY109XCJ2YWx1ZXByb3AucGFyYWdyYXBoc1tpXS5pbWFnZVBhdGhcIiBhbHQ9XCJcIj4gLS0+XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwic2VsZWN0ZWRJbWFnZVtpXVwiIGFsdD1cIlwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHAgKm5nRm9yPVwibGV0IHBhcmFncmFwaCBvZiB2YWx1ZXByb3AucGFyYWdyYXBoczsgbGV0IGogPSBpbmRleFwiIGNsYXNzPVwicGFyYWdyYXBoXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkNoYW5nZUltYWdlKHBhcmFncmFwaC5pbWFnZVBhdGggLCBpICxqKVwiIFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQtcGFyYWdyYXBoJzpwYXJhZ3JhcGguaXNDbGlja2VkfVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZS1wcm9wLWljb25cIj5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJwYXJhZ3JhcGguaWNvbk5hbWVcIj48L2ZhLWljb24+PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAge3twYXJhZ3JhcGgudGV4dH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8IS0tIDxzcGFuIGNsYXNzPVwiY3RhLWljb24tY29udGFpbmVyXCI+PGZhLWljb24gW2ljb25dPVwicGFyYWdyYXBoLmN0YUljb25cIiBjbGFzcz1cImN0YS1pY29uXCI+PC9mYS1pY29uPjwvc3Bhbj4gLS0+XG4gICAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtYnV0dG9ucy1zaWRlXCI+XG4gICAgICAgIDxpbWcgb25lcnJvcj1cIicuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL3ZhbHVlLW9uZS5qcGVnJ1wiIFtzcmNdPVwic2VsZWN0ZWRJbWFnZVtpXVwiIGFsdD1cIlwiPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -25,9 +25,9 @@ export class ValuesComponent {
|
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
ValuesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
29
|
-
ValuesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
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:70%;width:90%;margin:2rem auto}}\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
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValuesComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
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:70%;width:90%;margin:2rem auto}}\n"] }]
|
|
33
33
|
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { values: [{
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -41,7 +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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLG1GQUFtRixDQUFDO0FBQ2xHLGNBQWMsdUVBQXVFLENBQUM7QUFDdEYsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLG1FQUFtRSxDQUFDO0FBQ2xGLGNBQWMsbUVBQW1FLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGpvb2xlci13ZWJzaXRlcy1zaGFyZWRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9qb29sZXItd2Vic2l0ZXMtc2hhcmVkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNoaWV2ZW1lbnRzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2hpZXZlbWVudC5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VydmljZS1wbGFuLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByaWNpbmctcGxhbnMvcHJpY2luZy1wbGFucy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9nYWxsZXJ5LWl0ZW1zLXByb3BlcnRpZXMubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9pbWFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1tZW1iZXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGVhbS90ZWFtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXN0eWxlLXNlY3Rpb24tZml2ZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWJvdXQtdXMtc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNjb3VudC10eXBlLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2NvdW50Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hZGRyZXNzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jaXR5Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jb3VudHJ5Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy91c2VyLXR5cGUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3VzZXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudC1saXN0aW5nL291ci1jbGllbnQtbGlzdGluZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudHMvb3VyLWNsaWVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vbGluay10ZXh0Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbHVlLXByb3BzLXNlY3Rpb25zL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudCc7Il19
|