@posiwise/resource-module 0.0.201 → 0.0.203

package/fesm2022/{posiwise-resource-module-resource-cards.module-D3yf7FNt.mjs → posiwise-resource-module-resource-cards.module-BSJpkk9V.mjs}

@@ -1,31 +1,27 @@
-import { t as ResourceService } from "./posiwise-resource-module-resource.service-IK3r0iUB.mjs";
+import { t as ResourceService } from "./posiwise-resource-module-resource.service-DAXsq-WG.mjs";
 import * as i0 from "@angular/core";
-import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, NgModule, Output, ViewChild, ViewContainerRef } from "@angular/core";
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostListener, Input, NgModule, Output, ViewChild, ViewContainerRef, inject } from "@angular/core";
+import { AuthService, TagService } from "@posiwise/common-services";
 import { HelperService } from "@posiwise/helper-service";
-import * as i2 from "@posiwise/common-services";
-import * as i4 from "@angular/router";
-import { RouterModule } from "@angular/router";
+import { RouterLink, RouterModule } from "@angular/router";
 import { Trial4SharedContactUsModule } from "@posiwise/resource-contact-us";
-import * as i3 from "@angular/common";
-import { CommonModule } from "@angular/common";
-import * as i5 from "@angular/forms";
+import { CommonModule, NgClass, NgTemplateOutlet } from "@angular/common";
+import * as i1 from "@angular/forms";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { CoreTranslocoModule } from "@posiwise/core-transloco";
-import * as i8 from "@posiwise/directives";
-import { DirectivesModule } from "@posiwise/directives";
+import { DirectivesModule, LazyImgDirective } from "@posiwise/directives";
 import { PipesModule } from "@posiwise/pipes";
-import * as i6 from "@posiwise/shared-components";
-import { ResourceSharedComponentsModule } from "@posiwise/shared-components";
-import * as i10 from "@jsverse/transloco";
-import { TranslocoModule } from "@jsverse/transloco";
+import { NoDataComponent, ResourceSharedComponentsModule } from "@posiwise/shared-components";
+import { TranslocoModule, TranslocoPipe } from "@jsverse/transloco";
 import { AppBaseComponent } from "@posiwise/app-base-component";
-import { forkJoin } from "rxjs";
+import { Bind } from "primeng/bind";
 import { PaginatorModule } from "primeng/paginator";
+import { forkJoin } from "rxjs";
 import { DragDropModule } from "@angular/cdk/drag-drop";
 import { NgxCaptchaModule } from "ngx-captcha";
 import { SelectModule } from "primeng/select";
-import * as i7 from "primeng/progressspinner";
-import * as i1 from "@angular/platform-browser";
+import { ProgressSpinner } from "primeng/progressspinner";
+import { DomSanitizer } from "@angular/platform-browser";
 var Trial4ContactUsModule = class Trial4ContactUsModule {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -71,8 +67,8 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 var ResourceEditCardLazyComponent = class ResourceEditCardLazyComponent {
-	constructor(cdr) {
-		this.cdr = cdr;
+	constructor() {
+		this.cdr = inject(ChangeDetectorRef);
 		this.canEdit = false;
 		this.updated = new EventEmitter();
 		this.componentRef = null;
@@ -117,7 +113,7 @@ var ResourceEditCardLazyComponent = class ResourceEditCardLazyComponent {
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceEditCardLazyComponent,
-			deps: [{ token: i0.ChangeDetectorRef }],
+			deps: [],
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -126,7 +122,7 @@ var ResourceEditCardLazyComponent = class ResourceEditCardLazyComponent {
 			minVersion: "14.0.0",
 			version: "22.2.3",
 			type: ResourceEditCardLazyComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "pw-resource-edit-card-lazy",
 			inputs: {
 				id: "id",
@@ -161,10 +157,9 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "pw-resource-edit-card-lazy",
 			template: `<ng-container #editCardContainer></ng-container>`,
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false
+			schemas: [CUSTOM_ELEMENTS_SCHEMA]
 		}]
 	}],
-	ctorParameters: () => [{ type: i0.ChangeDetectorRef }],
 	propDecorators: {
 		container: [{
 			type: ViewChild,
@@ -193,6 +188,7 @@ var ResourcePager = class ResourcePager {
 		this.items = [];
 		this.isLoaded = false;
 		this.isLoadingMore = false;
+		this.hasError = false;
 		this.page = 0;
 		this.fetched = 0;
 		this.total = 0;
@@ -208,6 +204,9 @@ var ResourcePager = class ResourcePager {
 	get hasMore() {
 		return this.fetched < this.total;
 	}
+	get totalCount() {
+		return this.total;
+	}
 	reset() {
 		this.generation += 1;
 		this.items = [];
@@ -216,6 +215,7 @@ var ResourcePager = class ResourcePager {
 		this.total = 0;
 		this.isLoaded = false;
 		this.isLoadingMore = false;
+		this.hasError = false;
 		this.fetchNext(this.generation, 0);
 	}
 	loadMore() {
@@ -233,6 +233,7 @@ var ResourcePager = class ResourcePager {
 		this.fetchPage(this.page, this.pageSize).subscribe({
 			next: (response) => {
 				if (generation !== this.generation) return;
+				this.hasError = false;
 				const posts = response?.posts ?? [];
 				this.fetched += posts.length;
 				this.total = posts.length ? response.object_count ?? this.fetched : this.fetched;
@@ -248,6 +249,7 @@ var ResourcePager = class ResourcePager {
 			error: () => {
 				if (generation !== this.generation) return;
 				this.page -= 1;
+				this.hasError = true;
 				this.finish();
 			}
 		});
@@ -263,11 +265,11 @@ const RELEASE_TAG_NAMES = {
 	press: "Press Release Notes"
 };
 var ResourceNoteCardComponent = class ResourceNoteCardComponent extends AppBaseComponent {
-	constructor(injector, resourceService, tagService, cdr) {
-		super(injector);
-		this.resourceService = resourceService;
-		this.tagService = tagService;
-		this.cdr = cdr;
+	constructor() {
+		super(...arguments);
+		this.resourceService = inject(ResourceService);
+		this.tagService = inject(TagService);
+		this.cdr = inject(ChangeDetectorRef);
 		this.releaseHeader = false;
 		this.isReleasePress = false;
 		this.isResource = false;
@@ -364,12 +366,7 @@ var ResourceNoteCardComponent = class ResourceNoteCardComponent extends AppBaseC
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceNoteCardComponent,
-			deps: [
-				{ token: i0.Injector },
-				{ token: ResourceService },
-				{ token: i2.TagService },
-				{ token: i0.ChangeDetectorRef }
-			],
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -378,7 +375,7 @@ var ResourceNoteCardComponent = class ResourceNoteCardComponent extends AppBaseC
 			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: ResourceNoteCardComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "pw-resource-note-card",
 			inputs: {
 				releaseHeader: "releaseHeader",
@@ -399,42 +396,27 @@ var ResourceNoteCardComponent = class ResourceNoteCardComponent extends AppBaseC
 			dependencies: [
 				{
 					kind: "directive",
-					type: i3.NgClass,
+					type: NgClass,
 					selector: "[ngClass]",
 					inputs: ["class", "ngClass"]
 				},
 				{
-					kind: "directive",
-					type: i4.RouterLink,
-					selector: "[routerLink]",
-					inputs: [
-						"target",
-						"queryParams",
-						"fragment",
-						"queryParamsHandling",
-						"state",
-						"info",
-						"relativeTo",
-						"preserveFragment",
-						"skipLocationChange",
-						"replaceUrl",
-						"browserUrl",
-						"routerLink"
-					]
+					kind: "ngmodule",
+					type: FormsModule
 				},
 				{
 					kind: "directive",
-					type: i5.DefaultValueAccessor,
+					type: i1.DefaultValueAccessor,
 					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgControlStatus,
+					type: i1.NgControlStatus,
 					selector: "[formControlName],[ngModel],[formControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgModel,
+					type: i1.NgModel,
 					selector: "[ngModel]:not([formControlName]):not([formControl])",
 					inputs: [
 						"name",
@@ -446,18 +428,27 @@ var ResourceNoteCardComponent = class ResourceNoteCardComponent extends AppBaseC
 					exportAs: ["ngModel"]
 				},
 				{
-					kind: "component",
-					type: i6.NoDataComponent,
-					selector: "pw-no-data",
+					kind: "directive",
+					type: RouterLink,
+					selector: "[routerLink]",
 					inputs: [
-						"message",
-						"description",
-						"withImage"
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
 					]
 				},
 				{
 					kind: "component",
-					type: i7.ProgressSpinner,
+					type: ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -470,9 +461,14 @@ var ResourceNoteCardComponent = class ResourceNoteCardComponent extends AppBaseC
 					]
 				},
 				{
-					kind: "directive",
-					type: i8.LazyImgDirective,
-					selector: "img"
+					kind: "component",
+					type: NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
 				},
 				{
 					kind: "component",
@@ -485,9 +481,14 @@ var ResourceNoteCardComponent = class ResourceNoteCardComponent extends AppBaseC
 					],
 					outputs: ["updated"]
 				},
+				{
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
+				},
 				{
 					kind: "pipe",
-					type: i10.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -505,17 +506,22 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-resource-note-card",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
+			imports: [
+				NgClass,
+				FormsModule,
+				RouterLink,
+				Bind,
+				ProgressSpinner,
+				NoDataComponent,
+				ResourceEditCardLazyComponent,
+				LazyImgDirective,
+				TranslocoPipe
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
 			template: "@if (hasReleases('product')) {\n<section class=\"resource-vault-section bg-white\">\n  <div class=\"container\">\n    <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        @if (!isEditingTitle) {\n          @if (postTags['product']?.title) {\n            <span [innerHTML]=\"postTags['product']?.title\"></span>\n          } @else {\n            Product Release Notes\n          }\n          @if (canEditResourcesValue) {\n            <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n          }\n        } @else {\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n              aria-label=\"Input Edited Title 9216\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle('product')\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        }\n      </h2>\n      @if (!postSlice) {\n        <a class=\"view-all\" routerLink=\"/resources/release-notes\">VIEW ALL ></a>\n      }\n    </div>\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (releasePosts['product']?.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (hasReleases('product')) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of releasePosts['product']; track post.id; let i = $index) {\n          <div class=\"resource-blog-card p-4\">\n            <pw-resource-edit-card-lazy\n            [canEdit]=\"canEditResourcesValue\"\n            [id]=\"post.id\"\n            [resourceData]=\"post\"\n            (updated)=\"loadReleases('product')\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"resource-title\" [innerHTML]=\"post.title\"></p>\n            @if (!post.picture?.url?.includes('default-photo.jpg')) {\n              <img\n              src=\"{{ post.picture.url }}\"\n              class=\"resource-image mt-auto\"\n              alt=\"Product Resource Icon\"\n              width=\"240\"\n              height=\"240\"\n              [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n              [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n              decoding=\"async\" />\n            } @else {\n              <img\n                src=\"assets/img/resource/rocket-box.png\"\n                class=\"press-release-icon mt-auto\"\n                alt=\"Product Resource Default Icon\"\n                width=\"240\"\n                height=\"240\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\" />\n            }\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n      @if (postSlice && pagers['product']?.hasMore) {\n        <button type=\"button\" class=\"resource-load-more\" [disabled]=\"isLoadingMore['product']\" (click)=\"pagers['product'].loadMore()\">\n          {{ 'Resource.LoadMore' | transloco }}\n        </button>\n      }\n    }\n  </div>\n</section>\n}\n@if (isReleasePress && hasReleases('press')) {\n<section class=\"resource-vault-section bg-white\">\n  <div class=\"container\">\n    <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isPressEditingTitle }\">\n        @if (!isPressEditingTitle) {\n          @if (postTags['press']?.title) {\n            <span [innerHTML]=\"postTags['press']?.title\"></span>\n          } @else {\n            Press Release Notes\n          }\n          @if (canEditResourcesValue) {\n            <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditPressTitle()\" (keydown.enter)=\"toggleEditPressTitle()\" (keydown.space)=\"toggleEditPressTitle()\" title=\"Edit Title\"></i>\n          }\n        } @else {\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isPressEditingTitle }\" id=\"input_editedTitle_1600\" name=\"input_editedTitle_1600\"\n              aria-label=\"Input Edited Title 1600\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle('press')\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isPressEditingTitle = false\">Cancel</button>\n        }\n      </h2>\n      @if (!postSlice) {\n        <a class=\"view-all\" routerLink=\"/resources/release-notes\">VIEW ALL ></a>\n      }\n    </div>\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (releasePosts['press']?.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (hasReleases('press')) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of releasePosts['press']; track post.id; let i = $index) {\n          <div class=\"resource-blog-card p-4\">\n            <pw-resource-edit-card-lazy\n            [canEdit]=\"canEditResourcesValue\"\n            [id]=\"post.id\"\n            [resourceData]=\"post\"\n            (updated)=\"loadReleases('press')\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"resource-title\" [innerHTML]=\"post.title\"></p>\n            @if (!post.picture?.url.includes('default-photo.jpg')) {\n              <img\n              src=\"{{ post.picture.url }}\"\n              class=\"resource-image mt-auto\"\n              alt=\"Press Resource Icon\"\n              width=\"240\"\n              height=\"240\"\n              [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n              [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n              decoding=\"async\" />\n            } @else {\n              <img\n                src=\"assets/img/resource/rocket-box.png\"\n                class=\"press-release-icon mt-auto\"\n                alt=\"Press Resource Default Icon\"\n                width=\"240\"\n                height=\"240\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\" />\n            }\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n      @if (postSlice && pagers['press']?.hasMore) {\n        <button type=\"button\" class=\"resource-load-more\" [disabled]=\"isLoadingMore['press']\" (click)=\"pagers['press'].loadMore()\">\n          {{ 'Resource.LoadMore' | transloco }}\n        </button>\n      }\n    }\n  </div>\n</section>\n}\n",
 			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n", ".resource-load-more{display:block;margin:4rem auto 0;padding:10px 32px;border-radius:24px;border:1px solid var(--text-color, black);background-color:var(--text-color, black);color:#fff;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease}.resource-load-more:hover:not(:disabled){background:#fff;color:var(--text-color, black)}.resource-load-more:disabled{opacity:.6;cursor:default}\n"]
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: i0.Injector },
-		{ type: ResourceService },
-		{ type: i2.TagService },
-		{ type: i0.ChangeDetectorRef }
-	],
 	propDecorators: {
 		releaseHeader: [{ type: Input }],
 		categoryId: [{ type: Input }],
@@ -528,7 +534,20 @@ i0.ɵɵngDeclareClassMetadata({
 		userLoggedIn: [{ type: Input }]
 	}
 });
-var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseComponent {
+var ResourceVideoCardComponent = class ResourceVideoCardComponent extends AppBaseComponent {
+	constructor() {
+		super(...arguments);
+		this.sanitizer = inject(DomSanitizer);
+		this.resourceService = inject(ResourceService);
+		this.tagService = inject(TagService);
+		this.cdr = inject(ChangeDetectorRef);
+		this.showVideoSection = false;
+		this.postSlice = false;
+		this.canEditResourcesValue = false;
+		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+		this.videoStates = {};
+		this.isEditingTitle = false;
+	}
 	get posts() {
 		return this.pager?.items ?? [];
 	}
@@ -538,18 +557,6 @@ var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseCompone
 	get isLoadingMore() {
 		return this.pager?.isLoadingMore ?? false;
 	}
-	constructor(injector, resourceService, tagService, cdr) {
-		super(injector);
-		this.resourceService = resourceService;
-		this.tagService = tagService;
-		this.cdr = cdr;
-		this.showCaseStudyHeader = false;
-		this.postSlice = false;
-		this.canEditResourcesValue = false;
-		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
-		this.companyName = this.appConfig.company.name;
-		this.isEditingTitle = false;
-	}
 	ngOnInit() {
 		if (this.userLoggedIn) this.localStorage.getItem$("product").subscribe((res) => {
 			const data = res ? JSON.parse(res) : null;
@@ -563,17 +570,35 @@ var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseCompone
 			if (this.userLoggedIn && this.user) this.updateCanEditResourcesValue();
 		}
 	}
+	loadVideo(post) {
+		if (!post.external_url) return;
+		const slug = post.slug;
+		let externalUrl = post.external_url;
+		externalUrl += externalUrl.includes("?") ? "&autoplay=1" : "?autoplay=1";
+		this.videoStates[slug].url = this.sanitizer.bypassSecurityTrustResourceUrl(externalUrl);
+	}
 	loadPosts() {
 		this.pager = ResourcePager.forPublicPosts(this.resourceService, () => ({
 			subscriptionId: this.getEffectiveSubscriptionId(),
 			tagCategoryIds: this.categoryId
-		}), () => this.cdr.markForCheck(), (post) => post.showcase === true, this.postSlice ? 15 : 3);
+		}), () => {
+			this.syncVideoStates();
+			this.cdr.markForCheck();
+		}, (post) => post.showcase === true, this.postSlice ? 15 : 3);
 		this.pager.reset();
 	}
 	onWindowScroll() {
 		if (this.postSlice) this.pager?.loadMoreIfNearBottom();
 	}
-	toggleEditTitle() {
+	syncVideoStates() {
+		this.posts.forEach((post) => {
+			if (post.external_url && !this.videoStates[post.slug]) this.videoStates[post.slug] = {
+				loaded: true,
+				url: this.sanitizer.bypassSecurityTrustResourceUrl(post.external_url)
+			};
+		});
+	}
+	toggleTagEditTitle() {
 		this.isEditingTitle = true;
 		this.editedTitle = this.resourceTitle;
 	}
@@ -601,13 +626,8 @@ var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseCompone
 			minVersion: "12.0.0",
 			version: "22.2.3",
 			ngImport: i0,
-			type: CaseStudyCardComponent,
-			deps: [
-				{ token: i0.Injector },
-				{ token: ResourceService },
-				{ token: i2.TagService },
-				{ token: i0.ChangeDetectorRef }
-			],
+			type: ResourceVideoCardComponent,
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -615,14 +635,14 @@ var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseCompone
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
 			version: "22.2.3",
-			type: CaseStudyCardComponent,
-			isStandalone: false,
-			selector: "pw-case-studies-card",
+			type: ResourceVideoCardComponent,
+			isStandalone: true,
+			selector: "pw-resource-video-card",
 			inputs: {
-				showCaseStudyHeader: "showCaseStudyHeader",
+				showVideoSection: "showVideoSection",
 				categoryId: "categoryId",
-				postSlice: "postSlice",
 				tag: "tag",
+				postSlice: "postSlice",
 				resourceTitle: "resourceTitle",
 				user: "user",
 				userLoggedIn: "userLoggedIn"
@@ -631,57 +651,32 @@ var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseCompone
 			usesInheritance: true,
 			usesOnChanges: true,
 			ngImport: i0,
-			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\" id=\"case-studies\">\n  <div class=\"container\">\n    @if (showCaseStudyHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n        <a class=\"view-all\" routerLink=\"/resources/case-studies\">VIEW ALL ></a>\n      </div>\n    } @else {\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n      </div>\n    }\n\n\n    <ng-template #caseStudyHeaderTemplate>\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        @if (!isEditingTitle) {\n          @if (resourceTitle) {\n            <span>\n              <span [innerHTML]=\"resourceTitle\"></span>\n            </span>\n          } @else {\n            Case Studies\n          }\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\"\n              (click)=\"toggleEditTitle()\"\n              (keydown.enter)=\"toggleEditTitle()\"\n              (keydown.space)=\"toggleEditTitle()\"\n            title=\"Edit Title\"></i>\n          }\n        } @else {\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n              aria-label=\"Input Edited Title 9216\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        }\n\n      </h2>\n    </ng-template>\n\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track trackByPostId($index, post); let i = $index) {\n          <div class=\"testimonial-box\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <div>\n              @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                <img [src]=\"post.rectangular_picture.url\"\n                  alt=\"IT Partners Logo\"\n                  class=\"company-logo mb-3\"\n                  width=\"320\"\n                  height=\"180\"\n                  [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                  [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                  decoding=\"async\" />\n              }\n              <p class=\"mb-4 mt-3 testimonial-section\">\n                <span [innerHTML]=\"post.title\"></span>\n              </p>\n            </div>\n            <!-- BOTTOM AVATAR -->\n            <div class=\"avatar-container mt-5\">\n              @if (post.picture.url && !post.picture.url.includes('default-photo.jpg')) {\n                <img [src]=\"post.picture.url\"\n                  alt=\"User Avatar\"\n                  class=\"testimonial-avatar\"\n                  width=\"96\"\n                  height=\"96\"\n                  loading=\"lazy\"\n                  decoding=\"async\" />\n              }\n              @if (post?.external_url) {\n                <a\n                  class=\"read-more-btn-overlay\"\n                  [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                  <span class=\"arrow\">→</span>\n                </a>\n              } @else {\n                <a class=\"read-more-btn-overlay\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"visually-hidden\">on site</span>\n                  <span class=\"arrow\">→</span>\n                </a>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n</section>\n",
-			styles: [".resource-vault-section{background:#fff;text-align:center;padding:3rem 0}.section-outer,.container{padding:0 15px}.d-md-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.vault-heading{font-size:2rem;font-weight:700}.video-row{margin-top:3rem;gap:5.5rem!important}.row{display:flex;flex-wrap:wrap}.col-md-6,.col-lg-4{flex:0 0 auto;width:100%}@media(width>=768px){.col-md-6,.col-lg-4{width:50%}}@media(width>=992px){.col-md-6,.col-lg-4{width:33.3333%}}.mb-4{margin-bottom:1.5rem}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#000;border-radius:20px;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;height:auto;padding:2.5rem 1.5rem;font-size:1.1rem;min-height:421.4px!important}.testimonial-box .testimonial-section{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black)}.testimonial-box .testimonial-section strong{display:block}.testimonial-box .company-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .avatar-container{margin-top:auto;position:relative;display:inline-block}.testimonial-box .avatar-container .testimonial-avatar{width:60%;aspect-ratio:1/1;height:auto;border-radius:50%;object-fit:fill}.testimonial-box .avatar-container .read-more-btn-overlay{position:absolute;text-decoration:none!important;bottom:0;left:50%;transform:translate(-50%);background-color:var(--text-color, black);color:#fff;width:240px;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.testimonial-box .avatar-container .read-more-btn-overlay:hover{background:#fff;color:var(--text-color, black)!important}.testimonial-box .avatar-container .read-more-btn-overlay .arrow{margin-bottom:.3rem}\n"],
+			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showVideoSection) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              On-Demand Videos\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n                aria-label=\"Input Edited Title 9216\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\">\n        @for (post of posts; track trackByPostId($index, post); let i = $index) {\n          <div class=\"resource-blog-card\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p [innerHTML]=\"post.title\" class=\"mb-5\"></p>\n            <a [href]=\" post.external_url\"  target=\"_blank\">\n              <img\n                [src]=\"post.picture?.url\"\n                class=\"img-fluid mb-3\"\n                [alt]=\"post.title\"\n                width=\"640\"\n                height=\"360\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\" />\n            </a>\n            <a class=\"resource-btn mt-3\" [href]=\" post.external_url\" target=\"_blank\">\n              <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Watch now'  }}</span>\n              <span class=\"arrow\">→</span>\n            </a>\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n\n</section>\n",
+			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"],
 			dependencies: [
 				{
 					kind: "directive",
-					type: i3.NgClass,
+					type: NgClass,
 					selector: "[ngClass]",
 					inputs: ["class", "ngClass"]
 				},
 				{
-					kind: "directive",
-					type: i3.NgTemplateOutlet,
-					selector: "[ngTemplateOutlet]",
-					inputs: [
-						"ngTemplateOutletContext",
-						"ngTemplateOutlet",
-						"ngTemplateOutletInjector"
-					]
-				},
-				{
-					kind: "directive",
-					type: i4.RouterLink,
-					selector: "[routerLink]",
-					inputs: [
-						"target",
-						"queryParams",
-						"fragment",
-						"queryParamsHandling",
-						"state",
-						"info",
-						"relativeTo",
-						"preserveFragment",
-						"skipLocationChange",
-						"replaceUrl",
-						"browserUrl",
-						"routerLink"
-					]
+					kind: "ngmodule",
+					type: FormsModule
 				},
 				{
 					kind: "directive",
-					type: i5.DefaultValueAccessor,
+					type: i1.DefaultValueAccessor,
 					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgControlStatus,
+					type: i1.NgControlStatus,
 					selector: "[formControlName],[ngModel],[formControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgModel,
+					type: i1.NgModel,
 					selector: "[ngModel]:not([formControlName]):not([formControl])",
 					inputs: [
 						"name",
@@ -693,18 +688,27 @@ var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseCompone
 					exportAs: ["ngModel"]
 				},
 				{
-					kind: "component",
-					type: i6.NoDataComponent,
-					selector: "pw-no-data",
+					kind: "directive",
+					type: RouterLink,
+					selector: "[routerLink]",
 					inputs: [
-						"message",
-						"description",
-						"withImage"
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
 					]
 				},
 				{
 					kind: "component",
-					type: i7.ProgressSpinner,
+					type: ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -717,9 +721,14 @@ var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseCompone
 					]
 				},
 				{
-					kind: "directive",
-					type: i8.LazyImgDirective,
-					selector: "img"
+					kind: "component",
+					type: NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
 				},
 				{
 					kind: "component",
@@ -732,9 +741,14 @@ var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseCompone
 					],
 					outputs: ["updated"]
 				},
+				{
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
+				},
 				{
 					kind: "pipe",
-					type: i10.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -746,28 +760,33 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.3",
 	ngImport: i0,
-	type: CaseStudyCardComponent,
+	type: ResourceVideoCardComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "pw-case-studies-card",
+			selector: "pw-resource-video-card",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
-			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\" id=\"case-studies\">\n  <div class=\"container\">\n    @if (showCaseStudyHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n        <a class=\"view-all\" routerLink=\"/resources/case-studies\">VIEW ALL ></a>\n      </div>\n    } @else {\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n      </div>\n    }\n\n\n    <ng-template #caseStudyHeaderTemplate>\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        @if (!isEditingTitle) {\n          @if (resourceTitle) {\n            <span>\n              <span [innerHTML]=\"resourceTitle\"></span>\n            </span>\n          } @else {\n            Case Studies\n          }\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\"\n              (click)=\"toggleEditTitle()\"\n              (keydown.enter)=\"toggleEditTitle()\"\n              (keydown.space)=\"toggleEditTitle()\"\n            title=\"Edit Title\"></i>\n          }\n        } @else {\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n              aria-label=\"Input Edited Title 9216\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        }\n\n      </h2>\n    </ng-template>\n\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track trackByPostId($index, post); let i = $index) {\n          <div class=\"testimonial-box\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <div>\n              @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                <img [src]=\"post.rectangular_picture.url\"\n                  alt=\"IT Partners Logo\"\n                  class=\"company-logo mb-3\"\n                  width=\"320\"\n                  height=\"180\"\n                  [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                  [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                  decoding=\"async\" />\n              }\n              <p class=\"mb-4 mt-3 testimonial-section\">\n                <span [innerHTML]=\"post.title\"></span>\n              </p>\n            </div>\n            <!-- BOTTOM AVATAR -->\n            <div class=\"avatar-container mt-5\">\n              @if (post.picture.url && !post.picture.url.includes('default-photo.jpg')) {\n                <img [src]=\"post.picture.url\"\n                  alt=\"User Avatar\"\n                  class=\"testimonial-avatar\"\n                  width=\"96\"\n                  height=\"96\"\n                  loading=\"lazy\"\n                  decoding=\"async\" />\n              }\n              @if (post?.external_url) {\n                <a\n                  class=\"read-more-btn-overlay\"\n                  [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                  <span class=\"arrow\">→</span>\n                </a>\n              } @else {\n                <a class=\"read-more-btn-overlay\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"visually-hidden\">on site</span>\n                  <span class=\"arrow\">→</span>\n                </a>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n</section>\n",
-			styles: [".resource-vault-section{background:#fff;text-align:center;padding:3rem 0}.section-outer,.container{padding:0 15px}.d-md-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.vault-heading{font-size:2rem;font-weight:700}.video-row{margin-top:3rem;gap:5.5rem!important}.row{display:flex;flex-wrap:wrap}.col-md-6,.col-lg-4{flex:0 0 auto;width:100%}@media(width>=768px){.col-md-6,.col-lg-4{width:50%}}@media(width>=992px){.col-md-6,.col-lg-4{width:33.3333%}}.mb-4{margin-bottom:1.5rem}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#000;border-radius:20px;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;height:auto;padding:2.5rem 1.5rem;font-size:1.1rem;min-height:421.4px!important}.testimonial-box .testimonial-section{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black)}.testimonial-box .testimonial-section strong{display:block}.testimonial-box .company-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .avatar-container{margin-top:auto;position:relative;display:inline-block}.testimonial-box .avatar-container .testimonial-avatar{width:60%;aspect-ratio:1/1;height:auto;border-radius:50%;object-fit:fill}.testimonial-box .avatar-container .read-more-btn-overlay{position:absolute;text-decoration:none!important;bottom:0;left:50%;transform:translate(-50%);background-color:var(--text-color, black);color:#fff;width:240px;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.testimonial-box .avatar-container .read-more-btn-overlay:hover{background:#fff;color:var(--text-color, black)!important}.testimonial-box .avatar-container .read-more-btn-overlay .arrow{margin-bottom:.3rem}\n"]
+			imports: [
+				NgClass,
+				FormsModule,
+				RouterLink,
+				Bind,
+				ProgressSpinner,
+				NoDataComponent,
+				ResourceEditCardLazyComponent,
+				LazyImgDirective,
+				TranslocoPipe
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showVideoSection) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              On-Demand Videos\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n                aria-label=\"Input Edited Title 9216\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\">\n        @for (post of posts; track trackByPostId($index, post); let i = $index) {\n          <div class=\"resource-blog-card\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p [innerHTML]=\"post.title\" class=\"mb-5\"></p>\n            <a [href]=\" post.external_url\"  target=\"_blank\">\n              <img\n                [src]=\"post.picture?.url\"\n                class=\"img-fluid mb-3\"\n                [alt]=\"post.title\"\n                width=\"640\"\n                height=\"360\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\" />\n            </a>\n            <a class=\"resource-btn mt-3\" [href]=\" post.external_url\" target=\"_blank\">\n              <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Watch now'  }}</span>\n              <span class=\"arrow\">→</span>\n            </a>\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n\n</section>\n",
+			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"]
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: i0.Injector },
-		{ type: ResourceService },
-		{ type: i2.TagService },
-		{ type: i0.ChangeDetectorRef }
-	],
 	propDecorators: {
-		showCaseStudyHeader: [{ type: Input }],
+		showVideoSection: [{ type: Input }],
 		categoryId: [{ type: Input }],
-		postSlice: [{ type: Input }],
 		tag: [{ type: Input }],
+		postSlice: [{ type: Input }],
 		resourceTitle: [{ type: Input }],
 		user: [{ type: Input }],
 		userLoggedIn: [{ type: Input }],
@@ -777,17 +796,27 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent {
-	constructor(injector, resourceService, tagService, cdr) {
-		super(injector);
-		this.resourceService = resourceService;
-		this.tagService = tagService;
-		this.cdr = cdr;
-		this.isHeaderVisible = true;
-		this.isRelated = false;
+var CaseStudyCardComponent = class CaseStudyCardComponent extends AppBaseComponent {
+	constructor() {
+		super(...arguments);
+		this.resourceService = inject(ResourceService);
+		this.tagService = inject(TagService);
+		this.cdr = inject(ChangeDetectorRef);
+		this.showCaseStudyHeader = false;
 		this.postSlice = false;
-		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
 		this.canEditResourcesValue = false;
+		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+		this.companyName = this.appConfig.company.name;
+		this.isEditingTitle = false;
+	}
+	get posts() {
+		return this.pager?.items ?? [];
+	}
+	get isLoaded() {
+		return this.pager?.isLoaded ?? false;
+	}
+	get isLoadingMore() {
+		return this.pager?.isLoadingMore ?? false;
 	}
 	ngOnInit() {
 		if (this.userLoggedIn) this.localStorage.getItem$("product").subscribe((res) => {
@@ -802,18 +831,6 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 			if (this.userLoggedIn && this.user) this.updateCanEditResourcesValue();
 		}
 	}
-	get posts() {
-		return this.pager?.items ?? [];
-	}
-	get isLoaded() {
-		return this.pager?.isLoaded ?? false;
-	}
-	get isLoadingMore() {
-		return this.pager?.isLoadingMore ?? false;
-	}
-	get hasMorePosts() {
-		return this.postSlice && !!this.pager?.hasMore;
-	}
 	loadPosts() {
 		this.pager = ResourcePager.forPublicPosts(this.resourceService, () => ({
 			subscriptionId: this.getEffectiveSubscriptionId(),
@@ -824,7 +841,7 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 	onWindowScroll() {
 		if (this.postSlice) this.pager?.loadMoreIfNearBottom();
 	}
-	toggleTagEditTitle() {
+	toggleEditTitle() {
 		this.isEditingTitle = true;
 		this.editedTitle = this.resourceTitle;
 	}
@@ -844,18 +861,16 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 	canEditResources() {
 		return this.canEditResourcesValue;
 	}
+	trackByPostId(index, post) {
+		return post.id;
+	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
 			version: "22.2.3",
 			ngImport: i0,
-			type: ResourceCardComponent,
-			deps: [
-				{ token: i0.Injector },
-				{ token: ResourceService },
-				{ token: i2.TagService },
-				{ token: i0.ChangeDetectorRef }
-			],
+			type: CaseStudyCardComponent,
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -863,18 +878,15 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
 			version: "22.2.3",
-			type: ResourceCardComponent,
-			isStandalone: false,
-			selector: "pw-resource-cards",
+			type: CaseStudyCardComponent,
+			isStandalone: true,
+			selector: "pw-case-studies-card",
 			inputs: {
+				showCaseStudyHeader: "showCaseStudyHeader",
 				categoryId: "categoryId",
-				isHeaderVisible: "isHeaderVisible",
-				isRelated: "isRelated",
-				resourceTitle: "resourceTitle",
 				postSlice: "postSlice",
-				header: "header",
 				tag: "tag",
-				resourceLink: "resourceLink",
+				resourceTitle: "resourceTitle",
 				user: "user",
 				userLoggedIn: "userLoggedIn"
 			},
@@ -882,18 +894,22 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 			usesInheritance: true,
 			usesOnChanges: true,
 			ngImport: i0,
-			template: "<section class=\"resource-vault-section bg-white\">\n  <div class=\"container\">\n    @if (isHeaderVisible) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Our team's articles\n            }\n            @if (!isRelated && canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9056\" name=\"input_editedTitle_9056\"\n                aria-label=\"Input Edited Title 9056\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" [routerLink]=\"resourceLink\">VIEW ALL ></a>\n      </div>\n    }\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded && !hasMorePosts && !isLoadingMore) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post; let i = $index) {\n          <div class=\"resource-blog-card p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"resource-title\" [innerHTML]=\"post.title \"></p>\n            <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [attr.aria-label]=\"'Open resource card: ' + (post?.title || 'article')\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                width=\"640\"\n                height=\"360\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\"\n              /></a>\n              @if (post?.external_url) {\n                <a\n                  class=\"resource-btn mt-3\"\n                  [href]=\"post.external_url\"\n                  [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n      @if (isLoadingMore) {\n        <div class=\"w-100 text-center mt-3\">\n          <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n        </div>\n      }\n    }\n  </div>\n</section>",
-			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"],
+			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\" id=\"case-studies\">\n  <div class=\"container\">\n    @if (showCaseStudyHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n        <a class=\"view-all\" routerLink=\"/resources/case-studies\">VIEW ALL ></a>\n      </div>\n    } @else {\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n      </div>\n    }\n\n\n    <ng-template #caseStudyHeaderTemplate>\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        @if (!isEditingTitle) {\n          @if (resourceTitle) {\n            <span>\n              <span [innerHTML]=\"resourceTitle\"></span>\n            </span>\n          } @else {\n            Case Studies\n          }\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\"\n              (click)=\"toggleEditTitle()\"\n              (keydown.enter)=\"toggleEditTitle()\"\n              (keydown.space)=\"toggleEditTitle()\"\n            title=\"Edit Title\"></i>\n          }\n        } @else {\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n              aria-label=\"Input Edited Title 9216\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        }\n\n      </h2>\n    </ng-template>\n\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track trackByPostId($index, post); let i = $index) {\n          <div class=\"testimonial-box\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <div>\n              @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                <img [src]=\"post.rectangular_picture.url\"\n                  alt=\"IT Partners Logo\"\n                  class=\"company-logo mb-3\"\n                  width=\"320\"\n                  height=\"180\"\n                  [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                  [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                  decoding=\"async\" />\n              }\n              <p class=\"mb-4 mt-3 testimonial-section\">\n                <span [innerHTML]=\"post.title\"></span>\n              </p>\n            </div>\n            <!-- BOTTOM AVATAR -->\n            <div class=\"avatar-container mt-5\">\n              @if (post.picture.url && !post.picture.url.includes('default-photo.jpg')) {\n                <img [src]=\"post.picture.url\"\n                  alt=\"User Avatar\"\n                  class=\"testimonial-avatar\"\n                  width=\"96\"\n                  height=\"96\"\n                  loading=\"lazy\"\n                  decoding=\"async\" />\n              }\n              @if (post?.external_url) {\n                <a\n                  class=\"read-more-btn-overlay\"\n                  [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                  <span class=\"arrow\">→</span>\n                </a>\n              } @else {\n                <a class=\"read-more-btn-overlay\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"visually-hidden\">on site</span>\n                  <span class=\"arrow\">→</span>\n                </a>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n</section>\n",
+			styles: [".resource-vault-section{background:#fff;text-align:center;padding:3rem 0}.section-outer,.container{padding:0 15px}.d-md-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.vault-heading{font-size:2rem;font-weight:700}.video-row{margin-top:3rem;gap:5.5rem!important}.row{display:flex;flex-wrap:wrap}.col-md-6,.col-lg-4{flex:0 0 auto;width:100%}@media(width>=768px){.col-md-6,.col-lg-4{width:50%}}@media(width>=992px){.col-md-6,.col-lg-4{width:33.3333%}}.mb-4{margin-bottom:1.5rem}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#000;border-radius:20px;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;height:auto;padding:2.5rem 1.5rem;font-size:1.1rem;min-height:421.4px!important}.testimonial-box .testimonial-section{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black)}.testimonial-box .testimonial-section strong{display:block}.testimonial-box .company-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .avatar-container{margin-top:auto;position:relative;display:inline-block}.testimonial-box .avatar-container .testimonial-avatar{width:60%;aspect-ratio:1/1;height:auto;border-radius:50%;object-fit:fill}.testimonial-box .avatar-container .read-more-btn-overlay{position:absolute;text-decoration:none!important;bottom:0;left:50%;transform:translate(-50%);background-color:var(--text-color, black);color:#fff;width:240px;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.testimonial-box .avatar-container .read-more-btn-overlay:hover{background:#fff;color:var(--text-color, black)!important}.testimonial-box .avatar-container .read-more-btn-overlay .arrow{margin-bottom:.3rem}\n"],
 			dependencies: [
 				{
 					kind: "directive",
-					type: i3.NgClass,
-					selector: "[ngClass]",
-					inputs: ["class", "ngClass"]
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
 				},
 				{
 					kind: "directive",
-					type: i4.RouterLink,
+					type: RouterLink,
 					selector: "[routerLink]",
 					inputs: [
 						"target",
@@ -912,17 +928,27 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 				},
 				{
 					kind: "directive",
-					type: i5.DefaultValueAccessor,
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.DefaultValueAccessor,
 					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgControlStatus,
+					type: i1.NgControlStatus,
 					selector: "[formControlName],[ngModel],[formControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgModel,
+					type: i1.NgModel,
 					selector: "[ngModel]:not([formControlName]):not([formControl])",
 					inputs: [
 						"name",
@@ -935,17 +961,254 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 				},
 				{
 					kind: "component",
-					type: i6.NoDataComponent,
-					selector: "pw-no-data",
+					type: ProgressSpinner,
+					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
-						"message",
-						"description",
+						"value",
+						"strokeWidth",
+						"animationDuration",
+						"min",
+						"max",
+						"ariaLabel",
+						"fill"
+					]
+				},
+				{
+					kind: "component",
+					type: NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
 						"withImage"
 					]
 				},
 				{
 					kind: "component",
-					type: i7.ProgressSpinner,
+					type: ResourceEditCardLazyComponent,
+					selector: "pw-resource-edit-card-lazy",
+					inputs: [
+						"id",
+						"resourceData",
+						"canEdit"
+					],
+					outputs: ["updated"]
+				},
+				{
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "pipe",
+					type: TranslocoPipe,
+					name: "transloco"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: CaseStudyCardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-case-studies-card",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				NgTemplateOutlet,
+				RouterLink,
+				NgClass,
+				FormsModule,
+				Bind,
+				ProgressSpinner,
+				NoDataComponent,
+				ResourceEditCardLazyComponent,
+				LazyImgDirective,
+				ResourceVideoCardComponent,
+				TranslocoPipe
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\" id=\"case-studies\">\n  <div class=\"container\">\n    @if (showCaseStudyHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n        <a class=\"view-all\" routerLink=\"/resources/case-studies\">VIEW ALL ></a>\n      </div>\n    } @else {\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n      </div>\n    }\n\n\n    <ng-template #caseStudyHeaderTemplate>\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        @if (!isEditingTitle) {\n          @if (resourceTitle) {\n            <span>\n              <span [innerHTML]=\"resourceTitle\"></span>\n            </span>\n          } @else {\n            Case Studies\n          }\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\"\n              (click)=\"toggleEditTitle()\"\n              (keydown.enter)=\"toggleEditTitle()\"\n              (keydown.space)=\"toggleEditTitle()\"\n            title=\"Edit Title\"></i>\n          }\n        } @else {\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n              aria-label=\"Input Edited Title 9216\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        }\n\n      </h2>\n    </ng-template>\n\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track trackByPostId($index, post); let i = $index) {\n          <div class=\"testimonial-box\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <div>\n              @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                <img [src]=\"post.rectangular_picture.url\"\n                  alt=\"IT Partners Logo\"\n                  class=\"company-logo mb-3\"\n                  width=\"320\"\n                  height=\"180\"\n                  [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                  [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                  decoding=\"async\" />\n              }\n              <p class=\"mb-4 mt-3 testimonial-section\">\n                <span [innerHTML]=\"post.title\"></span>\n              </p>\n            </div>\n            <!-- BOTTOM AVATAR -->\n            <div class=\"avatar-container mt-5\">\n              @if (post.picture.url && !post.picture.url.includes('default-photo.jpg')) {\n                <img [src]=\"post.picture.url\"\n                  alt=\"User Avatar\"\n                  class=\"testimonial-avatar\"\n                  width=\"96\"\n                  height=\"96\"\n                  loading=\"lazy\"\n                  decoding=\"async\" />\n              }\n              @if (post?.external_url) {\n                <a\n                  class=\"read-more-btn-overlay\"\n                  [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                  <span class=\"arrow\">→</span>\n                </a>\n              } @else {\n                <a class=\"read-more-btn-overlay\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"visually-hidden\">on site</span>\n                  <span class=\"arrow\">→</span>\n                </a>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n</section>\n",
+			styles: [".resource-vault-section{background:#fff;text-align:center;padding:3rem 0}.section-outer,.container{padding:0 15px}.d-md-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.vault-heading{font-size:2rem;font-weight:700}.video-row{margin-top:3rem;gap:5.5rem!important}.row{display:flex;flex-wrap:wrap}.col-md-6,.col-lg-4{flex:0 0 auto;width:100%}@media(width>=768px){.col-md-6,.col-lg-4{width:50%}}@media(width>=992px){.col-md-6,.col-lg-4{width:33.3333%}}.mb-4{margin-bottom:1.5rem}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#000;border-radius:20px;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;height:auto;padding:2.5rem 1.5rem;font-size:1.1rem;min-height:421.4px!important}.testimonial-box .testimonial-section{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black)}.testimonial-box .testimonial-section strong{display:block}.testimonial-box .company-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .avatar-container{margin-top:auto;position:relative;display:inline-block}.testimonial-box .avatar-container .testimonial-avatar{width:60%;aspect-ratio:1/1;height:auto;border-radius:50%;object-fit:fill}.testimonial-box .avatar-container .read-more-btn-overlay{position:absolute;text-decoration:none!important;bottom:0;left:50%;transform:translate(-50%);background-color:var(--text-color, black);color:#fff;width:240px;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.testimonial-box .avatar-container .read-more-btn-overlay:hover{background:#fff;color:var(--text-color, black)!important}.testimonial-box .avatar-container .read-more-btn-overlay .arrow{margin-bottom:.3rem}\n"]
+		}]
+	}],
+	propDecorators: {
+		showCaseStudyHeader: [{ type: Input }],
+		categoryId: [{ type: Input }],
+		postSlice: [{ type: Input }],
+		tag: [{ type: Input }],
+		resourceTitle: [{ type: Input }],
+		user: [{ type: Input }],
+		userLoggedIn: [{ type: Input }],
+		onWindowScroll: [{
+			type: HostListener,
+			args: ["window:scroll"]
+		}]
+	}
+});
+var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent {
+	constructor() {
+		super(...arguments);
+		this.resourceService = inject(ResourceService);
+		this.tagService = inject(TagService);
+		this.cdr = inject(ChangeDetectorRef);
+		this.isHeaderVisible = true;
+		this.isRelated = false;
+		this.postSlice = false;
+		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+		this.canEditResourcesValue = false;
+	}
+	ngOnInit() {
+		if (this.userLoggedIn) this.localStorage.getItem$("product").subscribe((res) => {
+			const data = res ? JSON.parse(res) : null;
+			this.subscriptionId = data?.subscriptionId;
+			this.cdr.markForCheck();
+		});
+		this.loadPosts();
+	}
+	ngOnChanges(changes) {
+		if (changes["user"] || changes["userLoggedIn"]) {
+			if (this.userLoggedIn && this.user) this.updateCanEditResourcesValue();
+		}
+	}
+	get posts() {
+		return this.pager?.items ?? [];
+	}
+	get isLoaded() {
+		return this.pager?.isLoaded ?? false;
+	}
+	get isLoadingMore() {
+		return this.pager?.isLoadingMore ?? false;
+	}
+	get hasMorePosts() {
+		return this.postSlice && !!this.pager?.hasMore;
+	}
+	loadPosts() {
+		this.pager = ResourcePager.forPublicPosts(this.resourceService, () => ({
+			subscriptionId: this.getEffectiveSubscriptionId(),
+			tagCategoryIds: this.categoryId
+		}), () => this.cdr.markForCheck(), (post) => post.showcase === true, this.postSlice ? 15 : 3);
+		this.pager.reset();
+	}
+	onWindowScroll() {
+		if (this.postSlice) this.pager?.loadMoreIfNearBottom();
+	}
+	toggleTagEditTitle() {
+		this.isEditingTitle = true;
+		this.editedTitle = this.resourceTitle;
+	}
+	saveEditedTitle() {
+		HelperService.updateTagTitle(this.tag, this.editedTitle, this.tagService, this.getEffectiveSubscriptionId(), this.toast).subscribe(() => {
+			this.resourceTitle = this.editedTitle;
+			this.isEditingTitle = false;
+			this.cdr.markForCheck();
+		});
+	}
+	getEffectiveSubscriptionId() {
+		return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+	}
+	updateCanEditResourcesValue() {
+		this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+	}
+	canEditResources() {
+		return this.canEditResourcesValue;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ResourceCardComponent,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.3",
+			type: ResourceCardComponent,
+			isStandalone: true,
+			selector: "pw-resource-cards",
+			inputs: {
+				categoryId: "categoryId",
+				isHeaderVisible: "isHeaderVisible",
+				isRelated: "isRelated",
+				resourceTitle: "resourceTitle",
+				postSlice: "postSlice",
+				header: "header",
+				tag: "tag",
+				resourceLink: "resourceLink",
+				user: "user",
+				userLoggedIn: "userLoggedIn"
+			},
+			host: { listeners: { "window:scroll": "onWindowScroll()" } },
+			usesInheritance: true,
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "<section class=\"resource-vault-section bg-white\">\n  <div class=\"container\">\n    @if (isHeaderVisible) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Our team's articles\n            }\n            @if (!isRelated && canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9056\" name=\"input_editedTitle_9056\"\n                aria-label=\"Input Edited Title 9056\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" [routerLink]=\"resourceLink\">VIEW ALL ></a>\n      </div>\n    }\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded && !hasMorePosts && !isLoadingMore) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post; let i = $index) {\n          <div class=\"resource-blog-card p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"resource-title\" [innerHTML]=\"post.title \"></p>\n            <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [attr.aria-label]=\"'Open resource card: ' + (post?.title || 'article')\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                width=\"640\"\n                height=\"360\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\"\n              /></a>\n              @if (post?.external_url) {\n                <a\n                  class=\"resource-btn mt-3\"\n                  [href]=\"post.external_url\"\n                  [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n      @if (isLoadingMore) {\n        <div class=\"w-100 text-center mt-3\">\n          <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n        </div>\n      }\n    }\n  </div>\n</section>",
+			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "directive",
+					type: RouterLink,
+					selector: "[routerLink]",
+					inputs: [
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
+					]
+				},
+				{
+					kind: "component",
+					type: ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -958,9 +1221,14 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 					]
 				},
 				{
-					kind: "directive",
-					type: i8.LazyImgDirective,
-					selector: "img"
+					kind: "component",
+					type: NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
 				},
 				{
 					kind: "component",
@@ -973,9 +1241,14 @@ var ResourceCardComponent = class ResourceCardComponent extends AppBaseComponent
 					],
 					outputs: ["updated"]
 				},
+				{
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
+				},
 				{
 					kind: "pipe",
-					type: i10.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -993,17 +1266,23 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-resource-cards",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
+			imports: [
+				NgClass,
+				FormsModule,
+				RouterLink,
+				Bind,
+				ProgressSpinner,
+				NoDataComponent,
+				ResourceEditCardLazyComponent,
+				LazyImgDirective,
+				ResourceVideoCardComponent,
+				TranslocoPipe
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
 			template: "<section class=\"resource-vault-section bg-white\">\n  <div class=\"container\">\n    @if (isHeaderVisible) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Our team's articles\n            }\n            @if (!isRelated && canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9056\" name=\"input_editedTitle_9056\"\n                aria-label=\"Input Edited Title 9056\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" [routerLink]=\"resourceLink\">VIEW ALL ></a>\n      </div>\n    }\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded && !hasMorePosts && !isLoadingMore) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post; let i = $index) {\n          <div class=\"resource-blog-card p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"resource-title\" [innerHTML]=\"post.title \"></p>\n            <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [attr.aria-label]=\"'Open resource card: ' + (post?.title || 'article')\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                width=\"640\"\n                height=\"360\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\"\n              /></a>\n              @if (post?.external_url) {\n                <a\n                  class=\"resource-btn mt-3\"\n                  [href]=\"post.external_url\"\n                  [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n      @if (isLoadingMore) {\n        <div class=\"w-100 text-center mt-3\">\n          <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n        </div>\n      }\n    }\n  </div>\n</section>",
 			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"]
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: i0.Injector },
-		{ type: ResourceService },
-		{ type: i2.TagService },
-		{ type: i0.ChangeDetectorRef }
-	],
 	propDecorators: {
 		categoryId: [{ type: Input }],
 		isHeaderVisible: [{ type: Input }],
@@ -1022,12 +1301,12 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var BaseResourceComponent = class BaseResourceComponent extends AppBaseComponent {
-	constructor(resourceService, tagService, authService, cdr, injector) {
-		super(injector);
-		this.resourceService = resourceService;
-		this.tagService = tagService;
-		this.authService = authService;
-		this.cdr = cdr;
+	constructor() {
+		super(...arguments);
+		this.resourceService = inject(ResourceService);
+		this.tagService = inject(TagService);
+		this.authService = inject(AuthService);
+		this.cdr = inject(ChangeDetectorRef);
 		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
 		this.posts = [];
 		this.testimonialsPosts = [];
@@ -1133,13 +1412,7 @@ var BaseResourceComponent = class BaseResourceComponent extends AppBaseComponent
 			version: "22.2.3",
 			ngImport: i0,
 			type: BaseResourceComponent,
-			deps: [
-				{ token: ResourceService },
-				{ token: i2.TagService },
-				{ token: i2.AuthService },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i0.Injector }
-			],
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -1148,7 +1421,7 @@ var BaseResourceComponent = class BaseResourceComponent extends AppBaseComponent
 			minVersion: "14.0.0",
 			version: "22.2.3",
 			type: BaseResourceComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "ng-component",
 			usesInheritance: true,
 			ngImport: i0,
@@ -1167,21 +1440,13 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			template: "",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false
+			changeDetection: ChangeDetectionStrategy.OnPush
 		}]
-	}],
-	ctorParameters: () => [
-		{ type: ResourceService },
-		{ type: i2.TagService },
-		{ type: i2.AuthService },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i0.Injector }
-	]
+	}]
 });
 var ResourceVaultComponent = class ResourceVaultComponent extends BaseResourceComponent {
-	constructor(resourceService, tagService, authService, cdr, injector) {
-		super(resourceService, tagService, authService, cdr, injector);
+	constructor() {
+		super(...arguments);
 		this.showVaultSection = false;
 		this.postSlice = false;
 		this.isLoadedChange = new EventEmitter();
@@ -1232,13 +1497,7 @@ var ResourceVaultComponent = class ResourceVaultComponent extends BaseResourceCo
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceVaultComponent,
-			deps: [
-				{ token: ResourceService },
-				{ token: i2.TagService },
-				{ token: i2.AuthService },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i0.Injector }
-			],
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -1247,319 +1506,45 @@ var ResourceVaultComponent = class ResourceVaultComponent extends BaseResourceCo
 			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: ResourceVaultComponent,
-			isStandalone: false,
-			selector: "pw-resource--vault",
-			inputs: {
-				showVaultSection: "showVaultSection",
-				postSlice: "postSlice",
-				categoryId: "categoryId",
-				resourceTitle: "resourceTitle",
-				tag: "tag"
-			},
-			outputs: { isLoadedChange: "isLoadedChange" },
-			host: { listeners: { "window:scroll": "onWindowScroll()" } },
-			usesInheritance: true,
-			ngImport: i0,
-			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showVaultSection) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Whitepapers &amp; Tools\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n                aria-label=\"Input Edited Title 9216\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"mb-4\" [innerHTML]=\"post.title\"></p>\n            <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [attr.aria-label]=\"'Open resource card: ' + (post?.title || 'article')\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                loading=\"lazy\"\n                />\n            </a>\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n</section>\n",
-			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"],
-			dependencies: [
-				{
-					kind: "directive",
-					type: i3.NgClass,
-					selector: "[ngClass]",
-					inputs: ["class", "ngClass"]
-				},
-				{
-					kind: "directive",
-					type: i4.RouterLink,
-					selector: "[routerLink]",
-					inputs: [
-						"target",
-						"queryParams",
-						"fragment",
-						"queryParamsHandling",
-						"state",
-						"info",
-						"relativeTo",
-						"preserveFragment",
-						"skipLocationChange",
-						"replaceUrl",
-						"browserUrl",
-						"routerLink"
-					]
-				},
-				{
-					kind: "directive",
-					type: i5.DefaultValueAccessor,
-					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
-				},
-				{
-					kind: "directive",
-					type: i5.NgControlStatus,
-					selector: "[formControlName],[ngModel],[formControl]"
-				},
-				{
-					kind: "directive",
-					type: i5.NgModel,
-					selector: "[ngModel]:not([formControlName]):not([formControl])",
-					inputs: [
-						"name",
-						"disabled",
-						"ngModel",
-						"ngModelOptions"
-					],
-					outputs: ["ngModelChange"],
-					exportAs: ["ngModel"]
-				},
-				{
-					kind: "component",
-					type: i6.NoDataComponent,
-					selector: "pw-no-data",
-					inputs: [
-						"message",
-						"description",
-						"withImage"
-					]
-				},
-				{
-					kind: "component",
-					type: i7.ProgressSpinner,
-					selector: "p-progress-spinner, p-progressspinner",
-					inputs: [
-						"value",
-						"strokeWidth",
-						"animationDuration",
-						"min",
-						"max",
-						"ariaLabel",
-						"fill"
-					]
-				},
-				{
-					kind: "directive",
-					type: i8.LazyImgDirective,
-					selector: "img"
-				},
-				{
-					kind: "component",
-					type: ResourceEditCardLazyComponent,
-					selector: "pw-resource-edit-card-lazy",
-					inputs: [
-						"id",
-						"resourceData",
-						"canEdit"
-					],
-					outputs: ["updated"]
-				},
-				{
-					kind: "pipe",
-					type: i10.TranslocoPipe,
-					name: "transloco"
-				}
-			],
-			changeDetection: i0.ChangeDetectionStrategy.OnPush
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: ResourceVaultComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "pw-resource--vault",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
-			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showVaultSection) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Whitepapers &amp; Tools\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n                aria-label=\"Input Edited Title 9216\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"mb-4\" [innerHTML]=\"post.title\"></p>\n            <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [attr.aria-label]=\"'Open resource card: ' + (post?.title || 'article')\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                loading=\"lazy\"\n                />\n            </a>\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n</section>\n",
-			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"]
-		}]
-	}],
-	ctorParameters: () => [
-		{ type: ResourceService },
-		{ type: i2.TagService },
-		{ type: i2.AuthService },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i0.Injector }
-	],
-	propDecorators: {
-		showVaultSection: [{ type: Input }],
-		postSlice: [{ type: Input }],
-		categoryId: [{ type: Input }],
-		resourceTitle: [{ type: Input }],
-		tag: [{ type: Input }],
-		isLoadedChange: [{ type: Output }],
-		onWindowScroll: [{
-			type: HostListener,
-			args: ["window:scroll"]
-		}]
-	}
-});
-var ResourceVideoCardComponent = class ResourceVideoCardComponent extends AppBaseComponent {
-	get posts() {
-		return this.pager?.items ?? [];
-	}
-	get isLoaded() {
-		return this.pager?.isLoaded ?? false;
-	}
-	get isLoadingMore() {
-		return this.pager?.isLoadingMore ?? false;
-	}
-	constructor(sanitizer, resourceService, tagService, cdr, injector) {
-		super(injector);
-		this.sanitizer = sanitizer;
-		this.resourceService = resourceService;
-		this.tagService = tagService;
-		this.cdr = cdr;
-		this.showVideoSection = false;
-		this.postSlice = false;
-		this.canEditResourcesValue = false;
-		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
-		this.videoStates = {};
-		this.isEditingTitle = false;
-	}
-	ngOnInit() {
-		if (this.userLoggedIn) this.localStorage.getItem$("product").subscribe((res) => {
-			const data = res ? JSON.parse(res) : null;
-			this.subscriptionId = data?.subscriptionId;
-			this.cdr.markForCheck();
-		});
-		this.loadPosts();
-	}
-	ngOnChanges(changes) {
-		if (changes["user"] || changes["userLoggedIn"]) {
-			if (this.userLoggedIn && this.user) this.updateCanEditResourcesValue();
-		}
-	}
-	loadVideo(post) {
-		if (!post.external_url) return;
-		const slug = post.slug;
-		let externalUrl = post.external_url;
-		externalUrl += externalUrl.includes("?") ? "&autoplay=1" : "?autoplay=1";
-		this.videoStates[slug].url = this.sanitizer.bypassSecurityTrustResourceUrl(externalUrl);
-	}
-	loadPosts() {
-		this.pager = ResourcePager.forPublicPosts(this.resourceService, () => ({
-			subscriptionId: this.getEffectiveSubscriptionId(),
-			tagCategoryIds: this.categoryId
-		}), () => {
-			this.syncVideoStates();
-			this.cdr.markForCheck();
-		}, (post) => post.showcase === true, this.postSlice ? 15 : 3);
-		this.pager.reset();
-	}
-	onWindowScroll() {
-		if (this.postSlice) this.pager?.loadMoreIfNearBottom();
-	}
-	syncVideoStates() {
-		this.posts.forEach((post) => {
-			if (post.external_url && !this.videoStates[post.slug]) this.videoStates[post.slug] = {
-				loaded: true,
-				url: this.sanitizer.bypassSecurityTrustResourceUrl(post.external_url)
-			};
-		});
-	}
-	toggleTagEditTitle() {
-		this.isEditingTitle = true;
-		this.editedTitle = this.resourceTitle;
-	}
-	saveEditedTitle() {
-		HelperService.updateTagTitle(this.tag, this.editedTitle, this.tagService, this.getEffectiveSubscriptionId(), this.toast).subscribe(() => {
-			this.resourceTitle = this.editedTitle;
-			this.isEditingTitle = false;
-			this.cdr.markForCheck();
-		});
-	}
-	getEffectiveSubscriptionId() {
-		return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
-	}
-	updateCanEditResourcesValue() {
-		this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
-	}
-	canEditResources() {
-		return this.canEditResourcesValue;
-	}
-	trackByPostId(index, post) {
-		return post.id;
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.3",
-			ngImport: i0,
-			type: ResourceVideoCardComponent,
-			deps: [
-				{ token: i1.DomSanitizer },
-				{ token: ResourceService },
-				{ token: i2.TagService },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i0.Injector }
-			],
-			target: i0.ɵɵFactoryTarget.Component
-		});
-	}
-	static {
-		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "17.0.0",
-			version: "22.2.3",
-			type: ResourceVideoCardComponent,
-			isStandalone: false,
-			selector: "pw-resource-video-card",
-			inputs: {
-				showVideoSection: "showVideoSection",
-				categoryId: "categoryId",
-				tag: "tag",
+			isStandalone: true,
+			selector: "pw-resource--vault",
+			inputs: {
+				showVaultSection: "showVaultSection",
 				postSlice: "postSlice",
+				categoryId: "categoryId",
 				resourceTitle: "resourceTitle",
-				user: "user",
-				userLoggedIn: "userLoggedIn"
+				tag: "tag"
 			},
+			outputs: { isLoadedChange: "isLoadedChange" },
 			host: { listeners: { "window:scroll": "onWindowScroll()" } },
 			usesInheritance: true,
-			usesOnChanges: true,
 			ngImport: i0,
-			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showVideoSection) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              On-Demand Videos\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n                aria-label=\"Input Edited Title 9216\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\">\n        @for (post of posts; track trackByPostId($index, post); let i = $index) {\n          <div class=\"resource-blog-card\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p [innerHTML]=\"post.title\" class=\"mb-5\"></p>\n            <a [href]=\" post.external_url\"  target=\"_blank\">\n              <img\n                [src]=\"post.picture?.url\"\n                class=\"img-fluid mb-3\"\n                [alt]=\"post.title\"\n                width=\"640\"\n                height=\"360\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\" />\n            </a>\n            <a class=\"resource-btn mt-3\" [href]=\" post.external_url\" target=\"_blank\">\n              <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Watch now'  }}</span>\n              <span class=\"arrow\">→</span>\n            </a>\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n\n</section>\n",
+			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showVaultSection) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Whitepapers &amp; Tools\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n                aria-label=\"Input Edited Title 9216\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"mb-4\" [innerHTML]=\"post.title\"></p>\n            <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [attr.aria-label]=\"'Open resource card: ' + (post?.title || 'article')\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                loading=\"lazy\"\n                />\n            </a>\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n</section>\n",
 			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"],
 			dependencies: [
 				{
 					kind: "directive",
-					type: i3.NgClass,
+					type: NgClass,
 					selector: "[ngClass]",
 					inputs: ["class", "ngClass"]
 				},
 				{
-					kind: "directive",
-					type: i4.RouterLink,
-					selector: "[routerLink]",
-					inputs: [
-						"target",
-						"queryParams",
-						"fragment",
-						"queryParamsHandling",
-						"state",
-						"info",
-						"relativeTo",
-						"preserveFragment",
-						"skipLocationChange",
-						"replaceUrl",
-						"browserUrl",
-						"routerLink"
-					]
+					kind: "ngmodule",
+					type: FormsModule
 				},
 				{
 					kind: "directive",
-					type: i5.DefaultValueAccessor,
+					type: i1.DefaultValueAccessor,
 					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgControlStatus,
+					type: i1.NgControlStatus,
 					selector: "[formControlName],[ngModel],[formControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgModel,
+					type: i1.NgModel,
 					selector: "[ngModel]:not([formControlName]):not([formControl])",
 					inputs: [
 						"name",
@@ -1571,18 +1556,27 @@ var ResourceVideoCardComponent = class ResourceVideoCardComponent extends AppBas
 					exportAs: ["ngModel"]
 				},
 				{
-					kind: "component",
-					type: i6.NoDataComponent,
-					selector: "pw-no-data",
+					kind: "directive",
+					type: RouterLink,
+					selector: "[routerLink]",
 					inputs: [
-						"message",
-						"description",
-						"withImage"
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
 					]
 				},
 				{
 					kind: "component",
-					type: i7.ProgressSpinner,
+					type: ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -1595,9 +1589,14 @@ var ResourceVideoCardComponent = class ResourceVideoCardComponent extends AppBas
 					]
 				},
 				{
-					kind: "directive",
-					type: i8.LazyImgDirective,
-					selector: "img"
+					kind: "component",
+					type: NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
 				},
 				{
 					kind: "component",
@@ -1610,9 +1609,14 @@ var ResourceVideoCardComponent = class ResourceVideoCardComponent extends AppBas
 					],
 					outputs: ["updated"]
 				},
+				{
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
+				},
 				{
 					kind: "pipe",
-					type: i10.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -1624,32 +1628,36 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.3",
 	ngImport: i0,
-	type: ResourceVideoCardComponent,
+	type: ResourceVaultComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "pw-resource-video-card",
+			selector: "pw-resource--vault",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
-			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showVideoSection) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              On-Demand Videos\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n                aria-label=\"Input Edited Title 9216\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\">\n        @for (post of posts; track trackByPostId($index, post); let i = $index) {\n          <div class=\"resource-blog-card\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p [innerHTML]=\"post.title\" class=\"mb-5\"></p>\n            <a [href]=\" post.external_url\"  target=\"_blank\">\n              <img\n                [src]=\"post.picture?.url\"\n                class=\"img-fluid mb-3\"\n                [alt]=\"post.title\"\n                width=\"640\"\n                height=\"360\"\n                [attr.loading]=\"i === 0 ? 'eager' : 'lazy'\"\n                [attr.fetchpriority]=\"i === 0 ? 'high' : null\"\n                decoding=\"async\" />\n            </a>\n            <a class=\"resource-btn mt-3\" [href]=\" post.external_url\" target=\"_blank\">\n              <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Watch now'  }}</span>\n              <span class=\"arrow\">→</span>\n            </a>\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n\n</section>\n",
+			imports: [
+				NgClass,
+				FormsModule,
+				RouterLink,
+				Bind,
+				ProgressSpinner,
+				NoDataComponent,
+				ResourceEditCardLazyComponent,
+				LazyImgDirective,
+				ResourceVideoCardComponent,
+				TranslocoPipe
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showVaultSection) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Whitepapers &amp; Tools\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_9216\" name=\"input_editedTitle_9216\"\n                aria-label=\"Input Edited Title 9216\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadPosts()\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"mb-4\" [innerHTML]=\"post.title\"></p>\n            <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [attr.aria-label]=\"'Open resource card: ' + (post?.title || 'article')\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                loading=\"lazy\"\n                />\n            </a>\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n    @if (isLoadingMore) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n  </div>\n</section>\n",
 			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"]
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: i1.DomSanitizer },
-		{ type: ResourceService },
-		{ type: i2.TagService },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i0.Injector }
-	],
 	propDecorators: {
-		showVideoSection: [{ type: Input }],
-		categoryId: [{ type: Input }],
-		tag: [{ type: Input }],
+		showVaultSection: [{ type: Input }],
 		postSlice: [{ type: Input }],
+		categoryId: [{ type: Input }],
 		resourceTitle: [{ type: Input }],
-		user: [{ type: Input }],
-		userLoggedIn: [{ type: Input }],
+		tag: [{ type: Input }],
+		isLoadedChange: [{ type: Output }],
 		onWindowScroll: [{
 			type: HostListener,
 			args: ["window:scroll"]
@@ -1657,11 +1665,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var ReplayEventCardComponent = class ReplayEventCardComponent extends AppBaseComponent {
-	constructor(resourceService, tagService, cdr, injector) {
-		super(injector);
-		this.resourceService = resourceService;
-		this.tagService = tagService;
-		this.cdr = cdr;
+	constructor() {
+		super(...arguments);
+		this.resourceService = inject(ResourceService);
+		this.tagService = inject(TagService);
+		this.cdr = inject(ChangeDetectorRef);
 		this.showEventContent = false;
 		this.canEditResourcesValue = false;
 		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
@@ -1720,12 +1728,7 @@ var ReplayEventCardComponent = class ReplayEventCardComponent extends AppBaseCom
 			version: "22.2.3",
 			ngImport: i0,
 			type: ReplayEventCardComponent,
-			deps: [
-				{ token: ResourceService },
-				{ token: i2.TagService },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i0.Injector }
-			],
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -1734,7 +1737,7 @@ var ReplayEventCardComponent = class ReplayEventCardComponent extends AppBaseCom
 			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: ReplayEventCardComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "pw-replay-event-card",
 			inputs: {
 				showEventContent: "showEventContent",
@@ -1749,38 +1752,9 @@ var ReplayEventCardComponent = class ReplayEventCardComponent extends AppBaseCom
 			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        @if (resourceTitle) {\n          <h2 class=\"vault-heading\">{{resourceTitle}} Replays</h2>\n        } @else {\n          <h2 class=\"vault-heading\">Events &amp; Webinars Replays</h2>\n        }\n      </div>\n    </div>\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card vault-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadReplays()\">\n            </pw-resource-edit-card-lazy>\n            <h5 class=\"badge-title fw-bold\">REPLAY:</h5>\n            <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n            <img\n              [src]=\"post.picture.url\"\n              class=\"img-fluid my-3 mt-auto\"\n              alt=\"Webinar\" />\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [href]=\"post.external_url\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n      @if (pager?.hasMore) {\n        <button type=\"button\" class=\"resource-load-more\" [disabled]=\"isLoadingMore\" (click)=\"pager.loadMore()\">\n          {{ 'Resource.LoadMore' | transloco }}\n        </button>\n      }\n    }\n  </div>\n</section>\n",
 			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n", ".resource-load-more{display:block;margin:4rem auto 0;padding:10px 32px;border-radius:24px;border:1px solid var(--text-color, black);background-color:var(--text-color, black);color:#fff;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease}.resource-load-more:hover:not(:disabled){background:#fff;color:var(--text-color, black)}.resource-load-more:disabled{opacity:.6;cursor:default}\n"],
 			dependencies: [
-				{
-					kind: "directive",
-					type: i4.RouterLink,
-					selector: "[routerLink]",
-					inputs: [
-						"target",
-						"queryParams",
-						"fragment",
-						"queryParamsHandling",
-						"state",
-						"info",
-						"relativeTo",
-						"preserveFragment",
-						"skipLocationChange",
-						"replaceUrl",
-						"browserUrl",
-						"routerLink"
-					]
-				},
-				{
-					kind: "component",
-					type: i6.NoDataComponent,
-					selector: "pw-no-data",
-					inputs: [
-						"message",
-						"description",
-						"withImage"
-					]
-				},
 				{
 					kind: "component",
-					type: i7.ProgressSpinner,
+					type: ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -1793,9 +1767,14 @@ var ReplayEventCardComponent = class ReplayEventCardComponent extends AppBaseCom
 					]
 				},
 				{
-					kind: "directive",
-					type: i8.LazyImgDirective,
-					selector: "img"
+					kind: "component",
+					type: NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
 				},
 				{
 					kind: "component",
@@ -1808,9 +1787,33 @@ var ReplayEventCardComponent = class ReplayEventCardComponent extends AppBaseCom
 					],
 					outputs: ["updated"]
 				},
+				{
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "directive",
+					type: RouterLink,
+					selector: "[routerLink]",
+					inputs: [
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
+					]
+				},
 				{
 					kind: "pipe",
-					type: i10.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -1828,17 +1831,19 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-replay-event-card",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
+			imports: [
+				Bind,
+				ProgressSpinner,
+				NoDataComponent,
+				ResourceEditCardLazyComponent,
+				LazyImgDirective,
+				RouterLink,
+				TranslocoPipe
+			],
 			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        @if (resourceTitle) {\n          <h2 class=\"vault-heading\">{{resourceTitle}} Replays</h2>\n        } @else {\n          <h2 class=\"vault-heading\">Events &amp; Webinars Replays</h2>\n        }\n      </div>\n    </div>\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card vault-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"loadReplays()\">\n            </pw-resource-edit-card-lazy>\n            <h5 class=\"badge-title fw-bold\">REPLAY:</h5>\n            <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n            <img\n              [src]=\"post.picture.url\"\n              class=\"img-fluid my-3 mt-auto\"\n              alt=\"Webinar\" />\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [href]=\"post.external_url\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n      @if (pager?.hasMore) {\n        <button type=\"button\" class=\"resource-load-more\" [disabled]=\"isLoadingMore\" (click)=\"pager.loadMore()\">\n          {{ 'Resource.LoadMore' | transloco }}\n        </button>\n      }\n    }\n  </div>\n</section>\n",
 			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n", ".resource-load-more{display:block;margin:4rem auto 0;padding:10px 32px;border-radius:24px;border:1px solid var(--text-color, black);background-color:var(--text-color, black);color:#fff;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease}.resource-load-more:hover:not(:disabled){background:#fff;color:var(--text-color, black)}.resource-load-more:disabled{opacity:.6;cursor:default}\n"]
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: ResourceService },
-		{ type: i2.TagService },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i0.Injector }
-	],
 	propDecorators: {
 		showEventContent: [{ type: Input }],
 		categoryId: [{ type: Input }],
@@ -1848,11 +1853,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var UpcomingEventCardComponent = class UpcomingEventCardComponent extends AppBaseComponent {
-	constructor(resourceService, tagService, cdr, injector) {
-		super(injector);
-		this.resourceService = resourceService;
-		this.tagService = tagService;
-		this.cdr = cdr;
+	constructor() {
+		super(...arguments);
+		this.resourceService = inject(ResourceService);
+		this.tagService = inject(TagService);
+		this.cdr = inject(ChangeDetectorRef);
 		this.showEventContent = false;
 		this.postSlice = false;
 		this.canEditResourcesValue = false;
@@ -1944,12 +1949,7 @@ var UpcomingEventCardComponent = class UpcomingEventCardComponent extends AppBas
 			version: "22.2.3",
 			ngImport: i0,
 			type: UpcomingEventCardComponent,
-			deps: [
-				{ token: ResourceService },
-				{ token: i2.TagService },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i0.Injector }
-			],
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -1958,7 +1958,7 @@ var UpcomingEventCardComponent = class UpcomingEventCardComponent extends AppBas
 			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: UpcomingEventCardComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "pw-upcoming-event-card",
 			inputs: {
 				showEventContent: "showEventContent",
@@ -1977,42 +1977,27 @@ var UpcomingEventCardComponent = class UpcomingEventCardComponent extends AppBas
 			dependencies: [
 				{
 					kind: "directive",
-					type: i3.NgClass,
+					type: NgClass,
 					selector: "[ngClass]",
 					inputs: ["class", "ngClass"]
 				},
 				{
-					kind: "directive",
-					type: i4.RouterLink,
-					selector: "[routerLink]",
-					inputs: [
-						"target",
-						"queryParams",
-						"fragment",
-						"queryParamsHandling",
-						"state",
-						"info",
-						"relativeTo",
-						"preserveFragment",
-						"skipLocationChange",
-						"replaceUrl",
-						"browserUrl",
-						"routerLink"
-					]
+					kind: "ngmodule",
+					type: FormsModule
 				},
 				{
 					kind: "directive",
-					type: i5.DefaultValueAccessor,
+					type: i1.DefaultValueAccessor,
 					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgControlStatus,
+					type: i1.NgControlStatus,
 					selector: "[formControlName],[ngModel],[formControl]"
 				},
 				{
 					kind: "directive",
-					type: i5.NgModel,
+					type: i1.NgModel,
 					selector: "[ngModel]:not([formControlName]):not([formControl])",
 					inputs: [
 						"name",
@@ -2024,18 +2009,27 @@ var UpcomingEventCardComponent = class UpcomingEventCardComponent extends AppBas
 					exportAs: ["ngModel"]
 				},
 				{
-					kind: "component",
-					type: i6.NoDataComponent,
-					selector: "pw-no-data",
+					kind: "directive",
+					type: RouterLink,
+					selector: "[routerLink]",
 					inputs: [
-						"message",
-						"description",
-						"withImage"
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
 					]
 				},
 				{
 					kind: "component",
-					type: i7.ProgressSpinner,
+					type: ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -2047,21 +2041,14 @@ var UpcomingEventCardComponent = class UpcomingEventCardComponent extends AppBas
 						"fill"
 					]
 				},
-				{
-					kind: "directive",
-					type: i8.LazyImgDirective,
-					selector: "img"
-				},
 				{
 					kind: "component",
-					type: ReplayEventCardComponent,
-					selector: "pw-replay-event-card",
+					type: NoDataComponent,
+					selector: "pw-no-data",
 					inputs: [
-						"showEventContent",
-						"categoryId",
-						"resourceTitle",
-						"user",
-						"userLoggedIn"
+						"message",
+						"description",
+						"withImage"
 					]
 				},
 				{
@@ -2075,9 +2062,26 @@ var UpcomingEventCardComponent = class UpcomingEventCardComponent extends AppBas
 					],
 					outputs: ["updated"]
 				},
+				{
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "component",
+					type: ReplayEventCardComponent,
+					selector: "pw-replay-event-card",
+					inputs: [
+						"showEventContent",
+						"categoryId",
+						"resourceTitle",
+						"user",
+						"userLoggedIn"
+					]
+				},
 				{
 					kind: "pipe",
-					type: i10.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -2095,17 +2099,23 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-upcoming-event-card",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
+			imports: [
+				NgClass,
+				FormsModule,
+				RouterLink,
+				Bind,
+				ProgressSpinner,
+				NoDataComponent,
+				ResourceEditCardLazyComponent,
+				LazyImgDirective,
+				ReplayEventCardComponent,
+				TranslocoPipe
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
 			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    @if (showEventContent) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Events &amp; Webinars\n            }\n            @if (canEditResourcesValue) {\n              <i  class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_7936\" name=\"input_editedTitle_7936\"\n                aria-label=\"Input Edited Title 7936\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n        <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n      </div>\n    }\n    @if (!showEventContent) {\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          @if (!isEditingTitle) {\n            @if (resourceTitle) {\n              <span [innerHTML]=\"resourceTitle\"></span>\n            } @else {\n              Upcoming Events\n            }\n            @if (canEditResourcesValue) {\n              <i class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n            }\n          } @else {\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" id=\"input_editedTitle_7936\" name=\"input_editedTitle_7936\"\n                aria-label=\"Input Edited Title 7936\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          }\n        </h2>\n      </div>\n    }\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track trackByPostId($index, post)) {\n          <div class=\"resource-blog-card d text-center p-4\">\n            <pw-resource-edit-card-lazy\n            [canEdit]=\"canEditResourcesValue\"\n            [id]=\"post.id\"\n            [resourceData]=\"post\"\n            (updated)=\"refresh()\">\n            </pw-resource-edit-card-lazy>\n            @if (postSlice) {\n              <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n            } @else {\n              <h5 class=\"badge-title fw-bold\">\n                {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n              </h5>\n            }\n\n            <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n            <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [attr.aria-label]=\"'Open resource card: ' + (post?.title || 'article')\"\n            >\n              <img\n                [src]=\"post.picture?.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                loading=\"lazy\"\n              />\n            </a>\n\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\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=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n      @if (postSlice && pager?.hasMore) {\n        <button type=\"button\" class=\"resource-load-more\" [disabled]=\"isLoadingMore\" (click)=\"pager.loadMore()\">\n          {{ 'Resource.LoadMore' | transloco }}\n        </button>\n      }\n    }\n  </div>\n</section>\n\n\n@if (!showEventContent) {\n<section class=\"bg-white\">\n  <pw-replay-event-card [resourceTitle]=\"resourceTitle\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-replay-event-card>\n</section>\n}\n",
 			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-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}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-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;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!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){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n", ".resource-load-more{display:block;margin:4rem auto 0;padding:10px 32px;border-radius:24px;border:1px solid var(--text-color, black);background-color:var(--text-color, black);color:#fff;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease}.resource-load-more:hover:not(:disabled){background:#fff;color:var(--text-color, black)}.resource-load-more:disabled{opacity:.6;cursor:default}\n"]
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: ResourceService },
-		{ type: i2.TagService },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i0.Injector }
-	],
 	propDecorators: {
 		showEventContent: [{ type: Input }],
 		categoryId: [{ type: Input }],
@@ -2133,16 +2143,6 @@ var ResourceCardsModule = class ResourceCardsModule {
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceCardsModule,
-			declarations: [
-				ResourceVideoCardComponent,
-				UpcomingEventCardComponent,
-				ReplayEventCardComponent,
-				ResourceCardComponent,
-				CaseStudyCardComponent,
-				ResourceNoteCardComponent,
-				ResourceVaultComponent,
-				ResourceEditCardLazyComponent
-			],
 			imports: [
 				CommonModule,
 				RouterModule,
@@ -2157,7 +2157,15 @@ var ResourceCardsModule = class ResourceCardsModule {
 				DirectivesModule,
 				DragDropModule,
 				NgxCaptchaModule,
-				Trial4ContactUsModule
+				Trial4ContactUsModule,
+				ResourceVideoCardComponent,
+				UpcomingEventCardComponent,
+				ReplayEventCardComponent,
+				ResourceCardComponent,
+				CaseStudyCardComponent,
+				ResourceNoteCardComponent,
+				ResourceVaultComponent,
+				ResourceEditCardLazyComponent
 			],
 			exports: [
 				ResourceVideoCardComponent,
@@ -2193,6 +2201,13 @@ var ResourceCardsModule = class ResourceCardsModule {
 				DragDropModule,
 				NgxCaptchaModule,
 				Trial4ContactUsModule,
+				ResourceVideoCardComponent,
+				UpcomingEventCardComponent,
+				ReplayEventCardComponent,
+				ResourceCardComponent,
+				CaseStudyCardComponent,
+				ResourceNoteCardComponent,
+				ResourceVaultComponent,
 				Trial4ContactUsModule,
 				PaginatorModule
 			]
@@ -2207,16 +2222,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: NgModule,
 		args: [{
-			declarations: [
-				ResourceVideoCardComponent,
-				UpcomingEventCardComponent,
-				ReplayEventCardComponent,
-				ResourceCardComponent,
-				CaseStudyCardComponent,
-				ResourceNoteCardComponent,
-				ResourceVaultComponent,
-				ResourceEditCardLazyComponent
-			],
 			imports: [
 				CommonModule,
 				RouterModule,
@@ -2231,7 +2236,15 @@ i0.ɵɵngDeclareClassMetadata({
 				DirectivesModule,
 				DragDropModule,
 				NgxCaptchaModule,
-				Trial4ContactUsModule
+				Trial4ContactUsModule,
+				ResourceVideoCardComponent,
+				UpcomingEventCardComponent,
+				ReplayEventCardComponent,
+				ResourceCardComponent,
+				CaseStudyCardComponent,
+				ResourceNoteCardComponent,
+				ResourceVaultComponent,
+				ResourceEditCardLazyComponent
 			],
 			exports: [
 				ResourceVideoCardComponent,
@@ -2248,6 +2261,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
-export { BaseResourceComponent as a, ResourceNoteCardComponent as c, ResourceVaultComponent as i, ResourceEditCardLazyComponent as l, UpcomingEventCardComponent as n, ResourceCardComponent as o, ResourceVideoCardComponent as r, CaseStudyCardComponent as s, ResourceCardsModule as t, Trial4ContactUsModule as u };
+export { ResourceCardComponent as a, ResourceNoteCardComponent as c, Trial4ContactUsModule as d, BaseResourceComponent as i, ResourcePager as l, UpcomingEventCardComponent as n, CaseStudyCardComponent as o, ResourceVaultComponent as r, ResourceVideoCardComponent as s, ResourceCardsModule as t, ResourceEditCardLazyComponent as u };
 
-//# sourceMappingURL=posiwise-resource-module-resource-cards.module-D3yf7FNt.mjs.map
+//# sourceMappingURL=posiwise-resource-module-resource-cards.module-BSJpkk9V.mjs.map