@posiwise/resource-module 0.0.190 → 0.0.191

package/fesm2022/{posiwise-resource-module-posiwise-resource-module-BQQJRWpa.mjs → posiwise-resource-module-posiwise-resource-module-C-hPiIlg.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, ViewContainerRef, Output, Input, ViewChild, Component, ChangeDetectionStrategy } from '@angular/core';
+import { Injectable, NgModule, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, ViewContainerRef, Output, Input, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i2 from '@posiwise/common-services';
 import { HelperService } from '@posiwise/helper-service';
 import * as i1 from '@angular/router';
@@ -23,7 +23,7 @@ import { TextareaModule } from 'primeng/textarea';
 import * as i10 from '@jsverse/transloco';
 import { TranslocoModule } from '@jsverse/transloco';
 import { AppBaseComponent } from '@posiwise/app-base-component';
-import { Subject } from 'rxjs';
+import { Subject, forkJoin } from 'rxjs';
 import * as i5$1 from 'primeng/paginator';
 import { PaginatorModule } from 'primeng/paginator';
 import * as i2$1 from '@ng-bootstrap/ng-bootstrap';
@@ -122,43 +122,43 @@ const routes = [
     {
         path: '',
         pathMatch: 'full',
-        loadChildren: () => import('./posiwise-resource-module-resource-root.module-D0L-M3Xf.mjs').then(m => m.ResourceRootModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-root.module-D9-M2alB.mjs').then(m => m.ResourceRootModule)
     },
     {
         path: 'hub',
-        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-0G1ymGn3.mjs').then(m => m.ResourceHubModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-mSjREp_s.mjs').then(m => m.ResourceHubModule)
     },
     {
         path: 'blogs',
-        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-BR7TSMOR.mjs').then(m => m.ResourceBlogsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-CeRB6E1r.mjs').then(m => m.ResourceBlogsModule)
     },
     {
         path: 'videos',
-        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-BJz8jCt8.mjs').then(m => m.ResourceVideosModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-mBQ3w0lv.mjs').then(m => m.ResourceVideosModule)
     },
     {
         path: 'integrations',
-        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-Bmon54E1.mjs').then(m => m.ResourceIntegrationsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-BYM4LlIm.mjs').then(m => m.ResourceIntegrationsModule)
     },
     {
         path: 'release-notes',
-        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-Cfrtxu7y.mjs').then(m => m.ResourceReleaseNotesModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-fyZp_sFo.mjs').then(m => m.ResourceReleaseNotesModule)
     },
     {
         path: 'events',
-        loadChildren: () => import('./posiwise-resource-module-resource-events.module-C5Q81-a4.mjs').then(m => m.ResourceEventsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-events.module-BBHi-JUF.mjs').then(m => m.ResourceEventsModule)
     },
     {
         path: 'white-papers',
-        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-XAPem1wC.mjs').then(m => m.ResourceWhitePapersModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-IGdisYOV.mjs').then(m => m.ResourceWhitePapersModule)
     },
     {
         path: 'case-studies',
-        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-opMXWIeg.mjs').then(m => m.ResourceCaseStudiesModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-DL3JRVp5.mjs').then(m => m.ResourceCaseStudiesModule)
     },
     {
         path: 'view/:slug',
-        loadChildren: () => import('./posiwise-resource-module-resource-post.module-C5tpRpPE.mjs').then(m => m.ResourcePostModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-post.module-BhnGYNxN.mjs').then(m => m.ResourcePostModule)
     }
 ];
 class BlogPublicRoutingModule {
@@ -269,13 +269,14 @@ class ResourceEditCardLazyComponent {
         this.componentRef?.destroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceEditCardLazyComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: ResourceEditCardLazyComponent, isStandalone: false, selector: "pw-resource-edit-card-lazy", inputs: { id: "id", resourceData: "resourceData", canEdit: "canEdit" }, outputs: { updated: "updated" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["editCardContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<ng-container #editCardContainer></ng-container>`, isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: ResourceEditCardLazyComponent, isStandalone: false, selector: "pw-resource-edit-card-lazy", inputs: { id: "id", resourceData: "resourceData", canEdit: "canEdit" }, outputs: { updated: "updated" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["editCardContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<ng-container #editCardContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceEditCardLazyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pw-resource-edit-card-lazy',
                     template: `<ng-container #editCardContainer></ng-container>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { container: [{
@@ -355,11 +356,11 @@ class ResourceCompanyCardComponent extends AppBaseComponent {
             (!this.filteredData || this.filteredData.length === 0));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceCompanyCardComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceCompanyCardComponent, isStandalone: false, selector: "pw-resource-company-card", inputs: { header: "header", data: "data", integrationCountDisplay: "integrationCountDisplay", vendor: "vendor", user: "user", userLoggedIn: "userLoggedIn" }, outputs: { getPosts: "getPosts" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{ 'vendors-distributor-wrapper': !vendor }\">\n  <div class=\"d-flex justify-content-between align-items-center mb-3 search-container\">\n    <div>\n      <span class=\"int-span\">{{header}}</span>\n    </div>\n    @if (integrationCountDisplay > 0) {\n      <div class=\"search-wrapper position-relative\">\n        <i class=\"fa fa-search search-icon\"></i>\n        <input type=\"text\"\n          (keyup)=\"search($event.target.value)\"\n          placeholder=\"Search eg security\"\n          class=\"search-input top-search-input\" id=\"input_search_eg_security_9712\" name=\"input_search_eg_security_9712\" />\n      </div>\n    }\n\n  </div>\n\n  @if (postData) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n    </div>\n  }\n\n  @if (showNoPostsMessage) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"></pw-no-data>\n    </div>\n  }\n\n  @if (!postData && integrationCountDisplay > 0 && filteredData.length > 0) {\n    <div class=\"row\">\n      @for (img of filteredData | slice:first:(first + rows); track img) {\n        <div class=\"col-md-3 mt-4\"\n          >\n          <div class=\"boxes d-flex align-items-center justify-content-center\">\n            @if (img?.companyImg) {\n              <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n            } @else {\n              @if (img?.rectangular_picture?.url) {\n                @if (!img.rectangular_picture.url.includes('default-photo')) {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                    </a>\n                  } @else {\n                    <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                } @else {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <span class=\"vendor-name text-center mt-2\">{{ img?.title }}</span>\n                    </a>\n                  } @else {\n                    <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                }\n              } @else {\n                <ng-template [ngTemplateOutlet]=\"noImage\"></ng-template>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (filteredData.length > 0) {\n        <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n          >\n          <p-paginator\n            [first]=\"first\"\n            [rows]=\"rows\"\n            [totalRecords]=\"filteredData.length\"\n          (onPageChange)=\"onPageChange($event)\"></p-paginator>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;word-break:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "component", type: i5$1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceCompanyCardComponent, isStandalone: false, selector: "pw-resource-company-card", inputs: { header: "header", data: "data", integrationCountDisplay: "integrationCountDisplay", vendor: "vendor", user: "user", userLoggedIn: "userLoggedIn" }, outputs: { getPosts: "getPosts" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{ 'vendors-distributor-wrapper': !vendor }\">\n  <div class=\"d-flex justify-content-between align-items-center mb-3 search-container\">\n    <div>\n      <span class=\"int-span\">{{header}}</span>\n    </div>\n    @if (integrationCountDisplay > 0) {\n      <div class=\"search-wrapper position-relative\">\n        <i class=\"fa fa-search search-icon\"></i>\n        <input type=\"text\"\n          (keyup)=\"search($event.target.value)\"\n          placeholder=\"Search eg security\"\n          class=\"search-input top-search-input\" id=\"input_search_eg_security_9712\" name=\"input_search_eg_security_9712\" />\n      </div>\n    }\n\n  </div>\n\n  @if (postData) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n    </div>\n  }\n\n  @if (showNoPostsMessage) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"></pw-no-data>\n    </div>\n  }\n\n  @if (!postData && integrationCountDisplay > 0 && filteredData.length > 0) {\n    <div class=\"row\">\n      @for (img of filteredData | slice:first:(first + rows); track img) {\n        <div class=\"col-md-3 mt-4\"\n          >\n          <div class=\"boxes d-flex align-items-center justify-content-center\">\n            @if (img?.companyImg) {\n              <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n            } @else {\n              @if (img?.rectangular_picture?.url) {\n                @if (!img.rectangular_picture.url.includes('default-photo')) {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                    </a>\n                  } @else {\n                    <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                } @else {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <span class=\"vendor-name text-center mt-2\">{{ img?.title }}</span>\n                    </a>\n                  } @else {\n                    <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                }\n              } @else {\n                <ng-template [ngTemplateOutlet]=\"noImage\"></ng-template>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (filteredData.length > 0) {\n        <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n          >\n          <p-paginator\n            [first]=\"first\"\n            [rows]=\"rows\"\n            [totalRecords]=\"filteredData.length\"\n          (onPageChange)=\"onPageChange($event)\"></p-paginator>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;word-break:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "component", type: i5$1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceCompanyCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-company-card', standalone: false, template: "<div [ngClass]=\"{ 'vendors-distributor-wrapper': !vendor }\">\n  <div class=\"d-flex justify-content-between align-items-center mb-3 search-container\">\n    <div>\n      <span class=\"int-span\">{{header}}</span>\n    </div>\n    @if (integrationCountDisplay > 0) {\n      <div class=\"search-wrapper position-relative\">\n        <i class=\"fa fa-search search-icon\"></i>\n        <input type=\"text\"\n          (keyup)=\"search($event.target.value)\"\n          placeholder=\"Search eg security\"\n          class=\"search-input top-search-input\" id=\"input_search_eg_security_9712\" name=\"input_search_eg_security_9712\" />\n      </div>\n    }\n\n  </div>\n\n  @if (postData) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n    </div>\n  }\n\n  @if (showNoPostsMessage) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"></pw-no-data>\n    </div>\n  }\n\n  @if (!postData && integrationCountDisplay > 0 && filteredData.length > 0) {\n    <div class=\"row\">\n      @for (img of filteredData | slice:first:(first + rows); track img) {\n        <div class=\"col-md-3 mt-4\"\n          >\n          <div class=\"boxes d-flex align-items-center justify-content-center\">\n            @if (img?.companyImg) {\n              <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n            } @else {\n              @if (img?.rectangular_picture?.url) {\n                @if (!img.rectangular_picture.url.includes('default-photo')) {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                    </a>\n                  } @else {\n                    <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                } @else {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <span class=\"vendor-name text-center mt-2\">{{ img?.title }}</span>\n                    </a>\n                  } @else {\n                    <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                }\n              } @else {\n                <ng-template [ngTemplateOutlet]=\"noImage\"></ng-template>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (filteredData.length > 0) {\n        <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n          >\n          <p-paginator\n            [first]=\"first\"\n            [rows]=\"rows\"\n            [totalRecords]=\"filteredData.length\"\n          (onPageChange)=\"onPageChange($event)\"></p-paginator>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;word-break:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"] }]
+            args: [{ selector: 'pw-resource-company-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [ngClass]=\"{ 'vendors-distributor-wrapper': !vendor }\">\n  <div class=\"d-flex justify-content-between align-items-center mb-3 search-container\">\n    <div>\n      <span class=\"int-span\">{{header}}</span>\n    </div>\n    @if (integrationCountDisplay > 0) {\n      <div class=\"search-wrapper position-relative\">\n        <i class=\"fa fa-search search-icon\"></i>\n        <input type=\"text\"\n          (keyup)=\"search($event.target.value)\"\n          placeholder=\"Search eg security\"\n          class=\"search-input top-search-input\" id=\"input_search_eg_security_9712\" name=\"input_search_eg_security_9712\" />\n      </div>\n    }\n\n  </div>\n\n  @if (postData) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n    </div>\n  }\n\n  @if (showNoPostsMessage) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"></pw-no-data>\n    </div>\n  }\n\n  @if (!postData && integrationCountDisplay > 0 && filteredData.length > 0) {\n    <div class=\"row\">\n      @for (img of filteredData | slice:first:(first + rows); track img) {\n        <div class=\"col-md-3 mt-4\"\n          >\n          <div class=\"boxes d-flex align-items-center justify-content-center\">\n            @if (img?.companyImg) {\n              <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n            } @else {\n              @if (img?.rectangular_picture?.url) {\n                @if (!img.rectangular_picture.url.includes('default-photo')) {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                    </a>\n                  } @else {\n                    <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                } @else {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <span class=\"vendor-name text-center mt-2\">{{ img?.title }}</span>\n                    </a>\n                  } @else {\n                    <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                }\n              } @else {\n                <ng-template [ngTemplateOutlet]=\"noImage\"></ng-template>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (filteredData.length > 0) {\n        <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n          >\n          <p-paginator\n            [first]=\"first\"\n            [rows]=\"rows\"\n            [totalRecords]=\"filteredData.length\"\n          (onPageChange)=\"onPageChange($event)\"></p-paginator>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;word-break:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { getPosts: [{
                 type: Output
             }], header: [{
@@ -450,11 +451,11 @@ class ResourceTopBannerEditComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceTopBannerEditComponent, deps: [{ token: i5$2.FormBuilder }, { token: i2$1.NgbModal }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceTopBannerEditComponent, isStandalone: false, selector: "pw-resource-top-banner-edit", inputs: { blogPostTag: "blogPostTag", user: "user", userLoggedIn: "userLoggedIn" }, outputs: { getUpdatedTag: "getUpdatedTag" }, viewQueries: [{ propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "imageCropContent", first: true, predicate: ["imageCropContent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n    (click)=\"openEditModal()\"\n    (keydown.enter)=\"openEditModal()\"\n    (keydown.space)=\"openEditModal()\"\n  title=\"Edit Blog Tag\"></i>\n</div>\n\n<ng-template #editModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"row\">\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Description\" name=\"description\" controlId=\"resource-top-banner-description\">\n            <textarea id=\"resource-top-banner-description\" name=\"description\" class=\"form-control\" rows=\"4\" formControlName=\"description\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" id=\"input_meta_title_2\" name=\"input_meta_title_2\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Description\" name=\"meta_description\" controlId=\"resource-top-banner-meta_description\">\n            <textarea id=\"resource-top-banner-meta_description\" name=\"meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 my-4\">\n          <span id=\"resource-top-banner-tag-image-label\" class=\"pw-label-style\">Blog Tag Image</span>\n          <div class=\"text-center d-flex flex-column align-items-center col-6\">\n            <img [src]=\"image || defaultImage\"\n              (click)=\"openImageModal(imageCropContent)\"\n              (keydown.enter)=\"openImageModal(imageCropContent)\"\n              (keydown.space)=\"openImageModal(imageCropContent)\"\n              class=\"image w-100\"\n              alt=\"Blog\"\n              (error)=\"handleImageError($event)\"\n              />\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <a class=\"d-inline-block mt-2\"\n                (click)=\"openImageModal(imageCropContent)\">\n                {{ image ? 'Update' : 'Add' }} Image\n              </a>\n              @if (image) {\n                <i\n                  class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                  title=\"Remove Image\"\n                  (keydown.enter)=\"removeImage()\"\n                  (keydown.space)=\"removeImage()\"\n                (click)=\"removeImage()\"></i>\n              }\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Image</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "controlId", "useAriaLabelledbyOnly", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceTopBannerEditComponent, isStandalone: false, selector: "pw-resource-top-banner-edit", inputs: { blogPostTag: "blogPostTag", user: "user", userLoggedIn: "userLoggedIn" }, outputs: { getUpdatedTag: "getUpdatedTag" }, viewQueries: [{ propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "imageCropContent", first: true, predicate: ["imageCropContent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n    (click)=\"openEditModal()\"\n    (keydown.enter)=\"openEditModal()\"\n    (keydown.space)=\"openEditModal()\"\n  title=\"Edit Blog Tag\"></i>\n</div>\n\n<ng-template #editModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"row\">\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Description\" name=\"description\" controlId=\"resource-top-banner-description\">\n            <textarea id=\"resource-top-banner-description\" name=\"description\" class=\"form-control\" rows=\"4\" formControlName=\"description\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" id=\"input_meta_title_2\" name=\"input_meta_title_2\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Description\" name=\"meta_description\" controlId=\"resource-top-banner-meta_description\">\n            <textarea id=\"resource-top-banner-meta_description\" name=\"meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 my-4\">\n          <span id=\"resource-top-banner-tag-image-label\" class=\"pw-label-style\">Blog Tag Image</span>\n          <div class=\"text-center d-flex flex-column align-items-center col-6\">\n            <img [src]=\"image || defaultImage\"\n              (click)=\"openImageModal(imageCropContent)\"\n              (keydown.enter)=\"openImageModal(imageCropContent)\"\n              (keydown.space)=\"openImageModal(imageCropContent)\"\n              class=\"image w-100\"\n              alt=\"Blog\"\n              (error)=\"handleImageError($event)\"\n              />\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <a class=\"d-inline-block mt-2\"\n                (click)=\"openImageModal(imageCropContent)\">\n                {{ image ? 'Update' : 'Add' }} Image\n              </a>\n              @if (image) {\n                <i\n                  class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                  title=\"Remove Image\"\n                  (keydown.enter)=\"removeImage()\"\n                  (keydown.space)=\"removeImage()\"\n                (click)=\"removeImage()\"></i>\n              }\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Image</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "controlId", "useAriaLabelledbyOnly", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceTopBannerEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-top-banner-edit', standalone: false, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n    (click)=\"openEditModal()\"\n    (keydown.enter)=\"openEditModal()\"\n    (keydown.space)=\"openEditModal()\"\n  title=\"Edit Blog Tag\"></i>\n</div>\n\n<ng-template #editModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"row\">\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Description\" name=\"description\" controlId=\"resource-top-banner-description\">\n            <textarea id=\"resource-top-banner-description\" name=\"description\" class=\"form-control\" rows=\"4\" formControlName=\"description\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" id=\"input_meta_title_2\" name=\"input_meta_title_2\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Description\" name=\"meta_description\" controlId=\"resource-top-banner-meta_description\">\n            <textarea id=\"resource-top-banner-meta_description\" name=\"meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 my-4\">\n          <span id=\"resource-top-banner-tag-image-label\" class=\"pw-label-style\">Blog Tag Image</span>\n          <div class=\"text-center d-flex flex-column align-items-center col-6\">\n            <img [src]=\"image || defaultImage\"\n              (click)=\"openImageModal(imageCropContent)\"\n              (keydown.enter)=\"openImageModal(imageCropContent)\"\n              (keydown.space)=\"openImageModal(imageCropContent)\"\n              class=\"image w-100\"\n              alt=\"Blog\"\n              (error)=\"handleImageError($event)\"\n              />\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <a class=\"d-inline-block mt-2\"\n                (click)=\"openImageModal(imageCropContent)\">\n                {{ image ? 'Update' : 'Add' }} Image\n              </a>\n              @if (image) {\n                <i\n                  class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                  title=\"Remove Image\"\n                  (keydown.enter)=\"removeImage()\"\n                  (keydown.space)=\"removeImage()\"\n                (click)=\"removeImage()\"></i>\n              }\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Image</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pw-resource-top-banner-edit', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n    (click)=\"openEditModal()\"\n    (keydown.enter)=\"openEditModal()\"\n    (keydown.space)=\"openEditModal()\"\n  title=\"Edit Blog Tag\"></i>\n</div>\n\n<ng-template #editModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"row\">\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Description\" name=\"description\" controlId=\"resource-top-banner-description\">\n            <textarea id=\"resource-top-banner-description\" name=\"description\" class=\"form-control\" rows=\"4\" formControlName=\"description\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" id=\"input_meta_title_2\" name=\"input_meta_title_2\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Description\" name=\"meta_description\" controlId=\"resource-top-banner-meta_description\">\n            <textarea id=\"resource-top-banner-meta_description\" name=\"meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 my-4\">\n          <span id=\"resource-top-banner-tag-image-label\" class=\"pw-label-style\">Blog Tag Image</span>\n          <div class=\"text-center d-flex flex-column align-items-center col-6\">\n            <img [src]=\"image || defaultImage\"\n              (click)=\"openImageModal(imageCropContent)\"\n              (keydown.enter)=\"openImageModal(imageCropContent)\"\n              (keydown.space)=\"openImageModal(imageCropContent)\"\n              class=\"image w-100\"\n              alt=\"Blog\"\n              (error)=\"handleImageError($event)\"\n              />\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <a class=\"d-inline-block mt-2\"\n                (click)=\"openImageModal(imageCropContent)\">\n                {{ image ? 'Update' : 'Add' }} Image\n              </a>\n              @if (image) {\n                <i\n                  class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                  title=\"Remove Image\"\n                  (keydown.enter)=\"removeImage()\"\n                  (keydown.space)=\"removeImage()\"\n                (click)=\"removeImage()\"></i>\n              }\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Image</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i5$2.FormBuilder }, { type: i2$1.NgbModal }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { blogPostTag: [{
                 type: Input
             }], user: [{
@@ -613,11 +614,11 @@ class ResourceNoteCardComponent extends AppBaseComponent {
         return this.canEditResourcesValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceNoteCardComponent, deps: [{ token: i0.Injector }, { token: ResourceService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceNoteCardComponent, isStandalone: false, selector: "pw-resource-note-card", inputs: { releaseHeader: "releaseHeader", categoryId: "categoryId", isReleasePress: "isReleasePress", isResource: "isResource", postSlice: "postSlice", resourceTitle: "resourceTitle", tag: "tag", user: "user", userLoggedIn: "userLoggedIn" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (hasProductReleases()) {\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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 (hasProductReleases()) {\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) {\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)=\"getProductReleasePosts(1, 100)\">\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            } @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            }\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</section>\n}\n@if (isReleasePress && hasPressReleases()) {\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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 (hasPressReleases()) {\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) {\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)=\"getPressReleasePosts(1, 100)\">\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            } @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            }\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\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"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceNoteCardComponent, isStandalone: false, selector: "pw-resource-note-card", inputs: { releaseHeader: "releaseHeader", categoryId: "categoryId", isReleasePress: "isReleasePress", isResource: "isResource", postSlice: "postSlice", resourceTitle: "resourceTitle", tag: "tag", user: "user", userLoggedIn: "userLoggedIn" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (hasProductReleases()) {\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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 (hasProductReleases()) {\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)=\"getProductReleasePosts(1, 100)\">\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                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</section>\n}\n@if (isReleasePress && hasPressReleases()) {\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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 (hasPressReleases()) {\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)=\"getPressReleasePosts(1, 100)\">\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                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\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"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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: "21.2.6", ngImport: i0, type: ResourceNoteCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-note-card', standalone: false, template: "@if (hasProductReleases()) {\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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 (hasProductReleases()) {\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) {\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)=\"getProductReleasePosts(1, 100)\">\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            } @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            }\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</section>\n}\n@if (isReleasePress && hasPressReleases()) {\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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 (hasPressReleases()) {\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) {\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)=\"getPressReleasePosts(1, 100)\">\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            } @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            }\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\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"] }]
+            args: [{ selector: 'pw-resource-note-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (hasProductReleases()) {\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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 (hasProductReleases()) {\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)=\"getProductReleasePosts(1, 100)\">\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                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</section>\n}\n@if (isReleasePress && hasPressReleases()) {\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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 (hasPressReleases()) {\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)=\"getPressReleasePosts(1, 100)\">\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                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\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"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: ResourceService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }], propDecorators: { releaseHeader: [{
                 type: Input
             }], categoryId: [{
@@ -711,11 +712,11 @@ class CaseStudyCardComponent extends AppBaseComponent {
         return post.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: CaseStudyCardComponent, deps: [{ token: i0.Injector }, { token: ResourceService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: CaseStudyCardComponent, isStandalone: false, selector: "pw-case-studies-card", inputs: { showCaseStudyHeader: "showCaseStudyHeader", categoryId: "categoryId", postSlice: "postSlice", tag: "tag", resourceTitle: "resourceTitle", user: "user", userLoggedIn: "userLoggedIn" }, 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\" id=\"case-studies\" [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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)) {\n          <div class=\"testimonial-box\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, 100)\">\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                  loading=\"lazy\" />\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                  loading=\"lazy\" />\n              }\n              @if (post?.external_url) {\n                <a\n                  class=\"read-more-btn-overlay\"\n                  aria-label=\"Navigate to external url\"\n                  [href]=\"post.external_url\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"arrow\">\u2192</span>\n                </a>\n              } @else {\n                <a class=\"read-more-btn-overlay\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"arrow\">\u2192</span>\n                </a>\n              }\n            </div>\n          </div>\n        }\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"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: CaseStudyCardComponent, isStandalone: false, selector: "pw-case-studies-card", inputs: { showCaseStudyHeader: "showCaseStudyHeader", categoryId: "categoryId", postSlice: "postSlice", tag: "tag", resourceTitle: "resourceTitle", user: "user", userLoggedIn: "userLoggedIn" }, 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\" id=\"case-studies\" [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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)=\"getPosts(1, 100)\">\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                  aria-label=\"Navigate to external url\"\n                  [href]=\"post.external_url\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"arrow\">\u2192</span>\n                </a>\n              } @else {\n                <a class=\"read-more-btn-overlay\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"arrow\">\u2192</span>\n                </a>\n              }\n            </div>\n          </div>\n        }\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"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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: "21.2.6", ngImport: i0, type: CaseStudyCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-case-studies-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\" id=\"case-studies\" [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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)) {\n          <div class=\"testimonial-box\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, 100)\">\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                  loading=\"lazy\" />\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                  loading=\"lazy\" />\n              }\n              @if (post?.external_url) {\n                <a\n                  class=\"read-more-btn-overlay\"\n                  aria-label=\"Navigate to external url\"\n                  [href]=\"post.external_url\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"arrow\">\u2192</span>\n                </a>\n              } @else {\n                <a class=\"read-more-btn-overlay\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"arrow\">\u2192</span>\n                </a>\n              }\n            </div>\n          </div>\n        }\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"] }]
+            args: [{ selector: 'pw-case-studies-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\" id=\"case-studies\" [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          <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)=\"getPosts(1, 100)\">\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                  aria-label=\"Navigate to external url\"\n                  [href]=\"post.external_url\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"arrow\">\u2192</span>\n                </a>\n              } @else {\n                <a class=\"read-more-btn-overlay\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n                  <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                  <span class=\"arrow\">\u2192</span>\n                </a>\n              }\n            </div>\n          </div>\n        }\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"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: ResourceService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }], propDecorators: { showCaseStudyHeader: [{
                 type: Input
             }], categoryId: [{
@@ -801,11 +802,11 @@ class ResourceCardComponent extends AppBaseComponent {
         return this.canEditResourcesValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceCardComponent, deps: [{ token: i0.Injector }, { token: ResourceService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceCardComponent, isStandalone: false, 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" }, 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\u2019s 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\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)=\"getPosts(1, 100)\">\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              aria-label=\"Navigate to resource\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n              /></a>\n              @if (post?.external_url) {\n                <a\n                  class=\"resource-btn mt-3\"\n                  [href]=\"post.external_url\"\n                  aria-label=\"Navigate to external url\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [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=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceCardComponent, isStandalone: false, 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" }, 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 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)=\"getPosts(1, 100)\">\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              aria-label=\"Navigate to resource\"\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                  aria-label=\"Navigate to external url\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [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=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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: "21.2.6", ngImport: i0, type: ResourceCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-cards', standalone: false, 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\u2019s 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\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)=\"getPosts(1, 100)\">\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              aria-label=\"Navigate to resource\"\n              >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n              /></a>\n              @if (post?.external_url) {\n                <a\n                  class=\"resource-btn mt-3\"\n                  [href]=\"post.external_url\"\n                  aria-label=\"Navigate to external url\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [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=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\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"] }]
+            args: [{ selector: 'pw-resource-cards', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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 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)=\"getPosts(1, 100)\">\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              aria-label=\"Navigate to resource\"\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                  aria-label=\"Navigate to external url\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [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=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\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: [{
@@ -880,11 +881,18 @@ class BaseResourceComponent extends AppBaseComponent {
     }
     getTags() {
         this.isLoaded = false;
-        this.tagService
-            .getAllTagCategories({ search: this.getSearchTerm() }, this.getEffectiveSubscriptionId())
-            .subscribe(response => {
-            this.tagCategory = response?.tag_categories?.[0];
-            this.getPostTags();
+        forkJoin({
+            categories: this.tagService.getAllTagCategories({ search: this.getSearchTerm() }, this.getEffectiveSubscriptionId()),
+            tags: this.tagService.getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())
+        })
+            .subscribe(({ categories, tags }) => {
+            this.tagCategory = categories?.tag_categories?.[0];
+            this.blogPostTag = tags.tags.find(tag => tag.tag_category_id === this.tagCategory?.id);
+            this.getPosts(1, 100);
+            this.cdr.markForCheck();
+        })
+            .add(() => {
+            this.isLoaded = true;
             this.cdr.markForCheck();
         });
     }
@@ -892,12 +900,7 @@ class BaseResourceComponent extends AppBaseComponent {
         this.tagService
             .getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())
             .subscribe(response => {
-            if (this.shouldUseTagCategories()) {
-                this.blogPostTag = response.tags.find(tag => tag.tag_category_id === this.tagCategory?.id);
-            }
-            else {
-                this.blogPostTag = response.tags.find(tag => tag.name === this.getResourceType());
-            }
+            this.blogPostTag = response.tags.find(tag => tag.name === this.getResourceType());
             this.getPosts(1, 100);
             this.cdr.markForCheck();
         })
@@ -965,12 +968,13 @@ class BaseResourceComponent extends AppBaseComponent {
         return this.canEditResourcesValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BaseResourceComponent, deps: [{ token: ResourceService }, { token: i2.TagService }, { token: i2.AuthService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: BaseResourceComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: BaseResourceComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BaseResourceComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: ResourceService }, { type: i2.TagService }, { type: i2.AuthService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }] });
@@ -1019,11 +1023,11 @@ class ResourceVaultComponent extends BaseResourceComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceVaultComponent, deps: [{ token: ResourceService }, { token: i2.TagService }, { token: i2.AuthService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceVaultComponent, isStandalone: false, selector: "pw-resource--vault", inputs: { showVaultSection: "showVaultSection", postSlice: "postSlice", categoryId: "categoryId", resourceTitle: "resourceTitle", tag: "tag" }, outputs: { isLoadedChange: "isLoadedChange" }, 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)=\"getPosts(1, 100)\">\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              aria-label=\"Navigate to resource\"\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                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [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=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\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: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceVaultComponent, isStandalone: false, selector: "pw-resource--vault", inputs: { showVaultSection: "showVaultSection", postSlice: "postSlice", categoryId: "categoryId", resourceTitle: "resourceTitle", tag: "tag" }, outputs: { isLoadedChange: "isLoadedChange" }, 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)=\"getPosts(1, 100)\">\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              aria-label=\"Navigate to resource\"\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                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [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=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\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: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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: "21.2.6", ngImport: i0, type: ResourceVaultComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource--vault', 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)=\"getPosts(1, 100)\">\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              aria-label=\"Navigate to resource\"\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                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [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=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\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"] }]
+            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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)=\"getPosts(1, 100)\">\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              aria-label=\"Navigate to resource\"\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                aria-label=\"Navigate to external url\"\n                [href]=\"post.external_url\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"arrow\">\u2192</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [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=\"arrow\">\u2192</span>\n              </a>\n            }\n          </div>\n        }\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: [{
@@ -1131,11 +1135,11 @@ class ResourceVideoCardComponent extends AppBaseComponent {
         return post.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceVideoCardComponent, deps: [{ token: i3$1.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: "21.2.6", type: ResourceVideoCardComponent, isStandalone: false, selector: "pw-resource-video-card", inputs: { showVideoSection: "showVideoSection", categoryId: "categoryId", tag: "tag", postSlice: "postSlice", resourceTitle: "resourceTitle", user: "user", userLoggedIn: "userLoggedIn" }, 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)) {\n          <div class=\"resource-blog-card\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, 10)\">\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                loading=\"lazy\" />\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\">\u2192</span>\n            </a>\n          </div>\n        }\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, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceVideoCardComponent, isStandalone: false, selector: "pw-resource-video-card", inputs: { showVideoSection: "showVideoSection", categoryId: "categoryId", tag: "tag", postSlice: "postSlice", resourceTitle: "resourceTitle", user: "user", userLoggedIn: "userLoggedIn" }, 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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)=\"getPosts(1, 10)\">\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\">\u2192</span>\n            </a>\n          </div>\n        }\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, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.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-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i5.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: "21.2.6", ngImport: i0, type: ResourceVideoCardComponent, decorators: [{
             type: Component,
-            args: [{ 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\">\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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)) {\n          <div class=\"resource-blog-card\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, 10)\">\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                loading=\"lazy\" />\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\">\u2192</span>\n            </a>\n          </div>\n        }\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"] }]
+            args: [{ 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\">\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            <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-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\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)=\"getPosts(1, 10)\">\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\">\u2192</span>\n            </a>\n          </div>\n        }\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: i3$1.DomSanitizer }, { type: ResourceService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { showVideoSection: [{
                 type: Input
             }], categoryId: [{
@@ -1728,11 +1732,11 @@ class ResourceEditCardComponent extends AppBaseComponent {
         HelperService.handleImageFallbackPath(event, fallbackPath);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceEditCardComponent, deps: [{ token: i5$2.FormBuilder }, { token: i2$1.NgbModal }, { token: ResourceService }, { token: i2.AuthService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceEditCardComponent, isStandalone: false, selector: "pw-resource-edit-card", inputs: { id: "id", resourceData: "resourceData" }, outputs: { updated: "updated" }, usesInheritance: true, ngImport: i0, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n    (click)=\"openModal(editResourceModal)\"\n    (keydown.enter)=\"openModal(editResourceModal)\"\n    (keydown.space)=\"openModal(editResourceModal)\"\n  title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n      (click)=\"navigateToResourceEdit()\"\n      (keydown.enter)=\"navigateToResourceEdit()\"\n      (keydown.space)=\"navigateToResourceEdit()\"\n    title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" id=\"input_cta_text_2\" name=\"input_cta_text_2\"/>\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" id=\"input_external_url_3\" name=\"input_external_url_3\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            [errorMsg]=\"'Resource.Posts.Validation.Body' | transloco\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-datepicker inputId=\"resource-edit-card-when\" formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-datepicker>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-autoComplete appendTo=\"body\" [(ngModel)]=\"selectedTags\"\n              class=\"body-bg\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              optionLabel=\"name\"\n              (completeMethod)=\"search($event)\"\n              styleClass=\"w-100\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-autoComplete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-cover-picture-label\" class=\"pw-label-style\">{{ 'Resource.Posts.CoverPicture' | transloco }}</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                (click)=\"openImageModal(imageCropContent)\"\n                (keydown.enter)=\"openImageModal(imageCropContent)\"\n                class=\"image w-100\"\n                alt=\"Modal\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (image && !image.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"removeImage()\"\n                  (keydown.enter)=\"removeImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-rectangular-picture-label\" class=\"pw-label-style\">Rectangular Picture</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                (click)=\"openRectModal(rectContent)\"\n                (keydown.enter)=\"openRectModal(rectContent)\"\n                class=\"image w-100\"\n                alt=\"Uploaded rectangular media preview\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (rectangularImage && !rectangularImage.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"deleteRectangularImage()\"\n                  (keydown.enter)=\"deleteRectangularImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"modal.close()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .modal-content{margin-top:5rem!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$1.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i7$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i8.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "controlId", "useAriaLabelledbyOnly", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: i11.QuillEditorComponent, selector: "quill-editor" }, { kind: "component", type: i12.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceEditCardComponent, isStandalone: false, selector: "pw-resource-edit-card", inputs: { id: "id", resourceData: "resourceData" }, outputs: { updated: "updated" }, usesInheritance: true, ngImport: i0, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n    (click)=\"openModal(editResourceModal)\"\n    (keydown.enter)=\"openModal(editResourceModal)\"\n    (keydown.space)=\"openModal(editResourceModal)\"\n  title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n      (click)=\"navigateToResourceEdit()\"\n      (keydown.enter)=\"navigateToResourceEdit()\"\n      (keydown.space)=\"navigateToResourceEdit()\"\n    title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" id=\"input_cta_text_2\" name=\"input_cta_text_2\"/>\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" id=\"input_external_url_3\" name=\"input_external_url_3\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            [errorMsg]=\"'Resource.Posts.Validation.Body' | transloco\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-datepicker inputId=\"resource-edit-card-when\" formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-datepicker>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-autoComplete appendTo=\"body\" [(ngModel)]=\"selectedTags\"\n              class=\"body-bg\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              optionLabel=\"name\"\n              (completeMethod)=\"search($event)\"\n              styleClass=\"w-100\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-autoComplete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-cover-picture-label\" class=\"pw-label-style\">{{ 'Resource.Posts.CoverPicture' | transloco }}</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                (click)=\"openImageModal(imageCropContent)\"\n                (keydown.enter)=\"openImageModal(imageCropContent)\"\n                class=\"image w-100\"\n                alt=\"Modal\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (image && !image.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"removeImage()\"\n                  (keydown.enter)=\"removeImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-rectangular-picture-label\" class=\"pw-label-style\">Rectangular Picture</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                (click)=\"openRectModal(rectContent)\"\n                (keydown.enter)=\"openRectModal(rectContent)\"\n                class=\"image w-100\"\n                alt=\"Uploaded rectangular media preview\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (rectangularImage && !rectangularImage.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"deleteRectangularImage()\"\n                  (keydown.enter)=\"deleteRectangularImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"modal.close()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .modal-content{margin-top:5rem!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$1.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i7$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i8.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "controlId", "useAriaLabelledbyOnly", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: i11.QuillEditorComponent, selector: "quill-editor" }, { kind: "component", type: i12.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceEditCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-edit-card', standalone: false, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n    (click)=\"openModal(editResourceModal)\"\n    (keydown.enter)=\"openModal(editResourceModal)\"\n    (keydown.space)=\"openModal(editResourceModal)\"\n  title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n      (click)=\"navigateToResourceEdit()\"\n      (keydown.enter)=\"navigateToResourceEdit()\"\n      (keydown.space)=\"navigateToResourceEdit()\"\n    title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" id=\"input_cta_text_2\" name=\"input_cta_text_2\"/>\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" id=\"input_external_url_3\" name=\"input_external_url_3\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            [errorMsg]=\"'Resource.Posts.Validation.Body' | transloco\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-datepicker inputId=\"resource-edit-card-when\" formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-datepicker>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-autoComplete appendTo=\"body\" [(ngModel)]=\"selectedTags\"\n              class=\"body-bg\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              optionLabel=\"name\"\n              (completeMethod)=\"search($event)\"\n              styleClass=\"w-100\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-autoComplete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-cover-picture-label\" class=\"pw-label-style\">{{ 'Resource.Posts.CoverPicture' | transloco }}</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                (click)=\"openImageModal(imageCropContent)\"\n                (keydown.enter)=\"openImageModal(imageCropContent)\"\n                class=\"image w-100\"\n                alt=\"Modal\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (image && !image.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"removeImage()\"\n                  (keydown.enter)=\"removeImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-rectangular-picture-label\" class=\"pw-label-style\">Rectangular Picture</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                (click)=\"openRectModal(rectContent)\"\n                (keydown.enter)=\"openRectModal(rectContent)\"\n                class=\"image w-100\"\n                alt=\"Uploaded rectangular media preview\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (rectangularImage && !rectangularImage.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"deleteRectangularImage()\"\n                  (keydown.enter)=\"deleteRectangularImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"modal.close()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .modal-content{margin-top:5rem!important}\n"] }]
+            args: [{ selector: 'pw-resource-edit-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n    (click)=\"openModal(editResourceModal)\"\n    (keydown.enter)=\"openModal(editResourceModal)\"\n    (keydown.space)=\"openModal(editResourceModal)\"\n  title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n      (click)=\"navigateToResourceEdit()\"\n      (keydown.enter)=\"navigateToResourceEdit()\"\n      (keydown.space)=\"navigateToResourceEdit()\"\n    title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" id=\"input_cta_text_2\" name=\"input_cta_text_2\"/>\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" id=\"input_external_url_3\" name=\"input_external_url_3\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            [errorMsg]=\"'Resource.Posts.Validation.Body' | transloco\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-datepicker inputId=\"resource-edit-card-when\" formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-datepicker>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-autoComplete appendTo=\"body\" [(ngModel)]=\"selectedTags\"\n              class=\"body-bg\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              optionLabel=\"name\"\n              (completeMethod)=\"search($event)\"\n              styleClass=\"w-100\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-autoComplete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-cover-picture-label\" class=\"pw-label-style\">{{ 'Resource.Posts.CoverPicture' | transloco }}</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                (click)=\"openImageModal(imageCropContent)\"\n                (keydown.enter)=\"openImageModal(imageCropContent)\"\n                class=\"image w-100\"\n                alt=\"Modal\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (image && !image.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"removeImage()\"\n                  (keydown.enter)=\"removeImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-rectangular-picture-label\" class=\"pw-label-style\">Rectangular Picture</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                (click)=\"openRectModal(rectContent)\"\n                (keydown.enter)=\"openRectModal(rectContent)\"\n                class=\"image w-100\"\n                alt=\"Uploaded rectangular media preview\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (rectangularImage && !rectangularImage.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"deleteRectangularImage()\"\n                  (keydown.enter)=\"deleteRectangularImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"modal.close()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .modal-content{margin-top:5rem!important}\n"] }]
         }], ctorParameters: () => [{ type: i5$2.FormBuilder }, { type: i2$1.NgbModal }, { type: ResourceService }, { type: i2.AuthService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { id: [{
                 type: Input
             }], resourceData: [{
@@ -1861,11 +1865,11 @@ class TestimonialCardListComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TestimonialCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: TestimonialCardListComponent, isStandalone: false, selector: "pw-testimonial-card", inputs: { posts: "posts", postHeader: "postHeader", canEdit: "canEdit" }, outputs: { editPost: "editPost" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"resource-section section-outer bg-white\">\n  <div class=\"container\">\n    @if (postHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n        <h2 class=\"section-heading\">{{postHeader}}</h2>\n      </div>\n    }\n    @if (posts.length === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    <div [hidden]=\"posts.length === 0\">\n      <div class=\"swiper-container\">\n        <div class=\"swiper-wrapper\">\n          @for (post of posts; track post) {\n            <div class=\"swiper-slide\">\n              <div class=\"testimonial-box\">\n                <pw-resource-edit-card-lazy\n                  [canEdit]=\"canEdit\"\n                  [id]=\"post.id\"\n                  [resourceData]=\"post\"\n                  (updated)=\"editPost.emit(1, 100)\">\n                </pw-resource-edit-card-lazy>\n                <div class=\"stars mb-5\">\u2605\u2605\u2605\u2605\u2605</div>\n                <div class=\"testimonial-content\">\n                  <div class=\"ql-container ql-snow ql-res\">\n                    <div class=\"ql-editor\"\n                      [innerHTML]=\"post?.body\">\n                    </div>\n                  </div>\n                </div>\n                <!-- THIS STAYS AT BOTTOM -->\n                <div class=\"avatar-container\">\n                  @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                    <img\n                      [src]=\"post.rectangular_picture.url\"\n                      alt=\"Logo\"\n                      class=\"testimonial-logo mt-4\"\n                      />\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n        <div class=\"swiper-pagination\"></div>\n        <div class=\"swiper-button-prev\"></div>\n        <div class=\"swiper-button-next\"></div>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".resource-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=767px){.container{padding:0 1rem!important}}.ql-res{resize:none!important;border-width:0}.swiper-container{padding:20px;position:relative;overflow:hidden}@media(width>=768px){.swiper-container{padding:20px 40px}}.resource-card{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:1.5rem;height:100%;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:350px}.resource-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.read-now-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:500}.read-now-btn .arrow{transition:transform .2s ease}.read-now-btn:hover .arrow{transform:translate(5px)}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px}@media(width<=767px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-pagination{position:relative;margin-top:20px}.swiper-pagination-bullet{background:#000;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;align-items:stretch;height:auto}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;font-size:1.1rem;height:100%;min-height:100%}.testimonial-box span{margin:0;font-size:22px}.testimonial-box .avatar-container{margin-top:auto}.testimonial-box .testimonial-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .stars{font-size:2.2rem;color:#f6b300;margin-bottom:2.5rem}.centaris-text{margin-bottom:3rem!important}@media(width<=768px){::ng-deep .swiper-wrapper{gap:1rem!important}.testimonial-box{width:300px!important}}\n", "textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"], dependencies: [{ kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: TestimonialCardListComponent, isStandalone: false, selector: "pw-testimonial-card", inputs: { posts: "posts", postHeader: "postHeader", canEdit: "canEdit" }, outputs: { editPost: "editPost" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"resource-section section-outer bg-white\">\n  <div class=\"container\">\n    @if (postHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n        <h2 class=\"section-heading\">{{postHeader}}</h2>\n      </div>\n    }\n    @if (posts.length === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    <div [hidden]=\"posts.length === 0\">\n      <div class=\"swiper-container\">\n        <div class=\"swiper-wrapper\">\n          @for (post of posts; track post) {\n            <div class=\"swiper-slide\">\n              <div class=\"testimonial-box\">\n                <pw-resource-edit-card-lazy\n                  [canEdit]=\"canEdit\"\n                  [id]=\"post.id\"\n                  [resourceData]=\"post\"\n                  (updated)=\"editPost.emit(1, 100)\">\n                </pw-resource-edit-card-lazy>\n                <div class=\"stars mb-5\">\u2605\u2605\u2605\u2605\u2605</div>\n                <div class=\"testimonial-content\">\n                  <div class=\"ql-container ql-snow ql-res\">\n                    <div class=\"ql-editor\"\n                      [innerHTML]=\"post?.body\">\n                    </div>\n                  </div>\n                </div>\n                <!-- THIS STAYS AT BOTTOM -->\n                <div class=\"avatar-container\">\n                  @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                    <img\n                      [src]=\"post.rectangular_picture.url\"\n                      alt=\"Logo\"\n                      class=\"testimonial-logo mt-4\"\n                      />\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n        <div class=\"swiper-pagination\"></div>\n        <div class=\"swiper-button-prev\"></div>\n        <div class=\"swiper-button-next\"></div>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".resource-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=767px){.container{padding:0 1rem!important}}.ql-res{resize:none!important;border-width:0}.swiper-container{padding:20px;position:relative;overflow:hidden}@media(width>=768px){.swiper-container{padding:20px 40px}}.resource-card{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:1.5rem;height:100%;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:350px}.resource-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.read-now-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:500}.read-now-btn .arrow{transition:transform .2s ease}.read-now-btn:hover .arrow{transform:translate(5px)}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px}@media(width<=767px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-pagination{position:relative;margin-top:20px}.swiper-pagination-bullet{background:#000;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;align-items:stretch;height:auto}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;font-size:1.1rem;height:100%;min-height:100%}.testimonial-box span{margin:0;font-size:22px}.testimonial-box .avatar-container{margin-top:auto}.testimonial-box .testimonial-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .stars{font-size:2.2rem;color:#f6b300;margin-bottom:2.5rem}.centaris-text{margin-bottom:3rem!important}@media(width<=768px){::ng-deep .swiper-wrapper{gap:1rem!important}.testimonial-box{width:300px!important}}\n", "textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"], dependencies: [{ kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TestimonialCardListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-testimonial-card', standalone: false, template: "<section class=\"resource-section section-outer bg-white\">\n  <div class=\"container\">\n    @if (postHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n        <h2 class=\"section-heading\">{{postHeader}}</h2>\n      </div>\n    }\n    @if (posts.length === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    <div [hidden]=\"posts.length === 0\">\n      <div class=\"swiper-container\">\n        <div class=\"swiper-wrapper\">\n          @for (post of posts; track post) {\n            <div class=\"swiper-slide\">\n              <div class=\"testimonial-box\">\n                <pw-resource-edit-card-lazy\n                  [canEdit]=\"canEdit\"\n                  [id]=\"post.id\"\n                  [resourceData]=\"post\"\n                  (updated)=\"editPost.emit(1, 100)\">\n                </pw-resource-edit-card-lazy>\n                <div class=\"stars mb-5\">\u2605\u2605\u2605\u2605\u2605</div>\n                <div class=\"testimonial-content\">\n                  <div class=\"ql-container ql-snow ql-res\">\n                    <div class=\"ql-editor\"\n                      [innerHTML]=\"post?.body\">\n                    </div>\n                  </div>\n                </div>\n                <!-- THIS STAYS AT BOTTOM -->\n                <div class=\"avatar-container\">\n                  @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                    <img\n                      [src]=\"post.rectangular_picture.url\"\n                      alt=\"Logo\"\n                      class=\"testimonial-logo mt-4\"\n                      />\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n        <div class=\"swiper-pagination\"></div>\n        <div class=\"swiper-button-prev\"></div>\n        <div class=\"swiper-button-next\"></div>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".resource-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=767px){.container{padding:0 1rem!important}}.ql-res{resize:none!important;border-width:0}.swiper-container{padding:20px;position:relative;overflow:hidden}@media(width>=768px){.swiper-container{padding:20px 40px}}.resource-card{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:1.5rem;height:100%;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:350px}.resource-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.read-now-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:500}.read-now-btn .arrow{transition:transform .2s ease}.read-now-btn:hover .arrow{transform:translate(5px)}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px}@media(width<=767px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-pagination{position:relative;margin-top:20px}.swiper-pagination-bullet{background:#000;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;align-items:stretch;height:auto}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;font-size:1.1rem;height:100%;min-height:100%}.testimonial-box span{margin:0;font-size:22px}.testimonial-box .avatar-container{margin-top:auto}.testimonial-box .testimonial-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .stars{font-size:2.2rem;color:#f6b300;margin-bottom:2.5rem}.centaris-text{margin-bottom:3rem!important}@media(width<=768px){::ng-deep .swiper-wrapper{gap:1rem!important}.testimonial-box{width:300px!important}}\n", "textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"] }]
+            args: [{ selector: 'pw-testimonial-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<section class=\"resource-section section-outer bg-white\">\n  <div class=\"container\">\n    @if (postHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n        <h2 class=\"section-heading\">{{postHeader}}</h2>\n      </div>\n    }\n    @if (posts.length === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    <div [hidden]=\"posts.length === 0\">\n      <div class=\"swiper-container\">\n        <div class=\"swiper-wrapper\">\n          @for (post of posts; track post) {\n            <div class=\"swiper-slide\">\n              <div class=\"testimonial-box\">\n                <pw-resource-edit-card-lazy\n                  [canEdit]=\"canEdit\"\n                  [id]=\"post.id\"\n                  [resourceData]=\"post\"\n                  (updated)=\"editPost.emit(1, 100)\">\n                </pw-resource-edit-card-lazy>\n                <div class=\"stars mb-5\">\u2605\u2605\u2605\u2605\u2605</div>\n                <div class=\"testimonial-content\">\n                  <div class=\"ql-container ql-snow ql-res\">\n                    <div class=\"ql-editor\"\n                      [innerHTML]=\"post?.body\">\n                    </div>\n                  </div>\n                </div>\n                <!-- THIS STAYS AT BOTTOM -->\n                <div class=\"avatar-container\">\n                  @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                    <img\n                      [src]=\"post.rectangular_picture.url\"\n                      alt=\"Logo\"\n                      class=\"testimonial-logo mt-4\"\n                      />\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n        <div class=\"swiper-pagination\"></div>\n        <div class=\"swiper-button-prev\"></div>\n        <div class=\"swiper-button-next\"></div>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".resource-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=767px){.container{padding:0 1rem!important}}.ql-res{resize:none!important;border-width:0}.swiper-container{padding:20px;position:relative;overflow:hidden}@media(width>=768px){.swiper-container{padding:20px 40px}}.resource-card{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:1.5rem;height:100%;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:350px}.resource-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.read-now-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:500}.read-now-btn .arrow{transition:transform .2s ease}.read-now-btn:hover .arrow{transform:translate(5px)}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px}@media(width<=767px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-pagination{position:relative;margin-top:20px}.swiper-pagination-bullet{background:#000;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;align-items:stretch;height:auto}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;font-size:1.1rem;height:100%;min-height:100%}.testimonial-box span{margin:0;font-size:22px}.testimonial-box .avatar-container{margin-top:auto}.testimonial-box .testimonial-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .stars{font-size:2.2rem;color:#f6b300;margin-bottom:2.5rem}.centaris-text{margin-bottom:3rem!important}@media(width<=768px){::ng-deep .swiper-wrapper{gap:1rem!important}.testimonial-box{width:300px!important}}\n", "textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"] }]
         }], propDecorators: { editPost: [{
                 type: Output
             }], posts: [{
@@ -1881,4 +1885,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
  */
 
 export { BaseResourceComponent as B, CaseStudyCardComponent as C, ResourceVideoCardComponent as R, TestimonialCardListComponent as T, UpcomingEventCardComponent as U, ResourceCardComponent as a, ResourceNoteCardComponent as b, ResourceVaultComponent as c, ResourceCardsModule as d, ResourceService as e, ResourceEditCardLazyComponent as f, ResourceSharedModule as g, ResourceTopBannerEditComponent as h, ResourceCompanyCardComponent as i, ResourceEditCardComponent as j, ResourceEditModule as k, ResourceModule as l, ResourcePublicModule as m, Trial4ContactUsModule as n };
-//# sourceMappingURL=posiwise-resource-module-posiwise-resource-module-BQQJRWpa.mjs.map
+//# sourceMappingURL=posiwise-resource-module-posiwise-resource-module-C-hPiIlg.mjs.map