@jooler/jooler-websites-shared 0.0.250 → 0.0.252

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.
Files changed (14) hide show
  1. package/esm2022/lib/call-to-action-section/call-to-action-section.component.mjs +2 -2
  2. package/esm2022/lib/image-gallery-modal/image-gallery-modal.component.mjs +46 -29
  3. package/esm2022/lib/models/gallery-item.interface.mjs +2 -0
  4. package/esm2022/lib/pricing-plans/pricing-plans.component.mjs +2 -2
  5. package/esm2022/lib/vertical-side-tabs/vertical-side-tabs.component.mjs +2 -2
  6. package/esm2022/public-api.mjs +2 -2
  7. package/fesm2022/jooler-websites-shared.mjs +51 -34
  8. package/fesm2022/jooler-websites-shared.mjs.map +1 -1
  9. package/lib/image-gallery-modal/image-gallery-modal.component.d.ts +5 -5
  10. package/lib/models/gallery-item.interface.d.ts +7 -0
  11. package/package.json +1 -1
  12. package/public-api.d.ts +1 -1
  13. package/esm2022/lib/models/gallery-items-properties.model.mjs +0 -2
  14. package/lib/models/gallery-items-properties.model.d.ts +0 -6
package/esm2022/lib/call-to-action-section/call-to-action-section.component.mjs CHANGED
@@ -12,11 +12,11 @@ export class CallToActionSectionComponent {
12
12
  isBoxWithCard = false;
13
13
  constructor() { }
14
14
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CallToActionSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\n [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\n [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <a [routerLink]=\"card.button.route\" class=\"custom-anchor\">\n <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\">\n {{card.button.name}}\n </button>\n </a>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\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}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353b;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\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"] }, { 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-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.AuthRouteDirective, selector: "[authRoute]", inputs: ["targetRoute", "requireAuth", "navigationExtras"] }] });
15
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\n [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\n [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <a [routerLink]=\"card.button.route\" class=\"custom-anchor\">\n <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\">\n {{card.button.name}}\n </button>\n </a>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\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}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ed4}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n):hover{border-bottom:.2rem solid #32353b}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353b;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ed4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ed4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\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"] }, { 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-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.AuthRouteDirective, selector: "[authRoute]", inputs: ["targetRoute", "requireAuth", "navigationExtras"] }] });
16
16
  }
17
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
18
18
  type: Component,
19
- args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\n [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\n [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <a [routerLink]=\"card.button.route\" class=\"custom-anchor\">\n <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\">\n {{card.button.name}}\n </button>\n </a>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\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}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353b;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"] }]
19
+ args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" authRoute\n [requireAuth]=\"button.requiresAuth\" [targetRoute]=\"button.route\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\"\n [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img loading=\"lazy\" [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <a [routerLink]=\"card.button.route\" class=\"custom-anchor\">\n <button type=\"button\" mat-raised-button authRoute [requireAuth]=\"card.button.requiresAuth\">\n {{card.button.name}}\n </button>\n </a>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\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}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ed4}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(2n):hover{border-bottom:.2rem solid #32353b}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353b;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ed4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ed4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"] }]
20
20
  }], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
21
21
  type: Input
22
22
  }], titleOnRightSide: [{
package/esm2022/lib/image-gallery-modal/image-gallery-modal.component.mjs CHANGED
@@ -60,45 +60,59 @@ export class ImageGalleryModal {
60
60
  this.currentIndex = index;
61
61
  this.currentImageGalleryModal = this.galleryData[index];
62
62
  }
63
- onAnimationEnd(event) {
64
- if (event.toState === 'void') {
65
- this.showMask = false;
63
+ onclickPrev() {
64
+ this.currentIndex--; // Decrement for Previous
65
+ if (this.currentIndex < 0) {
66
+ this.currentIndex = this.galleryData.length - 1;
66
67
  }
68
+ this.currentImageGalleryModal = this.galleryData[this.currentIndex];
67
69
  }
68
- onClosePreview() {
69
- document.body.style.overflowY = 'visible';
70
- this.previewImage = false;
71
- }
72
- onclickPrev() {
73
- this.currentIndex++;
70
+ onclickNext() {
71
+ this.currentIndex++; // Increment for Next
74
72
  if (this.currentIndex > this.galleryData.length - 1) {
75
73
  this.currentIndex = 0;
76
74
  }
77
75
  this.currentImageGalleryModal = this.galleryData[this.currentIndex];
78
76
  }
79
- onclickNext() {
80
- this.currentIndex--;
81
- if (this.currentIndex < 0) {
82
- this.currentIndex = this.galleryData.length - 1;
77
+ onClosePreview() {
78
+ // 1. Immediately re-enable scrolling
79
+ document.body.style.overflowY = 'visible';
80
+ // 2. This triggers the (@animation.done) or [@animation] 'void' state
81
+ this.previewImage = false;
82
+ // 3. SAFETY FALLBACK:
83
+ // If the animation doesn't fire for some reason,
84
+ // we force the mask closed after a short delay.
85
+ setTimeout(() => {
86
+ if (!this.previewImage) {
87
+ this.showMask = false;
88
+ }
89
+ }, 200);
90
+ }
91
+ onAnimationEnd(event) {
92
+ // When the 'scale' animation reaches 'void' (disappears), hide the dark mask
93
+ if (event.toState === 'void' || event.fromState === 'visible') {
94
+ this.showMask = false;
83
95
  }
84
- this.currentImageGalleryModal = this.galleryData[this.currentIndex];
85
96
  }
86
97
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageGalleryModal, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
87
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageGalleryModal, selector: "image-gallery-modal", inputs: { galleryData: "galleryData", showCount: "showCount" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, ngImport: i0, template: "<div class=\"section\">\n\n <div class=\"gallery-image-gallery-modal-container\">\n <div class=\"gallery\">\n <div *ngFor=\"let image of galleryData; let i = index\" class=\"gallery-image\">\n <img loading=\"lazy\" (click)=\"onPreviewImage(i)\" [src]=\"image.file\" [alt]=\"image.name\">\n <div class=\"image-cta\" (click)=\"onPreviewImage(i)\">\n Click to preview <fa-icon icon=\"magnifying-glass-plus\"></fa-icon>\n </div>\n </div>\n </div>\n <div *ngIf=\"showMask\" [ngClass]=\"{'hide-overflow' : showMask}\" class=\"image-gallery-modal\" @animation2>\n <div *ngIf=\"showCount\" class=\"count\">\n {{currentIndex + 1}}/{{totalImageCount}}\n </div>\n <button (click)=\"onClosePreview()\" *ngIf=\"previewImage\" class=\"close-btn\">\n <fa-icon icon=\"times\"></fa-icon>\n </button>\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-prev\" (click)=\"onclickPrev()\">\n <fa-icon icon=\"arrow-circle-left\" class=\"icon-image-gallery-modal-carousel icon-prev\"></fa-icon>\n </button>\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-next\" (click)=\"onclickNext()\">\n <fa-icon icon=\"arrow-circle-right\" class=\"icon-image-gallery-modal-carousel icon-next\"></fa-icon>\n </button>\n <div *ngIf=\"previewImage\" [@animation]=\"{value : 'visible'}\" (@animation.done)=\"onAnimationEnd($event)\" class=\"image-gallery-modal-img\">\n <img loading=\"lazy\" [src]=\"currentImageGalleryModal.file\" [alt]=\"currentImageGalleryModal.name\">\n </div>\n </div>\n </div>\n <div>\n <p-galleria [value]=\"galleryData\" class=\"gallery-custom\" [responsiveOptions]=\"responsiveOptions\" [containerStyle]=\"{ 'max-width': '900px' }\">\n <ng-template pTemplate=\"item\" let-item>\n <div class=\"img\">\n <img loading=\"lazy\" class=\"big-img\" [src]=\"item.file\" />\n </div>\n </ng-template>\n <ng-template pTemplate=\"thumbnail\" let-item>\n <div class=\"grid grid-nogutter justify-content-center\">\n <img loading=\"lazy\" [src]=\"item.file\" class=\"small-img\" />\n </div>\n </ng-template>\n </p-galleria>\n </div>\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", "shouldStopAutoplayByClick", "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: [
98
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageGalleryModal, selector: "image-gallery-modal", inputs: { galleryData: "galleryData", showCount: "showCount" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, ngImport: i0, template: "<div class=\"section\">\n <div class=\"gallery-image-gallery-modal-container\">\n <div class=\"gallery\">\n <div *ngFor=\"let item of galleryData; let i = index\" \n class=\"gallery-image\"\n (click)=\"onPreviewImage(i)\">\n \n <img loading=\"lazy\" \n [src]=\"item.image_url\" \n [alt]=\"item.display_name\">\n \n <div class=\"image-cta\">\n <span>View</span>\n <fa-icon icon=\"magnifying-glass-plus\"></fa-icon>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"showMask\" \n class=\"image-gallery-modal\" \n @animation2>\n \n <div *ngIf=\"showCount\" class=\"count\">\n {{currentIndex + 1}} / {{totalImageCount}}\n </div>\n\n <button (click)=\"onClosePreview()\" class=\"close-btn\" aria-label=\"Close preview\">\n <fa-icon icon=\"times\"></fa-icon>\n </button>\n\n <ng-container *ngIf=\"controls\">\n <button class=\"btn-image-gallery-modal-carousel btn-prev\" \n (click)=\"onclickPrev()\" \n aria-label=\"Previous image\">\n <fa-icon icon=\"chevron-left\"></fa-icon>\n </button>\n \n <button class=\"btn-image-gallery-modal-carousel btn-next\" \n (click)=\"onclickNext()\" \n aria-label=\"Next image\">\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </button>\n </ng-container>\n\n <div *ngIf=\"previewImage\" \n [@animation]=\"'visible'\"\n (@animation.done)=\"onAnimationEnd($event)\"\n class=\"image-gallery-modal-img\">\n \n <img [src]=\"currentImageGalleryModal?.image_url\" \n [alt]=\"currentImageGalleryModal?.display_name\">\n </div>\n </div>\n </div>\n\n <div class=\"gallery-mobile-wrapper\">\n <p-galleria [value]=\"galleryData\" \n class=\"gallery-custom\" \n [responsiveOptions]=\"responsiveOptions\" \n [containerStyle]=\"{ 'max-width': '100%' }\"\n [circular]=\"true\" \n [showItemNavigators]=\"true\"\n [showThumbnails]=\"true\">\n \n <ng-template pTemplate=\"item\" let-item>\n <div class=\"img-container\">\n <img [src]=\"item.image_url\" class=\"big-img\" [alt]=\"item.display_name\" />\n </div>\n </ng-template>\n \n <ng-template pTemplate=\"thumbnail\" let-item>\n <div class=\"thumbnail-container\">\n <img [src]=\"item.image_url\" class=\"small-img\" [alt]=\"item.display_name\" />\n </div>\n </ng-template>\n </p-galleria>\n </div>\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}:host{font-size:62.5%!important}.section{width:100%;padding:2rem 0}.gallery-custom{display:none!important}.gallery-image-gallery-modal-container{position:relative;max-width:1600px!important;width:100%!important;margin:0 auto!important;box-sizing:border-box!important;padding:0 2rem}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container{padding:1rem}}.gallery-image-gallery-modal-container .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;line-height:normal}@media only screen and (max-width: 1200px){.gallery-image-gallery-modal-container .gallery{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 900px){.gallery-image-gallery-modal-container .gallery{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 500px){.gallery-image-gallery-modal-container .gallery{grid-template-columns:1fr}}.gallery-image-gallery-modal-container .gallery .gallery-image{position:relative;overflow:hidden;border-radius:.6rem;background-color:#f9f9f9;aspect-ratio:1/1;transition:all .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 10px #0000000d}.gallery-image-gallery-modal-container .gallery .gallery-image:hover{transform:translateY(-4px);box-shadow:0 1.5rem 3rem #00000026}.gallery-image-gallery-modal-container .gallery .gallery-image:hover img{transform:scale(1.25);filter:brightness(.5)}.gallery-image-gallery-modal-container .gallery .gallery-image:hover .image-cta{opacity:1;transform:translate(-50%,-50%)}.gallery-image-gallery-modal-container .gallery .gallery-image:hover .image-cta fa-icon{color:#32353b;font-size:1.3rem}.gallery-image-gallery-modal-container .gallery .gallery-image img{cursor:zoom-in;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important}.gallery-image-gallery-modal-container .gallery .gallery-image .image-cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);opacity:0;width:100%;text-align:center;color:#fff;font-size:1.8rem;letter-spacing:1px;pointer-events:none;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.gallery-image-gallery-modal-container .gallery .gallery-image .image-cta fa-icon{font-size:2.4rem;margin-top:1rem;display:block;color:#32353b}.gallery-image-gallery-modal-container .image-gallery-modal{position:fixed;inset:0;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.gallery-image-gallery-modal-container .image-gallery-modal .count{position:absolute;top:2rem;left:2rem;color:#fff;font-size:1.6rem;opacity:.8;font-weight:300}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .count{top:1.5rem;left:1.5rem;font-size:1.4rem}}.gallery-image-gallery-modal-container .image-gallery-modal .close-btn{position:absolute;top:2.5rem;right:2.5rem;color:#fff;background:none;border:none;cursor:pointer;transition:all .5s cubic-bezier(.25,.46,.45,.94);z-index:1010;padding:.8rem}.gallery-image-gallery-modal-container .image-gallery-modal .close-btn fa-icon{font-size:3rem}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .close-btn fa-icon{font-size:2.2rem}}.gallery-image-gallery-modal-container .image-gallery-modal .close-btn:hover{transform:rotate(90deg);color:#f0509c}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .close-btn{top:1rem;right:1rem}}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel{position:absolute;top:50%;transform:translateY(-50%);background:#32353b;border:none;color:#fff;width:4rem;height:4rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1005}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel fa-icon{font-size:1.8rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel:hover{background:#32353b;color:#155ed4;transform:translateY(-50%) scale(1.1)}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-prev{left:3rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-next{right:3rem}@media only screen and (max-width: 900px){.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel{width:3.4rem;height:3.4rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-prev{left:1.5rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-next{right:1.5rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel fa-icon{font-size:1.5rem}}@media only screen and (max-width: 500px){.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel{width:2.4rem;height:2.4rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-prev{left:.8rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-next{right:.8rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel fa-icon{font-size:1.2rem}}.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img{width:85%;max-height:80vh;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img{width:95%}}.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:.8rem;box-shadow:0 2rem 6rem #0009}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img img{max-height:70vh}}\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.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", "shouldStopAutoplayByClick", "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: [
88
99
  trigger('animation', [
89
100
  transition('void => visible', [
90
- style({ transform: 'scale(0.5)' }),
91
- animate('150ms', style({ transform: 'scale(1)' }))
101
+ style({ transform: 'scale(0.5)', opacity: 0 }),
102
+ animate('150ms ease-out', style({ transform: 'scale(1)', opacity: 1 }))
92
103
  ]),
93
104
  transition('visible => void', [
94
- style({ transform: 'scale(1)' }),
95
- animate('150ms', style({ transform: 'scale(0.5)' }))
105
+ animate('150ms ease-in', style({ transform: 'scale(0.5)', opacity: 0 }))
96
106
  ]),
97
107
  ]),
98
108
  trigger('animation2', [
109
+ // Add :enter so Angular knows how to start the animation
110
+ transition(':enter', [
111
+ style({ opacity: 0 }),
112
+ animate('200ms', style({ opacity: 1 }))
113
+ ]),
99
114
  transition(':leave', [
100
- style({ opacity: 1 }),
101
- animate('50ms', style({ opacity: 0.8 }))
115
+ animate('200ms', style({ opacity: 0 }))
102
116
  ])
103
117
  ])
104
118
  ] });
@@ -108,21 +122,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
108
122
  args: [{ selector: 'image-gallery-modal', animations: [
109
123
  trigger('animation', [
110
124
  transition('void => visible', [
111
- style({ transform: 'scale(0.5)' }),
112
- animate('150ms', style({ transform: 'scale(1)' }))
125
+ style({ transform: 'scale(0.5)', opacity: 0 }),
126
+ animate('150ms ease-out', style({ transform: 'scale(1)', opacity: 1 }))
113
127
  ]),
114
128
  transition('visible => void', [
115
- style({ transform: 'scale(1)' }),
116
- animate('150ms', style({ transform: 'scale(0.5)' }))
129
+ animate('150ms ease-in', style({ transform: 'scale(0.5)', opacity: 0 }))
117
130
  ]),
118
131
  ]),
119
132
  trigger('animation2', [
133
+ // Add :enter so Angular knows how to start the animation
134
+ transition(':enter', [
135
+ style({ opacity: 0 }),
136
+ animate('200ms', style({ opacity: 1 }))
137
+ ]),
120
138
  transition(':leave', [
121
- style({ opacity: 1 }),
122
- animate('50ms', style({ opacity: 0.8 }))
139
+ animate('200ms', style({ opacity: 0 }))
123
140
  ])
124
141
  ])
125
- ], template: "<div class=\"section\">\n\n <div class=\"gallery-image-gallery-modal-container\">\n <div class=\"gallery\">\n <div *ngFor=\"let image of galleryData; let i = index\" class=\"gallery-image\">\n <img loading=\"lazy\" (click)=\"onPreviewImage(i)\" [src]=\"image.file\" [alt]=\"image.name\">\n <div class=\"image-cta\" (click)=\"onPreviewImage(i)\">\n Click to preview <fa-icon icon=\"magnifying-glass-plus\"></fa-icon>\n </div>\n </div>\n </div>\n <div *ngIf=\"showMask\" [ngClass]=\"{'hide-overflow' : showMask}\" class=\"image-gallery-modal\" @animation2>\n <div *ngIf=\"showCount\" class=\"count\">\n {{currentIndex + 1}}/{{totalImageCount}}\n </div>\n <button (click)=\"onClosePreview()\" *ngIf=\"previewImage\" class=\"close-btn\">\n <fa-icon icon=\"times\"></fa-icon>\n </button>\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-prev\" (click)=\"onclickPrev()\">\n <fa-icon icon=\"arrow-circle-left\" class=\"icon-image-gallery-modal-carousel icon-prev\"></fa-icon>\n </button>\n <button *ngIf=\"controls\" class=\"btn-image-gallery-modal-carousel btn-next\" (click)=\"onclickNext()\">\n <fa-icon icon=\"arrow-circle-right\" class=\"icon-image-gallery-modal-carousel icon-next\"></fa-icon>\n </button>\n <div *ngIf=\"previewImage\" [@animation]=\"{value : 'visible'}\" (@animation.done)=\"onAnimationEnd($event)\" class=\"image-gallery-modal-img\">\n <img loading=\"lazy\" [src]=\"currentImageGalleryModal.file\" [alt]=\"currentImageGalleryModal.name\">\n </div>\n </div>\n </div>\n <div>\n <p-galleria [value]=\"galleryData\" class=\"gallery-custom\" [responsiveOptions]=\"responsiveOptions\" [containerStyle]=\"{ 'max-width': '900px' }\">\n <ng-template pTemplate=\"item\" let-item>\n <div class=\"img\">\n <img loading=\"lazy\" class=\"big-img\" [src]=\"item.file\" />\n </div>\n </ng-template>\n <ng-template pTemplate=\"thumbnail\" let-item>\n <div class=\"grid grid-nogutter justify-content-center\">\n <img loading=\"lazy\" [src]=\"item.file\" class=\"small-img\" />\n </div>\n </ng-template>\n </p-galleria>\n </div>\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"] }]
142
+ ], template: "<div class=\"section\">\n <div class=\"gallery-image-gallery-modal-container\">\n <div class=\"gallery\">\n <div *ngFor=\"let item of galleryData; let i = index\" \n class=\"gallery-image\"\n (click)=\"onPreviewImage(i)\">\n \n <img loading=\"lazy\" \n [src]=\"item.image_url\" \n [alt]=\"item.display_name\">\n \n <div class=\"image-cta\">\n <span>View</span>\n <fa-icon icon=\"magnifying-glass-plus\"></fa-icon>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"showMask\" \n class=\"image-gallery-modal\" \n @animation2>\n \n <div *ngIf=\"showCount\" class=\"count\">\n {{currentIndex + 1}} / {{totalImageCount}}\n </div>\n\n <button (click)=\"onClosePreview()\" class=\"close-btn\" aria-label=\"Close preview\">\n <fa-icon icon=\"times\"></fa-icon>\n </button>\n\n <ng-container *ngIf=\"controls\">\n <button class=\"btn-image-gallery-modal-carousel btn-prev\" \n (click)=\"onclickPrev()\" \n aria-label=\"Previous image\">\n <fa-icon icon=\"chevron-left\"></fa-icon>\n </button>\n \n <button class=\"btn-image-gallery-modal-carousel btn-next\" \n (click)=\"onclickNext()\" \n aria-label=\"Next image\">\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </button>\n </ng-container>\n\n <div *ngIf=\"previewImage\" \n [@animation]=\"'visible'\"\n (@animation.done)=\"onAnimationEnd($event)\"\n class=\"image-gallery-modal-img\">\n \n <img [src]=\"currentImageGalleryModal?.image_url\" \n [alt]=\"currentImageGalleryModal?.display_name\">\n </div>\n </div>\n </div>\n\n <div class=\"gallery-mobile-wrapper\">\n <p-galleria [value]=\"galleryData\" \n class=\"gallery-custom\" \n [responsiveOptions]=\"responsiveOptions\" \n [containerStyle]=\"{ 'max-width': '100%' }\"\n [circular]=\"true\" \n [showItemNavigators]=\"true\"\n [showThumbnails]=\"true\">\n \n <ng-template pTemplate=\"item\" let-item>\n <div class=\"img-container\">\n <img [src]=\"item.image_url\" class=\"big-img\" [alt]=\"item.display_name\" />\n </div>\n </ng-template>\n \n <ng-template pTemplate=\"thumbnail\" let-item>\n <div class=\"thumbnail-container\">\n <img [src]=\"item.image_url\" class=\"small-img\" [alt]=\"item.display_name\" />\n </div>\n </ng-template>\n </p-galleria>\n </div>\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}:host{font-size:62.5%!important}.section{width:100%;padding:2rem 0}.gallery-custom{display:none!important}.gallery-image-gallery-modal-container{position:relative;max-width:1600px!important;width:100%!important;margin:0 auto!important;box-sizing:border-box!important;padding:0 2rem}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container{padding:1rem}}.gallery-image-gallery-modal-container .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;line-height:normal}@media only screen and (max-width: 1200px){.gallery-image-gallery-modal-container .gallery{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 900px){.gallery-image-gallery-modal-container .gallery{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 500px){.gallery-image-gallery-modal-container .gallery{grid-template-columns:1fr}}.gallery-image-gallery-modal-container .gallery .gallery-image{position:relative;overflow:hidden;border-radius:.6rem;background-color:#f9f9f9;aspect-ratio:1/1;transition:all .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 10px #0000000d}.gallery-image-gallery-modal-container .gallery .gallery-image:hover{transform:translateY(-4px);box-shadow:0 1.5rem 3rem #00000026}.gallery-image-gallery-modal-container .gallery .gallery-image:hover img{transform:scale(1.25);filter:brightness(.5)}.gallery-image-gallery-modal-container .gallery .gallery-image:hover .image-cta{opacity:1;transform:translate(-50%,-50%)}.gallery-image-gallery-modal-container .gallery .gallery-image:hover .image-cta fa-icon{color:#32353b;font-size:1.3rem}.gallery-image-gallery-modal-container .gallery .gallery-image img{cursor:zoom-in;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important}.gallery-image-gallery-modal-container .gallery .gallery-image .image-cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);opacity:0;width:100%;text-align:center;color:#fff;font-size:1.8rem;letter-spacing:1px;pointer-events:none;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.gallery-image-gallery-modal-container .gallery .gallery-image .image-cta fa-icon{font-size:2.4rem;margin-top:1rem;display:block;color:#32353b}.gallery-image-gallery-modal-container .image-gallery-modal{position:fixed;inset:0;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.gallery-image-gallery-modal-container .image-gallery-modal .count{position:absolute;top:2rem;left:2rem;color:#fff;font-size:1.6rem;opacity:.8;font-weight:300}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .count{top:1.5rem;left:1.5rem;font-size:1.4rem}}.gallery-image-gallery-modal-container .image-gallery-modal .close-btn{position:absolute;top:2.5rem;right:2.5rem;color:#fff;background:none;border:none;cursor:pointer;transition:all .5s cubic-bezier(.25,.46,.45,.94);z-index:1010;padding:.8rem}.gallery-image-gallery-modal-container .image-gallery-modal .close-btn fa-icon{font-size:3rem}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .close-btn fa-icon{font-size:2.2rem}}.gallery-image-gallery-modal-container .image-gallery-modal .close-btn:hover{transform:rotate(90deg);color:#f0509c}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .close-btn{top:1rem;right:1rem}}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel{position:absolute;top:50%;transform:translateY(-50%);background:#32353b;border:none;color:#fff;width:4rem;height:4rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1005}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel fa-icon{font-size:1.8rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel:hover{background:#32353b;color:#155ed4;transform:translateY(-50%) scale(1.1)}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-prev{left:3rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-next{right:3rem}@media only screen and (max-width: 900px){.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel{width:3.4rem;height:3.4rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-prev{left:1.5rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-next{right:1.5rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel fa-icon{font-size:1.5rem}}@media only screen and (max-width: 500px){.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel{width:2.4rem;height:2.4rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-prev{left:.8rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel.btn-next{right:.8rem}.gallery-image-gallery-modal-container .image-gallery-modal .btn-image-gallery-modal-carousel fa-icon{font-size:1.2rem}}.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img{width:85%;max-height:80vh;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img{width:95%}}.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:.8rem;box-shadow:0 2rem 6rem #0009}@media only screen and (max-width: 600px){.gallery-image-gallery-modal-container .image-gallery-modal .image-gallery-modal-img img{max-height:70vh}}\n"] }]
126
143
  }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { galleryData: [{
127
144
  type: Input
128
145
  }], showCount: [{
@@ -131,4 +148,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
131
148
  type: HostListener,
132
149
  args: ['document:keydown.escape', ['$event']]
133
150
  }] } });
134
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvaW1hZ2UtZ2FsbGVyeS1tb2RhbC9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQWtCLE1BQU0scUJBQXFCLENBQUM7Ozs7Ozs7QUEwQjFGLE1BQU0sT0FBTyxpQkFBaUI7SUFZbEI7SUFYRCxXQUFXLEdBQTZCLEVBQUUsQ0FBQztJQUMzQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRTNCLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDckIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQix3QkFBd0IsR0FBMkIsSUFBSSxDQUFDLFdBQVcsQ0FBRSxDQUFDLENBQUUsQ0FBQztJQUN6RSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0lBQ2pCLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDaEIsZUFBZSxHQUFHLENBQUMsQ0FBQztJQUNwQixpQkFBaUIsQ0FBUTtJQUN6QixZQUNVLGtCQUFzQztRQUF0Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO0lBRzVDLENBQUM7SUFDTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FDN0Isb0JBQW9CLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixFQUFFLEVBQUU7WUFDMUQsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUNsQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7YUFDdkI7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUM7UUFDL0MsSUFBSSxDQUFDLGlCQUFpQixHQUFHO1lBQ3ZCO2dCQUNFLFVBQVUsRUFBRSxPQUFPO2dCQUNuQixVQUFVLEVBQUUsQ0FBQzthQUNkO1lBQ0Q7Z0JBQ0UsVUFBVSxFQUFFLE9BQU87Z0JBQ25CLFVBQVUsRUFBRSxDQUFDO2FBQ2Q7WUFDRDtnQkFDRSxVQUFVLEVBQUUsT0FBTztnQkFDbkIsVUFBVSxFQUFFLENBQUM7YUFDZDtZQUNEO2dCQUNFLFVBQVUsRUFBRSxPQUFPO2dCQUNuQixVQUFVLEVBQUUsQ0FBQzthQUNkO1lBQ0Q7Z0JBQ0UsVUFBVSxFQUFFLE9BQU87Z0JBQ25CLFVBQVUsRUFBRSxDQUFDO2FBQ2Q7U0FDRixDQUFDO0lBQ0osQ0FBQztJQUNzRCxnQkFBZ0IsQ0FBQyxLQUFvQjtRQUMxRixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFhO1FBQzFCLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7UUFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDckIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLHdCQUF3QixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUUsS0FBSyxDQUFFLENBQUM7SUFDNUQsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFxQjtRQUNsQyxJQUFJLEtBQUssQ0FBQyxPQUFPLEtBQUssTUFBTSxFQUFFO1lBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUNELGNBQWM7UUFDWixRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO1FBQzFDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFBO1FBQ25CLElBQUksSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDbkQsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7U0FDdkI7UUFDRCxJQUFJLENBQUMsd0JBQXdCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBRSxJQUFJLENBQUMsWUFBWSxDQUFFLENBQUE7SUFDdkUsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEIsSUFBSSxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsRUFBRTtZQUN6QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztTQUNqRDtRQUNELElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFFLElBQUksQ0FBQyxZQUFZLENBQUUsQ0FBQTtJQUN2RSxDQUFDO3dHQWxGVSxpQkFBaUI7NEZBQWpCLGlCQUFpQiwyTUM1QjlCLGkrRUEyQ00sbTVMRGxDUTtZQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7Z0JBQ25CLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtvQkFDNUIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxDQUFDO29CQUNsQyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO2lCQUNuRCxDQUFDO2dCQUNGLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtvQkFDNUIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDO29CQUNoQyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDO2lCQUNyRCxDQUFDO2FBQ0gsQ0FBQztZQUNGLE9BQU8sQ0FBQyxZQUFZLEVBQUU7Z0JBQ3BCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztvQkFDckIsT0FBTyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztpQkFDekMsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsaUJBQWlCO2tCQXZCN0IsU0FBUzsrQkFDRSxxQkFBcUIsY0FHbkI7d0JBQ1YsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDbkIsVUFBVSxDQUFDLGlCQUFpQixFQUFFO2dDQUM1QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUM7Z0NBQ2xDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7NkJBQ25ELENBQUM7NEJBQ0YsVUFBVSxDQUFDLGlCQUFpQixFQUFFO2dDQUM1QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLENBQUM7Z0NBQ2hDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7NkJBQ3JELENBQUM7eUJBQ0gsQ0FBQzt3QkFDRixPQUFPLENBQUMsWUFBWSxFQUFFOzRCQUNwQixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7Z0NBQ3JCLE9BQU8sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7NkJBQ3pDLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDt5R0FHUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBNkNpRCxnQkFBZ0I7c0JBQXRFLFlBQVk7dUJBQUMseUJBQXlCLEVBQUUsQ0FBRSxRQUFRLENBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR2FsbGVyeUl0ZW1zUHJvcGVydGllcyB9IGZyb20gJy4uL21vZGVscy9nYWxsZXJ5LWl0ZW1zLXByb3BlcnRpZXMubW9kZWwnO1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIEFuaW1hdGlvbkV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbWFnZS1nYWxsZXJ5LW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQuc2NzcycgXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2FuaW1hdGlvbicsIFtcbiAgICAgIHRyYW5zaXRpb24oJ3ZvaWQgPT4gdmlzaWJsZScsIFtcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZSgwLjUpJyB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMTUwbXMnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlKDEpJyB9KSlcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbigndmlzaWJsZSA9PiB2b2lkJywgW1xuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlKDEpJyB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMTUwbXMnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlKDAuNSknIH0pKVxuICAgICAgXSksXG4gICAgXSksXG4gICAgdHJpZ2dlcignYW5pbWF0aW9uMicsIFtcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAxIH0pLFxuICAgICAgICBhbmltYXRlKCc1MG1zJywgc3R5bGUoeyBvcGFjaXR5OiAwLjggfSkpXG4gICAgICBdKVxuICAgIF0pXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VHYWxsZXJ5TW9kYWwgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBnYWxsZXJ5RGF0YTogR2FsbGVyeUl0ZW1zUHJvcGVydGllc1tdID0gW107XG4gIEBJbnB1dCgpIHNob3dDb3VudCA9IGZhbHNlO1xuXG4gIHByZXZpZXdJbWFnZSA9IGZhbHNlO1xuICBzaG93TWFzayA9IGZhbHNlO1xuICBjdXJyZW50SW1hZ2VHYWxsZXJ5TW9kYWw6IEdhbGxlcnlJdGVtc1Byb3BlcnRpZXMgPSB0aGlzLmdhbGxlcnlEYXRhWyAwIF07XG4gIGN1cnJlbnRJbmRleCA9IDA7XG4gIGNvbnRyb2xzID0gdHJ1ZTtcbiAgdG90YWxJbWFnZUNvdW50ID0gMDtcbiAgcmVzcG9uc2l2ZU9wdGlvbnM6IGFueVtdO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxuXG5cbiAgKSB7IH1cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXIub2JzZXJ2ZShcbiAgICAgIFwiKG1heC13aWR0aDogOTAwcHgpXCIpLnN1YnNjcmliZSgocmVzdWx0OiBCcmVha3BvaW50U3RhdGUpID0+IHtcbiAgICAgICAgaWYgKHJlc3VsdC5tYXRjaGVzKSB7XG4gICAgICAgICAgdGhpcy5vbkNsb3NlUHJldmlldygpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB0aGlzLnRvdGFsSW1hZ2VDb3VudCA9IHRoaXMuZ2FsbGVyeURhdGEubGVuZ3RoO1xuICAgIHRoaXMucmVzcG9uc2l2ZU9wdGlvbnMgPSBbXG4gICAgICB7XG4gICAgICAgIGJyZWFrcG9pbnQ6ICc5MDBweCcsXG4gICAgICAgIG51bVZpc2libGU6IDVcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGJyZWFrcG9pbnQ6ICc2MDBweCcsXG4gICAgICAgIG51bVZpc2libGU6IDRcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGJyZWFrcG9pbnQ6ICc1NDBweCcsXG4gICAgICAgIG51bVZpc2libGU6IDNcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGJyZWFrcG9pbnQ6ICc0MDBweCcsXG4gICAgICAgIG51bVZpc2libGU6IDJcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGJyZWFrcG9pbnQ6ICczMDBweCcsXG4gICAgICAgIG51bVZpc2libGU6IDFcbiAgICAgIH1cbiAgICBdO1xuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmtleWRvd24uZXNjYXBlJywgWyAnJGV2ZW50JyBdKSBvbktleWRvd25IYW5kbGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgdGhpcy5vbkNsb3NlUHJldmlldygpO1xuICB9XG5cbiAgb25QcmV2aWV3SW1hZ2UoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dZID0gJ2hpZGRlbic7XG4gICAgdGhpcy5zaG93TWFzayA9IHRydWU7XG4gICAgdGhpcy5wcmV2aWV3SW1hZ2UgPSB0cnVlO1xuICAgIHRoaXMuY3VycmVudEluZGV4ID0gaW5kZXg7XG4gICAgdGhpcy5jdXJyZW50SW1hZ2VHYWxsZXJ5TW9kYWwgPSB0aGlzLmdhbGxlcnlEYXRhWyBpbmRleCBdO1xuICB9XG5cbiAgb25BbmltYXRpb25FbmQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KSB7XG4gICAgaWYgKGV2ZW50LnRvU3RhdGUgPT09ICd2b2lkJykge1xuICAgICAgdGhpcy5zaG93TWFzayA9IGZhbHNlO1xuICAgIH1cbiAgfVxuICBvbkNsb3NlUHJldmlldygpIHtcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93WSA9ICd2aXNpYmxlJztcbiAgICB0aGlzLnByZXZpZXdJbWFnZSA9IGZhbHNlO1xuICB9XG5cbiAgb25jbGlja1ByZXYoKTogdm9pZCB7XG4gICAgdGhpcy5jdXJyZW50SW5kZXgrK1xuICAgIGlmICh0aGlzLmN1cnJlbnRJbmRleCA+IHRoaXMuZ2FsbGVyeURhdGEubGVuZ3RoIC0gMSkge1xuICAgICAgdGhpcy5jdXJyZW50SW5kZXggPSAwO1xuICAgIH1cbiAgICB0aGlzLmN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbCA9IHRoaXMuZ2FsbGVyeURhdGFbIHRoaXMuY3VycmVudEluZGV4IF1cbiAgfVxuICBvbmNsaWNrTmV4dCgpOiB2b2lkIHtcbiAgICB0aGlzLmN1cnJlbnRJbmRleC0tO1xuICAgIGlmICh0aGlzLmN1cnJlbnRJbmRleCA8IDApIHtcbiAgICAgIHRoaXMuY3VycmVudEluZGV4ID0gdGhpcy5nYWxsZXJ5RGF0YS5sZW5ndGggLSAxO1xuICAgIH1cbiAgICB0aGlzLmN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbCA9IHRoaXMuZ2FsbGVyeURhdGFbIHRoaXMuY3VycmVudEluZGV4IF1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvblwiPlxuXG4gICAgPGRpdiBjbGFzcz1cImdhbGxlcnktaW1hZ2UtZ2FsbGVyeS1tb2RhbC1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImdhbGxlcnlcIj5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGltYWdlIG9mIGdhbGxlcnlEYXRhOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJnYWxsZXJ5LWltYWdlXCI+XG4gICAgICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIChjbGljayk9XCJvblByZXZpZXdJbWFnZShpKVwiIFtzcmNdPVwiaW1hZ2UuZmlsZVwiIFthbHRdPVwiaW1hZ2UubmFtZVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jdGFcIiAoY2xpY2spPVwib25QcmV2aWV3SW1hZ2UoaSlcIj5cbiAgICAgICAgICAgICAgICAgICAgQ2xpY2sgdG8gcHJldmlldyA8ZmEtaWNvbiBpY29uPVwibWFnbmlmeWluZy1nbGFzcy1wbHVzXCI+PC9mYS1pY29uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwic2hvd01hc2tcIiBbbmdDbGFzc109XCJ7J2hpZGUtb3ZlcmZsb3cnIDogc2hvd01hc2t9XCIgY2xhc3M9XCJpbWFnZS1nYWxsZXJ5LW1vZGFsXCIgQGFuaW1hdGlvbjI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwic2hvd0NvdW50XCIgY2xhc3M9XCJjb3VudFwiPlxuICAgICAgICAgICAgICAgIHt7Y3VycmVudEluZGV4ICsgMX19L3t7dG90YWxJbWFnZUNvdW50fX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwib25DbG9zZVByZXZpZXcoKVwiICpuZ0lmPVwicHJldmlld0ltYWdlXCIgY2xhc3M9XCJjbG9zZS1idG5cIj5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwidGltZXNcIj48L2ZhLWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJjb250cm9sc1wiIGNsYXNzPVwiYnRuLWltYWdlLWdhbGxlcnktbW9kYWwtY2Fyb3VzZWwgYnRuLXByZXZcIiAoY2xpY2spPVwib25jbGlja1ByZXYoKVwiPlxuICAgICAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJhcnJvdy1jaXJjbGUtbGVmdFwiIGNsYXNzPVwiaWNvbi1pbWFnZS1nYWxsZXJ5LW1vZGFsLWNhcm91c2VsIGljb24tcHJldlwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImNvbnRyb2xzXCIgY2xhc3M9XCJidG4taW1hZ2UtZ2FsbGVyeS1tb2RhbC1jYXJvdXNlbCBidG4tbmV4dFwiIChjbGljayk9XCJvbmNsaWNrTmV4dCgpXCI+XG4gICAgICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImFycm93LWNpcmNsZS1yaWdodFwiIGNsYXNzPVwiaWNvbi1pbWFnZS1nYWxsZXJ5LW1vZGFsLWNhcm91c2VsIGljb24tbmV4dFwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInByZXZpZXdJbWFnZVwiIFtAYW5pbWF0aW9uXT1cInt2YWx1ZSA6ICd2aXNpYmxlJ31cIiAoQGFuaW1hdGlvbi5kb25lKT1cIm9uQW5pbWF0aW9uRW5kKCRldmVudClcIiBjbGFzcz1cImltYWdlLWdhbGxlcnktbW9kYWwtaW1nXCI+XG4gICAgICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiY3VycmVudEltYWdlR2FsbGVyeU1vZGFsLmZpbGVcIiBbYWx0XT1cImN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbC5uYW1lXCI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgICAgPHAtZ2FsbGVyaWEgW3ZhbHVlXT1cImdhbGxlcnlEYXRhXCIgY2xhc3M9XCJnYWxsZXJ5LWN1c3RvbVwiIFtyZXNwb25zaXZlT3B0aW9uc109XCJyZXNwb25zaXZlT3B0aW9uc1wiIFtjb250YWluZXJTdHlsZV09XCJ7ICdtYXgtd2lkdGgnOiAnOTAwcHgnIH1cIj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJpdGVtXCIgbGV0LWl0ZW0+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltZ1wiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgY2xhc3M9XCJiaWctaW1nXCIgW3NyY109XCJpdGVtLmZpbGVcIiAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJ0aHVtYm5haWxcIiBsZXQtaXRlbT5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLW5vZ3V0dGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiaXRlbS5maWxlXCIgY2xhc3M9XCJzbWFsbC1pbWdcIiAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9wLWdhbGxlcmlhPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
151
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvaW1hZ2UtZ2FsbGVyeS1tb2RhbC9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9pbWFnZS1nYWxsZXJ5LW1vZGFsL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQWtCLE1BQU0scUJBQXFCLENBQUM7Ozs7Ozs7QUE0QjFGLE1BQU0sT0FBTyxpQkFBaUI7SUFZbEI7SUFYRCxXQUFXLEdBQWtCLEVBQUUsQ0FBQztJQUNoQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRTNCLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDckIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQix3QkFBd0IsR0FBZ0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM1RCxZQUFZLEdBQUcsQ0FBQyxDQUFDO0lBQ2pCLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDaEIsZUFBZSxHQUFHLENBQUMsQ0FBQztJQUNwQixpQkFBaUIsQ0FBUTtJQUN6QixZQUNVLGtCQUFzQztRQUF0Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO0lBRzVDLENBQUM7SUFDTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FDN0Isb0JBQW9CLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUF1QixF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QUFDLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQzs2QkFDeEUsQ0FBQzs0QkFDRixVQUFVLENBQUMsaUJBQWlCLEVBQUU7Z0NBQzVCLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQzs2QkFDekUsQ0FBQzt5QkFDSCxDQUFDO3dCQUNGLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3BCLHlEQUF5RDs0QkFDekQsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dDQUNyQixPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDOzZCQUN4QyxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7NkJBQ3hDLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDt5R0FHUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBNkMrQyxnQkFBZ0I7c0JBQXBFLFlBQVk7dUJBQUMseUJBQXlCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR2FsbGVyeUl0ZW0gfSBmcm9tICcuLi9tb2RlbHMvZ2FsbGVyeS1pdGVtLmludGVyZmFjZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciwgQW5pbWF0aW9uRXZlbnQgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbWFnZS1nYWxsZXJ5LW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLWdhbGxlcnktbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS1nYWxsZXJ5LW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdhbmltYXRpb24nLCBbXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IHZpc2libGUnLCBbXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUoMC41KScsIG9wYWNpdHk6IDAgfSksXG4gICAgICAgIGFuaW1hdGUoJzE1MG1zIGVhc2Utb3V0Jywgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZSgxKScsIG9wYWNpdHk6IDEgfSkpXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPT4gdm9pZCcsIFtcbiAgICAgICAgYW5pbWF0ZSgnMTUwbXMgZWFzZS1pbicsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUoMC41KScsIG9wYWNpdHk6IDAgfSkpXG4gICAgICBdKSxcbiAgICBdKSxcbiAgICB0cmlnZ2VyKCdhbmltYXRpb24yJywgW1xuICAgICAgLy8gQWRkIDplbnRlciBzbyBBbmd1bGFyIGtub3dzIGhvdyB0byBzdGFydCB0aGUgYW5pbWF0aW9uXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgICAgIHN0eWxlKHsgb3BhY2l0eTogMCB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMjAwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgYW5pbWF0ZSgnMjAwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpXG4gICAgICBdKVxuICAgIF0pXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEltYWdlR2FsbGVyeU1vZGFsIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZ2FsbGVyeURhdGE6IEdhbGxlcnlJdGVtW10gPSBbXTtcbiAgQElucHV0KCkgc2hvd0NvdW50ID0gZmFsc2U7XG5cbiAgcHJldmlld0ltYWdlID0gZmFsc2U7XG4gIHNob3dNYXNrID0gZmFsc2U7XG4gIGN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbDogR2FsbGVyeUl0ZW0gPSB0aGlzLmdhbGxlcnlEYXRhWzBdO1xuICBjdXJyZW50SW5kZXggPSAwO1xuICBjb250cm9scyA9IHRydWU7XG4gIHRvdGFsSW1hZ2VDb3VudCA9IDA7XG4gIHJlc3BvbnNpdmVPcHRpb25zOiBhbnlbXTtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBicmVha3BvaW50T2JzZXJ2ZXI6IEJyZWFrcG9pbnRPYnNlcnZlcixcblxuXG4gICkgeyB9XG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYnJlYWtwb2ludE9ic2VydmVyLm9ic2VydmUoXG4gICAgICBcIihtYXgtd2lkdGg6IDkwMHB4KVwiKS5zdWJzY3JpYmUoKHJlc3VsdDogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICAgIGlmIChyZXN1bHQubWF0Y2hlcykge1xuICAgICAgICAgIHRoaXMub25DbG9zZVByZXZpZXcoKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgdGhpcy50b3RhbEltYWdlQ291bnQgPSB0aGlzLmdhbGxlcnlEYXRhLmxlbmd0aDtcbiAgICB0aGlzLnJlc3BvbnNpdmVPcHRpb25zID0gW1xuICAgICAge1xuICAgICAgICBicmVha3BvaW50OiAnOTAwcHgnLFxuICAgICAgICBudW1WaXNpYmxlOiA1XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBicmVha3BvaW50OiAnNjAwcHgnLFxuICAgICAgICBudW1WaXNpYmxlOiA0XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBicmVha3BvaW50OiAnNTQwcHgnLFxuICAgICAgICBudW1WaXNpYmxlOiAzXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBicmVha3BvaW50OiAnNDAwcHgnLFxuICAgICAgICBudW1WaXNpYmxlOiAyXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBicmVha3BvaW50OiAnMzAwcHgnLFxuICAgICAgICBudW1WaXNpYmxlOiAxXG4gICAgICB9XG4gICAgXTtcbiAgfVxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDprZXlkb3duLmVzY2FwZScsIFsnJGV2ZW50J10pIG9uS2V5ZG93bkhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICB0aGlzLm9uQ2xvc2VQcmV2aWV3KCk7XG4gIH1cblxuICBvblByZXZpZXdJbWFnZShpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvd1kgPSAnaGlkZGVuJztcbiAgICB0aGlzLnNob3dNYXNrID0gdHJ1ZTtcbiAgICB0aGlzLnByZXZpZXdJbWFnZSA9IHRydWU7XG4gICAgdGhpcy5jdXJyZW50SW5kZXggPSBpbmRleDtcbiAgICB0aGlzLmN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbCA9IHRoaXMuZ2FsbGVyeURhdGFbaW5kZXhdO1xuICB9XG5cbiAgb25jbGlja1ByZXYoKTogdm9pZCB7XG4gICAgdGhpcy5jdXJyZW50SW5kZXgtLTsgLy8gRGVjcmVtZW50IGZvciBQcmV2aW91c1xuICAgIGlmICh0aGlzLmN1cnJlbnRJbmRleCA8IDApIHtcbiAgICAgIHRoaXMuY3VycmVudEluZGV4ID0gdGhpcy5nYWxsZXJ5RGF0YS5sZW5ndGggLSAxO1xuICAgIH1cbiAgICB0aGlzLmN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbCA9IHRoaXMuZ2FsbGVyeURhdGFbdGhpcy5jdXJyZW50SW5kZXhdO1xuICB9XG5cbiAgb25jbGlja05leHQoKTogdm9pZCB7XG4gICAgdGhpcy5jdXJyZW50SW5kZXgrKzsgLy8gSW5jcmVtZW50IGZvciBOZXh0XG4gICAgaWYgKHRoaXMuY3VycmVudEluZGV4ID4gdGhpcy5nYWxsZXJ5RGF0YS5sZW5ndGggLSAxKSB7XG4gICAgICB0aGlzLmN1cnJlbnRJbmRleCA9IDA7XG4gICAgfVxuICAgIHRoaXMuY3VycmVudEltYWdlR2FsbGVyeU1vZGFsID0gdGhpcy5nYWxsZXJ5RGF0YVt0aGlzLmN1cnJlbnRJbmRleF07XG4gIH1cblxuICBvbkNsb3NlUHJldmlldygpIHtcbiAgICAvLyAxLiBJbW1lZGlhdGVseSByZS1lbmFibGUgc2Nyb2xsaW5nXG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvd1kgPSAndmlzaWJsZSc7XG4gICAgXG4gICAgLy8gMi4gVGhpcyB0cmlnZ2VycyB0aGUgKEBhbmltYXRpb24uZG9uZSkgb3IgW0BhbmltYXRpb25dICd2b2lkJyBzdGF0ZVxuICAgIHRoaXMucHJldmlld0ltYWdlID0gZmFsc2U7XG5cbiAgICAvLyAzLiBTQUZFVFkgRkFMTEJBQ0s6IFxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZG9lc24ndCBmaXJlIGZvciBzb21lIHJlYXNvbiwgXG4gICAgLy8gd2UgZm9yY2UgdGhlIG1hc2sgY2xvc2VkIGFmdGVyIGEgc2hvcnQgZGVsYXkuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZiAoIXRoaXMucHJldmlld0ltYWdlKSB7XG4gICAgICAgIHRoaXMuc2hvd01hc2sgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9LCAyMDApOyBcbiAgfVxuXG4gIG9uQW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCkge1xuICAgIC8vIFdoZW4gdGhlICdzY2FsZScgYW5pbWF0aW9uIHJlYWNoZXMgJ3ZvaWQnIChkaXNhcHBlYXJzKSwgaGlkZSB0aGUgZGFyayBtYXNrXG4gICAgaWYgKGV2ZW50LnRvU3RhdGUgPT09ICd2b2lkJyB8fCBldmVudC5mcm9tU3RhdGUgPT09ICd2aXNpYmxlJykge1xuICAgICAgdGhpcy5zaG93TWFzayA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJnYWxsZXJ5LWltYWdlLWdhbGxlcnktbW9kYWwtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJnYWxsZXJ5XCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGdhbGxlcnlEYXRhOyBsZXQgaSA9IGluZGV4XCIgXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwiZ2FsbGVyeS1pbWFnZVwiXG4gICAgICAgICAgICAgICAgIChjbGljayk9XCJvblByZXZpZXdJbWFnZShpKVwiPlxuICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBcbiAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaXRlbS5pbWFnZV91cmxcIiBcbiAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwiaXRlbS5kaXNwbGF5X25hbWVcIj5cbiAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY3RhXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPlZpZXc8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJtYWduaWZ5aW5nLWdsYXNzLXBsdXNcIj48L2ZhLWljb24+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiAqbmdJZj1cInNob3dNYXNrXCIgXG4gICAgICAgICAgICAgY2xhc3M9XCJpbWFnZS1nYWxsZXJ5LW1vZGFsXCIgXG4gICAgICAgICAgICAgQGFuaW1hdGlvbjI+XG4gICAgICAgICAgICBcbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzaG93Q291bnRcIiBjbGFzcz1cImNvdW50XCI+XG4gICAgICAgICAgICAgICAge3tjdXJyZW50SW5kZXggKyAxfX0gLyB7e3RvdGFsSW1hZ2VDb3VudH19XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwib25DbG9zZVByZXZpZXcoKVwiIGNsYXNzPVwiY2xvc2UtYnRuXCIgYXJpYS1sYWJlbD1cIkNsb3NlIHByZXZpZXdcIj5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBpY29uPVwidGltZXNcIj48L2ZhLWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRyb2xzXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0bi1pbWFnZS1nYWxsZXJ5LW1vZGFsLWNhcm91c2VsIGJ0bi1wcmV2XCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25jbGlja1ByZXYoKVwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIlByZXZpb3VzIGltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJjaGV2cm9uLWxlZnRcIj48L2ZhLWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0bi1pbWFnZS1nYWxsZXJ5LW1vZGFsLWNhcm91c2VsIGJ0bi1uZXh0XCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25jbGlja05leHQoKVwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIk5leHQgaW1hZ2VcIj5cbiAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImNoZXZyb24tcmlnaHRcIj48L2ZhLWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInByZXZpZXdJbWFnZVwiIFxuICAgICAgICAgICAgICAgICBbQGFuaW1hdGlvbl09XCIndmlzaWJsZSdcIlxuICAgICAgICAgICAgICAgICAoQGFuaW1hdGlvbi5kb25lKT1cIm9uQW5pbWF0aW9uRW5kKCRldmVudClcIlxuICAgICAgICAgICAgICAgICBjbGFzcz1cImltYWdlLWdhbGxlcnktbW9kYWwtaW1nXCI+XG4gICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbD8uaW1hZ2VfdXJsXCIgXG4gICAgICAgICAgICAgICAgICAgICBbYWx0XT1cImN1cnJlbnRJbWFnZUdhbGxlcnlNb2RhbD8uZGlzcGxheV9uYW1lXCI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZ2FsbGVyeS1tb2JpbGUtd3JhcHBlclwiPlxuICAgICAgICA8cC1nYWxsZXJpYSBbdmFsdWVdPVwiZ2FsbGVyeURhdGFcIiBcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJnYWxsZXJ5LWN1c3RvbVwiIFxuICAgICAgICAgICAgICAgICAgICBbcmVzcG9uc2l2ZU9wdGlvbnNdPVwicmVzcG9uc2l2ZU9wdGlvbnNcIiBcbiAgICAgICAgICAgICAgICAgICAgW2NvbnRhaW5lclN0eWxlXT1cInsgJ21heC13aWR0aCc6ICcxMDAlJyB9XCJcbiAgICAgICAgICAgICAgICAgICAgW2NpcmN1bGFyXT1cInRydWVcIiBcbiAgICAgICAgICAgICAgICAgICAgW3Nob3dJdGVtTmF2aWdhdG9yc109XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgW3Nob3dUaHVtYm5haWxzXT1cInRydWVcIj5cbiAgICAgICAgICAgIFxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cIml0ZW1cIiBsZXQtaXRlbT5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiaXRlbS5pbWFnZV91cmxcIiBjbGFzcz1cImJpZy1pbWdcIiBbYWx0XT1cIml0ZW0uZGlzcGxheV9uYW1lXCIgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICBcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJ0aHVtYm5haWxcIiBsZXQtaXRlbT5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiaXRlbS5pbWFnZV91cmxcIiBjbGFzcz1cInNtYWxsLWltZ1wiIFthbHRdPVwiaXRlbS5kaXNwbGF5X25hbWVcIiAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9wLWdhbGxlcmlhPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
package/esm2022/lib/models/gallery-item.interface.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS1pdGVtLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9tb2RlbHMvZ2FsbGVyeS1pdGVtLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBHYWxsZXJ5SXRlbSB7XG4gICAgaWQ6IG51bWJlclxuICAgIGltYWdlX3VybDogc3RyaW5nO1xuICAgIGRpc3BsYXlfbmFtZTogc3RyaW5nO1xuICAgIG5hbWluZ1Nlcmllczogc3RyaW5nO1xuICAgIGl0ZW1faWQ6IG51bWJlcjtcbn0iXX0=
package/esm2022/lib/pricing-plans/pricing-plans.component.mjs CHANGED
@@ -31,11 +31,11 @@ export class PricingPlansComponent {
31
31
  return val.split('|');
32
32
  }
33
33
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PricingPlansComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
34
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlan: "servicePlan" }, outputs: { onClickCTA: "onClickCTA" }, ngImport: i0, template: "<div class=\"plan-content\">\n <div class=\"title-price-desc\">\n <div class=\"plan-title\">\n {{servicePlan.name}}\n </div>\n\n <div class=\"service-price\">\n <span *ngIf=\"isNumber(servicePlan.price)\" class=\"big-price\">\n {{ servicePlan.price | currency : 'USD' : 'symbol' : '1.0-0' }}\n </span>\n \n <div *ngIf=\"isFormula(servicePlan.price)\" class=\"formula-container\">\n <span class=\"big-price\">\n ${{ getFormulaParts($any(servicePlan.price))[0] }}\n </span>\n <span class=\"sub-price\">\n {{ getFormulaParts($any(servicePlan.price))[1] }}\n </span>\n </div>\n \n <span *ngIf=\"!isNumber(servicePlan.price) && !isFormula(servicePlan.price)\" class=\"text-price\">\n {{ servicePlan.price }}\n </span>\n </div>\n\n <span>/{{servicePlan.frequency}}</span>\n\n <div class=\"description\">\n {{servicePlan.description}}\n </div>\n <div class=\"divider\"></div>\n </div>\n <div class=\"perks\">\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\n <span class=\"check-icon\">\n <fa-icon icon=\"check\"></fa-icon>\n </span>\n <div class=\"service-description\">\n <div class=\"service-perk\">\n {{perk.perk}}\n </div>\n <span class=\"exclamation-mark\" *ngIf=\"perk.tooltipMessage\">\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\"\n icon=\"circle-exclamation\"></fa-icon>\n </span>\n </div>\n </div>\n </div>\n <div class=\"registration-button\">\n <button mat-raised-button [requireAuth]=\"servicePlan.button.requiresAuth\"\n [targetRoute]=\"servicePlan.button.route\" authRoute [navigationExtras]=\"servicePlan.button.navigationExtras\"\n class=\"button\">\n {{servicePlan.button.label}}\n </button>\n </div>\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}.plan-content{display:flex;flex-direction:column;background:#fff;border-radius:1rem;padding:2rem;justify-content:space-between;max-width:420px;margin:0 auto;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%}.plan-content .title-price-desc{display:flex;flex-direction:column;align-items:center;text-align:center}.plan-content .title-price-desc .description{min-height:5rem;font-size:1.4rem;color:#32353b;margin:1rem auto}.plan-content .divider{width:92%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2rem;padding:1rem 0rem;text-align:center}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.4rem;margin-left:1rem;color:#32353b;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{text-align:center;display:flex;justify-content:center;align-items:center;margin:.5rem}.plan-content .service-price .big-price{font-size:4.2rem;font-weight:800;color:#12957e;line-height:1}.plan-content .service-price .formula-container{display:flex;flex-direction:column;align-items:center}.plan-content .service-price .formula-container .sub-price{font-size:2.4rem;font-weight:600;color:#f0509c;margin-top:.5rem}.plan-content .service-price .text-price{font-size:2.4rem;font-weight:700;color:#12957e}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}.plan-content .check-icon{color:#32353b}\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i6.AuthRouteDirective, selector: "[authRoute]", inputs: ["targetRoute", "requireAuth", "navigationExtras"] }, { kind: "pipe", type: i3.CurrencyPipe, name: "currency" }] });
34
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PricingPlansComponent, selector: "pricing-plans", inputs: { servicePlan: "servicePlan" }, outputs: { onClickCTA: "onClickCTA" }, ngImport: i0, template: "<div class=\"plan-content\">\n <div class=\"title-price-desc\">\n <div class=\"plan-title\">\n {{servicePlan.name}}\n </div>\n\n <div class=\"service-price\">\n <span *ngIf=\"isNumber(servicePlan.price)\" class=\"big-price\">\n {{ servicePlan.price | currency : 'USD' : 'symbol' : '1.0-0' }}\n </span>\n \n <div *ngIf=\"isFormula(servicePlan.price)\" class=\"formula-container\">\n <span class=\"big-price\">\n ${{ getFormulaParts($any(servicePlan.price))[0] }}\n </span>\n <span class=\"sub-price\">\n {{ getFormulaParts($any(servicePlan.price))[1] }}\n </span>\n </div>\n \n <span *ngIf=\"!isNumber(servicePlan.price) && !isFormula(servicePlan.price)\" class=\"text-price\">\n {{ servicePlan.price }}\n </span>\n </div>\n\n <span>/{{servicePlan.frequency}}</span>\n\n <div class=\"description\">\n {{servicePlan.description}}\n </div>\n <div class=\"divider\"></div>\n </div>\n <div class=\"perks\">\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\n <span class=\"check-icon\">\n <fa-icon icon=\"check\"></fa-icon>\n </span>\n <div class=\"service-description\">\n <div class=\"service-perk\">\n {{perk.perk}}\n </div>\n <span class=\"exclamation-mark\" *ngIf=\"perk.tooltipMessage\">\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\"\n icon=\"circle-exclamation\"></fa-icon>\n </span>\n </div>\n </div>\n </div>\n <div class=\"registration-button\">\n <button mat-raised-button [requireAuth]=\"servicePlan.button.requiresAuth\"\n [targetRoute]=\"servicePlan.button.route\" authRoute [navigationExtras]=\"servicePlan.button.navigationExtras\"\n class=\"button\">\n {{servicePlan.button.label}}\n </button>\n </div>\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}.plan-content{display:flex;flex-direction:column;background:#fff;border-radius:1rem;padding:2rem;justify-content:space-between;max-width:420px;margin:0 auto;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%}.plan-content .title-price-desc{display:flex;flex-direction:column;align-items:center;text-align:center}.plan-content .title-price-desc .description{min-height:5rem;font-size:1.4rem;color:#32353b;margin:1rem auto}.plan-content .divider{width:92%;border:.1rem solid #155ed4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2rem;padding:1rem 0rem;text-align:center}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.4rem;margin-left:1rem;color:#32353b;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{text-align:center;display:flex;justify-content:center;align-items:center;margin:.5rem}.plan-content .service-price .big-price{font-size:4.2rem;font-weight:800;color:#12957e;line-height:1}.plan-content .service-price .formula-container{display:flex;flex-direction:column;align-items:center}.plan-content .service-price .formula-container .sub-price{font-size:2.4rem;font-weight:600;color:#f0509c;margin-top:.5rem}.plan-content .service-price .text-price{font-size:2.4rem;font-weight:700;color:#12957e}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}.plan-content .check-icon{color:#32353b}\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i6.AuthRouteDirective, selector: "[authRoute]", inputs: ["targetRoute", "requireAuth", "navigationExtras"] }, { kind: "pipe", type: i3.CurrencyPipe, name: "currency" }] });
35
35
  }
36
36
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PricingPlansComponent, decorators: [{
37
37
  type: Component,
38
- args: [{ selector: 'pricing-plans', template: "<div class=\"plan-content\">\n <div class=\"title-price-desc\">\n <div class=\"plan-title\">\n {{servicePlan.name}}\n </div>\n\n <div class=\"service-price\">\n <span *ngIf=\"isNumber(servicePlan.price)\" class=\"big-price\">\n {{ servicePlan.price | currency : 'USD' : 'symbol' : '1.0-0' }}\n </span>\n \n <div *ngIf=\"isFormula(servicePlan.price)\" class=\"formula-container\">\n <span class=\"big-price\">\n ${{ getFormulaParts($any(servicePlan.price))[0] }}\n </span>\n <span class=\"sub-price\">\n {{ getFormulaParts($any(servicePlan.price))[1] }}\n </span>\n </div>\n \n <span *ngIf=\"!isNumber(servicePlan.price) && !isFormula(servicePlan.price)\" class=\"text-price\">\n {{ servicePlan.price }}\n </span>\n </div>\n\n <span>/{{servicePlan.frequency}}</span>\n\n <div class=\"description\">\n {{servicePlan.description}}\n </div>\n <div class=\"divider\"></div>\n </div>\n <div class=\"perks\">\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\n <span class=\"check-icon\">\n <fa-icon icon=\"check\"></fa-icon>\n </span>\n <div class=\"service-description\">\n <div class=\"service-perk\">\n {{perk.perk}}\n </div>\n <span class=\"exclamation-mark\" *ngIf=\"perk.tooltipMessage\">\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\"\n icon=\"circle-exclamation\"></fa-icon>\n </span>\n </div>\n </div>\n </div>\n <div class=\"registration-button\">\n <button mat-raised-button [requireAuth]=\"servicePlan.button.requiresAuth\"\n [targetRoute]=\"servicePlan.button.route\" authRoute [navigationExtras]=\"servicePlan.button.navigationExtras\"\n class=\"button\">\n {{servicePlan.button.label}}\n </button>\n </div>\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}.plan-content{display:flex;flex-direction:column;background:#fff;border-radius:1rem;padding:2rem;justify-content:space-between;max-width:420px;margin:0 auto;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%}.plan-content .title-price-desc{display:flex;flex-direction:column;align-items:center;text-align:center}.plan-content .title-price-desc .description{min-height:5rem;font-size:1.4rem;color:#32353b;margin:1rem auto}.plan-content .divider{width:92%;border:.1rem solid #155ED4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2rem;padding:1rem 0rem;text-align:center}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.4rem;margin-left:1rem;color:#32353b;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{text-align:center;display:flex;justify-content:center;align-items:center;margin:.5rem}.plan-content .service-price .big-price{font-size:4.2rem;font-weight:800;color:#12957e;line-height:1}.plan-content .service-price .formula-container{display:flex;flex-direction:column;align-items:center}.plan-content .service-price .formula-container .sub-price{font-size:2.4rem;font-weight:600;color:#f0509c;margin-top:.5rem}.plan-content .service-price .text-price{font-size:2.4rem;font-weight:700;color:#12957e}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}.plan-content .check-icon{color:#32353b}\n"] }]
38
+ args: [{ selector: 'pricing-plans', template: "<div class=\"plan-content\">\n <div class=\"title-price-desc\">\n <div class=\"plan-title\">\n {{servicePlan.name}}\n </div>\n\n <div class=\"service-price\">\n <span *ngIf=\"isNumber(servicePlan.price)\" class=\"big-price\">\n {{ servicePlan.price | currency : 'USD' : 'symbol' : '1.0-0' }}\n </span>\n \n <div *ngIf=\"isFormula(servicePlan.price)\" class=\"formula-container\">\n <span class=\"big-price\">\n ${{ getFormulaParts($any(servicePlan.price))[0] }}\n </span>\n <span class=\"sub-price\">\n {{ getFormulaParts($any(servicePlan.price))[1] }}\n </span>\n </div>\n \n <span *ngIf=\"!isNumber(servicePlan.price) && !isFormula(servicePlan.price)\" class=\"text-price\">\n {{ servicePlan.price }}\n </span>\n </div>\n\n <span>/{{servicePlan.frequency}}</span>\n\n <div class=\"description\">\n {{servicePlan.description}}\n </div>\n <div class=\"divider\"></div>\n </div>\n <div class=\"perks\">\n <div class=\"perk\" *ngFor=\"let perk of servicePlan.perks; let switchStyle = index\">\n <span class=\"check-icon\">\n <fa-icon icon=\"check\"></fa-icon>\n </span>\n <div class=\"service-description\">\n <div class=\"service-perk\">\n {{perk.perk}}\n </div>\n <span class=\"exclamation-mark\" *ngIf=\"perk.tooltipMessage\">\n <fa-icon #tooltip=\"matTooltip\" [matTooltip]=\"perk.tooltipMessage\" [matTooltipPosition]=\"'right'\"\n icon=\"circle-exclamation\"></fa-icon>\n </span>\n </div>\n </div>\n </div>\n <div class=\"registration-button\">\n <button mat-raised-button [requireAuth]=\"servicePlan.button.requiresAuth\"\n [targetRoute]=\"servicePlan.button.route\" authRoute [navigationExtras]=\"servicePlan.button.navigationExtras\"\n class=\"button\">\n {{servicePlan.button.label}}\n </button>\n </div>\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}.plan-content{display:flex;flex-direction:column;background:#fff;border-radius:1rem;padding:2rem;justify-content:space-between;max-width:420px;margin:0 auto;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;box-shadow:#0000001f 0 .1rem .3rem,#0000003d 0 .1rem .2rem;height:100%}.plan-content .title-price-desc{display:flex;flex-direction:column;align-items:center;text-align:center}.plan-content .title-price-desc .description{min-height:5rem;font-size:1.4rem;color:#32353b;margin:1rem auto}.plan-content .divider{width:92%;border:.1rem solid #155ed4;margin:1rem auto}.plan-content .plan-title{grid-row:1;color:#155ed4;text-transform:uppercase;font-weight:700;font-size:2rem;padding:1rem 0rem;text-align:center}.plan-content .perks{display:flex;row-gap:.5rem;height:100%;align-items:flex-start;flex-direction:column}.plan-content .perks .perk{display:flex;align-items:center;width:100%}.plan-content .perks .perk .service-description{align-items:center;font-weight:600;font-size:1.4rem;margin-left:1rem;color:#32353b;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;justify-content:space-between;width:100%}.plan-content .perks .perk .service-description .exclamation-mark{cursor:pointer;color:#32353b}.plan-content .service-price{text-align:center;display:flex;justify-content:center;align-items:center;margin:.5rem}.plan-content .service-price .big-price{font-size:4.2rem;font-weight:800;color:#12957e;line-height:1}.plan-content .service-price .formula-container{display:flex;flex-direction:column;align-items:center}.plan-content .service-price .formula-container .sub-price{font-size:2.4rem;font-weight:600;color:#f0509c;margin-top:.5rem}.plan-content .service-price .text-price{font-size:2.4rem;font-weight:700;color:#12957e}.plan-content .registration-button{display:flex;padding:1rem 0rem;height:100%}.plan-content .registration-button .button{align-self:flex-end;font-weight:600;width:85%;background-color:#155ed4;color:#fff;width:100%}.plan-content .check-icon{color:#32353b}\n"] }]
39
39
  }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { servicePlan: [{
40
40
  type: Input
41
41
  }], onClickCTA: [{
package/esm2022/lib/vertical-side-tabs/vertical-side-tabs.component.mjs CHANGED
@@ -20,11 +20,11 @@ export class VerticalSideTabsComponent {
20
20
  this.tabChanged.emit(this.tabs[index].tabContent);
21
21
  }
22
22
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalSideTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
23
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: { tabs: "tabs" }, outputs: { tabChanged: "tabChanged" }, ngImport: i0, template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><mat-icon>{{tab.iconName}}</mat-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", 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}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s;cursor:pointer}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem;font-family:inherit}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon mat-icon{width:3rem;height:3rem;font-size:3rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353B;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ED4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ED4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
23
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: { tabs: "tabs" }, outputs: { tabChanged: "tabChanged" }, ngImport: i0, template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><mat-icon>{{tab.iconName}}</mat-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", 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}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s;cursor:pointer}.as-items .as-btn:hover{border-left:.3rem solid #32353b;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem;font-family:inherit}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon mat-icon{width:3rem;height:3rem;font-size:3rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ed4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ed4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353b;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ed4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ed4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
24
24
  }
25
25
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalSideTabsComponent, decorators: [{
26
26
  type: Component,
27
- args: [{ selector: 'vertical-side-tabs', template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><mat-icon>{{tab.iconName}}</mat-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", 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}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s;cursor:pointer}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem;font-family:inherit}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon mat-icon{width:3rem;height:3rem;font-size:3rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353B;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ED4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ED4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"] }]
27
+ args: [{ selector: 'vertical-side-tabs', template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><mat-icon>{{tab.iconName}}</mat-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", 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}.as-items{padding:2rem 1rem;border:.1rem solid #f7f8f9;border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s;cursor:pointer}.as-items .as-btn:hover{border-left:.3rem solid #32353b;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem;font-family:inherit}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon mat-icon{width:3rem;height:3rem;font-size:3rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ed4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ed4;color:#155ed4}@media only screen and (max-width: 56.25em){.as-items{flex-direction:row;width:100%}.as-items .as-btn{border:none;border-bottom:.3rem solid rgba(50,53,59,.6)}.as-items .as-btn:hover{border-left:none;border-bottom:.3rem solid #32353b;color:#32353b}.as-items .item-clicked{border-bottom:.3rem solid #155ed4}.as-items .item-clicked:hover{border-left:none;border-bottom:.3rem solid #155ed4;color:#155ed4}.as-items .as-item{flex-grow:1;width:auto}.as-items .icon-text{flex-direction:column;text-align:center}}\n"] }]
28
28
  }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
29
29
  type: Input
30
30
  }], tabChanged: [{
package/esm2022/public-api.mjs CHANGED
@@ -15,7 +15,7 @@ export * from './lib/pricing-plans/pricing-plans.component';
15
15
  export * from './lib/page-section-style-thirteen/page-section-style-thirteen.component';
16
16
  export * from './lib/models/page-section-style-thirteen.model';
17
17
  export * from './lib/image-gallery-modal/image-gallery-modal.component';
18
- export * from './lib/models/gallery-items-properties.model';
18
+ export * from './lib/models/gallery-item.interface';
19
19
  export * from './lib/success-message-dialog/success-message-dialog.component';
20
20
  export * from './lib/models/call-to-action-data.model';
21
21
  export * from './lib/call-to-action-section/call-to-action-section.component';
@@ -61,4 +61,4 @@ export * from './lib/models/feature-section-nine.model';
61
61
  export * from './lib/models/value-prop-properties.model';
62
62
  export * from './lib/value-prop-card/value-prop-card.component';
63
63
  export * from './lib/models/section-title-sizes.model';
64
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLHVFQUF1RSxDQUFDO0FBQ3RGLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsbUVBQW1FLENBQUM7QUFDbEYsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyx3Q0FBd0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygam9vbGVyLXdlYnNpdGVzLXNoYXJlZFxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tdGl0bGUvc2VjdGlvbi10aXRsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXNlY3Rpb24tYWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2dldC1zdGFydGVkLWN0YS9nZXQtc3RhcnRlZC1jdGEuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjaGlldmVtZW50cy9hY2hpZXZlbWVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2hpZXZlbWVudHMubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FjaGlldmVtZW50Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZXJ2aWNlLXBsYW4ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ltYWdlLWdhbGxlcnktbW9kYWwvaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2dhbGxlcnktaXRlbXMtcHJvcGVydGllcy5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nL3N1Y2Nlc3MtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jYWxsLXRvLWFjdGlvbi1kYXRhLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ltYWdlLXNlY3Rpb24tYWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9pbWFnZS1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy90ZWFtLW1lbWJlci5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90ZWFtL3RlYW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy90ZWFtLXNlY3Rpb24ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BhZ2Utc3R5bGUtc2VjdGlvbi1maXZlLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hYm91dC11cy1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbHVlcy92YWx1ZXMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2NvdW50LXR5cGUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FjY291bnQubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FkZHJlc3MubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NpdHkubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NvdW50cnkubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3VzZXItdHlwZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdXNlci5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9vdXItY2xpZW50LWxpc3Rpbmcvb3VyLWNsaWVudC1saXN0aW5nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9vdXItY2xpZW50cy9vdXItY2xpZW50cy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMvcGFnZS1zZWN0aW9uLXdpdGgtbXVsdGlwbGUtY2FyZHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsdWUtcHJvcHMtc2VjdGlvbi92YWx1ZS1wcm9wcy1zZWN0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250YWN0LXVzLXBhZ2UvY29udGFjdC11cy1wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21pbmctc29vbi9jb21pbmctc29vbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc29jaWFsLW1lZGlhLWljb25zL3NvY2lhbC1tZWRpYS1pY29ucy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc29jaWFsLW1lZGlhLWljb25zL3NvY2lhbC1tZWRpYS1saW5rcy5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGVya3MubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2JyYW5kLWxvZ28ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlY3Rpb24tdGl0bGUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS9jdGEtc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2N0YS1vbmUtdHlwZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaGVhZGVyLXNlY3Rpb24tc3R5bGUtb25lLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2hlYWRlci1zZWN0aW9uLW9uZS9oZWFkZXItc2VjdGlvbi1vbmUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS10b29sdGlwL2N1c3RvbS10b29sdGlwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92ZXJ0aWNhbC1zaWRlLXRhYnMvdmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvZmVhdHVyZS1zZWN0aW9uLW5pbmUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3ZhbHVlLXByb3AtcHJvcGVydGllcy5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWx1ZS1wcm9wLWNhcmQvdmFsdWUtcHJvcC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2VjdGlvbi10aXRsZS1zaXplcy5tb2RlbCc7XG4iXX0=
64
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLHVFQUF1RSxDQUFDO0FBQ3RGLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsbUVBQW1FLENBQUM7QUFDbEYsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyx3Q0FBd0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygam9vbGVyLXdlYnNpdGVzLXNoYXJlZFxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tdGl0bGUvc2VjdGlvbi10aXRsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRlbi9wYWdlLXNlY3Rpb24tc3R5bGUtdGVuLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXNlY3Rpb24tYWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2dldC1zdGFydGVkLWN0YS9nZXQtc3RhcnRlZC1jdGEuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjaGlldmVtZW50cy9hY2hpZXZlbWVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2hpZXZlbWVudHMubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2FjaGlldmVtZW50Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZXJ2aWNlLXBsYW4ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJpY2luZy1wbGFucy9wcmljaW5nLXBsYW5zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLXNlY3Rpb24tc3R5bGUtdGhpcnRlZW4vcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvcGFnZS1zZWN0aW9uLXN0eWxlLXRoaXJ0ZWVuLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ltYWdlLWdhbGxlcnktbW9kYWwvaW1hZ2UtZ2FsbGVyeS1tb2RhbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2dhbGxlcnktaXRlbS5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3VjY2Vzcy1tZXNzYWdlLWRpYWxvZy9zdWNjZXNzLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9pbWFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1tZW1iZXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGVhbS90ZWFtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGVhbS1zZWN0aW9uLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9wYWdlLXN0eWxlLXNlY3Rpb24tZml2ZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWJvdXQtdXMtc2VjdGlvbi5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWx1ZXMvdmFsdWVzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvYWNjb3VudC10eXBlLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hY2NvdW50Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9hZGRyZXNzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jaXR5Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jb3VudHJ5Lm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy91c2VyLXR5cGUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3VzZXIubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudC1saXN0aW5nL291ci1jbGllbnQtbGlzdGluZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3VyLWNsaWVudHMvb3VyLWNsaWVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzL3BhZ2Utc2VjdGlvbi13aXRoLW11bHRpcGxlLWNhcmRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbHVlLXByb3BzLXNlY3Rpb24vdmFsdWUtcHJvcHMtc2VjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdC11cy1wYWdlL2NvbnRhY3QtdXMtcGFnZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnL2Nob29zZS1jb3VudHJ5LXdpdGgtZmxhZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlL3BhZ2Utc2VjdGlvbi1zdHlsZS10aHJlZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29taW5nLXNvb24vY29taW5nLXNvb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NvY2lhbC1tZWRpYS1pY29ucy9zb2NpYWwtbWVkaWEtaWNvbnMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NvY2lhbC1tZWRpYS1pY29ucy9zb2NpYWwtbWVkaWEtbGlua3MubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3BlcmtzLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9icmFuZC1sb2dvLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9zZWN0aW9uLXRpdGxlLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUvY3RhLXNlY3Rpb24tc3R5bGUtdGhyZWUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9jdGEtb25lLXR5cGUubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2hlYWRlci1zZWN0aW9uLXN0eWxlLW9uZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9oZWFkZXItc2VjdGlvbi1vbmUvaGVhZGVyLXNlY3Rpb24tb25lLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jdXN0b20tdG9vbHRpcC9jdXN0b20tdG9vbHRpcC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdmVydGljYWwtc2lkZS10YWJzL3ZlcnRpY2FsLXNpZGUtdGFicy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2ZlYXR1cmUtc2VjdGlvbi1uaW5lLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy92YWx1ZS1wcm9wLXByb3BlcnRpZXMubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsdWUtcHJvcC1jYXJkL3ZhbHVlLXByb3AtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3NlY3Rpb24tdGl0bGUtc2l6ZXMubW9kZWwnO1xuIl19