npm - @posiwise/resource-module - Versions diffs - 0.0.111 → 0.0.112 - Mend

@posiwise/resource-module 0.0.111 → 0.0.112

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 (5) hide show

package/esm2022/lib/public/components/resource-webinars/upcoming-event-cards/upcoming-event-cards.component.mjs CHANGED Viewed

@@ -19,6 +19,7 @@ export class UpcomingEventCardComponent extends AppBaseComponent {
         this.tagService = tagService;
         this.showEventContent = false;
         this.postSlice = false;
+        this.now = new Date().getTime();
         this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
         this.posts = [];
         this.isLoaded = false;
@@ -57,9 +58,8 @@ export class UpcomingEventCardComponent extends AppBaseComponent {
         this.resourceService
             .getPublicPosts(this.subscriptionId || this.masterSubscriptionId, page, pageSize, '', this.categoryId || this.blogPostTag?.tag_category_id)
             .subscribe(response => {
-            const now = new Date().getTime();
             const sortedPosts = (response.posts || [])
-                .filter(post => post.showcase === true && new Date(post?.when).getTime() > now)
+                .filter(post => post.showcase === true && new Date(post?.when).getTime() > this.now)
                 .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
             this.posts = sortedPosts;
         })
@@ -67,6 +67,9 @@ export class UpcomingEventCardComponent extends AppBaseComponent {
             this.isLoaded = true;
         });
     }
+    isUpcoming(post) {
+        return new Date(post?.when).getTime() > this.now;
+    }
     getAllPosts(page, pageSize) {
         this.resourceService
             .getPublicPosts(this.subscriptionId || this.masterSubscriptionId, page, pageSize, '', this.categoryId || this.blogPostTag?.tag_category_id)
@@ -81,11 +84,11 @@ export class UpcomingEventCardComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UpcomingEventCardComponent, deps: [{ token: i1.ResourceService }, { token: i2.TagService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UpcomingEventCardComponent, selector: "pw-upcoming-event-card", inputs: { showEventContent: "showEventContent", categoryId: "categoryId", postSlice: "postSlice", resourceTitle: "resourceTitle" }, usesInheritance: true, ngImport: i0, template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Events & Webinars'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\"[innerHTML]=\"resourceTitle || 'Upcoming Events'\"></h2>\n      </div>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <h5 class=\"badge-title fw-bold\">{{this.postSlice ? 'UPCOMING:' : 'REPLAY' }}</h5>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.msp-vault-section .vault-heading{font-size:3rem;font-weight:300}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.msp-vault-section .vault-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}.video-row{gap:5.5rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important}.video-row{gap:3rem!important}}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}@media (width <= 768px){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i7.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UpcomingEventCardComponent, selector: "pw-upcoming-event-card", inputs: { showEventContent: "showEventContent", categoryId: "categoryId", postSlice: "postSlice", resourceTitle: "resourceTitle" }, usesInheritance: true, ngImport: i0, template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Events & Webinars'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\"[innerHTML]=\"resourceTitle || 'Upcoming Events'\"></h2>\n      </div>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <ng-container *ngIf=\"postSlice; else conditionalCheck\">\n            <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n          </ng-container>\n\n          <ng-template #conditionalCheck>\n            <h5 class=\"badge-title fw-bold\">\n              {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n            </h5>\n          </ng-template>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.msp-vault-section .vault-heading{font-size:3rem;font-weight:300}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.msp-vault-section .vault-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}.video-row{gap:5.5rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important}.video-row{gap:3rem!important}}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}@media (width <= 768px){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i7.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UpcomingEventCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-upcoming-event-card', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Events & Webinars'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\"[innerHTML]=\"resourceTitle || 'Upcoming Events'\"></h2>\n      </div>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <h5 class=\"badge-title fw-bold\">{{this.postSlice ? 'UPCOMING:' : 'REPLAY' }}</h5>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.msp-vault-section .vault-heading{font-size:3rem;font-weight:300}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.msp-vault-section .vault-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}.video-row{gap:5.5rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important}.video-row{gap:3rem!important}}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}@media (width <= 768px){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"] }]
+            args: [{ selector: 'pw-upcoming-event-card', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Events & Webinars'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\"[innerHTML]=\"resourceTitle || 'Upcoming Events'\"></h2>\n      </div>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <ng-container *ngIf=\"postSlice; else conditionalCheck\">\n            <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n          </ng-container>\n\n          <ng-template #conditionalCheck>\n            <h5 class=\"badge-title fw-bold\">\n              {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n            </h5>\n          </ng-template>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.msp-vault-section .vault-heading{font-size:3rem;font-weight:300}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.msp-vault-section .vault-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}.video-row{gap:5.5rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important}.video-row{gap:3rem!important}}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}@media (width <= 768px){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"] }]
         }], ctorParameters: () => [{ type: i1.ResourceService }, { type: i2.TagService }, { type: i0.Injector }], propDecorators: { showEventContent: [{
                 type: Input
             }], categoryId: [{
@@ -95,4 +98,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             }], resourceTitle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBjb21pbmctZXZlbnQtY2FyZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS13ZWJpbmFycy91cGNvbWluZy1ldmVudC1jYXJkcy91cGNvbWluZy1ldmVudC1jYXJkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXdlYmluYXJzL3VwY29taW5nLWV2ZW50LWNhcmRzL3VwY29taW5nLWV2ZW50LWNhcmRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFZLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWpFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7OztBQU8vRCxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsZ0JBQWdCO0lBZTVELFlBQ3FCLGVBQWdDLEVBQ2hDLFVBQXNCLEVBQ3ZDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUpDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBaEJsQyxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFFekIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUszQix5QkFBb0IsR0FBRyxJQUFJLENBQUMsU0FBUyxD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QUFTOytCQUNJLHdCQUF3QjtvSUFLekIsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBUYWdTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBSZXNvdXJjZSwgVE9LRU5fS0VZIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi11dGlsaXRpZXMnO1xuXG5pbXBvcnQgeyBSZXNvdXJjZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9yZXNvdXJjZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy11cGNvbWluZy1ldmVudC1jYXJkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdXBjb21pbmctZXZlbnQtY2FyZHMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3VwY29taW5nLWV2ZW50LWNhcmRzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXBjb21pbmdFdmVudENhcmRDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBzaG93RXZlbnRDb250ZW50ID0gZmFsc2U7XG4gICAgQElucHV0KCkgY2F0ZWdvcnlJZCE6IHN0cmluZztcbiAgICBASW5wdXQoKSBwb3N0U2xpY2UgPSBmYWxzZTtcbiAgICBASW5wdXQoKSByZXNvdXJjZVRpdGxlITogc3RyaW5nO1xuICAgIHVzZXJMb2dnZWRJbjogYm9vbGVhbjtcbiAgICBzdWJzY3JpcHRpb25JZDtcblxuICAgIG1hc3RlclN1YnNjcmlwdGlvbklkID0gdGhpcy5hcHBDb25maWcubWFzdGVyX3N1YnNjcmlwdGlvbi5zdWJzY3JpcHRpb25faWQ7XG5cbiAgICBwb3N0czogUmVzb3VyY2VbXSA9IFtdO1xuXG4gICAgaXNMb2FkZWQgPSBmYWxzZTtcbiAgICBibG9nUG9zdFRhZztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHJlc291cmNlU2VydmljZTogUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHRhZ1NlcnZpY2U6IFRhZ1NlcnZpY2UsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0kKFRPS0VOX0tFWSkuc3Vic2NyaWJlKHJlcyA9PiB7XG4gICAgICAgICAgICB0aGlzLnVzZXJMb2dnZWRJbiA9ICEhcmVzO1xuICAgICAgICAgICAgaWYgKHRoaXMudXNlckxvZ2dlZEluKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoJ3Byb2R1Y3QnKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcyA/IEpTT04ucGFyc2UocmVzKSA6IG51bGw7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSBkYXRhPy5zdWJzY3JpcHRpb25JZDtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZ2V0UG9zdFRhZ3MoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFBvc3RUYWdzKCkge1xuICAgICAgICB0aGlzLnRhZ1NlcnZpY2VcbiAgICAgICAgICAgIC5nZXRUYWdzQnlUeXBlKCdwb3N0X2NhdGVnb3JpZXMnLCB7fSwgdGhpcy5zdWJzY3JpcHRpb25JZCB8fCB0aGlzLm1hc3RlclN1YnNjcmlwdGlvbklkKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5ibG9nUG9zdFRhZyA9IHJlc3BvbnNlLnRhZ3MuZmluZCh0YWcgPT4gdGFnLm5hbWUgPT09ICdFdmVudHMnKTtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5ibG9nUG9zdFRhZz8udGFnX2NhdGVnb3J5X2lkKSB7XG4gICAgICAgICAgICAgICAgICAgIGlmICh0aGlzLnBvc3RTbGljZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5nZXRQb3N0cygxLCAxMDApO1xuICAgICAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5nZXRBbGxQb3N0cygxLCAxMDApO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5pc0xvYWRlZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZ2V0UG9zdHMocGFnZTogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIHRoaXMucmVzb3VyY2VTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0UHVibGljUG9zdHMoXG4gICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCB8fCB0aGlzLm1hc3RlclN1YnNjcmlwdGlvbklkLFxuICAgICAgICAgICAgICAgIHBhZ2UsXG4gICAgICAgICAgICAgICAgcGFnZVNpemUsXG4gICAgICAgICAgICAgICAgJycsXG4gICAgICAgICAgICAgICAgdGhpcy5jYXRlZ29yeUlkIHx8IHRoaXMuYmxvZ1Bvc3RUYWc/LnRhZ19jYXRlZ29yeV9pZFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3Qgbm93ID0gbmV3IERhdGUoKS5nZXRUaW1lKCk7XG4gICAgICAgICAgICAgICAgY29uc3Qgc29ydGVkUG9zdHMgPSAocmVzcG9uc2UucG9zdHMgfHwgW10pXG4gICAgICAgICAgICAgICAgICAgIC5maWx0ZXIocG9zdCA9PiBwb3N0LnNob3djYXNlID09PSB0cnVlICYmIG5ldyBEYXRlKHBvc3Q/LndoZW4pLmdldFRpbWUoKSA+IG5vdylcbiAgICAgICAgICAgICAgICAgICAgLnNvcnQoXG4gICAgICAgICAgICAgICAgICAgICAgICAoYSwgYikgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuZXcgRGF0ZShiLnB1Ymxpc2hlZF9hdCkuZ2V0VGltZSgpIC0gbmV3IERhdGUoYS5wdWJsaXNoZWRfYXQpLmdldFRpbWUoKVxuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIHRoaXMucG9zdHMgPSBzb3J0ZWRQb3N0cztcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIGdldEFsbFBvc3RzKHBhZ2U6IG51bWJlciwgcGFnZVNpemU6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZVxuICAgICAgICAgICAgLmdldFB1YmxpY1Bvc3RzKFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICBwYWdlLFxuICAgICAgICAgICAgICAgIHBhZ2VTaXplLFxuICAgICAgICAgICAgICAgICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuY2F0ZWdvcnlJZCB8fCB0aGlzLmJsb2dQb3N0VGFnPy50YWdfY2F0ZWdvcnlfaWRcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHNvcnRlZFBvc3RzID0gKHJlc3BvbnNlLnBvc3RzIHx8IFtdKVxuICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKHBvc3QgPT4gcG9zdC5zaG93Y2FzZSA9PT0gdHJ1ZSlcbiAgICAgICAgICAgICAgICAgICAgLnNvcnQoKGEsIGIpID0+IG5ldyBEYXRlKGIud2hlbikuZ2V0VGltZSgpIC0gbmV3IERhdGUoYS53aGVuKS5nZXRUaW1lKCkpO1xuXG4gICAgICAgICAgICAgICAgdGhpcy5wb3N0cyA9IFsuLi5zb3J0ZWRQb3N0c10uc2xpY2UoMCwgMykucmV2ZXJzZSgpO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZGQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNMb2FkZWQgPSB0cnVlO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtc3AtdmF1bHQtc2VjdGlvbiBiZy13aGl0ZSB0ZXh0LWNlbnRlciBweS01IGV4dHJhLXRvcC1wYWRkaW5nIHNlY3Rpb24tb3V0ZXJcIj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICAgIDxkaXYgKm5nSWY9XCJzaG93RXZlbnRDb250ZW50XCIgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcFwiPlxuICAgICAgPGgyIGNsYXNzPVwic2VjdGlvbi1oZWFkaW5nXCIgW2lubmVySFRNTF09XCJyZXNvdXJjZVRpdGxlIHx8ICdFdmVudHMgJiBXZWJpbmFycydcIj48L2gyPlxuICAgICAgPGEgY2xhc3M9XCJ2aWV3LWFsbFwiIHJvdXRlckxpbms9XCIvcmVzb3VyY2VzL2V2ZW50c1wiPlZJRVcgQUxMID48L2E+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIiFzaG93RXZlbnRDb250ZW50XCIgY2xhc3M9XCJkLW1kLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtc3RhcnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2YXVsdC1oZWFkZXJcIj5cbiAgICAgICAgPGgyIGNsYXNzPVwidmF1bHQtaGVhZGluZ1wiW2lubmVySFRNTF09XCJyZXNvdXJjZVRpdGxlIHx8ICdVcGNvbWluZyBFdmVudHMnXCI+PC9oMj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cInctMTAwIHRleHQtY2VudGVyIG10LTNcIiAqbmdJZj1cIiFpc0xvYWRlZFwiPlxuICAgICAgPHAtcHJvZ3Jlc3NTcGlubmVyIHN0cm9rZVdpZHRoPVwiMlwiPiA8L3AtcHJvZ3Jlc3NTcGlubmVyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJwb3N0cy5sZW5ndGggPT09IDAgJiYgaXNMb2FkZWRcIj5cbiAgICAgIDxwdy1uby1kYXRhIFt3aXRoSW1hZ2VdPVwidHJ1ZVwiIFttZXNzYWdlXT1cIidSZXNvdXJjZS5Ob0RhdGFNZXNzYWdlJyB8IHRyYW5zbG9jb1wiLz5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJyb3cgbXQtNSBkLWZsZXggZmxleC13cmFwIGp1c3RpZnktY29udGVudC1jZW50ZXIgZ2FwLTQgdmlkZW8tcm93XCIgKm5nSWY9XCJwb3N0cy5sZW5ndGggIT09IDAgJiYgaXNMb2FkZWRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZhdWx0LWNhcmQgdGV4dC1jZW50ZXIgcC00XCIgKm5nRm9yPVwibGV0IHBvc3Qgb2YgcG9zdHNcIj5cbiAgICAgICAgICA8aDUgY2xhc3M9XCJiYWRnZS10aXRsZSBmdy1ib2xkXCI+e3t0aGlzLnBvc3RTbGljZSA/ICdVUENPTUlORzonIDogJ1JFUExBWScgfX08L2g1PlxuXG4gICAgICAgICAgPHAgY2xhc3M9XCJldmVudC10aXRsZSBtYi00XCIgW2lubmVySHRtbF09XCJwb3N0Py50aXRsZVwiPjwvcD5cbiAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICBbc3JjXT1cInBvc3QucGljdHVyZS51cmxcIlxuICAgICAgICAgICAgICAgY2xhc3M9XCJpbWctZmx1aWQgbXktM1wiXG4gICAgICAgICAgICAgICBhbHQ9XCJXZWJpbmFyXCIgLz5cbiAgICAgICAgICAgICAgIDxhICpuZ0lmPVwicG9zdD8uZXh0ZXJuYWxfdXJsOyBlbHNlIGludGVybmFsTGlua1wiXG4gICAgICAgICAgICAgICBjbGFzcz1cInZhdWx0LWJ0biBtdC0zXCJcbiAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJOYXZpZ2F0ZSB0byBleHRlcm5hbCB1cmxcIlxuICAgICAgICAgICAgICAgW2hyZWZdPVwicG9zdC5leHRlcm5hbF91cmxcIlxuICAgICAgICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgICAgIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICAgICAgIDxzcGFuPnt7IHBvc3Q/LmN0YV90ZXh0ICYmIHBvc3QuY3RhX3RleHQgIT09ICdudWxsJyA/IHBvc3QuY3RhX3RleHQgOiAnUmVhZCBOb3cnICB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIj7ihpI8L3NwYW4+XG4gICAgICAgICAgICAgPC9hPlxuXG4gICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjaW50ZXJuYWxMaW5rPlxuICAgICAgICAgICAgIDxhIGNsYXNzPVwidmF1bHQtYnRuIG10LTNcIiBhcmlhLWxhYmVsPVwiTmF2aWdhdGUgdG8gcmVzb3VyY2Ugdmlld1wiIFtyb3V0ZXJMaW5rXT1cIlsnL3Jlc291cmNlcy92aWV3JywgcG9zdD8uc2x1Z11cIj5cbiAgICAgICAgICAgICAgIDxzcGFuPnt7IHBvc3Q/LmN0YV90ZXh0ICYmIHBvc3QuY3RhX3RleHQgIT09ICdudWxsJyA/IHBvc3QuY3RhX3RleHQgOiAnUmVhZCBOb3cnICB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIj7ihpI8L3NwYW4+XG4gICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBjb21pbmctZXZlbnQtY2FyZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS13ZWJpbmFycy91cGNvbWluZy1ldmVudC1jYXJkcy91cGNvbWluZy1ldmVudC1jYXJkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXdlYmluYXJzL3VwY29taW5nLWV2ZW50LWNhcmRzL3VwY29taW5nLWV2ZW50LWNhcmRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFZLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWpFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7OztBQU8vRCxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsZ0JBQWdCO0lBZ0I1RCxZQUNxQixlQUFnQyxFQUNoQyxVQUFzQixFQUN2QyxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFKQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDaEMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQWpCbEMscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBRXpCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFM0IsUUFBRyxHQUFHLElBQUksSUFBSSxFQUFFLENB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Q0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzsrR0F0R1EsMEJBQTBCO21HQUExQiwwQkFBMEIseU5DYnZDLGltRkF3REE7OzRGRDNDYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0ksd0JBQXdCO29JQUt6QixnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcbmltcG9ydCB7IFRhZ1NlcnZpY2UgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXNlcnZpY2VzJztcbmltcG9ydCB7IFJlc291cmNlLCBUT0tFTl9LRVkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5cbmltcG9ydCB7IFJlc291cmNlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3Jlc291cmNlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXVwY29taW5nLWV2ZW50LWNhcmQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91cGNvbWluZy1ldmVudC1jYXJkcy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdXBjb21pbmctZXZlbnQtY2FyZHMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBVcGNvbWluZ0V2ZW50Q2FyZENvbXBvbmVudCBleHRlbmRzIEFwcEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIHNob3dFdmVudENvbnRlbnQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBjYXRlZ29yeUlkITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHBvc3RTbGljZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHJlc291cmNlVGl0bGUhOiBzdHJpbmc7XG4gICAgbm93ID0gbmV3IERhdGUoKS5nZXRUaW1lKCk7XG4gICAgdXNlckxvZ2dlZEluOiBib29sZWFuO1xuICAgIHN1YnNjcmlwdGlvbklkO1xuXG4gICAgbWFzdGVyU3Vic2NyaXB0aW9uSWQgPSB0aGlzLmFwcENvbmZpZy5tYXN0ZXJfc3Vic2NyaXB0aW9uLnN1YnNjcmlwdGlvbl9pZDtcblxuICAgIHBvc3RzOiBSZXNvdXJjZVtdID0gW107XG5cbiAgICBpc0xvYWRlZCA9IGZhbHNlO1xuICAgIGJsb2dQb3N0VGFnO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcmVzb3VyY2VTZXJ2aWNlOiBSZXNvdXJjZVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgdGFnU2VydmljZTogVGFnU2VydmljZSxcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoVE9LRU5fS0VZKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgIHRoaXMudXNlckxvZ2dlZEluID0gISFyZXM7XG4gICAgICAgICAgICBpZiAodGhpcy51c2VyTG9nZ2VkSW4pIHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtJCgncHJvZHVjdCcpLnN1YnNjcmliZShyZXMgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVzID8gSlNPTi5wYXJzZShyZXMpIDogbnVsbDtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IGRhdGE/LnN1YnNjcmlwdGlvbklkO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5nZXRQb3N0VGFncygpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0UG9zdFRhZ3MoKSB7XG4gICAgICAgIHRoaXMudGFnU2VydmljZVxuICAgICAgICAgICAgLmdldFRhZ3NCeVR5cGUoJ3Bvc3RfY2F0ZWdvcmllcycsIHt9LCB0aGlzLnN1YnNjcmlwdGlvbklkIHx8IHRoaXMubWFzdGVyU3Vic2NyaXB0aW9uSWQpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmJsb2dQb3N0VGFnID0gcmVzcG9uc2UudGFncy5maW5kKHRhZyA9PiB0YWcubmFtZSA9PT0gJ0V2ZW50cycpO1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmJsb2dQb3N0VGFnPy50YWdfY2F0ZWdvcnlfaWQpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHRoaXMucG9zdFNsaWNlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmdldFBvc3RzKDEsIDEwMCk7XG4gICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmdldEFsbFBvc3RzKDEsIDEwMCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBnZXRQb3N0cyhwYWdlOiBudW1iZXIsIHBhZ2VTaXplOiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yZXNvdXJjZVNlcnZpY2VcbiAgICAgICAgICAgIC5nZXRQdWJsaWNQb3N0cyhcbiAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkIHx8IHRoaXMubWFzdGVyU3Vic2NyaXB0aW9uSWQsXG4gICAgICAgICAgICAgICAgcGFnZSxcbiAgICAgICAgICAgICAgICBwYWdlU2l6ZSxcbiAgICAgICAgICAgICAgICAnJyxcbiAgICAgICAgICAgICAgICB0aGlzLmNhdGVnb3J5SWQgfHwgdGhpcy5ibG9nUG9zdFRhZz8udGFnX2NhdGVnb3J5X2lkXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBzb3J0ZWRQb3N0cyA9IChyZXNwb25zZS5wb3N0cyB8fCBbXSlcbiAgICAgICAgICAgICAgICAgICAgLmZpbHRlcihcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc3QgPT4gcG9zdC5zaG93Y2FzZSA9PT0gdHJ1ZSAmJiBuZXcgRGF0ZShwb3N0Py53aGVuKS5nZXRUaW1lKCkgPiB0aGlzLm5vd1xuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIC5zb3J0KFxuICAgICAgICAgICAgICAgICAgICAgICAgKGEsIGIpID0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbmV3IERhdGUoYi5wdWJsaXNoZWRfYXQpLmdldFRpbWUoKSAtIG5ldyBEYXRlKGEucHVibGlzaGVkX2F0KS5nZXRUaW1lKClcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB0aGlzLnBvc3RzID0gc29ydGVkUG9zdHM7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmFkZCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0xvYWRlZCA9IHRydWU7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBpc1VwY29taW5nKHBvc3QpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIG5ldyBEYXRlKHBvc3Q/LndoZW4pLmdldFRpbWUoKSA+IHRoaXMubm93O1xuICAgIH1cblxuICAgIGdldEFsbFBvc3RzKHBhZ2U6IG51bWJlciwgcGFnZVNpemU6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZVxuICAgICAgICAgICAgLmdldFB1YmxpY1Bvc3RzKFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICBwYWdlLFxuICAgICAgICAgICAgICAgIHBhZ2VTaXplLFxuICAgICAgICAgICAgICAgICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuY2F0ZWdvcnlJZCB8fCB0aGlzLmJsb2dQb3N0VGFnPy50YWdfY2F0ZWdvcnlfaWRcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHNvcnRlZFBvc3RzID0gKHJlc3BvbnNlLnBvc3RzIHx8IFtdKVxuICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKHBvc3QgPT4gcG9zdC5zaG93Y2FzZSA9PT0gdHJ1ZSlcbiAgICAgICAgICAgICAgICAgICAgLnNvcnQoKGEsIGIpID0+IG5ldyBEYXRlKGIud2hlbikuZ2V0VGltZSgpIC0gbmV3IERhdGUoYS53aGVuKS5nZXRUaW1lKCkpO1xuXG4gICAgICAgICAgICAgICAgdGhpcy5wb3N0cyA9IFsuLi5zb3J0ZWRQb3N0c10uc2xpY2UoMCwgMykucmV2ZXJzZSgpO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZGQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNMb2FkZWQgPSB0cnVlO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtc3AtdmF1bHQtc2VjdGlvbiBiZy13aGl0ZSB0ZXh0LWNlbnRlciBweS01IGV4dHJhLXRvcC1wYWRkaW5nIHNlY3Rpb24tb3V0ZXJcIj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICAgIDxkaXYgKm5nSWY9XCJzaG93RXZlbnRDb250ZW50XCIgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcFwiPlxuICAgICAgPGgyIGNsYXNzPVwic2VjdGlvbi1oZWFkaW5nXCIgW2lubmVySFRNTF09XCJyZXNvdXJjZVRpdGxlIHx8ICdFdmVudHMgJiBXZWJpbmFycydcIj48L2gyPlxuICAgICAgPGEgY2xhc3M9XCJ2aWV3LWFsbFwiIHJvdXRlckxpbms9XCIvcmVzb3VyY2VzL2V2ZW50c1wiPlZJRVcgQUxMID48L2E+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIiFzaG93RXZlbnRDb250ZW50XCIgY2xhc3M9XCJkLW1kLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtc3RhcnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2YXVsdC1oZWFkZXJcIj5cbiAgICAgICAgPGgyIGNsYXNzPVwidmF1bHQtaGVhZGluZ1wiW2lubmVySFRNTF09XCJyZXNvdXJjZVRpdGxlIHx8ICdVcGNvbWluZyBFdmVudHMnXCI+PC9oMj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cInctMTAwIHRleHQtY2VudGVyIG10LTNcIiAqbmdJZj1cIiFpc0xvYWRlZFwiPlxuICAgICAgPHAtcHJvZ3Jlc3NTcGlubmVyIHN0cm9rZVdpZHRoPVwiMlwiPiA8L3AtcHJvZ3Jlc3NTcGlubmVyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJwb3N0cy5sZW5ndGggPT09IDAgJiYgaXNMb2FkZWRcIj5cbiAgICAgIDxwdy1uby1kYXRhIFt3aXRoSW1hZ2VdPVwidHJ1ZVwiIFttZXNzYWdlXT1cIidSZXNvdXJjZS5Ob0RhdGFNZXNzYWdlJyB8IHRyYW5zbG9jb1wiLz5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJyb3cgbXQtNSBkLWZsZXggZmxleC13cmFwIGp1c3RpZnktY29udGVudC1jZW50ZXIgZ2FwLTQgdmlkZW8tcm93XCIgKm5nSWY9XCJwb3N0cy5sZW5ndGggIT09IDAgJiYgaXNMb2FkZWRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZhdWx0LWNhcmQgdGV4dC1jZW50ZXIgcC00XCIgKm5nRm9yPVwibGV0IHBvc3Qgb2YgcG9zdHNcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicG9zdFNsaWNlOyBlbHNlIGNvbmRpdGlvbmFsQ2hlY2tcIj5cbiAgICAgICAgICAgIDxoNSBjbGFzcz1cImJhZGdlLXRpdGxlIGZ3LWJvbGRcIj5VUENPTUlORzo8L2g1PlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgPG5nLXRlbXBsYXRlICNjb25kaXRpb25hbENoZWNrPlxuICAgICAgICAgICAgPGg1IGNsYXNzPVwiYmFkZ2UtdGl0bGUgZnctYm9sZFwiPlxuICAgICAgICAgICAgICB7eyBpc1VwY29taW5nKHBvc3QpID8gJ1VQQ09NSU5HOicgOiAnUkVQTEFZOicgfX1cbiAgICAgICAgICAgIDwvaDU+XG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICAgIDxwIGNsYXNzPVwiZXZlbnQtdGl0bGUgbWItNFwiIFtpbm5lckh0bWxdPVwicG9zdD8udGl0bGVcIj48L3A+XG4gICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgW3NyY109XCJwb3N0LnBpY3R1cmUudXJsXCJcbiAgICAgICAgICAgICAgIGNsYXNzPVwiaW1nLWZsdWlkIG15LTNcIlxuICAgICAgICAgICAgICAgYWx0PVwiV2ViaW5hclwiIC8+XG4gICAgICAgICAgICAgICA8YSAqbmdJZj1cInBvc3Q/LmV4dGVybmFsX3VybDsgZWxzZSBpbnRlcm5hbExpbmtcIlxuICAgICAgICAgICAgICAgY2xhc3M9XCJ2YXVsdC1idG4gbXQtM1wiXG4gICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiTmF2aWdhdGUgdG8gZXh0ZXJuYWwgdXJsXCJcbiAgICAgICAgICAgICAgIFtocmVmXT1cInBvc3QuZXh0ZXJuYWxfdXJsXCJcbiAgICAgICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgICAgICA8c3Bhbj57eyBwb3N0Py5jdGFfdGV4dCAmJiBwb3N0LmN0YV90ZXh0ICE9PSAnbnVsbCcgPyBwb3N0LmN0YV90ZXh0IDogJ1JlYWQgTm93JyAgfX08L3NwYW4+XG4gICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93XCI+4oaSPC9zcGFuPlxuICAgICAgICAgICAgIDwvYT5cblxuICAgICAgICAgICA8bmctdGVtcGxhdGUgI2ludGVybmFsTGluaz5cbiAgICAgICAgICAgICA8YSBjbGFzcz1cInZhdWx0LWJ0biBtdC0zXCIgYXJpYS1sYWJlbD1cIk5hdmlnYXRlIHRvIHJlc291cmNlIHZpZXdcIiBbcm91dGVyTGlua109XCJbJy9yZXNvdXJjZXMvdmlldycsIHBvc3Q/LnNsdWddXCI+XG4gICAgICAgICAgICAgICA8c3Bhbj57eyBwb3N0Py5jdGFfdGV4dCAmJiBwb3N0LmN0YV90ZXh0ICE9PSAnbnVsbCcgPyBwb3N0LmN0YV90ZXh0IDogJ1JlYWQgTm93JyAgfX08L3NwYW4+XG4gICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93XCI+4oaSPC9zcGFuPlxuICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

package/fesm2022/posiwise-resource-module.mjs CHANGED Viewed

@@ -1358,6 +1358,7 @@ class UpcomingEventCardComponent extends AppBaseComponent {
         this.tagService = tagService;
         this.showEventContent = false;
         this.postSlice = false;
+        this.now = new Date().getTime();
         this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
         this.posts = [];
         this.isLoaded = false;
@@ -1396,9 +1397,8 @@ class UpcomingEventCardComponent extends AppBaseComponent {
         this.resourceService
             .getPublicPosts(this.subscriptionId || this.masterSubscriptionId, page, pageSize, '', this.categoryId || this.blogPostTag?.tag_category_id)
             .subscribe(response => {
-            const now = new Date().getTime();
             const sortedPosts = (response.posts || [])
-                .filter(post => post.showcase === true && new Date(post?.when).getTime() > now)
+                .filter(post => post.showcase === true && new Date(post?.when).getTime() > this.now)
                 .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
             this.posts = sortedPosts;
         })
@@ -1406,6 +1406,9 @@ class UpcomingEventCardComponent extends AppBaseComponent {
             this.isLoaded = true;
         });
     }
+    isUpcoming(post) {
+        return new Date(post?.when).getTime() > this.now;
+    }
     getAllPosts(page, pageSize) {
         this.resourceService
             .getPublicPosts(this.subscriptionId || this.masterSubscriptionId, page, pageSize, '', this.categoryId || this.blogPostTag?.tag_category_id)
@@ -1420,11 +1423,11 @@ class UpcomingEventCardComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UpcomingEventCardComponent, deps: [{ token: ResourceService }, { token: i2.TagService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UpcomingEventCardComponent, selector: "pw-upcoming-event-card", inputs: { showEventContent: "showEventContent", categoryId: "categoryId", postSlice: "postSlice", resourceTitle: "resourceTitle" }, usesInheritance: true, ngImport: i0, template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Events & Webinars'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\"[innerHTML]=\"resourceTitle || 'Upcoming Events'\"></h2>\n      </div>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <h5 class=\"badge-title fw-bold\">{{this.postSlice ? 'UPCOMING:' : 'REPLAY' }}</h5>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.msp-vault-section .vault-heading{font-size:3rem;font-weight:300}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.msp-vault-section .vault-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}.video-row{gap:5.5rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important}.video-row{gap:3rem!important}}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}@media (width <= 768px){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i5$1.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i6.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UpcomingEventCardComponent, selector: "pw-upcoming-event-card", inputs: { showEventContent: "showEventContent", categoryId: "categoryId", postSlice: "postSlice", resourceTitle: "resourceTitle" }, usesInheritance: true, ngImport: i0, template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Events & Webinars'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\"[innerHTML]=\"resourceTitle || 'Upcoming Events'\"></h2>\n      </div>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <ng-container *ngIf=\"postSlice; else conditionalCheck\">\n            <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n          </ng-container>\n\n          <ng-template #conditionalCheck>\n            <h5 class=\"badge-title fw-bold\">\n              {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n            </h5>\n          </ng-template>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.msp-vault-section .vault-heading{font-size:3rem;font-weight:300}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.msp-vault-section .vault-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}.video-row{gap:5.5rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important}.video-row{gap:3rem!important}}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}@media (width <= 768px){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i5$1.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i6.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UpcomingEventCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-upcoming-event-card', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Events & Webinars'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\"[innerHTML]=\"resourceTitle || 'Upcoming Events'\"></h2>\n      </div>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <h5 class=\"badge-title fw-bold\">{{this.postSlice ? 'UPCOMING:' : 'REPLAY' }}</h5>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.msp-vault-section .vault-heading{font-size:3rem;font-weight:300}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.msp-vault-section .vault-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}.video-row{gap:5.5rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important}.video-row{gap:3rem!important}}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}@media (width <= 768px){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"] }]
+            args: [{ selector: 'pw-upcoming-event-card', template: "<section class=\"msp-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading\" [innerHTML]=\"resourceTitle || 'Events & Webinars'\"></h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        <h2 class=\"vault-heading\"[innerHTML]=\"resourceTitle || 'Upcoming Events'\"></h2>\n      </div>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"vault-card text-center p-4\" *ngFor=\"let post of posts\">\n          <ng-container *ngIf=\"postSlice; else conditionalCheck\">\n            <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n          </ng-container>\n\n          <ng-template #conditionalCheck>\n            <h5 class=\"badge-title fw-bold\">\n              {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n            </h5>\n          </ng-template>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n          <img\n               [src]=\"post.picture.url\"\n               class=\"img-fluid my-3\"\n               alt=\"Webinar\" />\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"vault-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"vault-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".msp-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.msp-vault-section .vault-heading{font-size:3rem;font-weight:300}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.msp-vault-section .vault-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.msp-vault-section .vault-card .vault-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;margin-left:2rem;width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.msp-vault-section .vault-card .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}.video-row{gap:5.5rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.vault-card{width:100%!important}.video-row{gap:3rem!important}}.demo{margin-bottom:5.8rem!important}.header-logo{height:40px!important;margin-bottom:10px;border-radius:0!important}@media (width <= 768px){.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:1rem 3rem!important}}\n"] }]
         }], ctorParameters: () => [{ type: ResourceService }, { type: i2.TagService }, { type: i0.Injector }], propDecorators: { showEventContent: [{
                 type: Input
             }], categoryId: [{