@jooler/jooler-websites-shared 0.0.237-beta.0 → 0.0.239
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 → esm2022}/jooler-websites-shared.mjs +4 -4
- package/esm2022/lib/achievements/achievements.component.mjs +18 -0
- package/esm2022/lib/auth-route-directive.mjs +42 -0
- package/esm2022/lib/call-to-action-section/call-to-action-section.component.mjs +29 -0
- package/esm2022/lib/call-to-action-section-two/call-to-action-section-two.component.mjs +25 -0
- package/esm2022/lib/choose-country-with-flag/choose-country-with-flag.component.mjs +56 -0
- package/esm2022/lib/coming-soon/coming-soon.component.mjs +20 -0
- package/esm2022/lib/contact-us-page/contact-us-page.component.mjs +144 -0
- package/esm2022/lib/cta-section-style-four/cta-section-style-four.component.mjs +35 -0
- package/esm2022/lib/cta-section-style-three/cta-section-style-three.component.mjs +23 -0
- package/esm2022/lib/custom-tooltip/custom-tooltip.component.mjs +23 -0
- package/esm2022/lib/get-started-cta/get-started-cta.component.mjs +24 -0
- package/esm2022/lib/header-section-one/header-section-one.component.mjs +25 -0
- package/esm2022/lib/image-gallery-modal/image-gallery-modal.component.mjs +134 -0
- package/esm2022/lib/jooler-websites-shared.module.mjs +208 -0
- package/{esm2020 → esm2022}/lib/models/about-us-section.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/account-type.model.mjs +8 -8
- package/esm2022/lib/models/account.model.mjs +14 -0
- package/{esm2020 → esm2022}/lib/models/achievement.model.mjs +5 -3
- package/esm2022/lib/models/achievements.model.mjs +5 -0
- package/esm2022/lib/models/address.model.mjs +16 -0
- package/{esm2020 → esm2022}/lib/models/brand-logo.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/call-to-action-data.model.mjs +1 -1
- package/esm2022/lib/models/call-to-action-section-two.model.mjs +7 -0
- package/{esm2020 → esm2022}/lib/models/call-to-action-style.model.mjs +1 -1
- package/esm2022/lib/models/city.model.mjs +6 -0
- package/esm2022/lib/models/country.model.mjs +10 -0
- package/{esm2020 → esm2022}/lib/models/cta-cards.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/cta-one-type.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/cta-section-style-four.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/feature-section-nine.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/gallery-items-properties.model.mjs +1 -1
- package/esm2022/lib/models/get-started-cta.model.mjs +7 -0
- package/{esm2020 → esm2022}/lib/models/header-section-style-one.model.mjs +1 -1
- package/esm2022/lib/models/image-section-action.model.mjs +8 -0
- package/esm2022/lib/models/image-section.model.mjs +11 -0
- package/{esm2020 → esm2022}/lib/models/image-with-content.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/library-product-type.model.mjs +6 -6
- package/esm2022/lib/models/page-section-action.model.mjs +8 -0
- package/{esm2020 → esm2022}/lib/models/page-section-style-thirteen.model.mjs +5 -5
- package/{esm2020 → esm2022}/lib/models/page-section-style-three.model.mjs +1 -1
- package/esm2022/lib/models/page-section.model.mjs +11 -0
- package/{esm2020 → esm2022}/lib/models/page-style-section-five.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/perks.model.mjs +5 -3
- package/{esm2020 → esm2022}/lib/models/section-title-sizes.model.mjs +6 -6
- package/esm2022/lib/models/section-title.model.mjs +17 -0
- package/esm2022/lib/models/service-plan.model.mjs +11 -0
- package/esm2022/lib/models/team-member.model.mjs +7 -0
- package/esm2022/lib/models/team-section.model.mjs +6 -0
- package/{esm2020 → esm2022}/lib/models/user-type.model.mjs +7 -7
- package/esm2022/lib/models/user.model.mjs +11 -0
- package/{esm2020 → esm2022}/lib/models/value-prop-properties.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/vertical-side-tab.model.mjs +1 -1
- package/esm2022/lib/our-client-listing/our-client-listing.component.mjs +18 -0
- package/esm2022/lib/our-clients/our-clients.component.mjs +57 -0
- package/esm2022/lib/page-section-style-ten/page-section-style-ten.component.mjs +35 -0
- package/esm2022/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs +46 -0
- package/esm2022/lib/page-section-style-three/page-section-style-three.component.mjs +26 -0
- package/esm2022/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs +26 -0
- package/esm2022/lib/pricing-plans/pricing-plans.component.mjs +22 -0
- package/esm2022/lib/section-title/section-title.component.mjs +23 -0
- package/esm2022/lib/services/user.service.mjs +36 -0
- package/esm2022/lib/social-media-icons/social-media-icons.component.mjs +44 -0
- package/esm2022/lib/social-media-icons/social-media-links.model.mjs +7 -0
- package/esm2022/lib/success-message-dialog/success-message-dialog.component.mjs +24 -0
- package/esm2022/lib/team/team.component.mjs +55 -0
- package/esm2022/lib/value-prop-card/value-prop-card.component.mjs +44 -0
- package/esm2022/lib/value-props-section/value-props-section.component.mjs +35 -0
- package/esm2022/lib/values/values.component.mjs +48 -0
- package/esm2022/lib/vertical-side-tabs/vertical-side-tabs.component.mjs +33 -0
- package/{esm2020 → esm2022}/public-api.mjs +64 -64
- package/fesm2022/jooler-websites-shared.mjs +1417 -0
- package/fesm2022/jooler-websites-shared.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/achievements/achievements.component.d.ts +10 -10
- package/lib/auth-route-directive.d.ts +14 -14
- package/lib/call-to-action-section/call-to-action-section.component.d.ts +11 -11
- package/lib/call-to-action-section-two/call-to-action-section-two.component.d.ts +13 -13
- package/lib/choose-country-with-flag/choose-country-with-flag.component.d.ts +19 -19
- package/lib/coming-soon/coming-soon.component.d.ts +8 -8
- package/lib/contact-us-page/contact-us-page.component.d.ts +50 -50
- package/lib/cta-section-style-four/cta-section-style-four.component.d.ts +12 -12
- package/lib/cta-section-style-three/cta-section-style-three.component.d.ts +12 -13
- package/lib/custom-tooltip/custom-tooltip.component.d.ts +9 -9
- package/lib/get-started-cta/get-started-cta.component.d.ts +13 -13
- package/lib/header-section-one/header-section-one.component.d.ts +11 -11
- package/lib/image-gallery-modal/image-gallery-modal.component.d.ts +27 -27
- package/lib/jooler-websites-shared.module.d.ts +44 -43
- package/lib/models/about-us-section.model.d.ts +6 -6
- package/lib/models/account-type.model.d.ts +7 -7
- package/lib/models/account.model.d.ts +16 -16
- package/lib/models/achievement.model.d.ts +4 -4
- package/lib/models/achievements.model.d.ts +6 -6
- package/lib/models/address.model.d.ts +18 -18
- package/lib/models/brand-logo.model.d.ts +4 -4
- package/lib/models/call-to-action-data.model.d.ts +17 -17
- package/lib/models/call-to-action-section-two.model.d.ts +6 -6
- package/lib/models/call-to-action-style.model.d.ts +16 -16
- package/lib/models/city.model.d.ts +5 -5
- package/lib/models/country.model.d.ts +9 -9
- package/lib/models/cta-cards.model.d.ts +7 -7
- package/lib/models/cta-one-type.model.d.ts +15 -15
- package/lib/models/cta-section-style-four.model.d.ts +8 -8
- package/lib/models/feature-section-nine.model.d.ts +6 -6
- package/lib/models/gallery-items-properties.model.d.ts +6 -6
- package/lib/models/get-started-cta.model.d.ts +8 -8
- package/lib/models/header-section-style-one.model.d.ts +16 -16
- package/lib/models/image-section-action.model.d.ts +8 -8
- package/lib/models/image-section.model.d.ts +12 -12
- package/lib/models/image-with-content.model.d.ts +5 -5
- package/lib/models/library-product-type.model.d.ts +5 -5
- package/lib/models/page-section-action.model.d.ts +8 -8
- package/lib/models/page-section-style-thirteen.model.d.ts +4 -4
- package/lib/models/page-section-style-three.model.d.ts +8 -8
- package/lib/models/page-section.model.d.ts +11 -11
- package/lib/models/page-style-section-five.model.d.ts +11 -11
- package/lib/models/perks.model.d.ts +4 -4
- package/lib/models/section-title-sizes.model.d.ts +5 -5
- package/lib/models/section-title.model.d.ts +10 -9
- package/lib/models/service-plan.model.d.ts +12 -12
- package/lib/models/team-member.model.d.ts +6 -6
- package/lib/models/team-section.model.d.ts +7 -7
- package/lib/models/user-type.model.d.ts +6 -6
- package/lib/models/user.model.d.ts +11 -11
- package/lib/models/value-prop-properties.model.d.ts +11 -11
- package/lib/models/vertical-side-tab.model.d.ts +6 -6
- package/lib/our-client-listing/our-client-listing.component.d.ts +10 -10
- package/lib/our-clients/our-clients.component.d.ts +15 -15
- package/lib/page-section-style-ten/page-section-style-ten.component.d.ts +15 -15
- package/lib/page-section-style-thirteen/page-section-style-thirteen.component.d.ts +21 -21
- package/lib/page-section-style-three/page-section-style-three.component.d.ts +13 -13
- package/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.d.ts +12 -12
- package/lib/pricing-plans/pricing-plans.component.d.ts +10 -10
- package/lib/section-title/section-title.component.d.ts +11 -11
- package/lib/services/user.service.d.ts +15 -15
- package/lib/social-media-icons/social-media-icons.component.d.ts +20 -20
- package/lib/social-media-icons/social-media-links.model.d.ts +6 -6
- package/lib/success-message-dialog/success-message-dialog.component.d.ts +11 -11
- package/lib/team/team.component.d.ts +18 -18
- package/lib/value-prop-card/value-prop-card.component.d.ts +15 -15
- package/lib/value-props-section/value-props-section.component.d.ts +11 -11
- package/lib/values/values.component.d.ts +16 -16
- package/lib/vertical-side-tabs/vertical-side-tabs.component.d.ts +14 -14
- package/package.json +5 -11
- package/public-api.d.ts +61 -61
- package/esm2020/lib/achievements/achievements.component.mjs +0 -17
- package/esm2020/lib/auth-route-directive.mjs +0 -37
- package/esm2020/lib/call-to-action-section/call-to-action-section.component.mjs +0 -28
- package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.component.mjs +0 -23
- package/esm2020/lib/choose-country-with-flag/choose-country-with-flag.component.mjs +0 -55
- package/esm2020/lib/coming-soon/coming-soon.component.mjs +0 -22
- package/esm2020/lib/contact-us-page/contact-us-page.component.mjs +0 -129
- package/esm2020/lib/cta-section-style-four/cta-section-style-four.component.mjs +0 -32
- package/esm2020/lib/cta-section-style-three/cta-section-style-three.component.mjs +0 -25
- package/esm2020/lib/custom-tooltip/custom-tooltip.component.mjs +0 -22
- package/esm2020/lib/get-started-cta/get-started-cta.component.mjs +0 -22
- package/esm2020/lib/header-section-one/header-section-one.component.mjs +0 -23
- package/esm2020/lib/image-gallery-modal/image-gallery-modal.component.mjs +0 -132
- package/esm2020/lib/jooler-websites-shared.module.mjs +0 -204
- package/esm2020/lib/models/account.model.mjs +0 -3
- package/esm2020/lib/models/achievements.model.mjs +0 -3
- package/esm2020/lib/models/address.model.mjs +0 -3
- package/esm2020/lib/models/call-to-action-section-two.model.mjs +0 -3
- package/esm2020/lib/models/city.model.mjs +0 -3
- package/esm2020/lib/models/country.model.mjs +0 -3
- package/esm2020/lib/models/get-started-cta.model.mjs +0 -3
- package/esm2020/lib/models/image-section-action.model.mjs +0 -3
- package/esm2020/lib/models/image-section.model.mjs +0 -3
- package/esm2020/lib/models/page-section-action.model.mjs +0 -3
- package/esm2020/lib/models/page-section.model.mjs +0 -3
- package/esm2020/lib/models/section-title.model.mjs +0 -2
- package/esm2020/lib/models/service-plan.model.mjs +0 -3
- package/esm2020/lib/models/team-member.model.mjs +0 -3
- package/esm2020/lib/models/team-section.model.mjs +0 -3
- package/esm2020/lib/models/user.model.mjs +0 -3
- package/esm2020/lib/our-client-listing/our-client-listing.component.mjs +0 -17
- package/esm2020/lib/our-clients/our-clients.component.mjs +0 -54
- package/esm2020/lib/page-section-style-ten/page-section-style-ten.component.mjs +0 -33
- package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs +0 -43
- package/esm2020/lib/page-section-style-three/page-section-style-three.component.mjs +0 -24
- package/esm2020/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs +0 -24
- package/esm2020/lib/pricing-plans/pricing-plans.component.mjs +0 -21
- package/esm2020/lib/section-title/section-title.component.mjs +0 -22
- package/esm2020/lib/services/user.service.mjs +0 -35
- package/esm2020/lib/social-media-icons/social-media-icons.component.mjs +0 -40
- package/esm2020/lib/social-media-icons/social-media-links.model.mjs +0 -3
- package/esm2020/lib/success-message-dialog/success-message-dialog.component.mjs +0 -22
- package/esm2020/lib/team/team.component.mjs +0 -50
- package/esm2020/lib/value-prop-card/value-prop-card.component.mjs +0 -39
- package/esm2020/lib/value-props-section/value-props-section.component.mjs +0 -33
- package/esm2020/lib/values/values.component.mjs +0 -43
- package/esm2020/lib/vertical-side-tabs/vertical-side-tabs.component.mjs +0 -33
- package/fesm2015/jooler-websites-shared.mjs +0 -1231
- package/fesm2015/jooler-websites-shared.mjs.map +0 -1
- package/fesm2020/jooler-websites-shared.mjs +0 -1231
- package/fesm2020/jooler-websites-shared.mjs.map +0 -1
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/router";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "@angular/material/button";
|
|
6
|
-
import * as i4 from "../section-title/section-title.component";
|
|
7
|
-
export class CtaSectionStyleThreeComponent {
|
|
8
|
-
constructor(_router) {
|
|
9
|
-
this._router = _router;
|
|
10
|
-
}
|
|
11
|
-
ngOnInit() {
|
|
12
|
-
}
|
|
13
|
-
onClickCtaButton(route) {
|
|
14
|
-
this._router.navigate([route]);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
CtaSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
CtaSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleThreeComponent, selector: "cta-section-style-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"text-side\">\r\n <div class=\"section-title\">\r\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n </div>\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && sectionContent.titleImageOrder\">\r\n <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:2rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}@media only screen and (max-width: 75em){.main-card .text-side .section-title{width:85%}}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\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: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleThreeComponent, decorators: [{
|
|
20
|
-
type: Component,
|
|
21
|
-
args: [{ selector: 'cta-section-style-three', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\" class=\"bg-img\"\r\n alt=\"bg-img\">\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && !sectionContent.titleImageOrder\">\r\n <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"text-side\">\r\n <div class=\"section-title\">\r\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n </div>\r\n <div class=\"illustration-side\" *ngIf=\"sectionContent.sideImage && sectionContent.titleImageOrder\">\r\n <img loading=\"lazy\" [src]=\"sectionContent.sideImage\" class=\"side-img\" alt=\"side-img\">\r\n </div>\r\n <div class=\"buttons-line\">\r\n <button mat-raised-button *ngFor=\"let button of sectionContent.buttons\"\r\n (click)=\"onClickCtaButton(button.route)\"\r\n [ngStyle]=\"{'background':button.bgColor, 'color': button.textColor}\">\r\n {{button.label}}\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: [".main-card{position:relative;width:100%;display:flex;flex-direction:column;row-gap:2rem;column-gap:2%;justify-content:center;padding:2rem 0;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .text-side{display:flex;flex-direction:column;row-gap:2rem;width:100%;justify-items:center}.main-card .text-side .section-title{width:60%;margin:auto}.main-card .text-side .buttons-line{width:100%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line button{font-family:inherit;font-weight:600}@media only screen and (max-width: 75em){.main-card .text-side .section-title{width:85%}}.main-card .illustration-side{margin:auto;width:40%;display:grid;justify-items:center}.main-card .illustration-side .side-img{width:30%}\n"] }]
|
|
22
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3pELE1BQU0sT0FBTyw2QkFBNkI7SUFHeEMsWUFDVSxPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUN6QixDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFLO1FBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzswSEFaVSw2QkFBNkI7OEdBQTdCLDZCQUE2Qiw2R0NUMUMsMHdDQXFCTTsyRkRaTyw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UseUJBQXlCOzZGQUsxQixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IENhbGxUb0FjdGlvblN0eWxlVGhyZWUgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tc3R5bGUubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdGEtc2VjdGlvbi1zdHlsZS10aHJlZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N0YS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50LnNjc3MnIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN0YVNlY3Rpb25TdHlsZVRocmVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudCE6IENhbGxUb0FjdGlvblN0eWxlVGhyZWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0N0YUJ1dHRvbihyb3V0ZSkge1xyXG4gICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFsgcm91dGUgXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtYWluLWNhcmRcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQnIDogc2VjdGlvbkNvbnRlbnQuYmdDb2xvcn1cIj5cclxuICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiAqbmdJZj1cIiFzZWN0aW9uQ29udGVudC5iZ0NvbG9yICYmIHNlY3Rpb25Db250ZW50LmJnSW1hZ2UgXCIgW3NyY109XCJzZWN0aW9uQ29udGVudC5iZ0ltYWdlXCIgY2xhc3M9XCJiZy1pbWdcIlxyXG4gICAgICAgIGFsdD1cImJnLWltZ1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImlsbHVzdHJhdGlvbi1zaWRlXCIgKm5nSWY9XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2UgJiYgIXNlY3Rpb25Db250ZW50LnRpdGxlSW1hZ2VPcmRlclwiPlxyXG4gICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cInNlY3Rpb25Db250ZW50LnNpZGVJbWFnZVwiIGNsYXNzPVwic2lkZS1pbWdcIiBhbHQ9XCJzaWRlLWltZ1wiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1zaWRlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNlY3Rpb24tdGl0bGVcIj5cclxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImlsbHVzdHJhdGlvbi1zaWRlXCIgKm5nSWY9XCJzZWN0aW9uQ29udGVudC5zaWRlSW1hZ2UgJiYgc2VjdGlvbkNvbnRlbnQudGl0bGVJbWFnZU9yZGVyXCI+XHJcbiAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cInNlY3Rpb25Db250ZW50LnNpZGVJbWFnZVwiIGNsYXNzPVwic2lkZS1pbWdcIiBhbHQ9XCJzaWRlLWltZ1wiPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zLWxpbmVcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIHNlY3Rpb25Db250ZW50LmJ1dHRvbnNcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tDdGFCdXR0b24oYnV0dG9uLnJvdXRlKVwiXHJcbiAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQnOmJ1dHRvbi5iZ0NvbG9yLCAnY29sb3InOiBidXR0b24udGV4dENvbG9yfVwiPlxyXG4gICAgICAgICAgICAgICAge3tidXR0b24ubGFiZWx9fVxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
export class CustomTooltipComponent {
|
|
6
|
-
onMouseEnter() {
|
|
7
|
-
this.showDetails = true;
|
|
8
|
-
}
|
|
9
|
-
onMouseClick() {
|
|
10
|
-
this.showDetails = !this.showDetails;
|
|
11
|
-
}
|
|
12
|
-
onMouseLeave() {
|
|
13
|
-
this.showDetails = false;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
CustomTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
CustomTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomTooltipComponent, selector: "custom-tooltip", ngImport: i0, template: "<div class=\"icon\">\r\n <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\r\n <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\r\n <div>\r\n <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\r\n </div>\r\n </div>\r\n <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\r\n <fa-icon icon=\"caret-left\"></fa-icon>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"], dependencies: [{ kind: "component", type: i1.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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTooltipComponent, decorators: [{
|
|
19
|
-
type: Component,
|
|
20
|
-
args: [{ selector: 'custom-tooltip', template: "<div class=\"icon\">\r\n <div class=\"content\" (mouseleave)=\"onMouseLeave()\">\r\n <div (click)=\"onMouseClick()\" class=\"icon-container\" (mouseenter)=\"onMouseEnter()\">\r\n <div>\r\n <fa-icon icon=\"info-circle\" class=\"icon-shape\"></fa-icon>\r\n </div>\r\n </div>\r\n <div class=\"tooltip-message-box\" [ngClass]=\"{'no-details' : !showDetails , 'details': showDetails}\">\r\n <fa-icon icon=\"caret-left\"></fa-icon>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.icon{color:#32353b;position:relative;width:3rem}.icon .content{position:absolute;display:flex;flex-direction:row;top:0}.icon .icon-container{display:inline-block;height:-moz-fit-content;height:fit-content;cursor:pointer}.icon .icon-container .icon-shape{position:relative;z-index:-2}.icon .tooltip-message-box{align-self:center;display:flex;column-gap:0rem;z-index:100;transition:all .1s ease-in-out;z-index:1}.icon .tooltip-message-box fa-icon{font-size:2rem;margin-left:.5rem}.icon .no-details{opacity:0;transform:scale(0)}.icon .details{opacity:1;transform:scale(1)}\n"] }]
|
|
21
|
-
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRvb2x0aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2N1c3RvbS10b29sdGlwL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdXN0b20tdG9vbHRpcC9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzFDLE1BQU0sT0FBTyxzQkFBc0I7SUFHakMsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUUzQixDQUFDOzttSEFkVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzRENQbkMsc2tCQVlNOzJGRExPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3VzdG9tLXRvb2x0aXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21Ub29sdGlwQ29tcG9uZW50IHtcclxuICBzaG93RGV0YWlsczogYm9vbGVhbjtcclxuXHJcbiAgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5zaG93RGV0YWlscyA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlQ2xpY2soKSB7XHJcbiAgICB0aGlzLnNob3dEZXRhaWxzID0gIXRoaXMuc2hvd0RldGFpbHM7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlTGVhdmUoKSB7XHJcbiAgICB0aGlzLnNob3dEZXRhaWxzID0gZmFsc2U7XHJcblxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaWNvblwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiAobW91c2VsZWF2ZSk9XCJvbk1vdXNlTGVhdmUoKVwiPlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cIm9uTW91c2VDbGljaygpXCIgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiIChtb3VzZWVudGVyKT1cIm9uTW91c2VFbnRlcigpXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwiaW5mby1jaXJjbGVcIiBjbGFzcz1cImljb24tc2hhcGVcIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b29sdGlwLW1lc3NhZ2UtYm94XCIgW25nQ2xhc3NdPVwieyduby1kZXRhaWxzJyA6ICFzaG93RGV0YWlscyAsICdkZXRhaWxzJzogc2hvd0RldGFpbHN9XCI+XHJcbiAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJjYXJldC1sZWZ0XCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/router";
|
|
4
|
-
import * as i2 from "@angular/material/button";
|
|
5
|
-
export class GetStartedCTAComponent {
|
|
6
|
-
constructor(_Router) {
|
|
7
|
-
this._Router = _Router;
|
|
8
|
-
}
|
|
9
|
-
ngOnInit() { }
|
|
10
|
-
onClickLink(route) {
|
|
11
|
-
this._Router.navigate([route]);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
GetStartedCTAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetStartedCTAComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
GetStartedCTAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GetStartedCTAComponent, selector: "get-started-cta", inputs: { ctaCardData: "ctaCardData" }, ngImport: i0, template: "<div class=\"all\">\r\n <div class=\"get-started\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\r\n <path\r\n d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\r\n <path\r\n d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg svg-3\">\r\n <path\r\n d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\r\n <path\r\n d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\r\n <path\r\n d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\r\n </svg>\r\n\r\n\r\n <div class=\"content\">\r\n <h1>{{ctaCardData.title}}</h1>\r\n <div class=\"description\">\r\n {{ctaCardData.description}}\r\n </div>\r\n <img loading=\"lazy\" [src]=\"ctaCardData.logo.path\" alt=\"\" (click)=\"onClickLink(ctaCardData.logo.route)\" class=\"logo-img\">\r\n <div class=\"create-account\">\r\n <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\r\n <button mat-raised-button class=\"sign-up-btn\"\r\n (click)=\"onClickLink(ctaCardData.callToActionButton.route)\">{{ctaCardData.callToActionButton.label}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.all{margin-top:3rem;display:flex;align-items:center}.get-started{position:relative;text-align:center;color:#fff;display:grid;padding:3rem 0rem;border-radius:1.5rem;margin:auto;background-color:#32353b;box-shadow:2rem 2rem 3.4rem #00000040;z-index:2;width:90%}@media only screen and (min-width: 1500px){.get-started{width:150rem}}.get-started path{fill:#155ed4}.get-started .svg{position:absolute;z-index:-1;width:20%;height:11rem}.get-started .svg-1{flex-shrink:0;fill:#155ed4;bottom:1rem;left:0%}.get-started .svg-2{left:10%;width:9em;height:11rem}.get-started .svg-3{top:4rem;right:30%}.get-started .svg-4{top:2rem;right:0}.get-started .svg-5{bottom:1rem;right:0}.get-started .content{display:grid;row-gap:1rem}.get-started .content .title{font-size:4rem}.get-started .content .description{width:60%;margin:auto}@media only screen and (max-width: 75em){.get-started .content .description{width:80%}}.get-started .sign-up{text-decoration:underline;font-weight:500;cursor:pointer}.get-started .logo-img{cursor:pointer;margin:2vh 0 5vh;width:20rem;margin:auto}.get-started .create-account{display:flex;justify-content:center;align-items:center;width:50%;margin:auto;column-gap:2%}.get-started .sign-up-btn{background-color:#155ed4;color:#fff;font-family:inherit}@media only screen and (max-width: 75em){.get-started .create-account{width:70%}}@media only screen and (max-width: 56.25em){.get-started .create-account{height:auto;row-gap:1rem;flex-wrap:wrap;width:100%;flex-direction:column}}@media only screen and (max-width: 37.5em){.get-started .svg-3{display:none}}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetStartedCTAComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'get-started-cta', template: "<div class=\"all\">\r\n <div class=\"get-started\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-1\" viewBox=\"0 0 228 234\" fill=\"none\">\r\n <path\r\n d=\"M0.01022 156.807C3.78242 72.5467 -16.7612 -0.000429796 70.322 -0.000429796C157.405 -0.000429796 228 70.7119 228 157.941C228 245.17 180.321 233.889 94.691 233.133C-3.00754 232.271 0.01022 244.036 0.01022 156.807Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-2\" viewBox=\"0 0 177 117\" fill=\"none\">\r\n <path\r\n d=\"M110.357 10.5333C194 -30.3739 182.428 61.2397 159.12 90.0236C135.811 118.808 82.6409 125.844 53.8569 102.535C25.073 79.226 -15.952 52.3174 7.35676 23.5335C30.6655 -5.25045 70 25.1261 110.357 10.5333Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 313 229\" fill=\"none\" class=\"svg svg-3\">\r\n <path\r\n d=\"M291.122 186.096C243.951 286.741 231.946 183.061 148.832 145.184C65.7183 107.307 -33.8765 166.916 12.5879 64.9595C59.0523 -36.9973 149.649 15.9897 217.109 4.58455C305.197 -13.6163 337.586 84.1393 291.122 186.096Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-4\" viewBox=\"0 0 130 187\" fill=\"none\">\r\n <path\r\n d=\"M129.626 63.1228C128.981 112.458 137.333 187 87.7069 187C38.0805 187 0 112.211 0 62.4765C0 12.7416 37.6506 -0.000427246 87.277 -0.000427246C136.903 -0.000427246 129.626 13.3879 129.626 63.1228Z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg svg-5\" viewBox=\"0 0 173 131\" fill=\"none\">\r\n <path\r\n d=\"M98.7021 21.5285C167.508 -41.2032 182.105 49.9773 167.808 84.1448C153.512 118.312 104.451 139.984 70.2838 125.687C36.1163 111.39 -10.8106 97.0728 3.48602 62.9053C17.7827 28.7378 64.06 46.8582 98.7021 21.5285Z\" />\r\n </svg>\r\n\r\n\r\n <div class=\"content\">\r\n <h1>{{ctaCardData.title}}</h1>\r\n <div class=\"description\">\r\n {{ctaCardData.description}}\r\n </div>\r\n <img loading=\"lazy\" [src]=\"ctaCardData.logo.path\" alt=\"\" (click)=\"onClickLink(ctaCardData.logo.route)\" class=\"logo-img\">\r\n <div class=\"create-account\">\r\n <input type=\"email\" class=\"email-input\" placeholder=\"Email Address\">\r\n <button mat-raised-button class=\"sign-up-btn\"\r\n (click)=\"onClickLink(ctaCardData.callToActionButton.route)\">{{ctaCardData.callToActionButton.label}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.all{margin-top:3rem;display:flex;align-items:center}.get-started{position:relative;text-align:center;color:#fff;display:grid;padding:3rem 0rem;border-radius:1.5rem;margin:auto;background-color:#32353b;box-shadow:2rem 2rem 3.4rem #00000040;z-index:2;width:90%}@media only screen and (min-width: 1500px){.get-started{width:150rem}}.get-started path{fill:#155ed4}.get-started .svg{position:absolute;z-index:-1;width:20%;height:11rem}.get-started .svg-1{flex-shrink:0;fill:#155ed4;bottom:1rem;left:0%}.get-started .svg-2{left:10%;width:9em;height:11rem}.get-started .svg-3{top:4rem;right:30%}.get-started .svg-4{top:2rem;right:0}.get-started .svg-5{bottom:1rem;right:0}.get-started .content{display:grid;row-gap:1rem}.get-started .content .title{font-size:4rem}.get-started .content .description{width:60%;margin:auto}@media only screen and (max-width: 75em){.get-started .content .description{width:80%}}.get-started .sign-up{text-decoration:underline;font-weight:500;cursor:pointer}.get-started .logo-img{cursor:pointer;margin:2vh 0 5vh;width:20rem;margin:auto}.get-started .create-account{display:flex;justify-content:center;align-items:center;width:50%;margin:auto;column-gap:2%}.get-started .sign-up-btn{background-color:#155ed4;color:#fff;font-family:inherit}@media only screen and (max-width: 75em){.get-started .create-account{width:70%}}@media only screen and (max-width: 56.25em){.get-started .create-account{height:auto;row-gap:1rem;flex-wrap:wrap;width:100%;flex-direction:column}}@media only screen and (max-width: 37.5em){.get-started .svg-3{display:none}}\n"] }]
|
|
19
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ctaCardData: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9nZXQtc3RhcnRlZC1jdGEvZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxzQkFBc0I7SUFJakMsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBRHhDLFFBQVEsS0FBSyxDQUFDO0lBR2QsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7bUhBUlUsc0JBQXNCO3VHQUF0QixzQkFBc0IsK0ZDUm5DLGd1RkEwQ007MkZEbENPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7NkZBS2xCLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgR2V0U3RhcnRlZEN0YSB9IGZyb20gJy4uL21vZGVscy9nZXQtc3RhcnRlZC1jdGEubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2dldC1zdGFydGVkLWN0YScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2dldC1zdGFydGVkLWN0YS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZ2V0LXN0YXJ0ZWQtY3RhLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEdldFN0YXJ0ZWRDVEFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGN0YUNhcmREYXRhOiBHZXRTdGFydGVkQ3RhO1xyXG5cclxuICBuZ09uSW5pdCgpIHsgfVxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgb25DbGlja0xpbmsocm91dGUpIHtcclxuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbcm91dGVdKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFsbFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImdldC1zdGFydGVkXCI+XHJcbiAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgY2xhc3M9XCJzdmcgc3ZnLTFcIiB2aWV3Qm94PVwiMCAwIDIyOCAyMzRcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD1cIk0wLjAxMDIyIDE1Ni44MDdDMy43ODI0MiA3Mi41NDY3IC0xNi43NjEyIC0wLjAwMDQyOTc5NiA3MC4zMjIgLTAuMDAwNDI5Nzk2QzE1Ny40MDUgLTAuMDAwNDI5Nzk2IDIyOCA3MC43MTE5IDIyOCAxNTcuOTQxQzIyOCAyNDUuMTcgMTgwLjMyMSAyMzMuODg5IDk0LjY5MSAyMzMuMTMzQy0zLjAwNzU0IDIzMi4yNzEgMC4wMTAyMiAyNDQuMDM2IDAuMDEwMjIgMTU2LjgwN1pcIlxyXG4gICAgICAgICAgICAgICAgZmlsbD1cIiMxNTVFRDRcIiAvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG5cclxuICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBjbGFzcz1cInN2ZyBzdmctMlwiIHZpZXdCb3g9XCIwIDAgMTc3IDExN1wiIGZpbGw9XCJub25lXCI+XHJcbiAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTExMC4zNTcgMTAuNTMzM0MxOTQgLTMwLjM3MzkgMTgyLjQyOCA2MS4yMzk3IDE1OS4xMiA5MC4wMjM2QzEzNS44MTEgMTE4LjgwOCA4Mi42NDA5IDEyNS44NDQgNTMuODU2OSAxMDIuNTM1QzI1LjA3MyA3OS4yMjYgLTE1Ljk1MiA1Mi4zMTc0IDcuMzU2NzYgMjMuNTMzNUMzMC42NjU1IC01LjI1MDQ1IDcwIDI1LjEyNjEgMTEwLjM1NyAxMC41MzMzWlwiIC8+XHJcbiAgICAgICAgPC9zdmc+XHJcblxyXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMzEzIDIyOVwiIGZpbGw9XCJub25lXCIgY2xhc3M9XCJzdmcgc3ZnLTNcIj5cclxuICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNMjkxLjEyMiAxODYuMDk2QzI0My45NTEgMjg2Ljc0MSAyMzEuOTQ2IDE4My4wNjEgMTQ4LjgzMiAxNDUuMTg0QzY1LjcxODMgMTA3LjMwNyAtMzMuODc2NSAxNjYuOTE2IDEyLjU4NzkgNjQuOTU5NUM1OS4wNTIzIC0zNi45OTczIDE0OS42NDkgMTUuOTg5NyAyMTcuMTA5IDQuNTg0NTVDMzA1LjE5NyAtMTMuNjE2MyAzMzcuNTg2IDg0LjEzOTMgMjkxLjEyMiAxODYuMDk2WlwiIC8+XHJcbiAgICAgICAgPC9zdmc+XHJcblxyXG4gICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGNsYXNzPVwic3ZnIHN2Zy00XCIgdmlld0JveD1cIjAgMCAxMzAgMTg3XCIgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNMTI5LjYyNiA2My4xMjI4QzEyOC45ODEgMTEyLjQ1OCAxMzcuMzMzIDE4NyA4Ny43MDY5IDE4N0MzOC4wODA1IDE4NyAwIDExMi4yMTEgMCA2Mi40NzY1QzAgMTIuNzQxNiAzNy42NTA2IC0wLjAwMDQyNzI0NiA4Ny4yNzcgLTAuMDAwNDI3MjQ2QzEzNi45MDMgLTAuMDAwNDI3MjQ2IDEyOS42MjYgMTMuMzg3OSAxMjkuNjI2IDYzLjEyMjhaXCIgLz5cclxuICAgICAgICA8L3N2Zz5cclxuXHJcbiAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgY2xhc3M9XCJzdmcgc3ZnLTVcIiB2aWV3Qm94PVwiMCAwIDE3MyAxMzFcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD1cIk05OC43MDIxIDIxLjUyODVDMTY3LjUwOCAtNDEuMjAzMiAxODIuMTA1IDQ5Ljk3NzMgMTY3LjgwOCA4NC4xNDQ4QzE1My41MTIgMTE4LjMxMiAxMDQuNDUxIDEzOS45ODQgNzAuMjgzOCAxMjUuNjg3QzM2LjExNjMgMTExLjM5IC0xMC44MTA2IDk3LjA3MjggMy40ODYwMiA2Mi45MDUzQzE3Ljc4MjcgMjguNzM3OCA2NC4wNiA0Ni44NTgyIDk4LjcwMjEgMjEuNTI4NVpcIiAvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICAgICAgPGgxPnt7Y3RhQ2FyZERhdGEudGl0bGV9fTwvaDE+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICAgICAge3tjdGFDYXJkRGF0YS5kZXNjcmlwdGlvbn19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJjdGFDYXJkRGF0YS5sb2dvLnBhdGhcIiBhbHQ9XCJcIiAoY2xpY2spPVwib25DbGlja0xpbmsoY3RhQ2FyZERhdGEubG9nby5yb3V0ZSlcIiBjbGFzcz1cImxvZ28taW1nXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjcmVhdGUtYWNjb3VudFwiPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJlbWFpbFwiIGNsYXNzPVwiZW1haWwtaW5wdXRcIiBwbGFjZWhvbGRlcj1cIkVtYWlsIEFkZHJlc3NcIj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY2xhc3M9XCJzaWduLXVwLWJ0blwiXHJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tMaW5rKGN0YUNhcmREYXRhLmNhbGxUb0FjdGlvbkJ1dHRvbi5yb3V0ZSlcIj57e2N0YUNhcmREYXRhLmNhbGxUb0FjdGlvbkJ1dHRvbi5sYWJlbH19PC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/router";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "@angular/material/button";
|
|
6
|
-
import * as i4 from "../section-title/section-title.component";
|
|
7
|
-
export class HeaderSectionOneComponent {
|
|
8
|
-
constructor(_Router) {
|
|
9
|
-
this._Router = _Router;
|
|
10
|
-
}
|
|
11
|
-
onClickButton(route) {
|
|
12
|
-
this._Router.navigate([route]);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
HeaderSectionOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HeaderSectionOneComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
HeaderSectionOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: HeaderSectionOneComponent, selector: "header-section-one", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"detail-head-block\" [ngClass]=\"{'title-image-sort':sectionContent.titleImageSort , 'image-title-sort':!sectionContent.titleImageSort, 'image-background':sectionContent.backgroundImage != null }\" [ngStyle]=\"{'background-color': !sectionContent.backgroundImage ? sectionContent.backgroundColor :null }\">\r\n <img loading=\"lazy\" class=\"bg-image\" [src]=\"sectionContent.backgroundImage\" alt=\"\" *ngIf=\"sectionContent.backgroundImage\">\r\n <div class=\"section-content\">\r\n <div class=\"header-content-container\">\r\n <div class=\"title-desc\">\r\n <div class=\"title-part\">\r\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n </div>\r\n <div *ngIf=\"sectionContent.actions\" class=\"main-buttons align-left-items\">\r\n <div class=\"button\" *ngFor=\"let button of sectionContent.actions ,let i = index\">\r\n <button mat-raised-button (click)=\"onClickButton(button.route)\">\r\n {{button.label}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"img-head\" *ngIf=\"sectionContent.previewImage\">\r\n <img loading=\"lazy\" [src]=\"sectionContent.previewImage\">\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.image-title-sort{flex-direction:row-reverse}.title-image-sort{flex-direction:row}.image-background{position:relative}.image-background .bg-image{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;object-fit:cover;-moz-filter:blur(.2rem);filter:blur(.2rem)}.detail-head-block{box-shadow:#32325d40 0 .6rem 1.2rem -.2rem,#0000004d 0 .3rem .7rem -.3rem;margin-bottom:2rem;padding:10rem 0rem}.detail-head-block .section-content{display:flex;margin:auto;column-gap:2%;color:#fff;width:90%}@media only screen and (min-width: 1500px){.detail-head-block .section-content{width:150rem}}.detail-head-block .header-content-container{width:69%;padding-top:3rem}.detail-head-block .header-content-container .title-desc{width:100%;display:flex;flex-direction:column;row-gap:2rem}.detail-head-block .header-content-container .title-desc .title-part{width:80%;margin:auto}.detail-head-block .header-content-container .title-desc .main-buttons{display:flex;margin-top:4rem;column-gap:2rem;justify-content:center}.detail-head-block .header-content-container .title-desc .main-buttons button{padding:2rem;border-radius:.5rem;color:#fff;border:none;font-weight:400;font-size:2rem;font-weight:600;font-family:inherit;background-color:#155ed4}.detail-head-block .header-content-container .title-desc .main-buttons .orange-btn{transition:.15s ease-in-out}.detail-head-block .header-content-container .title-desc .main-buttons .orange-btn:hover{box-shadow:#64646f33 0 .7rem 2.9rem;transform:scale(1.05)}.detail-head-block .img-head{display:grid;height:100%;width:29%;padding:3rem 0rem;align-self:center;justify-items:center}.detail-head-block .img-head img{align-self:right;box-sizing:border-box;width:100%;height:35rem;object-fit:cover;border-radius:1rem;box-shadow:#959da533 0 .8rem 2.4rem}@media only screen and (max-width: 75em){.detail-head-block .header-content-container{width:59%}.detail-head-block .img-head{width:39%}.detail-head-block .img-head img{width:80%;height:40rem}}@media only screen and (min-width: 900px){.detail-head-block .header-content-container .title-desc .align-left-items{margin:auto;width:80%;justify-content:start}}@media only screen and (max-width: 56.25em){.detail-head-block{padding:0rem}.detail-head-block .section-content{display:flex;flex-wrap:wrap;flex-direction:column-reverse;width:100%}.detail-head-block .header-content-container{margin:auto;width:100%}.detail-head-block .header-content-container .title-desc{width:100%;display:grid;align-items:center;margin:2rem 0rem}.detail-head-block .img-head{justify-items:center;clip-path:none;border-radius:1.5rem;margin-top:3rem;width:100%}.detail-head-block .img-head img{height:40rem;width:65%;border-radius:1.5rem;object-fit:cover}}@media only screen and (max-width: 37.5em){.detail-head-block .img-head img{height:33rem;width:80%}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HeaderSectionOneComponent, decorators: [{
|
|
18
|
-
type: Component,
|
|
19
|
-
args: [{ selector: 'header-section-one', template: "<div class=\"detail-head-block\" [ngClass]=\"{'title-image-sort':sectionContent.titleImageSort , 'image-title-sort':!sectionContent.titleImageSort, 'image-background':sectionContent.backgroundImage != null }\" [ngStyle]=\"{'background-color': !sectionContent.backgroundImage ? sectionContent.backgroundColor :null }\">\r\n <img loading=\"lazy\" class=\"bg-image\" [src]=\"sectionContent.backgroundImage\" alt=\"\" *ngIf=\"sectionContent.backgroundImage\">\r\n <div class=\"section-content\">\r\n <div class=\"header-content-container\">\r\n <div class=\"title-desc\">\r\n <div class=\"title-part\">\r\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n </div>\r\n <div *ngIf=\"sectionContent.actions\" class=\"main-buttons align-left-items\">\r\n <div class=\"button\" *ngFor=\"let button of sectionContent.actions ,let i = index\">\r\n <button mat-raised-button (click)=\"onClickButton(button.route)\">\r\n {{button.label}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"img-head\" *ngIf=\"sectionContent.previewImage\">\r\n <img loading=\"lazy\" [src]=\"sectionContent.previewImage\">\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.image-title-sort{flex-direction:row-reverse}.title-image-sort{flex-direction:row}.image-background{position:relative}.image-background .bg-image{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;object-fit:cover;-moz-filter:blur(.2rem);filter:blur(.2rem)}.detail-head-block{box-shadow:#32325d40 0 .6rem 1.2rem -.2rem,#0000004d 0 .3rem .7rem -.3rem;margin-bottom:2rem;padding:10rem 0rem}.detail-head-block .section-content{display:flex;margin:auto;column-gap:2%;color:#fff;width:90%}@media only screen and (min-width: 1500px){.detail-head-block .section-content{width:150rem}}.detail-head-block .header-content-container{width:69%;padding-top:3rem}.detail-head-block .header-content-container .title-desc{width:100%;display:flex;flex-direction:column;row-gap:2rem}.detail-head-block .header-content-container .title-desc .title-part{width:80%;margin:auto}.detail-head-block .header-content-container .title-desc .main-buttons{display:flex;margin-top:4rem;column-gap:2rem;justify-content:center}.detail-head-block .header-content-container .title-desc .main-buttons button{padding:2rem;border-radius:.5rem;color:#fff;border:none;font-weight:400;font-size:2rem;font-weight:600;font-family:inherit;background-color:#155ed4}.detail-head-block .header-content-container .title-desc .main-buttons .orange-btn{transition:.15s ease-in-out}.detail-head-block .header-content-container .title-desc .main-buttons .orange-btn:hover{box-shadow:#64646f33 0 .7rem 2.9rem;transform:scale(1.05)}.detail-head-block .img-head{display:grid;height:100%;width:29%;padding:3rem 0rem;align-self:center;justify-items:center}.detail-head-block .img-head img{align-self:right;box-sizing:border-box;width:100%;height:35rem;object-fit:cover;border-radius:1rem;box-shadow:#959da533 0 .8rem 2.4rem}@media only screen and (max-width: 75em){.detail-head-block .header-content-container{width:59%}.detail-head-block .img-head{width:39%}.detail-head-block .img-head img{width:80%;height:40rem}}@media only screen and (min-width: 900px){.detail-head-block .header-content-container .title-desc .align-left-items{margin:auto;width:80%;justify-content:start}}@media only screen and (max-width: 56.25em){.detail-head-block{padding:0rem}.detail-head-block .section-content{display:flex;flex-wrap:wrap;flex-direction:column-reverse;width:100%}.detail-head-block .header-content-container{margin:auto;width:100%}.detail-head-block .header-content-container .title-desc{width:100%;display:grid;align-items:center;margin:2rem 0rem}.detail-head-block .img-head{justify-items:center;clip-path:none;border-radius:1.5rem;margin-top:3rem;width:100%}.detail-head-block .img-head img{height:40rem;width:65%;border-radius:1.5rem;object-fit:cover}}@media only screen and (max-width: 37.5em){.detail-head-block .img-head img{height:33rem;width:80%}}\n"] }]
|
|
20
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXNlY3Rpb24tb25lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9oZWFkZXItc2VjdGlvbi1vbmUvaGVhZGVyLXNlY3Rpb24tb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9oZWFkZXItc2VjdGlvbi1vbmUvaGVhZGVyLXNlY3Rpb24tb25lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTakQsTUFBTSxPQUFPLHlCQUF5QjtJQUdwQyxZQUFvQixPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUFJLENBQUM7SUFFeEMsYUFBYSxDQUFDLEtBQUs7UUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBRSxLQUFLLENBQUUsQ0FBQyxDQUFBO0lBQ2xDLENBQUM7O3NIQVBVLHlCQUF5QjswR0FBekIseUJBQXlCLHdHQ1R0QyxpNkNBcUJNOzJGRFpPLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDRSxvQkFBb0I7NkZBTXJCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEhlYWRlclNlY3Rpb25TdHlsZU9uZSB9IGZyb20gJy4uL21vZGVscy9oZWFkZXItc2VjdGlvbi1zdHlsZS1vbmUubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2hlYWRlci1zZWN0aW9uLW9uZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci1zZWN0aW9uLW9uZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2hlYWRlci1zZWN0aW9uLW9uZS5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIEhlYWRlclNlY3Rpb25PbmVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBIZWFkZXJTZWN0aW9uU3R5bGVPbmU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX1JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgb25DbGlja0J1dHRvbihyb3V0ZSkge1xyXG4gICAgdGhpcy5fUm91dGVyLm5hdmlnYXRlKFsgcm91dGUgXSlcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImRldGFpbC1oZWFkLWJsb2NrXCIgW25nQ2xhc3NdPVwieyd0aXRsZS1pbWFnZS1zb3J0JzpzZWN0aW9uQ29udGVudC50aXRsZUltYWdlU29ydCAsICdpbWFnZS10aXRsZS1zb3J0Jzohc2VjdGlvbkNvbnRlbnQudGl0bGVJbWFnZVNvcnQsICdpbWFnZS1iYWNrZ3JvdW5kJzpzZWN0aW9uQ29udGVudC5iYWNrZ3JvdW5kSW1hZ2UgIT0gbnVsbCB9XCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogIXNlY3Rpb25Db250ZW50LmJhY2tncm91bmRJbWFnZSA/IHNlY3Rpb25Db250ZW50LmJhY2tncm91bmRDb2xvciA6bnVsbCB9XCI+XHJcbiAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgY2xhc3M9XCJiZy1pbWFnZVwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmFja2dyb3VuZEltYWdlXCIgYWx0PVwiXCIgKm5nSWY9XCJzZWN0aW9uQ29udGVudC5iYWNrZ3JvdW5kSW1hZ2VcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLWNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWNvbnRlbnQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1kZXNjXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtcGFydFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQuYWN0aW9uc1wiIGNsYXNzPVwibWFpbi1idXR0b25zIGFsaWduLWxlZnQtaXRlbXNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uXCIgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBzZWN0aW9uQ29udGVudC5hY3Rpb25zICxsZXQgaSA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIm9uQ2xpY2tCdXR0b24oYnV0dG9uLnJvdXRlKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3tidXR0b24ubGFiZWx9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLWhlYWRcIiAqbmdJZj1cInNlY3Rpb25Db250ZW50LnByZXZpZXdJbWFnZVwiPlxyXG4gICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJzZWN0aW9uQ29udGVudC5wcmV2aWV3SW1hZ2VcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1,132 +0,0 @@
|
|
|
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/cdk/layout";
|
|
5
|
-
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
6
|
-
import * as i3 from "@angular/common";
|
|
7
|
-
import * as i4 from "primeng/galleria";
|
|
8
|
-
import * as i5 from "primeng/api";
|
|
9
|
-
export class ImageGalleryModal {
|
|
10
|
-
constructor(breakpointObserver) {
|
|
11
|
-
this.breakpointObserver = breakpointObserver;
|
|
12
|
-
this.galleryData = [];
|
|
13
|
-
this.showCount = false;
|
|
14
|
-
this.previewImage = false;
|
|
15
|
-
this.showMask = false;
|
|
16
|
-
this.currentImageGalleryModal = this.galleryData[0];
|
|
17
|
-
this.currentIndex = 0;
|
|
18
|
-
this.controls = true;
|
|
19
|
-
this.totalImageCount = 0;
|
|
20
|
-
}
|
|
21
|
-
ngOnInit() {
|
|
22
|
-
this.breakpointObserver.observe("(max-width: 900px)").subscribe((result) => {
|
|
23
|
-
if (result.matches) {
|
|
24
|
-
this.onClosePreview();
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
this.totalImageCount = this.galleryData.length;
|
|
28
|
-
this.responsiveOptions = [
|
|
29
|
-
{
|
|
30
|
-
breakpoint: '900px',
|
|
31
|
-
numVisible: 5
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
breakpoint: '600px',
|
|
35
|
-
numVisible: 4
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
breakpoint: '540px',
|
|
39
|
-
numVisible: 3
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
breakpoint: '400px',
|
|
43
|
-
numVisible: 2
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
breakpoint: '300px',
|
|
47
|
-
numVisible: 1
|
|
48
|
-
}
|
|
49
|
-
];
|
|
50
|
-
}
|
|
51
|
-
onKeydownHandler(event) {
|
|
52
|
-
this.onClosePreview();
|
|
53
|
-
}
|
|
54
|
-
onPreviewImage(index) {
|
|
55
|
-
document.body.style.overflowY = 'hidden';
|
|
56
|
-
this.showMask = true;
|
|
57
|
-
this.previewImage = true;
|
|
58
|
-
this.currentIndex = index;
|
|
59
|
-
this.currentImageGalleryModal = this.galleryData[index];
|
|
60
|
-
}
|
|
61
|
-
onAnimationEnd(event) {
|
|
62
|
-
if (event.toState === 'void') {
|
|
63
|
-
this.showMask = false;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
onClosePreview() {
|
|
67
|
-
document.body.style.overflowY = 'visible';
|
|
68
|
-
this.previewImage = false;
|
|
69
|
-
}
|
|
70
|
-
onclickPrev() {
|
|
71
|
-
this.currentIndex++;
|
|
72
|
-
if (this.currentIndex > this.galleryData.length - 1) {
|
|
73
|
-
this.currentIndex = 0;
|
|
74
|
-
}
|
|
75
|
-
this.currentImageGalleryModal = this.galleryData[this.currentIndex];
|
|
76
|
-
}
|
|
77
|
-
onclickNext() {
|
|
78
|
-
this.currentIndex--;
|
|
79
|
-
if (this.currentIndex < 0) {
|
|
80
|
-
this.currentIndex = this.galleryData.length - 1;
|
|
81
|
-
}
|
|
82
|
-
this.currentImageGalleryModal = this.galleryData[this.currentIndex];
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
ImageGalleryModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ImageGalleryModal, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
-
ImageGalleryModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ImageGalleryModal, selector: "image-gallery-modal", inputs: { galleryData: "galleryData", showCount: "showCount" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, ngImport: i0, template: "<div class=\"section\">\r\n\r\n <div class=\"gallery-image-gallery-modal-container\">\r\n <div class=\"gallery\">\r\n <div *ngFor=\"let image of galleryData; let i = index\" class=\"gallery-image\">\r\n <img loading=\"lazy\" (click)=\"onPreviewImage(i)\" [src]=\"image.file\" [alt]=\"image.name\">\r\n <div class=\"image-cta\" (click)=\"onPreviewImage(i)\">\r\n Click to preview <fa-icon icon=\"magnifying-glass-plus\"></fa-icon>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showMask\" [ngClass]=\"{'hide-overflow' : showMask}\" class=\"image-gallery-modal\" @animation2>\r\n <div *ngIf=\"showCount\" class=\"count\">\r\n {{currentIndex + 1}}/{{totalImageCount}}\r\n </div>\r\n <button (click)=\"onClosePreview()\" *ngIf=\"previewImage\" class=\"close-btn\">\r\n <fa-icon icon=\"times\"></fa-icon>\r\n </button>\r\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-prev\" (click)=\"onclickPrev()\">\r\n <fa-icon icon=\"arrow-circle-left\" class=\"icon-image-gallery-modal-carousel icon-prev\"></fa-icon>\r\n </button>\r\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-next\" (click)=\"onclickNext()\">\r\n <fa-icon icon=\"arrow-circle-right\" class=\"icon-image-gallery-modal-carousel icon-next\"></fa-icon>\r\n </button>\r\n <div *ngIf=\"previewImage\" [@animation]=\"{value : 'visible'}\" (@animation.done)=\"onAnimationEnd($event)\" class=\"image-gallery-modal-img\">\r\n <img loading=\"lazy\" [src]=\"currentImageGalleryModal.file\" [alt]=\"currentImageGalleryModal.name\">\r\n </div>\r\n </div>\r\n </div>\r\n <div>\r\n <p-galleria [value]=\"galleryData\" class=\"gallery-custom\" [responsiveOptions]=\"responsiveOptions\" [containerStyle]=\"{ 'max-width': '900px' }\">\r\n <ng-template pTemplate=\"item\" let-item>\r\n <div class=\"img\">\r\n <img loading=\"lazy\" class=\"big-img\" [src]=\"item.file\" />\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"thumbnail\" let-item>\r\n <div class=\"grid grid-nogutter justify-content-center\">\r\n <img loading=\"lazy\" [src]=\"item.file\" class=\"small-img\" />\r\n </div>\r\n </ng-template>\r\n </p-galleria>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:100%}.gallery-custom{display:none}.gallery-image-gallery-modal-container{position:relative;display:block;padding:2.5rem;margin:auto;width:90%}@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:.8rem}.gallery-image-gallery-modal-container .gallery .gallery-image{overflow:hidden;transition:all .3s;position:relative;margin-bottom:1rem}.gallery-image-gallery-modal-container .gallery .gallery-image:hover{box-shadow:#00000026 0 1.5rem 2.5rem,#0000000d 0 .5rem 1rem}.gallery-image-gallery-modal-container .gallery .gallery-image:hover img{filter:brightness(.5)}.gallery-image-gallery-modal-container .gallery .gallery-image:hover .image-cta{opacity:1}.gallery-image-gallery-modal-container .gallery .gallery-image img{width:100%;height:auto;cursor:zoom-in;border-radius:.35rem}.gallery-image-gallery-modal-container .gallery .gallery-image .image-cta{opacity:0;position:absolute;width:100%;top:50%;text-align:center;color:#fff;font-size:2rem;cursor:zoom-in;transition:opacity .3s}.gallery-image-gallery-modal-container .gallery .gallery-image .image-cta fa-icon{font-size:2rem;margin-left:1rem;color:#fff}.gallery-image-gallery-modal-container .hide-overflow{overflow:hidden}.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 .image-gallery-modal .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 .image-gallery-modal .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 .image-gallery-modal .close-btn fa-icon{font-size:2.5rem}.gallery-image-gallery-modal-container .image-gallery-modal .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 .image-gallery-modal .btn-prev{left:0}.gallery-image-gallery-modal-container .image-gallery-modal .btn-next{right:0}.gallery-image-gallery-modal-container .image-gallery-modal .icon-image-gallery-modal-carousel{color:#fff;opacity:.5;transition:all .15s ease}.gallery-image-gallery-modal-container .image-gallery-modal .icon-image-gallery-modal-carousel:hover{opacity:.9}.gallery-image-gallery-modal-container .image-gallery-modal .icon-image-gallery-modal-carousel:active{opacity:.5}.gallery-image-gallery-modal-container .image-gallery-modal .icon-prev,.gallery-image-gallery-modal-container .image-gallery-modal .icon-next{font-size:3rem}.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img img{width:100%;max-height:90vh;border-radius:1rem}@media only screen and (max-width: 75em){.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%}}@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;width:100%;max-width:8rem;height:12rem}.gallery-image-gallery-modal-container{display:none}}\n"], dependencies: [{ 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: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], animations: [
|
|
87
|
-
trigger('animation', [
|
|
88
|
-
transition('void => visible', [
|
|
89
|
-
style({ transform: 'scale(0.5)' }),
|
|
90
|
-
animate('150ms', style({ transform: 'scale(1)' }))
|
|
91
|
-
]),
|
|
92
|
-
transition('visible => void', [
|
|
93
|
-
style({ transform: 'scale(1)' }),
|
|
94
|
-
animate('150ms', style({ transform: 'scale(0.5)' }))
|
|
95
|
-
]),
|
|
96
|
-
]),
|
|
97
|
-
trigger('animation2', [
|
|
98
|
-
transition(':leave', [
|
|
99
|
-
style({ opacity: 1 }),
|
|
100
|
-
animate('50ms', style({ opacity: 0.8 }))
|
|
101
|
-
])
|
|
102
|
-
])
|
|
103
|
-
] });
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ImageGalleryModal, decorators: [{
|
|
105
|
-
type: Component,
|
|
106
|
-
args: [{ selector: 'image-gallery-modal', animations: [
|
|
107
|
-
trigger('animation', [
|
|
108
|
-
transition('void => visible', [
|
|
109
|
-
style({ transform: 'scale(0.5)' }),
|
|
110
|
-
animate('150ms', style({ transform: 'scale(1)' }))
|
|
111
|
-
]),
|
|
112
|
-
transition('visible => void', [
|
|
113
|
-
style({ transform: 'scale(1)' }),
|
|
114
|
-
animate('150ms', style({ transform: 'scale(0.5)' }))
|
|
115
|
-
]),
|
|
116
|
-
]),
|
|
117
|
-
trigger('animation2', [
|
|
118
|
-
transition(':leave', [
|
|
119
|
-
style({ opacity: 1 }),
|
|
120
|
-
animate('50ms', style({ opacity: 0.8 }))
|
|
121
|
-
])
|
|
122
|
-
])
|
|
123
|
-
], template: "<div class=\"section\">\r\n\r\n <div class=\"gallery-image-gallery-modal-container\">\r\n <div class=\"gallery\">\r\n <div *ngFor=\"let image of galleryData; let i = index\" class=\"gallery-image\">\r\n <img loading=\"lazy\" (click)=\"onPreviewImage(i)\" [src]=\"image.file\" [alt]=\"image.name\">\r\n <div class=\"image-cta\" (click)=\"onPreviewImage(i)\">\r\n Click to preview <fa-icon icon=\"magnifying-glass-plus\"></fa-icon>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showMask\" [ngClass]=\"{'hide-overflow' : showMask}\" class=\"image-gallery-modal\" @animation2>\r\n <div *ngIf=\"showCount\" class=\"count\">\r\n {{currentIndex + 1}}/{{totalImageCount}}\r\n </div>\r\n <button (click)=\"onClosePreview()\" *ngIf=\"previewImage\" class=\"close-btn\">\r\n <fa-icon icon=\"times\"></fa-icon>\r\n </button>\r\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-prev\" (click)=\"onclickPrev()\">\r\n <fa-icon icon=\"arrow-circle-left\" class=\"icon-image-gallery-modal-carousel icon-prev\"></fa-icon>\r\n </button>\r\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-next\" (click)=\"onclickNext()\">\r\n <fa-icon icon=\"arrow-circle-right\" class=\"icon-image-gallery-modal-carousel icon-next\"></fa-icon>\r\n </button>\r\n <div *ngIf=\"previewImage\" [@animation]=\"{value : 'visible'}\" (@animation.done)=\"onAnimationEnd($event)\" class=\"image-gallery-modal-img\">\r\n <img loading=\"lazy\" [src]=\"currentImageGalleryModal.file\" [alt]=\"currentImageGalleryModal.name\">\r\n </div>\r\n </div>\r\n </div>\r\n <div>\r\n <p-galleria [value]=\"galleryData\" class=\"gallery-custom\" [responsiveOptions]=\"responsiveOptions\" [containerStyle]=\"{ 'max-width': '900px' }\">\r\n <ng-template pTemplate=\"item\" let-item>\r\n <div class=\"img\">\r\n <img loading=\"lazy\" class=\"big-img\" [src]=\"item.file\" />\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"thumbnail\" let-item>\r\n <div class=\"grid grid-nogutter justify-content-center\">\r\n <img loading=\"lazy\" [src]=\"item.file\" class=\"small-img\" />\r\n </div>\r\n </ng-template>\r\n </p-galleria>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:100%}.gallery-custom{display:none}.gallery-image-gallery-modal-container{position:relative;display:block;padding:2.5rem;margin:auto;width:90%}@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:.8rem}.gallery-image-gallery-modal-container .gallery .gallery-image{overflow:hidden;transition:all .3s;position:relative;margin-bottom:1rem}.gallery-image-gallery-modal-container .gallery .gallery-image:hover{box-shadow:#00000026 0 1.5rem 2.5rem,#0000000d 0 .5rem 1rem}.gallery-image-gallery-modal-container .gallery .gallery-image:hover img{filter:brightness(.5)}.gallery-image-gallery-modal-container .gallery .gallery-image:hover .image-cta{opacity:1}.gallery-image-gallery-modal-container .gallery .gallery-image img{width:100%;height:auto;cursor:zoom-in;border-radius:.35rem}.gallery-image-gallery-modal-container .gallery .gallery-image .image-cta{opacity:0;position:absolute;width:100%;top:50%;text-align:center;color:#fff;font-size:2rem;cursor:zoom-in;transition:opacity .3s}.gallery-image-gallery-modal-container .gallery .gallery-image .image-cta fa-icon{font-size:2rem;margin-left:1rem;color:#fff}.gallery-image-gallery-modal-container .hide-overflow{overflow:hidden}.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 .image-gallery-modal .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 .image-gallery-modal .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 .image-gallery-modal .close-btn fa-icon{font-size:2.5rem}.gallery-image-gallery-modal-container .image-gallery-modal .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 .image-gallery-modal .btn-prev{left:0}.gallery-image-gallery-modal-container .image-gallery-modal .btn-next{right:0}.gallery-image-gallery-modal-container .image-gallery-modal .icon-image-gallery-modal-carousel{color:#fff;opacity:.5;transition:all .15s ease}.gallery-image-gallery-modal-container .image-gallery-modal .icon-image-gallery-modal-carousel:hover{opacity:.9}.gallery-image-gallery-modal-container .image-gallery-modal .icon-image-gallery-modal-carousel:active{opacity:.5}.gallery-image-gallery-modal-container .image-gallery-modal .icon-prev,.gallery-image-gallery-modal-container .image-gallery-modal .icon-next{font-size:3rem}.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img img{width:100%;max-height:90vh;border-radius:1rem}@media only screen and (max-width: 75em){.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%}}@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;width:100%;max-width:8rem;height:12rem}.gallery-image-gallery-modal-container{display:none}}\n"] }]
|
|
124
|
-
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { galleryData: [{
|
|
125
|
-
type: Input
|
|
126
|
-
}], showCount: [{
|
|
127
|
-
type: Input
|
|
128
|
-
}], onKeydownHandler: [{
|
|
129
|
-
type: HostListener,
|
|
130
|
-
args: ['document:keydown.escape', ['$event']]
|
|
131
|
-
}] } });
|
|
132
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvaW1hZ2UtZ2FsbGVyeS1tb2RhbC9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQWtCLE1BQU0scUJBQXFCLENBQUM7Ozs7Ozs7QUEwQjFGLE1BQU0sT0FBTyxpQkFBaUI7SUFXNUIsWUFDVSxrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQVh2QyxnQkFBVyxHQUE2QixFQUFFLENBQUM7UUFDM0MsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUUzQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLDZCQUF3QixHQUEyQixJQUFJLENBQUMsV0FBVyxDQUFFLENBQUMsQ0FBRSxDQUFDO1FBQ3pFLGlCQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDaEIsb0JBQWUsR0FBRyxDQUFDLENBQUM7SUFNaEIsQ0FBQztJQUNMLFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUM3QixvQkFBb0IsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQXVCLEVBQUUsRUFBRTtZQUMxRCxJQUFJLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQzthQUN2QjtRQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0wsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQztRQUMvQyxJQUFJLENBQUMsaUJBQWlCLEdBQUc7WUFDdkI7Z0JBQ0UsVUFBVSxFQUFFLE9BQU87Z0JBQ25CLFVBQVUsRUFBRSxDQUFDO2FBQ2Q7WUFDRDtnQkFDRSxVQUFVLEVBQUUsT0FBTztnQkFDbkIsVUFBVSxFQUFFLENBQUM7YUFDZDtZQUNEO2dCQUNFLFVBQVUsRUFBRSxPQUFPO2dCQUNuQixVQUFVLEVBQUUsQ0FBQzthQUNkO1lBQ0Q7Z0JBQ0UsVUFBVSxFQUFFLE9BQU87Z0JBQ25CLFVBQVUsRUFBRSxDQUFDO2FBQ2Q7WUFDRDtnQkFDRSxVQUFVLEVBQUUsT0FBTztnQkFDbkIsVUFBVSxFQUFFLENBQUM7YUFDZDtTQUNGLENBQUM7SUFDSixDQUFDO0lBQ3NELGdCQUFnQixDQUFDLEtBQW9CO1FBQzFGLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQWE7UUFDMUIsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsd0JBQXdCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBRSxLQUFLLENBQUUsQ0FBQztJQUM1RCxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQXFCO1FBQ2xDLElBQUksS0FBSyxDQUFDLE9BQU8sS0FBSyxNQUFNLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDdkI7SUFDSCxDQUFDO0lBQ0QsY0FBYztRQUNaLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUE7UUFDbkIsSUFBSSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNuRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztTQUN2QjtRQUNELElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFFLElBQUksQ0FBQyxZQUFZLENBQUUsQ0FBQTtJQUN2RSxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxFQUFFO1lBQ3pCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1NBQ2pEO1FBQ0QsSUFBSSxDQUFDLHdCQUF3QixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUUsSUFBSSxDQUFDLFlBQVksQ0FBRSxDQUFBO0lBQ3ZFLENBQUM7OzhHQWxGVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiwyTUM1QjlCLHVqRkEyQ00sczNMRGxDUTtRQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7WUFDbkIsVUFBVSxDQUFDLGlCQUFpQixFQUFFO2dCQUM1QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUM7Z0JBQ2xDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7YUFDbkQsQ0FBQztZQUNGLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtnQkFDNUIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDO2dCQUNoQyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDO2FBQ3JELENBQUM7U0FDSCxDQUFDO1FBQ0YsT0FBTyxDQUFDLFlBQVksRUFBRTtZQUNwQixVQUFVLENBQUMsUUFBUSxFQUFFO2dCQUNuQixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7Z0JBQ3JCLE9BQU8sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7YUFDekMsQ0FBQztTQUNILENBQUM7S0FDSDsyRkFFVSxpQkFBaUI7a0JBdkI3QixTQUFTOytCQUNFLHFCQUFxQixjQUduQjt3QkFDVixPQUFPLENBQUMsV0FBVyxFQUFFOzRCQUNuQixVQUFVLENBQUMsaUJBQWlCLEVBQUU7Z0NBQzVCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQztnQ0FDbEMsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQzs2QkFDbkQsQ0FBQzs0QkFDRixVQUFVLENBQUMsaUJBQWlCLEVBQUU7Z0NBQzVCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQztnQ0FDaEMsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQzs2QkFDckQsQ0FBQzt5QkFDSCxDQUFDO3dCQUNGLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3BCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztnQ0FDckIsT0FBTyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQzs2QkFDekMsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIO3lHQUdRLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkE2Q2lELGdCQUFnQjtzQkFBdEUsWUFBWTt1QkFBQyx5QkFBeUIsRUFBRSxDQUFFLFFBQVEsQ0FBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEdhbGxlcnlJdGVtc1Byb3BlcnRpZXMgfSBmcm9tICcuLi9tb2RlbHMvZ2FsbGVyeS1pdGVtcy1wcm9wZXJ0aWVzLm1vZGVsJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIEFuaW1hdGlvbkV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ltYWdlLWdhbGxlcnktbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4vaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQuc2NzcycgXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdhbmltYXRpb24nLCBbXHJcbiAgICAgIHRyYW5zaXRpb24oJ3ZvaWQgPT4gdmlzaWJsZScsIFtcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlKDAuNSknIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoJzE1MG1zJywgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZSgxKScgfSkpXHJcbiAgICAgIF0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2aXNpYmxlID0+IHZvaWQnLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZSgxKScgfSksXHJcbiAgICAgICAgYW5pbWF0ZSgnMTUwbXMnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlKDAuNSknIH0pKVxyXG4gICAgICBdKSxcclxuICAgIF0pLFxyXG4gICAgdHJpZ2dlcignYW5pbWF0aW9uMicsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xyXG4gICAgICAgIHN0eWxlKHsgb3BhY2l0eTogMSB9KSxcclxuICAgICAgICBhbmltYXRlKCc1MG1zJywgc3R5bGUoeyBvcGFjaXR5OiAwLjggfSkpXHJcbiAgICAgIF0pXHJcbiAgICBdKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEltYWdlR2FsbGVyeU1vZGFsIGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBnYWxsZXJ5RGF0YTogR2FsbGVyeUl0ZW1zUHJvcGVydGllc1tdID0gW107XHJcbiAgQElucHV0KCkgc2hvd0NvdW50ID0gZmFsc2U7XHJcblxyXG4gIHByZXZpZXdJbWFnZSA9IGZhbHNlO1xyXG4gIHNob3dNYXNrID0gZmFsc2U7XHJcbiAgY3VycmVudEltYWdlR2FsbGVyeU1vZGFsOiBHYWxsZXJ5SXRlbXNQcm9wZXJ0aWVzID0gdGhpcy5nYWxsZXJ5RGF0YVsgMCBdO1xyXG4gIGN1cnJlbnRJbmRleCA9IDA7XHJcbiAgY29udHJvbHMgPSB0cnVlO1xyXG4gIHRvdGFsSW1hZ2VDb3VudCA9IDA7XHJcbiAgcmVzcG9uc2l2ZU9wdGlvbnM6IGFueVtdO1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBicmVha3BvaW50T2JzZXJ2ZXI6IEJyZWFrcG9pbnRPYnNlcnZlcixcclxuXHJcblxyXG4gICkgeyB9XHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFxyXG4gICAgICBcIihtYXgtd2lkdGg6IDkwMHB4KVwiKS5zdWJzY3JpYmUoKHJlc3VsdDogQnJlYWtwb2ludFN0YXRlKSA9PiB7XHJcbiAgICAgICAgaWYgKHJlc3VsdC5tYXRjaGVzKSB7XHJcbiAgICAgICAgICB0aGlzLm9uQ2xvc2VQcmV2aWV3KCk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIHRoaXMudG90YWxJbWFnZUNvdW50ID0gdGhpcy5nYWxsZXJ5RGF0YS5sZW5ndGg7XHJcbiAgICB0aGlzLnJlc3BvbnNpdmVPcHRpb25zID0gW1xyXG4gICAgICB7XHJcbiAgICAgICAgYnJlYWtwb2ludDogJzkwMHB4JyxcclxuICAgICAgICBudW1WaXNpYmxlOiA1XHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBicmVha3BvaW50OiAnNjAwcHgnLFxyXG4gICAgICAgIG51bVZpc2libGU6IDRcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIGJyZWFrcG9pbnQ6ICc1NDBweCcsXHJcbiAgICAgICAgbnVtVmlzaWJsZTogM1xyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAgYnJlYWtwb2ludDogJzQwMHB4JyxcclxuICAgICAgICBudW1WaXNpYmxlOiAyXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBicmVha3BvaW50OiAnMzAwcHgnLFxyXG4gICAgICAgIG51bVZpc2libGU6IDFcclxuICAgICAgfVxyXG4gICAgXTtcclxuICB9XHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bi5lc2NhcGUnLCBbICckZXZlbnQnIF0pIG9uS2V5ZG93bkhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcclxuICAgIHRoaXMub25DbG9zZVByZXZpZXcoKTtcclxuICB9XHJcblxyXG4gIG9uUHJldmlld0ltYWdlKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dZID0gJ2hpZGRlbic7XHJcbiAgICB0aGlzLnNob3dNYXNrID0gdHJ1ZTtcclxuICAgIHRoaXMucHJldmlld0ltYWdlID0gdHJ1ZTtcclxuICAgIHRoaXMuY3VycmVudEluZGV4ID0gaW5kZXg7XHJcbiAgICB0aGlzLmN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbCA9IHRoaXMuZ2FsbGVyeURhdGFbIGluZGV4IF07XHJcbiAgfVxyXG5cclxuICBvbkFuaW1hdGlvbkVuZChldmVudDogQW5pbWF0aW9uRXZlbnQpIHtcclxuICAgIGlmIChldmVudC50b1N0YXRlID09PSAndm9pZCcpIHtcclxuICAgICAgdGhpcy5zaG93TWFzayA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuICBvbkNsb3NlUHJldmlldygpIHtcclxuICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dZID0gJ3Zpc2libGUnO1xyXG4gICAgdGhpcy5wcmV2aWV3SW1hZ2UgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIG9uY2xpY2tQcmV2KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jdXJyZW50SW5kZXgrK1xyXG4gICAgaWYgKHRoaXMuY3VycmVudEluZGV4ID4gdGhpcy5nYWxsZXJ5RGF0YS5sZW5ndGggLSAxKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudEluZGV4ID0gMDtcclxuICAgIH1cclxuICAgIHRoaXMuY3VycmVudEltYWdlR2FsbGVyeU1vZGFsID0gdGhpcy5nYWxsZXJ5RGF0YVsgdGhpcy5jdXJyZW50SW5kZXggXVxyXG4gIH1cclxuICBvbmNsaWNrTmV4dCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY3VycmVudEluZGV4LS07XHJcbiAgICBpZiAodGhpcy5jdXJyZW50SW5kZXggPCAwKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudEluZGV4ID0gdGhpcy5nYWxsZXJ5RGF0YS5sZW5ndGggLSAxO1xyXG4gICAgfVxyXG4gICAgdGhpcy5jdXJyZW50SW1hZ2VHYWxsZXJ5TW9kYWwgPSB0aGlzLmdhbGxlcnlEYXRhWyB0aGlzLmN1cnJlbnRJbmRleCBdXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvblwiPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJnYWxsZXJ5LWltYWdlLWdhbGxlcnktbW9kYWwtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdhbGxlcnlcIj5cclxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgaW1hZ2Ugb2YgZ2FsbGVyeURhdGE7IGxldCBpID0gaW5kZXhcIiBjbGFzcz1cImdhbGxlcnktaW1hZ2VcIj5cclxuICAgICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiAoY2xpY2spPVwib25QcmV2aWV3SW1hZ2UoaSlcIiBbc3JjXT1cImltYWdlLmZpbGVcIiBbYWx0XT1cImltYWdlLm5hbWVcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jdGFcIiAoY2xpY2spPVwib25QcmV2aWV3SW1hZ2UoaSlcIj5cclxuICAgICAgICAgICAgICAgICAgICBDbGljayB0byBwcmV2aWV3IDxmYS1pY29uIGljb249XCJtYWduaWZ5aW5nLWdsYXNzLXBsdXNcIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cInNob3dNYXNrXCIgW25nQ2xhc3NdPVwieydoaWRlLW92ZXJmbG93JyA6IHNob3dNYXNrfVwiIGNsYXNzPVwiaW1hZ2UtZ2FsbGVyeS1tb2RhbFwiIEBhbmltYXRpb24yPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwic2hvd0NvdW50XCIgY2xhc3M9XCJjb3VudFwiPlxyXG4gICAgICAgICAgICAgICAge3tjdXJyZW50SW5kZXggKyAxfX0ve3t0b3RhbEltYWdlQ291bnR9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwib25DbG9zZVByZXZpZXcoKVwiICpuZ0lmPVwicHJldmlld0ltYWdlXCIgY2xhc3M9XCJjbG9zZS1idG5cIj5cclxuICAgICAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJ0aW1lc1wiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJjb250cm9sc1wiIGNsYXNzPVwiYnRuLWltYWdlLWdhbGxlcnktbW9kYWwtY2Fyb3VzZWwgYnRuLXByZXZcIiAoY2xpY2spPVwib25jbGlja1ByZXYoKVwiPlxyXG4gICAgICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImFycm93LWNpcmNsZS1sZWZ0XCIgY2xhc3M9XCJpY29uLWltYWdlLWdhbGxlcnktbW9kYWwtY2Fyb3VzZWwgaWNvbi1wcmV2XCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImNvbnRyb2xzXCIgY2xhc3M9XCJidG4taW1hZ2UtZ2FsbGVyeS1tb2RhbC1jYXJvdXNlbCBidG4tbmV4dFwiIChjbGljayk9XCJvbmNsaWNrTmV4dCgpXCI+XHJcbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwiYXJyb3ctY2lyY2xlLXJpZ2h0XCIgY2xhc3M9XCJpY29uLWltYWdlLWdhbGxlcnktbW9kYWwtY2Fyb3VzZWwgaWNvbi1uZXh0XCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInByZXZpZXdJbWFnZVwiIFtAYW5pbWF0aW9uXT1cInt2YWx1ZSA6ICd2aXNpYmxlJ31cIiAoQGFuaW1hdGlvbi5kb25lKT1cIm9uQW5pbWF0aW9uRW5kKCRldmVudClcIiBjbGFzcz1cImltYWdlLWdhbGxlcnktbW9kYWwtaW1nXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJjdXJyZW50SW1hZ2VHYWxsZXJ5TW9kYWwuZmlsZVwiIFthbHRdPVwiY3VycmVudEltYWdlR2FsbGVyeU1vZGFsLm5hbWVcIj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXY+XHJcbiAgICAgICAgPHAtZ2FsbGVyaWEgW3ZhbHVlXT1cImdhbGxlcnlEYXRhXCIgY2xhc3M9XCJnYWxsZXJ5LWN1c3RvbVwiIFtyZXNwb25zaXZlT3B0aW9uc109XCJyZXNwb25zaXZlT3B0aW9uc1wiIFtjb250YWluZXJTdHlsZV09XCJ7ICdtYXgtd2lkdGgnOiAnOTAwcHgnIH1cIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cIml0ZW1cIiBsZXQtaXRlbT5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWdcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgY2xhc3M9XCJiaWctaW1nXCIgW3NyY109XCJpdGVtLmZpbGVcIiAvPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJ0aHVtYm5haWxcIiBsZXQtaXRlbT5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJncmlkIGdyaWQtbm9ndXR0ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cIml0ZW0uZmlsZVwiIGNsYXNzPVwic21hbGwtaW1nXCIgLz5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvcC1nYWxsZXJpYT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|