@jooler/jooler-websites-shared 0.0.11 → 0.0.13
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/image-gallery-modal/gallery-items-properties.model.mjs +2 -0
- package/esm2020/lib/image-gallery-modal/image-gallery-modal.component.mjs +121 -0
- package/esm2020/lib/jooler-websites-shared.module.mjs +27 -8
- package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs +53 -0
- package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.model.mjs +6 -0
- package/esm2020/lib/success-message-dialog/success-message-dialog.component.mjs +22 -0
- package/esm2020/public-api.mjs +6 -1
- package/fesm2015/jooler-websites-shared.mjs +214 -9
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +214 -9
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/image-gallery-modal/gallery-items-properties.model.d.ts +4 -0
- package/lib/image-gallery-modal/image-gallery-modal.component.d.ts +25 -0
- package/lib/jooler-websites-shared.module.d.ts +8 -4
- package/lib/page-section-style-thirteen/page-section-style-thirteen.component.d.ts +22 -0
- package/lib/page-section-style-thirteen/page-section-style-thirteen.model.d.ts +4 -0
- package/lib/success-message-dialog/success-message-dialog.component.d.ts +11 -0
- package/package.json +1 -1
- package/public-api.d.ts +5 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS1pdGVtcy1wcm9wZXJ0aWVzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ltYWdlLWdhbGxlcnktbW9kYWwvZ2FsbGVyeS1pdGVtcy1wcm9wZXJ0aWVzLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEdhbGxlcnlJdGVtc1Byb3BlcnRpZXMge1xuICAgIGltYWdlU3JjOiBzdHJpbmc7XG4gICAgaW1hZ2VBbHQ6IHN0cmluZztcbn0iXX0=
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { Component, HostListener, Input } from '@angular/core';
|
|
2
|
+
import { animate, style, transition, trigger } from '@angular/animations';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
6
|
+
import * as i3 from "primeng/galleria";
|
|
7
|
+
import * as i4 from "primeng/api";
|
|
8
|
+
export class ImageGalleryModal {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.galleryData = [];
|
|
11
|
+
this.showCount = false;
|
|
12
|
+
this.previewImage = false;
|
|
13
|
+
this.showMask = false;
|
|
14
|
+
this.currentImageGalleryModal = this.galleryData[0];
|
|
15
|
+
this.currentIndex = 0;
|
|
16
|
+
this.controls = true;
|
|
17
|
+
this.totalImageCount = 0;
|
|
18
|
+
}
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
this.totalImageCount = this.galleryData.length;
|
|
21
|
+
this.responsiveOptions = [
|
|
22
|
+
{
|
|
23
|
+
breakpoint: '900px',
|
|
24
|
+
numVisible: 5
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
breakpoint: '600px',
|
|
28
|
+
numVisible: 4
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
breakpoint: '540px',
|
|
32
|
+
numVisible: 3
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
breakpoint: '400px',
|
|
36
|
+
numVisible: 2
|
|
37
|
+
}
|
|
38
|
+
];
|
|
39
|
+
}
|
|
40
|
+
onKeydownHandler(event) {
|
|
41
|
+
this.onClosePreview();
|
|
42
|
+
}
|
|
43
|
+
onPreviewImage(index) {
|
|
44
|
+
document.body.style.overflowY = 'hidden';
|
|
45
|
+
this.showMask = true;
|
|
46
|
+
this.previewImage = true;
|
|
47
|
+
this.currentIndex = index;
|
|
48
|
+
this.currentImageGalleryModal = this.galleryData[index];
|
|
49
|
+
}
|
|
50
|
+
onAnimationEnd(event) {
|
|
51
|
+
if (event.toState === 'void') {
|
|
52
|
+
this.showMask = false;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
onClosePreview() {
|
|
56
|
+
document.body.style.overflowY = 'visible';
|
|
57
|
+
this.previewImage = false;
|
|
58
|
+
}
|
|
59
|
+
onclickPrev() {
|
|
60
|
+
this.currentIndex++;
|
|
61
|
+
if (this.currentIndex > this.galleryData.length - 1) {
|
|
62
|
+
this.currentIndex = 0;
|
|
63
|
+
}
|
|
64
|
+
this.currentImageGalleryModal = this.galleryData[this.currentIndex];
|
|
65
|
+
}
|
|
66
|
+
onclickNext() {
|
|
67
|
+
this.currentIndex--;
|
|
68
|
+
if (this.currentIndex < 0) {
|
|
69
|
+
this.currentIndex = this.galleryData.length - 1;
|
|
70
|
+
}
|
|
71
|
+
this.currentImageGalleryModal = this.galleryData[this.currentIndex];
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
ImageGalleryModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ImageGalleryModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
75
|
+
ImageGalleryModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ImageGalleryModal, selector: "image-gallery-modal", inputs: { galleryData: "galleryData", showCount: "showCount" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, ngImport: i0, template: "<div class=\"gallery-image-gallery-modal-container\">\n <div class=\"gallery\">\n <div *ngFor=\"let image of galleryData; let i = index\" class=\"gallery-image\">\n <img (click)=\"onPreviewImage(i)\" [src]=\"image.imageSrc\" [alt]=\"image.imageAlt\">\n </div>\n </div>\n <div *ngIf=\"showMask\" [ngClass]=\"{'hide-overflow' : showMask}\" class=\"image-gallery-modal\" @animation2>\n <div *ngIf=\"showCount\" class=\"count\">\n {{currentIndex + 1}}/{{totalImageCount}}\n </div>\n <button (click)=\"onClosePreview()\" *ngIf=\"previewImage\" class=\"close-btn\">\n <fa-icon icon=\"times\"></fa-icon>\n </button>\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-prev\" (click)=\"onclickPrev()\">\n <fa-icon icon=\"arrow-circle-left\" class=\"icon-image-gallery-modal-carousel icon-prev\"></fa-icon>\n </button>\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-next\" (click)=\"onclickNext()\">\n <fa-icon icon=\"arrow-circle-right\" class=\"icon-image-gallery-modal-carousel icon-next\"></fa-icon>\n </button>\n <div *ngIf=\"previewImage\" [@animation]=\"{value : 'visible'}\" (@animation.done)=\"onAnimationEnd($event)\"\n class=\"image-gallery-modal-img\">\n <img [src]=\"currentImageGalleryModal.imageSrc\" [alt]=\"currentImageGalleryModal.imageAlt\">\n </div>\n </div>\n</div>\n<p-galleria class=\"gallery-custom\" [value]=\"galleryData\" [responsiveOptions]=\"responsiveOptions\"\n [containerStyle]=\"{ 'max-width': '900px' }\" [numVisible]=\"6\">\n <ng-template pTemplate=\"item\" let-item>\n <div class=\"img\">\n <img class=\"big-img\" [src]=\"item.imageSrc\" />\n </div>\n </ng-template>\n <ng-template pTemplate=\"thumbnail\" let-item>\n <div class=\"grid grid-nogutter justify-content-center\">\n <img [src]=\"item.imageSrc\" style=\"width: 10rem; height:12rem\" class=\"small-img\" />\n </div>\n </ng-template>\n</p-galleria>", styles: [".gallery-custom{display:none}.gallery-image-gallery-modal-container{position:relative;display:block;padding:2.5rem;width:90%;margin:auto}@media only screen and (min-width: 1500px){.gallery-image-gallery-modal-container{max-width:150rem}}.gallery-image-gallery-modal-container .gallery{line-height:0;column-count:4;column-gap:2rem}.gallery-image-gallery-modal-container .gallery .gallery-image img{width:100%;height:auto;cursor:zoom-in;border-radius:.35rem;margin-bottom:3rem;box-shadow:0 .1rem .5rem #00000036}.gallery-image-gallery-modal-container .image-gallery-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;background-color:#000000d9;z-index:101;height:100%;overflow-y:auto}.gallery-image-gallery-modal-container .count{position:absolute;top:0;left:0;width:7%;height:10%;color:#fff;opacity:.7;font-size:1.8rem;display:flex;justify-content:center;align-items:center;margin-left:.5rem}.gallery-image-gallery-modal-container .close-btn{position:absolute;top:0;right:0;padding:0;color:#fff;background:0 0;border:0;cursor:pointer;width:7%;height:10%;z-index:10}.gallery-image-gallery-modal-container .close-btn fa-icon{font-size:2.5rem}.gallery-image-gallery-modal-container .btn-image-gallery-modal-carousel{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;width:8%;height:8%;padding:0;color:#fff;text-align:center;background:0 0;border:0;cursor:pointer}.gallery-image-gallery-modal-container .btn-prev{left:0}.gallery-image-gallery-modal-container .btn-next{right:0}.gallery-image-gallery-modal-container .icon-image-gallery-modal-carousel{color:#fff;opacity:.5;transition:all .15s ease}.gallery-image-gallery-modal-container .icon-image-gallery-modal-carousel:hover{opacity:.9}.gallery-image-gallery-modal-container .icon-image-gallery-modal-carousel:active{opacity:.5}.gallery-image-gallery-modal-container .icon-prev,.gallery-image-gallery-modal-container .icon-next{font-size:3rem}.gallery-image-gallery-modal-container .image-gallery-modal-img img{width:100%;max-height:90vh;border-radius:1rem}.gallery-image-gallery-modal-container .hide-overflow{overflow:hidden}@media only screen and (max-width: 75em){.gallery-image-gallery-modal-container .gallery-custom{display:normal}.gallery-image-gallery-modal-container .gallery-image-gallery-modal-container{display:none}.gallery-image-gallery-modal-container .gallery{column-count:3;width:100%}.gallery-image-gallery-modal-container .gallery-img img{width:100%}}@media only screen and (max-width: 56.25em){.gallery-image-gallery-modal-container .gallery{column-count:2}.gallery-image-gallery-modal-container .gallery-img img{max-width:100%}}@media only screen and (max-width: 37.5em){.gallery-image-gallery-modal-container .gallery{column-count:1}.gallery-image-gallery-modal-container .gallery-img img{width:100%}}.small-img{width:10rem;height:12rem}@media only screen and (max-width: 56.25em){.gallery-custom{display:block;margin:auto;width:90%}.gallery-custom .img{width:90%}.gallery-custom .big-img{width:100%;height:50rem;object-fit:cover;border-radius:1.5rem;box-shadow:2rem 1rem 1.5rem -.5rem #e0e0e075;margin-bottom:2rem}.gallery-custom .small-img{object-fit:cover;border-radius:.7rem;box-shadow:1rem .4rem .5rem -.5rem #e0e0e075}.gallery-image-gallery-modal-container{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: "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.Galleria, selector: "p-galleria", inputs: ["activeIndex", "fullScreen", "id", "value", "numVisible", "responsiveOptions", "showItemNavigators", "showThumbnailNavigators", "showItemNavigatorsOnHover", "changeItemOnIndicatorHover", "circular", "autoPlay", "transitionInterval", "showThumbnails", "thumbnailsPosition", "verticalThumbnailViewPortHeight", "showIndicators", "showIndicatorsOnItem", "indicatorsPosition", "baseZIndex", "maskClass", "containerClass", "containerStyle", "showTransitionOptions", "hideTransitionOptions", "visible"], outputs: ["activeIndexChange", "visibleChange"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], animations: [
|
|
76
|
+
trigger('animation', [
|
|
77
|
+
transition('void => visible', [
|
|
78
|
+
style({ transform: 'scale(0.5)' }),
|
|
79
|
+
animate('150ms', style({ transform: 'scale(1)' }))
|
|
80
|
+
]),
|
|
81
|
+
transition('visible => void', [
|
|
82
|
+
style({ transform: 'scale(1)' }),
|
|
83
|
+
animate('150ms', style({ transform: 'scale(0.5)' }))
|
|
84
|
+
]),
|
|
85
|
+
]),
|
|
86
|
+
trigger('animation2', [
|
|
87
|
+
transition(':leave', [
|
|
88
|
+
style({ opacity: 1 }),
|
|
89
|
+
animate('50ms', style({ opacity: 0.8 }))
|
|
90
|
+
])
|
|
91
|
+
])
|
|
92
|
+
] });
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ImageGalleryModal, decorators: [{
|
|
94
|
+
type: Component,
|
|
95
|
+
args: [{ selector: 'image-gallery-modal', animations: [
|
|
96
|
+
trigger('animation', [
|
|
97
|
+
transition('void => visible', [
|
|
98
|
+
style({ transform: 'scale(0.5)' }),
|
|
99
|
+
animate('150ms', style({ transform: 'scale(1)' }))
|
|
100
|
+
]),
|
|
101
|
+
transition('visible => void', [
|
|
102
|
+
style({ transform: 'scale(1)' }),
|
|
103
|
+
animate('150ms', style({ transform: 'scale(0.5)' }))
|
|
104
|
+
]),
|
|
105
|
+
]),
|
|
106
|
+
trigger('animation2', [
|
|
107
|
+
transition(':leave', [
|
|
108
|
+
style({ opacity: 1 }),
|
|
109
|
+
animate('50ms', style({ opacity: 0.8 }))
|
|
110
|
+
])
|
|
111
|
+
])
|
|
112
|
+
], template: "<div class=\"gallery-image-gallery-modal-container\">\n <div class=\"gallery\">\n <div *ngFor=\"let image of galleryData; let i = index\" class=\"gallery-image\">\n <img (click)=\"onPreviewImage(i)\" [src]=\"image.imageSrc\" [alt]=\"image.imageAlt\">\n </div>\n </div>\n <div *ngIf=\"showMask\" [ngClass]=\"{'hide-overflow' : showMask}\" class=\"image-gallery-modal\" @animation2>\n <div *ngIf=\"showCount\" class=\"count\">\n {{currentIndex + 1}}/{{totalImageCount}}\n </div>\n <button (click)=\"onClosePreview()\" *ngIf=\"previewImage\" class=\"close-btn\">\n <fa-icon icon=\"times\"></fa-icon>\n </button>\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-prev\" (click)=\"onclickPrev()\">\n <fa-icon icon=\"arrow-circle-left\" class=\"icon-image-gallery-modal-carousel icon-prev\"></fa-icon>\n </button>\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-next\" (click)=\"onclickNext()\">\n <fa-icon icon=\"arrow-circle-right\" class=\"icon-image-gallery-modal-carousel icon-next\"></fa-icon>\n </button>\n <div *ngIf=\"previewImage\" [@animation]=\"{value : 'visible'}\" (@animation.done)=\"onAnimationEnd($event)\"\n class=\"image-gallery-modal-img\">\n <img [src]=\"currentImageGalleryModal.imageSrc\" [alt]=\"currentImageGalleryModal.imageAlt\">\n </div>\n </div>\n</div>\n<p-galleria class=\"gallery-custom\" [value]=\"galleryData\" [responsiveOptions]=\"responsiveOptions\"\n [containerStyle]=\"{ 'max-width': '900px' }\" [numVisible]=\"6\">\n <ng-template pTemplate=\"item\" let-item>\n <div class=\"img\">\n <img class=\"big-img\" [src]=\"item.imageSrc\" />\n </div>\n </ng-template>\n <ng-template pTemplate=\"thumbnail\" let-item>\n <div class=\"grid grid-nogutter justify-content-center\">\n <img [src]=\"item.imageSrc\" style=\"width: 10rem; height:12rem\" class=\"small-img\" />\n </div>\n </ng-template>\n</p-galleria>", styles: [".gallery-custom{display:none}.gallery-image-gallery-modal-container{position:relative;display:block;padding:2.5rem;width:90%;margin:auto}@media only screen and (min-width: 1500px){.gallery-image-gallery-modal-container{max-width:150rem}}.gallery-image-gallery-modal-container .gallery{line-height:0;column-count:4;column-gap:2rem}.gallery-image-gallery-modal-container .gallery .gallery-image img{width:100%;height:auto;cursor:zoom-in;border-radius:.35rem;margin-bottom:3rem;box-shadow:0 .1rem .5rem #00000036}.gallery-image-gallery-modal-container .image-gallery-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;background-color:#000000d9;z-index:101;height:100%;overflow-y:auto}.gallery-image-gallery-modal-container .count{position:absolute;top:0;left:0;width:7%;height:10%;color:#fff;opacity:.7;font-size:1.8rem;display:flex;justify-content:center;align-items:center;margin-left:.5rem}.gallery-image-gallery-modal-container .close-btn{position:absolute;top:0;right:0;padding:0;color:#fff;background:0 0;border:0;cursor:pointer;width:7%;height:10%;z-index:10}.gallery-image-gallery-modal-container .close-btn fa-icon{font-size:2.5rem}.gallery-image-gallery-modal-container .btn-image-gallery-modal-carousel{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;width:8%;height:8%;padding:0;color:#fff;text-align:center;background:0 0;border:0;cursor:pointer}.gallery-image-gallery-modal-container .btn-prev{left:0}.gallery-image-gallery-modal-container .btn-next{right:0}.gallery-image-gallery-modal-container .icon-image-gallery-modal-carousel{color:#fff;opacity:.5;transition:all .15s ease}.gallery-image-gallery-modal-container .icon-image-gallery-modal-carousel:hover{opacity:.9}.gallery-image-gallery-modal-container .icon-image-gallery-modal-carousel:active{opacity:.5}.gallery-image-gallery-modal-container .icon-prev,.gallery-image-gallery-modal-container .icon-next{font-size:3rem}.gallery-image-gallery-modal-container .image-gallery-modal-img img{width:100%;max-height:90vh;border-radius:1rem}.gallery-image-gallery-modal-container .hide-overflow{overflow:hidden}@media only screen and (max-width: 75em){.gallery-image-gallery-modal-container .gallery-custom{display:normal}.gallery-image-gallery-modal-container .gallery-image-gallery-modal-container{display:none}.gallery-image-gallery-modal-container .gallery{column-count:3;width:100%}.gallery-image-gallery-modal-container .gallery-img img{width:100%}}@media only screen and (max-width: 56.25em){.gallery-image-gallery-modal-container .gallery{column-count:2}.gallery-image-gallery-modal-container .gallery-img img{max-width:100%}}@media only screen and (max-width: 37.5em){.gallery-image-gallery-modal-container .gallery{column-count:1}.gallery-image-gallery-modal-container .gallery-img img{width:100%}}.small-img{width:10rem;height:12rem}@media only screen and (max-width: 56.25em){.gallery-custom{display:block;margin:auto;width:90%}.gallery-custom .img{width:90%}.gallery-custom .big-img{width:100%;height:50rem;object-fit:cover;border-radius:1.5rem;box-shadow:2rem 1rem 1.5rem -.5rem #e0e0e075;margin-bottom:2rem}.gallery-custom .small-img{object-fit:cover;border-radius:.7rem;box-shadow:1rem .4rem .5rem -.5rem #e0e0e075}.gallery-image-gallery-modal-container{display:none}}\n"] }]
|
|
113
|
+
}], ctorParameters: function () { return []; }, propDecorators: { galleryData: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], showCount: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}], onKeydownHandler: [{
|
|
118
|
+
type: HostListener,
|
|
119
|
+
args: ['document:keydown.escape', ['$event']]
|
|
120
|
+
}] } });
|
|
121
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvaW1hZ2UtZ2FsbGVyeS1tb2RhbC9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQWtCLE1BQU0scUJBQXFCLENBQUM7Ozs7OztBQXlCMUYsTUFBTSxPQUFPLGlCQUFpQjtJQVc1QjtRQVZTLGdCQUFXLEdBQTZCLEVBQUUsQ0FBQztRQUMzQyxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRTNCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsNkJBQXdCLEdBQTJCLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkUsaUJBQVksR0FBRyxDQUFDLENBQUM7UUFDakIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNoQixvQkFBZSxHQUFHLENBQUMsQ0FBQztJQUVKLENBQUM7SUFDakIsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUM7UUFFL0MsSUFBSSxDQUFDLGlCQUFpQixHQUFHO1lBQ3ZCO2dCQUNFLFVBQVUsRUFBRSxPQUFPO2dCQUNuQixVQUFVLEVBQUUsQ0FBQzthQUNkO1lBQ0Q7Z0JBQ0UsVUFBVSxFQUFFLE9BQU87Z0JBQ25CLFVBQVUsRUFBRSxDQUFDO2FBQ2Q7WUFDRDtnQkFDRSxVQUFVLEVBQUUsT0FBTztnQkFDbkIsVUFBVSxFQUFFLENBQUM7YUFDZDtZQUNEO2dCQUNFLFVBQVUsRUFBRSxPQUFPO2dCQUNuQixVQUFVLEVBQUUsQ0FBQzthQUNkO1NBQ0YsQ0FBQztJQUNKLENBQUM7SUFDb0QsZ0JBQWdCLENBQUMsS0FBb0I7UUFDeEYsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBYTtRQUMxQixRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxjQUFjLENBQUMsS0FBcUI7UUFDbEMsSUFBSSxLQUFLLENBQUMsT0FBTyxLQUFLLE1BQU0sRUFBRTtZQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUN2QjtJQUNILENBQUM7SUFDRCxjQUFjO1FBQ1osUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUMxQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQTtRQUNuQixJQUFJLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ25ELElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDO1NBQ3ZCO1FBQ0QsSUFBSSxDQUFDLHdCQUF3QixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFBO0lBQ3JFLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQUU7WUFDekIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDakQ7UUFDRCxJQUFJLENBQUMsd0JBQXdCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUE7SUFDckUsQ0FBQzs7OEdBckVVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDJNQzNCOUIsMmtFQXFDYSwwakpEN0JDO1FBQ1YsT0FBTyxDQUFDLFdBQVcsRUFBRTtZQUNuQixVQUFVLENBQUMsaUJBQWlCLEVBQUU7Z0JBQzVCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQztnQkFDbEMsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQzthQUNuRCxDQUFDO1lBQ0YsVUFBVSxDQUFDLGlCQUFpQixFQUFFO2dCQUM1QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLENBQUM7Z0JBQ2hDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7YUFDckQsQ0FBQztTQUNILENBQUM7UUFDRixPQUFPLENBQUMsWUFBWSxFQUFFO1lBQ3BCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0JBQ25CLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztnQkFDckIsT0FBTyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQzthQUN6QyxDQUFDO1NBQ0gsQ0FBQztLQUNIOzJGQUVVLGlCQUFpQjtrQkF2QjdCLFNBQVM7K0JBQ0UscUJBQXFCLGNBR25CO3dCQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7NEJBQ25CLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtnQ0FDNUIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxDQUFDO2dDQUNsQyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDOzZCQUNuRCxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtnQ0FDNUIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDO2dDQUNoQyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDOzZCQUNyRCxDQUFDO3lCQUNILENBQUM7d0JBQ0YsT0FBTyxDQUFDLFlBQVksRUFBRTs0QkFDcEIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dDQUNyQixPQUFPLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDOzZCQUN6QyxDQUFDO3lCQUNILENBQUM7cUJBQ0g7MEVBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQWdDK0MsZ0JBQWdCO3NCQUFwRSxZQUFZO3VCQUFDLHlCQUF5QixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEdhbGxlcnlJdGVtc1Byb3BlcnRpZXMgfSBmcm9tICcuL2dhbGxlcnktaXRlbXMtcHJvcGVydGllcy5tb2RlbCc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciwgQW5pbWF0aW9uRXZlbnQgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW1hZ2UtZ2FsbGVyeS1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignYW5pbWF0aW9uJywgW1xuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiB2aXNpYmxlJywgW1xuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlKDAuNSknIH0pLFxuICAgICAgICBhbmltYXRlKCcxNTBtcycsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUoMSknIH0pKVxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCd2aXNpYmxlID0+IHZvaWQnLCBbXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUoMSknIH0pLFxuICAgICAgICBhbmltYXRlKCcxNTBtcycsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUoMC41KScgfSkpXG4gICAgICBdKSxcbiAgICBdKSxcbiAgICB0cmlnZ2VyKCdhbmltYXRpb24yJywgW1xuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDEgfSksXG4gICAgICAgIGFuaW1hdGUoJzUwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDAuOCB9KSlcbiAgICAgIF0pXG4gICAgXSlcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZUdhbGxlcnlNb2RhbCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGdhbGxlcnlEYXRhOiBHYWxsZXJ5SXRlbXNQcm9wZXJ0aWVzW10gPSBbXTtcbiAgQElucHV0KCkgc2hvd0NvdW50ID0gZmFsc2U7XG5cbiAgcHJldmlld0ltYWdlID0gZmFsc2U7XG4gIHNob3dNYXNrID0gZmFsc2U7XG4gIGN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbDogR2FsbGVyeUl0ZW1zUHJvcGVydGllcyA9IHRoaXMuZ2FsbGVyeURhdGFbMF07XG4gIGN1cnJlbnRJbmRleCA9IDA7XG4gIGNvbnRyb2xzID0gdHJ1ZTtcbiAgdG90YWxJbWFnZUNvdW50ID0gMDtcbiAgcmVzcG9uc2l2ZU9wdGlvbnM6IGFueVtdO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnRvdGFsSW1hZ2VDb3VudCA9IHRoaXMuZ2FsbGVyeURhdGEubGVuZ3RoO1xuXG4gICAgdGhpcy5yZXNwb25zaXZlT3B0aW9ucyA9IFtcbiAgICAgIHtcbiAgICAgICAgYnJlYWtwb2ludDogJzkwMHB4JyxcbiAgICAgICAgbnVtVmlzaWJsZTogNVxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgYnJlYWtwb2ludDogJzYwMHB4JyxcbiAgICAgICAgbnVtVmlzaWJsZTogNFxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgYnJlYWtwb2ludDogJzU0MHB4JyxcbiAgICAgICAgbnVtVmlzaWJsZTogM1xuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgYnJlYWtwb2ludDogJzQwMHB4JyxcbiAgICAgICAgbnVtVmlzaWJsZTogMlxuICAgICAgfVxuICAgIF07XG4gIH1cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bi5lc2NhcGUnLCBbJyRldmVudCddKSBvbktleWRvd25IYW5kbGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgdGhpcy5vbkNsb3NlUHJldmlldygpO1xuICB9XG5cbiAgb25QcmV2aWV3SW1hZ2UoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dZID0gJ2hpZGRlbic7XG4gICAgdGhpcy5zaG93TWFzayA9IHRydWU7XG4gICAgdGhpcy5wcmV2aWV3SW1hZ2UgPSB0cnVlO1xuICAgIHRoaXMuY3VycmVudEluZGV4ID0gaW5kZXg7XG4gICAgdGhpcy5jdXJyZW50SW1hZ2VHYWxsZXJ5TW9kYWwgPSB0aGlzLmdhbGxlcnlEYXRhW2luZGV4XTtcbiAgfVxuXG4gIG9uQW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCkge1xuICAgIGlmIChldmVudC50b1N0YXRlID09PSAndm9pZCcpIHtcbiAgICAgIHRoaXMuc2hvd01hc2sgPSBmYWxzZTtcbiAgICB9XG4gIH1cbiAgb25DbG9zZVByZXZpZXcoKSB7XG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvd1kgPSAndmlzaWJsZSc7XG4gICAgdGhpcy5wcmV2aWV3SW1hZ2UgPSBmYWxzZTtcbiAgfVxuXG4gIG9uY2xpY2tQcmV2KCk6IHZvaWQge1xuICAgIHRoaXMuY3VycmVudEluZGV4KytcbiAgICBpZiAodGhpcy5jdXJyZW50SW5kZXggPiB0aGlzLmdhbGxlcnlEYXRhLmxlbmd0aCAtIDEpIHtcbiAgICAgIHRoaXMuY3VycmVudEluZGV4ID0gMDtcbiAgICB9XG4gICAgdGhpcy5jdXJyZW50SW1hZ2VHYWxsZXJ5TW9kYWwgPSB0aGlzLmdhbGxlcnlEYXRhW3RoaXMuY3VycmVudEluZGV4XVxuICB9XG4gIG9uY2xpY2tOZXh0KCk6IHZvaWQge1xuICAgIHRoaXMuY3VycmVudEluZGV4LS07XG4gICAgaWYgKHRoaXMuY3VycmVudEluZGV4IDwgMCkge1xuICAgICAgdGhpcy5jdXJyZW50SW5kZXggPSB0aGlzLmdhbGxlcnlEYXRhLmxlbmd0aCAtIDE7XG4gICAgfVxuICAgIHRoaXMuY3VycmVudEltYWdlR2FsbGVyeU1vZGFsID0gdGhpcy5nYWxsZXJ5RGF0YVt0aGlzLmN1cnJlbnRJbmRleF1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ2FsbGVyeS1pbWFnZS1nYWxsZXJ5LW1vZGFsLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJnYWxsZXJ5XCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGltYWdlIG9mIGdhbGxlcnlEYXRhOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJnYWxsZXJ5LWltYWdlXCI+XG4gICAgICAgICAgICA8aW1nIChjbGljayk9XCJvblByZXZpZXdJbWFnZShpKVwiIFtzcmNdPVwiaW1hZ2UuaW1hZ2VTcmNcIiBbYWx0XT1cImltYWdlLmltYWdlQWx0XCI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJzaG93TWFza1wiIFtuZ0NsYXNzXT1cInsnaGlkZS1vdmVyZmxvdycgOiBzaG93TWFza31cIiBjbGFzcz1cImltYWdlLWdhbGxlcnktbW9kYWxcIiBAYW5pbWF0aW9uMj5cbiAgICAgICAgPGRpdiAqbmdJZj1cInNob3dDb3VudFwiIGNsYXNzPVwiY291bnRcIj5cbiAgICAgICAgICAgIHt7Y3VycmVudEluZGV4ICsgMX19L3t7dG90YWxJbWFnZUNvdW50fX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxidXR0b24gKGNsaWNrKT1cIm9uQ2xvc2VQcmV2aWV3KClcIiAqbmdJZj1cInByZXZpZXdJbWFnZVwiIGNsYXNzPVwiY2xvc2UtYnRuXCI+XG4gICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwidGltZXNcIj48L2ZhLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uICpuZ0lmPVwiY29udHJvbHNcIiBjbGFzcz1cImJ0bi1pbWFnZS1nYWxsZXJ5LW1vZGFsLWNhcm91c2VsIGJ0bi1wcmV2XCIgKGNsaWNrKT1cIm9uY2xpY2tQcmV2KClcIj5cbiAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJhcnJvdy1jaXJjbGUtbGVmdFwiIGNsYXNzPVwiaWNvbi1pbWFnZS1nYWxsZXJ5LW1vZGFsLWNhcm91c2VsIGljb24tcHJldlwiPjwvZmEtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gKm5nSWY9XCJjb250cm9sc1wiIGNsYXNzPVwiYnRuLWltYWdlLWdhbGxlcnktbW9kYWwtY2Fyb3VzZWwgYnRuLW5leHRcIiAoY2xpY2spPVwib25jbGlja05leHQoKVwiPlxuICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImFycm93LWNpcmNsZS1yaWdodFwiIGNsYXNzPVwiaWNvbi1pbWFnZS1nYWxsZXJ5LW1vZGFsLWNhcm91c2VsIGljb24tbmV4dFwiPjwvZmEtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJwcmV2aWV3SW1hZ2VcIiBbQGFuaW1hdGlvbl09XCJ7dmFsdWUgOiAndmlzaWJsZSd9XCIgKEBhbmltYXRpb24uZG9uZSk9XCJvbkFuaW1hdGlvbkVuZCgkZXZlbnQpXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaW1hZ2UtZ2FsbGVyeS1tb2RhbC1pbWdcIj5cbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJjdXJyZW50SW1hZ2VHYWxsZXJ5TW9kYWwuaW1hZ2VTcmNcIiBbYWx0XT1cImN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbC5pbWFnZUFsdFwiPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuPHAtZ2FsbGVyaWEgY2xhc3M9XCJnYWxsZXJ5LWN1c3RvbVwiIFt2YWx1ZV09XCJnYWxsZXJ5RGF0YVwiIFtyZXNwb25zaXZlT3B0aW9uc109XCJyZXNwb25zaXZlT3B0aW9uc1wiXG4gICAgW2NvbnRhaW5lclN0eWxlXT1cInsgJ21heC13aWR0aCc6ICc5MDBweCcgfVwiIFtudW1WaXNpYmxlXT1cIjZcIj5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaXRlbVwiIGxldC1pdGVtPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nXCI+XG4gICAgICAgICAgICA8aW1nIGNsYXNzPVwiYmlnLWltZ1wiIFtzcmNdPVwiaXRlbS5pbWFnZVNyY1wiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cInRodW1ibmFpbFwiIGxldC1pdGVtPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLW5vZ3V0dGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtLmltYWdlU3JjXCIgc3R5bGU9XCJ3aWR0aDogMTByZW07IGhlaWdodDoxMnJlbVwiIGNsYXNzPVwic21hbGwtaW1nXCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvcC1nYWxsZXJpYT4iXX0=
|
|
@@ -7,6 +7,10 @@ import { FontAwesomeSharedModule } from '@jooler/font-awesome-shared';
|
|
|
7
7
|
import { GetStartedCTAComponent } from './get-started-cta/get-started-cta.component';
|
|
8
8
|
import { AchievementsComponent } from './achievements/achievements.component';
|
|
9
9
|
import { PricingPlansComponent } from './pricing-plans/pricing-plans.component';
|
|
10
|
+
import { ImageGalleryModal } from './image-gallery-modal/image-gallery-modal.component';
|
|
11
|
+
import { GalleriaModule } from 'primeng/galleria';
|
|
12
|
+
import { SuccessMessageDialogComponent } from './success-message-dialog/success-message-dialog.component';
|
|
13
|
+
import { PageSectionStyleThirteenComponent } from './page-section-style-thirteen/page-section-style-thirteen.component';
|
|
10
14
|
import * as i0 from "@angular/core";
|
|
11
15
|
export class JoolerWebsitesSharedModule {
|
|
12
16
|
}
|
|
@@ -15,18 +19,26 @@ JoolerWebsitesSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
15
19
|
PageSectionStyleTenComponent,
|
|
16
20
|
GetStartedCTAComponent,
|
|
17
21
|
AchievementsComponent,
|
|
18
|
-
PricingPlansComponent
|
|
22
|
+
PricingPlansComponent,
|
|
23
|
+
PageSectionStyleThirteenComponent,
|
|
24
|
+
ImageGalleryModal,
|
|
25
|
+
SuccessMessageDialogComponent], imports: [CommonModule,
|
|
19
26
|
AppMaterialModule,
|
|
20
|
-
FontAwesomeSharedModule
|
|
27
|
+
FontAwesomeSharedModule,
|
|
28
|
+
GalleriaModule], exports: [AppMaterialModule,
|
|
21
29
|
SectionTitleComponent,
|
|
22
30
|
PageSectionStyleTenComponent,
|
|
23
31
|
FontAwesomeSharedModule,
|
|
24
32
|
GetStartedCTAComponent,
|
|
25
33
|
AchievementsComponent,
|
|
26
|
-
PricingPlansComponent
|
|
34
|
+
PricingPlansComponent,
|
|
35
|
+
PageSectionStyleThirteenComponent,
|
|
36
|
+
ImageGalleryModal,
|
|
37
|
+
SuccessMessageDialogComponent] });
|
|
27
38
|
JoolerWebsitesSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, imports: [CommonModule,
|
|
28
39
|
AppMaterialModule,
|
|
29
|
-
FontAwesomeSharedModule,
|
|
40
|
+
FontAwesomeSharedModule,
|
|
41
|
+
GalleriaModule, AppMaterialModule,
|
|
30
42
|
FontAwesomeSharedModule] });
|
|
31
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: JoolerWebsitesSharedModule, decorators: [{
|
|
32
44
|
type: NgModule,
|
|
@@ -36,12 +48,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
36
48
|
PageSectionStyleTenComponent,
|
|
37
49
|
GetStartedCTAComponent,
|
|
38
50
|
AchievementsComponent,
|
|
39
|
-
PricingPlansComponent
|
|
51
|
+
PricingPlansComponent,
|
|
52
|
+
PageSectionStyleThirteenComponent,
|
|
53
|
+
ImageGalleryModal,
|
|
54
|
+
SuccessMessageDialogComponent
|
|
40
55
|
],
|
|
41
56
|
imports: [
|
|
42
57
|
CommonModule,
|
|
43
58
|
AppMaterialModule,
|
|
44
|
-
FontAwesomeSharedModule
|
|
59
|
+
FontAwesomeSharedModule,
|
|
60
|
+
GalleriaModule
|
|
45
61
|
],
|
|
46
62
|
exports: [
|
|
47
63
|
AppMaterialModule,
|
|
@@ -50,8 +66,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
|
|
|
50
66
|
FontAwesomeSharedModule,
|
|
51
67
|
GetStartedCTAComponent,
|
|
52
68
|
AchievementsComponent,
|
|
53
|
-
PricingPlansComponent
|
|
69
|
+
PricingPlansComponent,
|
|
70
|
+
PageSectionStyleThirteenComponent,
|
|
71
|
+
ImageGalleryModal,
|
|
72
|
+
SuccessMessageDialogComponent
|
|
54
73
|
]
|
|
55
74
|
}]
|
|
56
75
|
}] });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDeEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQzFHLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLHFFQUFxRSxDQUFDOztBQWdDeEgsTUFBTSxPQUFPLDBCQUEwQjs7dUhBQTFCLDBCQUEwQjt3SEFBMUIsMEJBQTBCLGlCQTdCbkMscUJBQXFCO1FBQ3JCLDRCQUE0QjtRQUM1QixzQkFBc0I7UUFDdEIscUJBQXFCO1FBQ3JCLHFCQUFxQjtRQUNyQixpQ0FBaUM7UUFDakMsaUJBQWlCO1FBQ2pCLDZCQUE2QixhQUc3QixZQUFZO1FBQ1osaUJBQWlCO1FBQ2pCLHVCQUF1QjtRQUN2QixjQUFjLGFBSWQsaUJBQWlCO1FBQ2pCLHFCQUFxQjtRQUNyQiw0QkFBNEI7UUFDNUIsdUJBQXVCO1FBQ3ZCLHNCQUFzQjtRQUN0QixxQkFBcUI7UUFDckIscUJBQXFCO1FBQ3JCLGlDQUFpQztRQUNqQyxpQkFBaUI7UUFDakIsNkJBQTZCO3dIQUdwQiwwQkFBMEIsWUFuQm5DLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLGNBQWMsRUFJZCxpQkFBaUI7UUFHakIsdUJBQXVCOzJGQVNkLDBCQUEwQjtrQkEvQnRDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHFCQUFxQjt3QkFDckIsNEJBQTRCO3dCQUM1QixzQkFBc0I7d0JBQ3RCLHFCQUFxQjt3QkFDckIscUJBQXFCO3dCQUNyQixpQ0FBaUM7d0JBQ2pDLGlCQUFpQjt3QkFDakIsNkJBQTZCO3FCQUM5QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixpQkFBaUI7d0JBQ2pCLHVCQUF1Qjt3QkFDdkIsY0FBYztxQkFFZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixxQkFBcUI7d0JBQ3JCLDRCQUE0Qjt3QkFDNUIsdUJBQXVCO3dCQUN2QixzQkFBc0I7d0JBQ3RCLHFCQUFxQjt3QkFDckIscUJBQXFCO3dCQUNyQixpQ0FBaUM7d0JBQ2pDLGlCQUFpQjt3QkFDakIsNkJBQTZCO3FCQUM5QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTZWN0aW9uVGl0bGVDb21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24tdGl0bGUvc2VjdGlvbi10aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFnZVNlY3Rpb25TdHlsZVRlbkNvbXBvbmVudCB9IGZyb20gJy4vcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXBwTWF0ZXJpYWxNb2R1bGUgfSBmcm9tICdAam9vbGVyL2FwcC1tYXRlcmlhbCc7XG5pbXBvcnQgeyBGb250QXdlc29tZVNoYXJlZE1vZHVsZSB9IGZyb20gJ0Bqb29sZXIvZm9udC1hd2Vzb21lLXNoYXJlZCc7XG5pbXBvcnQgeyBHZXRTdGFydGVkQ1RBQ29tcG9uZW50IH0gZnJvbSAnLi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBY2hpZXZlbWVudHNDb21wb25lbnQgfSBmcm9tICcuL2FjaGlldmVtZW50cy9hY2hpZXZlbWVudHMuY29tcG9uZW50JztcbmltcG9ydCB7IFByaWNpbmdQbGFuc0NvbXBvbmVudCB9IGZyb20gJy4vcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudCdcbmltcG9ydCB7IEltYWdlR2FsbGVyeU1vZGFsIH0gZnJvbSAnLi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7IEdhbGxlcmlhTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9nYWxsZXJpYSc7XG5pbXBvcnQgeyBTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW5Db21wb25lbnQgfSBmcm9tICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4uY29tcG9uZW50JztcbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNlY3Rpb25UaXRsZUNvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvblN0eWxlVGVuQ29tcG9uZW50LFxuICAgIEdldFN0YXJ0ZWRDVEFDb21wb25lbnQsXG4gICAgQWNoaWV2ZW1lbnRzQ29tcG9uZW50LFxuICAgIFByaWNpbmdQbGFuc0NvbXBvbmVudCxcbiAgICBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW5Db21wb25lbnQsXG4gICAgSW1hZ2VHYWxsZXJ5TW9kYWwsXG4gICAgU3VjY2Vzc01lc3NhZ2VEaWFsb2dDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcbiAgICBGb250QXdlc29tZVNoYXJlZE1vZHVsZSxcbiAgICBHYWxsZXJpYU1vZHVsZVxuXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcbiAgICBTZWN0aW9uVGl0bGVDb21wb25lbnQsXG4gICAgUGFnZVNlY3Rpb25TdHlsZVRlbkNvbXBvbmVudCxcbiAgICBGb250QXdlc29tZVNoYXJlZE1vZHVsZSxcbiAgICBHZXRTdGFydGVkQ1RBQ29tcG9uZW50LFxuICAgIEFjaGlldmVtZW50c0NvbXBvbmVudCxcbiAgICBQcmljaW5nUGxhbnNDb21wb25lbnQsXG4gICAgUGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuQ29tcG9uZW50LFxuICAgIEltYWdlR2FsbGVyeU1vZGFsLFxuICAgIFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgSm9vbGVyV2Vic2l0ZXNTaGFyZWRNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { PageSectionStyleThirteen } from './page-section-style-thirteen.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "../section-title/section-title.component";
|
|
6
|
+
export class PageSectionStyleThirteenComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.counter = 0;
|
|
9
|
+
this.isItemHovered = [];
|
|
10
|
+
this.pageSectionStyleThirteen = PageSectionStyleThirteen;
|
|
11
|
+
this.iconType = this.pageSectionStyleThirteen.SHAPE_ICON;
|
|
12
|
+
this.isTwoImages = false;
|
|
13
|
+
}
|
|
14
|
+
ngOnInit() {
|
|
15
|
+
this.setInterval();
|
|
16
|
+
}
|
|
17
|
+
setInterval() {
|
|
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);
|
|
25
|
+
this.onHoveredItem(image, index);
|
|
26
|
+
}
|
|
27
|
+
onMouseLeave() {
|
|
28
|
+
this.setInterval();
|
|
29
|
+
}
|
|
30
|
+
onHoveredItem(itemImage, index) {
|
|
31
|
+
this.counter = index;
|
|
32
|
+
for (let i = 0; i < this.items.length; i++) {
|
|
33
|
+
this.isItemHovered[i] = false;
|
|
34
|
+
}
|
|
35
|
+
this.isItemHovered[index] = true;
|
|
36
|
+
this.showedImage = itemImage;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
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 (mouseenter)=\"onMouseEnter(item.image, i)\" (mouseleave)=\"onMouseLeave()\">\n <div class=\"square-column\" [ngSwitch]=\"iconType\"\n [ngClass]=\"{'square-column':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 class=\"text-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=\"../../../assets/images/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:#054386}.why-choose-us .hovered-item .square-column{background-color:#fff}.why-choose-us .hovered-item .square-column .square{background-color:#054386;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .text-column .item-title{color:#fff}.why-choose-us .hovered-item .text-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 .square-column{width:4rem;height:4rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .square-column .square{width:3rem;height:3rem;background-color:#054386;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 .text-column .item-title{color:#2f3136;font-weight:600;font-size:1.8rem;padding-bottom:1rem}.why-choose-us .text-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
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PageSectionStyleThirteenComponent, decorators: [{
|
|
42
|
+
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 (mouseenter)=\"onMouseEnter(item.image, i)\" (mouseleave)=\"onMouseLeave()\">\n <div class=\"square-column\" [ngSwitch]=\"iconType\"\n [ngClass]=\"{'square-column':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 class=\"text-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=\"../../../assets/images/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:#054386}.why-choose-us .hovered-item .square-column{background-color:#fff}.why-choose-us .hovered-item .square-column .square{background-color:#054386;border-radius:50%}.why-choose-us .hovered-item .shape-column{background-color:#32353b}.why-choose-us .hovered-item .text-column .item-title{color:#fff}.why-choose-us .hovered-item .text-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 .square-column{width:4rem;height:4rem;background-color:#4788c7;display:grid;place-content:center;border-radius:.5rem;font-size:3.4rem}.why-choose-us .square-column .square{width:3rem;height:3rem;background-color:#054386;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 .text-column .item-title{color:#2f3136;font-weight:600;font-size:1.8rem;padding-bottom:1rem}.why-choose-us .text-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
|
+
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], items: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], iconType: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], isTwoImages: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}] } });
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7O0FBTy9FLE1BQU0sT0FBTyxpQ0FBaUM7SUFjNUM7UUFaQSxZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBRXBCLGtCQUFhLEdBQWMsRUFBRSxDQUFDO1FBRzlCLDZCQUF3QixHQUFHLHdCQUF3QixDQUFDO1FBQzNDLGFBQVEsR0FBNkIsSUFBSSxDQUFDLHdCQUF3QixDQUFDLFVBQVUsQ0FBQztRQUM5RSxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQUt0QixDQUFDO0lBSGpCLFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUU7WUFDakMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2pFLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ3hELENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUs7UUFDdkIsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVMsRUFBRSxLQUFLO1FBQzVCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQztTQUMvQjtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO0lBQy9CLENBQUM7OzhIQXRDVSxpQ0FBaUM7a0hBQWpDLGlDQUFpQyxtTENSOUMsaXdEQWdDTTsyRkR4Qk8saUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLDZCQUE2QjswRUFTOUIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4gfSBmcm9tICcuL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBzaG93ZWRJbWFnZTogc3RyaW5nO1xuICBjb3VudGVyOiBudW1iZXIgPSAwO1xuICBpbnRlcnZhbElkOiBhbnk7XG4gIGlzSXRlbUhvdmVyZWQ6IGJvb2xlYW5bXSA9IFtdO1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogYW55O1xuICBASW5wdXQoKSBpdGVtczogYW55O1xuICBwYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4gPSBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW47XG4gIEBJbnB1dCgpIGljb25UeXBlOiBQYWdlU2VjdGlvblN0eWxlVGhpcnRlZW4gPSB0aGlzLnBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbi5TSEFQRV9JQ09OO1xuICBASW5wdXQoKSBpc1R3b0ltYWdlczogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2V0SW50ZXJ2YWwoKTtcbiAgfVxuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBzZXRJbnRlcnZhbCgpIHtcbiAgICB0aGlzLmludGVydmFsSWQgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICB0aGlzLm9uSG92ZXJlZEl0ZW0odGhpcy5pdGVtc1t0aGlzLmNvdW50ZXJdLmltYWdlLCB0aGlzLmNvdW50ZXIpO1xuICAgICAgdGhpcy5jb3VudGVyID0gKHRoaXMuY291bnRlciArIDEpICUgdGhpcy5pdGVtcy5sZW5ndGg7XG4gICAgfSwgMjAwMCk7XG4gIH1cblxuICBvbk1vdXNlRW50ZXIoaW1hZ2UsIGluZGV4KSB7XG4gICAgY2xlYXJJbnRlcnZhbCh0aGlzLmludGVydmFsSWQpO1xuICAgIHRoaXMub25Ib3ZlcmVkSXRlbShpbWFnZSwgaW5kZXgpO1xuICB9XG5cbiAgb25Nb3VzZUxlYXZlKCkge1xuICAgIHRoaXMuc2V0SW50ZXJ2YWwoKTtcbiAgfVxuXG4gIG9uSG92ZXJlZEl0ZW0oaXRlbUltYWdlLCBpbmRleCkge1xuICAgIHRoaXMuY291bnRlciA9IGluZGV4O1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5pdGVtcy5sZW5ndGg7IGkrKykge1xuICAgICAgdGhpcy5pc0l0ZW1Ib3ZlcmVkW2ldID0gZmFsc2U7XG4gICAgfVxuICAgIHRoaXMuaXNJdGVtSG92ZXJlZFtpbmRleF0gPSB0cnVlO1xuICAgIHRoaXMuc2hvd2VkSW1hZ2UgPSBpdGVtSW1hZ2U7XG4gIH1cbn1cblxuIiwiPGRpdiBjbGFzcz1cIndoeS1jaG9vc2UtdXNcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGVmdC1zaWRlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkbGluZVwiPlxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3RpdGxlXT1cInNlY3Rpb25Db250ZW50LnRpdGxlXCIgW3N1YnRpdGxlXT1cInNlY3Rpb25Db250ZW50LnN1YnRpdGxlXCJcbiAgICAgICAgICAgICAgICBbYWxpZ25MZWZ0XT1cInRydWVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbXNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpPWluZGV4XCIgW25nQ2xhc3NdPVwieydob3ZlcmVkLWl0ZW0nOiBpc0l0ZW1Ib3ZlcmVkW2ldfVwiXG4gICAgICAgICAgICAgICAgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKGl0ZW0uaW1hZ2UsIGkpXCIgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKClcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3F1YXJlLWNvbHVtblwiIFtuZ1N3aXRjaF09XCJpY29uVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnc3F1YXJlLWNvbHVtbic6aWNvblR5cGUgPT0gcGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT04sJ3NoYXBlLWNvbHVtbic6aWNvblR5cGUgPT0gcGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLklNQUdFX0lDT059XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzcXVhcmVcIiAqbmdTd2l0Y2hDYXNlPVwicGFnZVNlY3Rpb25TdHlsZVRoaXJ0ZWVuLlNIQVBFX0lDT05cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNoYXBlXCIgKm5nU3dpdGNoQ2FzZT1cInBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbi5JTUFHRV9JQ09OXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiaXRlbS5pY29uXCIgYWx0PVwiXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbHVtblwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbS10aXRsZVwiPnt7aXRlbS50aXRsZX19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLWRlc2NyaXB0aW9uXCIgW25nQ2xhc3NdPVwieydzaG93LWRlc2NyaXB0aW9uJzohaXNJdGVtSG92ZXJlZFtpXX1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7aXRlbS5kZXNjcmlwdGlvbn19PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIiBbbmdDbGFzc109XCJ7J3R3by1pbWFnZXMtcHJldmlldyc6aXNUd29JbWFnZXN9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJzaG93ZWRJbWFnZVwiIGFsdD1cIlwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJhY2staW1hZ2VcIiAqbmdJZj1cImlzVHdvSW1hZ2VzXCI+XG4gICAgICAgICAgICA8aW1nIHNyYz1cIi4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvYmx1ZS1wb2ludHMtaG9tZS1wYWdlLWFib3V0LXVzLXNlY3Rpb24ucG5nXCIgYWx0PVwiXCI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var PageSectionStyleThirteen;
|
|
2
|
+
(function (PageSectionStyleThirteen) {
|
|
3
|
+
PageSectionStyleThirteen[PageSectionStyleThirteen["SHAPE_ICON"] = 0] = "SHAPE_ICON";
|
|
4
|
+
PageSectionStyleThirteen[PageSectionStyleThirteen["IMAGE_ICON"] = 1] = "IMAGE_ICON";
|
|
5
|
+
})(PageSectionStyleThirteen || (PageSectionStyleThirteen = {}));
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksd0JBR1g7QUFIRCxXQUFZLHdCQUF3QjtJQUNoQyxtRkFBYyxDQUFBO0lBQ2QsbUZBQWMsQ0FBQTtBQUNsQixDQUFDLEVBSFcsd0JBQXdCLEtBQXhCLHdCQUF3QixRQUduQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFBhZ2VTZWN0aW9uU3R5bGVUaGlydGVlbiB7XG4gICAgU0hBUEVfSUNPTiA9IDAsXG4gICAgSU1BR0VfSUNPTiA9IDFcbn0iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/material/dialog";
|
|
4
|
+
import * as i2 from "@angular/router";
|
|
5
|
+
import * as i3 from "@fortawesome/angular-fontawesome";
|
|
6
|
+
export class SuccessMessageDialogComponent {
|
|
7
|
+
constructor(dialogRef, _Router) {
|
|
8
|
+
this.dialogRef = dialogRef;
|
|
9
|
+
this._Router = _Router;
|
|
10
|
+
}
|
|
11
|
+
onClickSubmitAnotherForm() {
|
|
12
|
+
this.dialogRef.close();
|
|
13
|
+
this._Router.navigate(['/contact-us/contact-us-page']);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
SuccessMessageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SuccessMessageDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
SuccessMessageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SuccessMessageDialogComponent, selector: "success-message-dialog", ngImport: i0, template: "<div class=\"page\">\n <span mat-dialog-title class=\"dialog-header\" mat-button>\n <fa-icon icon=\"xmark\" mat-dialog-close></fa-icon>\n </span>\n\n <mat-dialog-content class=\"mat-typography\">\n <div class=\"success-icon\">\n <fa-icon icon=\"calendar-check\"></fa-icon>\n </div>\n <h2 class=\"title\">Thanks! your request has been submitted</h2>\n <h3 class=\"subtitle\">We have received your message, we'll reach out to you as soon as possible!</h3>\n </mat-dialog-content>\n <div class=\"divider\"></div>\n <mat-dialog-actions class=\"dialog-footer\">\n <h3>Still have any questions? <span class=\"link-text\" (click)=\"onClickSubmitAnotherForm()\">Submit\n another form</span>\n </h3>\n </mat-dialog-actions>\n</div>", styles: [".page{text-align:center}.page .mat-typography{padding:0 6rem 2rem;display:grid}.page .dialog-header{text-align:right;font-size:3rem;color:#686868;font-weight:900;padding:0 2rem}.page .success-icon{font-size:7rem;color:#12957e;margin-bottom:2rem}.page .title{color:#36393f;font-size:2.8rem;font-weight:700}.page .subtitle{justify-self:center;width:85%;font-size:2.2rem;font-weight:500;color:#494949}.page .divider{width:95%;border:.1rem solid #D8D8D8;margin:auto}.page .dialog-footer{padding:3rem 0rem;display:grid;justify-content:center}.page .dialog-footer h3{color:#494949;align-self:center;font-size:2.2rem}.page .link-text{color:#054386;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { 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"] }] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SuccessMessageDialogComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'success-message-dialog', template: "<div class=\"page\">\n <span mat-dialog-title class=\"dialog-header\" mat-button>\n <fa-icon icon=\"xmark\" mat-dialog-close></fa-icon>\n </span>\n\n <mat-dialog-content class=\"mat-typography\">\n <div class=\"success-icon\">\n <fa-icon icon=\"calendar-check\"></fa-icon>\n </div>\n <h2 class=\"title\">Thanks! your request has been submitted</h2>\n <h3 class=\"subtitle\">We have received your message, we'll reach out to you as soon as possible!</h3>\n </mat-dialog-content>\n <div class=\"divider\"></div>\n <mat-dialog-actions class=\"dialog-footer\">\n <h3>Still have any questions? <span class=\"link-text\" (click)=\"onClickSubmitAnotherForm()\">Submit\n another form</span>\n </h3>\n </mat-dialog-actions>\n</div>", styles: [".page{text-align:center}.page .mat-typography{padding:0 6rem 2rem;display:grid}.page .dialog-header{text-align:right;font-size:3rem;color:#686868;font-weight:900;padding:0 2rem}.page .success-icon{font-size:7rem;color:#12957e;margin-bottom:2rem}.page .title{color:#36393f;font-size:2.8rem;font-weight:700}.page .subtitle{justify-self:center;width:85%;font-size:2.2rem;font-weight:500;color:#494949}.page .divider{width:95%;border:.1rem solid #D8D8D8;margin:auto}.page .dialog-footer{padding:3rem 0rem;display:grid;justify-content:center}.page .dialog-footer h3{color:#494949;align-self:center;font-size:2.2rem}.page .link-text{color:#054386;cursor:pointer}\n"] }]
|
|
21
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.Router }]; } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTMUMsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxZQUNTLFNBQXNELEVBQ3JELE9BQWU7UUFEaEIsY0FBUyxHQUFULFNBQVMsQ0FBNkM7UUFDckQsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUNyQixDQUFDO0lBRUwsd0JBQXdCO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUM7SUFDekQsQ0FBQzs7MEhBVlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsOERDVDFDLDR2QkFrQk07MkZEVE8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdWNjZXNzTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFN1Y2Nlc3NNZXNzYWdlRGlhbG9nQ29tcG9uZW50PixcbiAgICBwcml2YXRlIF9Sb3V0ZXI6IFJvdXRlclxuICApIHsgfVxuXG4gIG9uQ2xpY2tTdWJtaXRBbm90aGVyRm9ybSgpIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbJy9jb250YWN0LXVzL2NvbnRhY3QtdXMtcGFnZSddKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cbiAgPHNwYW4gbWF0LWRpYWxvZy10aXRsZSBjbGFzcz1cImRpYWxvZy1oZWFkZXJcIiBtYXQtYnV0dG9uPlxuICAgIDxmYS1pY29uIGljb249XCJ4bWFya1wiIG1hdC1kaWFsb2ctY2xvc2U+PC9mYS1pY29uPlxuICA8L3NwYW4+XG5cbiAgPG1hdC1kaWFsb2ctY29udGVudCBjbGFzcz1cIm1hdC10eXBvZ3JhcGh5XCI+XG4gICAgPGRpdiBjbGFzcz1cInN1Y2Nlc3MtaWNvblwiPlxuICAgICAgPGZhLWljb24gaWNvbj1cImNhbGVuZGFyLWNoZWNrXCI+PC9mYS1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxoMiBjbGFzcz1cInRpdGxlXCI+VGhhbmtzISB5b3VyIHJlcXVlc3QgaGFzIGJlZW4gc3VibWl0dGVkPC9oMj5cbiAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZVwiPldlIGhhdmUgcmVjZWl2ZWQgeW91ciBtZXNzYWdlLCB3ZSdsbCByZWFjaCBvdXQgdG8geW91IGFzIHNvb24gYXMgcG9zc2libGUhPC9oMz5cbiAgPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+XG4gIDxtYXQtZGlhbG9nLWFjdGlvbnMgY2xhc3M9XCJkaWFsb2ctZm9vdGVyXCI+XG4gICAgPGgzPlN0aWxsIGhhdmUgYW55IHF1ZXN0aW9ucz8gPHNwYW4gY2xhc3M9XCJsaW5rLXRleHRcIiAoY2xpY2spPVwib25DbGlja1N1Ym1pdEFub3RoZXJGb3JtKClcIj5TdWJtaXRcbiAgICAgICAgYW5vdGhlciBmb3JtPC9zcGFuPlxuICAgIDwvaDM+XG4gIDwvbWF0LWRpYWxvZy1hY3Rpb25zPlxuPC9kaXY+Il19
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -12,4 +12,9 @@ export * from './lib/achievements/achievements.model';
|
|
|
12
12
|
export * from './lib/achievements/achievement.model';
|
|
13
13
|
export * from './lib/pricing-plans/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
|
+
export * from './lib/page-section-style-thirteen/page-section-style-thirteen.model';
|
|
17
|
+
export * from './lib/image-gallery-modal/image-gallery-modal.component';
|
|
18
|
+
export * from './lib/image-gallery-modal/gallery-items-properties.model';
|
|
19
|
+
export * from './lib/success-message-dialog/success-message-dialog.component';
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxzQ0FBc0MsQ0FBQTtBQUNwRCxjQUFjLHdDQUF3QyxDQUFBO0FBQ3RELGNBQWMsNkNBQTZDLENBQUE7QUFDM0QsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLHFFQUFxRSxDQUFDO0FBQ3BGLGNBQWMseURBQXlELENBQUE7QUFDdkUsY0FBYywwREFBMEQsQ0FBQTtBQUN4RSxjQUFjLCtEQUErRCxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBqb29sZXItd2Vic2l0ZXMtc2hhcmVkXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10ZW4vcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjaGlldmVtZW50cy9hY2hpZXZlbWVudC5tb2RlbCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByaWNpbmctcGxhbnMvc2VydmljZS1wbGFuLm1vZGVsJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi1zdHlsZS10aGlydGVlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW1hZ2UtZ2FsbGVyeS1tb2RhbC9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ltYWdlLWdhbGxlcnktbW9kYWwvZ2FsbGVyeS1pdGVtcy1wcm9wZXJ0aWVzLm1vZGVsJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudCdcblxuXG4iXX0=
|