@jooler/jooler-websites-shared 0.0.39 → 0.0.41

package/public-api.d.ts

@@ -9,7 +9,6 @@ export * from './lib/models/achievements.model';
 export * from './lib/models/achievement.model';
 export * from './lib/models/service-plan.model';
 export * from './lib/pricing-plans/pricing-plans.component';
-export * from './lib/page-section-style-thirteen/page-section-style-thirteen.component';
 export * from './lib/models/page-section-style-thirteen.model';
 export * from './lib/image-gallery-modal/image-gallery-modal.component';
 export * from './lib/models/gallery-items-properties.model';
@@ -38,6 +37,5 @@ export * from './lib/page-section-with-multiple-cards/page-section-with-multiple
 export * from './lib/call-to-action-section-two/call-to-action-section-two.component';
 export * from './lib/call-to-action-section-two/call-to-action-section-two.model';
 export * from './lib/call-to-action-section-two/link-text.model';
-export * from './lib/value-props-sections/value-props-sections.component';
 export * from './lib/contact-us-page/contact-us-page.component';
 export * from './lib/choose-country-with-flag/choose-country-with-flag.component';

package/esm2020/lib/value-props-sections/value-props-sections.component.mjs

@@ -1,39 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@fortawesome/angular-fontawesome";
-import * as i3 from "../section-title/section-title.component";
-export class ValuePropsSectionsComponent {
-    // isSelected: boolean[] = [];
-    constructor() {
-        this.selectedImage = [];
-    }
-    ngOnInit() {
-        // console.log('huhuhuh', this.sectionContent[0].paragraphs[0].imagePath)
-        let i = 0;
-        for (let item of this.sectionContent) {
-            this.selectedImage[i] = item.paragraphs[0].imagePath;
-            i++;
-            for (let paragraph of item.paragraphs) {
-                paragraph.isClicked = false;
-            }
-            item.paragraphs[0].isClicked = true;
-        }
-    }
-    onChangeImage(imagePath, sectionIndex, paragraphIndex) {
-        for (let paragraph of this.sectionContent[sectionIndex].paragraphs) {
-            paragraph.isClicked = false;
-        }
-        this.selectedImage[sectionIndex] = imagePath;
-        this.sectionContent[sectionIndex].paragraphs[paragraphIndex].isClicked = true;
-    }
-}
-ValuePropsSectionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ValuePropsSectionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ValuePropsSectionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.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:#054386;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:#054386}.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:#054386;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:#054386}.value-prop .text-side .paragraph .value-prop-icon fa-icon{font-size:3rem}.value-prop .text-side .selected-paragraph{background-color:#054386;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:#054386;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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ValuePropsSectionsComponent, decorators: [{
-            type: Component,
-            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:#054386;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:#054386}.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:#054386;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:#054386}.value-prop .text-side .paragraph .value-prop-icon fa-icon{font-size:3rem}.value-prop .text-side .selected-paragraph{background-color:#054386;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:#054386;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"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtcHJvcHMtc2VjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3ZhbHVlLXByb3BzLXNlY3Rpb25zL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92YWx1ZS1wcm9wcy1zZWN0aW9ucy92YWx1ZS1wcm9wcy1zZWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPekQsTUFBTSxPQUFPLDJCQUEyQjtJQUd0Qyw4QkFBOEI7SUFHOUI7UUFKQSxrQkFBYSxHQUFVLEVBQUUsQ0FBQztJQUlWLENBQUM7SUFFakIsUUFBUTtRQUNOLHlFQUF5RTtRQUN6RSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDVixLQUFLLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUNyRCxDQUFDLEVBQUUsQ0FBQztZQUNKLEtBQUssSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDckMsU0FBUyxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7YUFDN0I7WUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7U0FDckM7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYztRQUNuRCxLQUFLLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLENBQUMsVUFBVSxFQUFFO1lBQ2xFLFNBQVMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1NBQzdCO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsR0FBRyxTQUFTLENBQUM7UUFDN0MsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxVQUFVLENBQUMsY0FBYyxDQUFDLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUNoRixDQUFDOzt3SEEzQlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMEdDUHhDLGdxQ0FxQk07MkZEZE8sMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjswRUFLdkIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWx1ZS1wcm9wcy1zZWN0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi92YWx1ZS1wcm9wcy1zZWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZhbHVlLXByb3BzLXNlY3Rpb25zLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVmFsdWVQcm9wc1NlY3Rpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcbiAgc2VsZWN0ZWRJbWFnZTogYW55W10gPSBbXTtcbiAgLy8gaXNTZWxlY3RlZDogYm9vbGVhbltdID0gW107XG5cblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vIGNvbnNvbGUubG9nKCdodWh1aHVoJywgdGhpcy5zZWN0aW9uQ29udGVudFswXS5wYXJhZ3JhcGhzWzBdLmltYWdlUGF0aClcbiAgICBsZXQgaSA9IDA7XG4gICAgZm9yIChsZXQgaXRlbSBvZiB0aGlzLnNlY3Rpb25Db250ZW50KSB7XG4gICAgICB0aGlzLnNlbGVjdGVkSW1hZ2VbaV0gPSBpdGVtLnBhcmFncmFwaHNbMF0uaW1hZ2VQYXRoO1xuICAgICAgaSsrO1xuICAgICAgZm9yIChsZXQgcGFyYWdyYXBoIG9mIGl0ZW0ucGFyYWdyYXBocykge1xuICAgICAgICBwYXJhZ3JhcGguaXNDbGlja2VkID0gZmFsc2U7XG4gICAgICB9XG4gICAgICBpdGVtLnBhcmFncmFwaHNbMF0uaXNDbGlja2VkID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBvbkNoYW5nZUltYWdlKGltYWdlUGF0aCwgc2VjdGlvbkluZGV4LCBwYXJhZ3JhcGhJbmRleCkge1xuICAgIGZvciAobGV0IHBhcmFncmFwaCBvZiB0aGlzLnNlY3Rpb25Db250ZW50W3NlY3Rpb25JbmRleF0ucGFyYWdyYXBocykge1xuICAgICAgcGFyYWdyYXBoLmlzQ2xpY2tlZCA9IGZhbHNlO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdGVkSW1hZ2Vbc2VjdGlvbkluZGV4XSA9IGltYWdlUGF0aDtcbiAgICB0aGlzLnNlY3Rpb25Db250ZW50W3NlY3Rpb25JbmRleF0ucGFyYWdyYXBoc1twYXJhZ3JhcGhJbmRleF0uaXNDbGlja2VkID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZhbHVlLXByb3BcIiAqbmdGb3I9XCJsZXQgdmFsdWVwcm9wIG9mIHNlY3Rpb25Db250ZW50OyBsZXQgaSA9IGluZGV4XCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtc2lkZVwiPlxuICAgICAgICA8c2VjdGlvbi10aXRsZSBbdGl0bGVdPVwidmFsdWVwcm9wLnRpdGxlXCIgW3N1YnRpdGxlXT1cInZhbHVlcHJvcC5zdWJ0aXRsZVwiIFthbGlnbkxlZnRdPVwidHJ1ZVwiPlxuICAgICAgICA8L3NlY3Rpb24tdGl0bGU+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZS1wcm9wLWltYWdlXCI+XG4gICAgICAgICAgICA8IS0tIDxpbWcgW3NyY109XCJ2YWx1ZXByb3AucGFyYWdyYXBoc1tpXS5pbWFnZVBhdGhcIiBhbHQ9XCJcIj4gLS0+XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwic2VsZWN0ZWRJbWFnZVtpXVwiIGFsdD1cIlwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHAgKm5nRm9yPVwibGV0IHBhcmFncmFwaCBvZiB2YWx1ZXByb3AucGFyYWdyYXBoczsgbGV0IGogPSBpbmRleFwiIGNsYXNzPVwicGFyYWdyYXBoXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkNoYW5nZUltYWdlKHBhcmFncmFwaC5pbWFnZVBhdGggLCBpICxqKVwiIFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQtcGFyYWdyYXBoJzpwYXJhZ3JhcGguaXNDbGlja2VkfVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZS1wcm9wLWljb25cIj5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJwYXJhZ3JhcGguaWNvbk5hbWVcIj48L2ZhLWljb24+PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAge3twYXJhZ3JhcGgudGV4dH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8IS0tIDxzcGFuIGNsYXNzPVwiY3RhLWljb24tY29udGFpbmVyXCI+PGZhLWljb24gW2ljb25dPVwicGFyYWdyYXBoLmN0YUljb25cIiBjbGFzcz1cImN0YS1pY29uXCI+PC9mYS1pY29uPjwvc3Bhbj4gLS0+XG4gICAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtYnV0dG9ucy1zaWRlXCI+XG4gICAgICAgIDxpbWcgb25lcnJvcj1cIicuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL3ZhbHVlLW9uZS5qcGVnJ1wiIFtzcmNdPVwic2VsZWN0ZWRJbWFnZVtpXVwiIGFsdD1cIlwiPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19

package/lib/value-props-sections/value-props-sections.component.d.ts

@@ -1,11 +0,0 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class ValuePropsSectionsComponent implements OnInit {
-    sectionContent: any;
-    selectedImage: any[];
-    constructor();
-    ngOnInit(): void;
-    onChangeImage(imagePath: any, sectionIndex: any, paragraphIndex: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ValuePropsSectionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ValuePropsSectionsComponent, "value-props-sections", never, { "sectionContent": "sectionContent"; }, {}, never, never, false>;
-}