@posiwise/resource-module 0.0.160 → 0.0.162

package/fesm2022/{posiwise-resource-module-posiwise-resource-module-B9sZBM6E.mjs → posiwise-resource-module-posiwise-resource-module-BLNGyQxJ.mjs}

@@ -9,6 +9,7 @@ import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { HubSpotMeetingsSharedModule } from '@posiwise/alpha-module';
 import { CoreTranslocoModule } from '@posiwise/core-transloco';
 import * as i8 from '@posiwise/directives';
 import { DirectivesModule } from '@posiwise/directives';
@@ -21,12 +22,13 @@ import * as i10 from '@jsverse/transloco';
 import { TranslocoModule } from '@jsverse/transloco';
 import { AppBaseComponent } from '@posiwise/app-base-component';
 import { Subject } from 'rxjs';
+import * as i5 from 'primeng/paginator';
+import { PaginatorModule } from 'primeng/paginator';
 import * as i2$1 from '@ng-bootstrap/ng-bootstrap';
 import * as i6$1 from '@posiwise/utils';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { NgxCaptchaModule } from 'ngx-captcha';
 import { DropdownModule } from 'primeng/dropdown';
-import { PaginatorModule } from 'primeng/paginator';
 import * as i7 from 'primeng/progressspinner';
 import * as i3$1 from '@angular/platform-browser';
 import * as i11 from 'ngx-quill';
@@ -118,43 +120,43 @@ const routes = [
     {
         path: '',
         pathMatch: 'full',
-        loadChildren: () => import('./posiwise-resource-module-resource-root.module-DQEgVM0d.mjs').then(m => m.ResourceRootModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-root.module-xNFAWKov.mjs').then(m => m.ResourceRootModule)
     },
     {
         path: 'hub',
-        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-DEb0Njpz.mjs').then(m => m.ResourceHubModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-e0-ChqUs.mjs').then(m => m.ResourceHubModule)
     },
     {
         path: 'blogs',
-        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-DGXiIQFC.mjs').then(m => m.ResourceBlogsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-D9R8TPyF.mjs').then(m => m.ResourceBlogsModule)
     },
     {
         path: 'videos',
-        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-jYT7sIox.mjs').then(m => m.ResourceVideosModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-BIaFaFBT.mjs').then(m => m.ResourceVideosModule)
     },
     {
         path: 'integrations',
-        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-Ch7jfI37.mjs').then(m => m.ResourceIntegrationsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-CdulE2Qx.mjs').then(m => m.ResourceIntegrationsModule)
     },
     {
         path: 'release-notes',
-        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-CBFB4E4C.mjs').then(m => m.ResourceReleaseNotesModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-C-FOASM0.mjs').then(m => m.ResourceReleaseNotesModule)
     },
     {
         path: 'events',
-        loadChildren: () => import('./posiwise-resource-module-resource-events.module-z9DAugIY.mjs').then(m => m.ResourceEventsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-events.module-DKYdAT_d.mjs').then(m => m.ResourceEventsModule)
     },
     {
         path: 'white-papers',
-        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-biuffJJa.mjs').then(m => m.ResourceWhitePapersModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-_f7xcT1t.mjs').then(m => m.ResourceWhitePapersModule)
     },
     {
         path: 'case-studies',
-        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-CI7aoJOc.mjs').then(m => m.ResourceCaseStudiesModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-7XIxi-bU.mjs').then(m => m.ResourceCaseStudiesModule)
     },
     {
         path: 'view/:slug',
-        loadChildren: () => import('./posiwise-resource-module-resource-post.module-CjiVMuBE.mjs').then(m => m.ResourcePostModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-post.module-CoIcZ5ay.mjs').then(m => m.ResourcePostModule)
     }
 ];
 class BlogPublicRoutingModule {
@@ -338,7 +340,7 @@ class ResourceCompanyCardComponent extends AppBaseComponent {
         return this.canEditResourcesValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCompanyCardComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceCompanyCardComponent, 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    <div class=\"search-wrapper position-relative\" *ngIf=\"integrationCountDisplay > 0\">\n      <i class=\"fa fa-search search-icon\"></i>\n      <input type=\"text\"\n\n        (keyup)=\"search($event.target.value)\"\n        placeholder=\"Search eg security\"\n        class=\"search-input top-search-input\" />\n    </div>\n\n  </div>\n\n  <div *ngIf=\"postData\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n  </div>\n\n  <div class=\"row\" *ngIf=\"!postData && integrationCountDisplay > 0\">\n    <div class=\"col-md-3 mt-4\"\n    *ngFor=\"let img of filteredData | slice:first:(first + rows)\">\n    <div class=\"boxes d-flex align-items-center justify-content-center\">\n      <ng-container *ngIf=\"img?.companyImg; else checkRectangular\">\n        <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n      </ng-container>\n\n      <ng-template #checkRectangular>\n        <ng-container *ngIf=\"img?.rectangular_picture?.url; else noImage\">\n          <ng-container *ngIf=\"!img.rectangular_picture.url.includes('default-photo'); else showPostName\">\n            <ng-container *ngIf=\"img?.showcase; else noLinkImage\">\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            </ng-container>\n            <ng-template #noLinkImage>\n              <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n            </ng-template>\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          </ng-container>\n        </ng-container>\n      </ng-template>\n\n      <ng-template #showPostName>\n        <ng-container *ngIf=\"img?.showcase; else noLinkTitle\">\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        </ng-container>\n        <ng-template #noLinkTitle>\n          <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n        </ng-template>\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      </ng-template>\n    </div>\n  </div>\n\n    <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n    *ngIf=\"filteredData.length > 0\"\n      >\n      <p-paginator\n      [first]=\"first\"\n      [rows]=\"rows\"\n      [totalRecords]=\"filteredData.length\"\n      (onPageChange)=\"onPageChange($event)\"></p-paginator>\n    </div>\n  </div>\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceCompanyCardComponent, 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    <div class=\"search-wrapper position-relative\" *ngIf=\"integrationCountDisplay > 0\">\n      <i class=\"fa fa-search search-icon\"></i>\n      <input type=\"text\"\n\n        (keyup)=\"search($event.target.value)\"\n        placeholder=\"Search eg security\"\n        class=\"search-input top-search-input\" />\n    </div>\n\n  </div>\n\n  <div *ngIf=\"postData\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n  </div>\n\n  <div class=\"row\" *ngIf=\"!postData && integrationCountDisplay > 0\">\n    <div class=\"col-md-3 mt-4\"\n    *ngFor=\"let img of filteredData | slice:first:(first + rows)\">\n    <div class=\"boxes d-flex align-items-center justify-content-center\">\n      <ng-container *ngIf=\"img?.companyImg; else checkRectangular\">\n        <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n      </ng-container>\n\n      <ng-template #checkRectangular>\n        <ng-container *ngIf=\"img?.rectangular_picture?.url; else noImage\">\n          <ng-container *ngIf=\"!img.rectangular_picture.url.includes('default-photo'); else showPostName\">\n            <ng-container *ngIf=\"img?.showcase; else noLinkImage\">\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            </ng-container>\n            <ng-template #noLinkImage>\n              <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n            </ng-template>\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          </ng-container>\n        </ng-container>\n      </ng-template>\n\n      <ng-template #showPostName>\n        <ng-container *ngIf=\"img?.showcase; else noLinkTitle\">\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        </ng-container>\n        <ng-template #noLinkTitle>\n          <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n        </ng-template>\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      </ng-template>\n    </div>\n  </div>\n\n    <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n    *ngIf=\"filteredData.length > 0\"\n      >\n      <p-paginator\n      [first]=\"first\"\n      [rows]=\"rows\"\n      [totalRecords]=\"filteredData.length\"\n      (onPageChange)=\"onPageChange($event)\"></p-paginator>\n    </div>\n  </div>\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "component", type: i5.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCompanyCardComponent, decorators: [{
             type: Component,
@@ -933,7 +935,6 @@ class ResourceVaultComponent extends BaseResourceComponent {
         super(resourceService, tagService, authService, injector);
         this.showVaultSection = false;
         this.postSlice = false;
-        this.isLoadedChange = new EventEmitter();
         this.isEditingTitle = false;
     }
     ngOnInit() {
@@ -955,7 +956,6 @@ class ResourceVaultComponent extends BaseResourceComponent {
         })
             .add(() => {
             this.isLoaded = true;
-            this.isLoadedChange.emit(this.isLoaded);
         });
     }
     toggleEditTitle() {
@@ -969,7 +969,7 @@ class ResourceVaultComponent extends BaseResourceComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVaultComponent, deps: [{ token: ResourceService }, { token: i2.TagService }, { token: i2.AuthService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVaultComponent, 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    <div *ngIf=\"showVaultSection\" 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      <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n        <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n        <ng-template #fallback>Whitepapers &amp; Tools</ng-template>\n        <i  *ngIf=\"canEditResourcesValue\" 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      </ng-container>\n\n      <ng-template #editTitleBlock>\n        <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\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      </ng-template>\n    </h2>\n\n      <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"resource-blog-card text-center p-4\" *ngFor=\"let post of posts\">\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               <a *ngIf=\"post?.external_url; else internalLink\"\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\n           <ng-template #internalLink>\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           </ng-template>\n        </div>\n    </div>\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.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", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVaultComponent, selector: "pw-resource--vault", inputs: { showVaultSection: "showVaultSection", postSlice: "postSlice", categoryId: "categoryId", resourceTitle: "resourceTitle", tag: "tag" }, 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    <div *ngIf=\"showVaultSection\" 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      <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n        <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n        <ng-template #fallback>Whitepapers &amp; Tools</ng-template>\n        <i  *ngIf=\"canEditResourcesValue\" 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      </ng-container>\n\n      <ng-template #editTitleBlock>\n        <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\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      </ng-template>\n    </h2>\n\n      <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"resource-blog-card text-center p-4\" *ngFor=\"let post of posts\">\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               <a *ngIf=\"post?.external_url; else internalLink\"\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\n           <ng-template #internalLink>\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           </ng-template>\n        </div>\n    </div>\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.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", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVaultComponent, decorators: [{
             type: Component,
@@ -984,8 +984,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Input
             }], tag: [{
                 type: Input
-            }], isLoadedChange: [{
-                type: Output
             }] } });
 
 class ResourceVideoCardComponent extends AppBaseComponent {
@@ -1267,7 +1265,9 @@ class ResourceCardsModule {
             ResourceNoteCardComponent,
             ResourceVaultComponent,
             Trial4ContactUsModule, // ✅ Re-export for backward compatibility
-            ResourceEditCardLazyComponent] }); }
+            ResourceEditCardLazyComponent,
+            PaginatorModule // Export PaginatorModule so ResourceCompanyCardComponent can use p-paginator
+        ] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardsModule, imports: [CommonModule,
             RouterModule,
             FormsModule,
@@ -1282,7 +1282,9 @@ class ResourceCardsModule {
             DragDropModule,
             NgxCaptchaModule,
             Trial4ContactUsModule // ✅ Import standalone module
-            , Trial4ContactUsModule] }); }
+            , Trial4ContactUsModule,
+            PaginatorModule // Export PaginatorModule so ResourceCompanyCardComponent can use p-paginator
+        ] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardsModule, decorators: [{
             type: NgModule,
@@ -1320,7 +1322,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         ResourceNoteCardComponent,
                         ResourceVaultComponent,
                         Trial4ContactUsModule, // ✅ Re-export for backward compatibility
-                        ResourceEditCardLazyComponent
+                        ResourceEditCardLazyComponent,
+                        PaginatorModule // Export PaginatorModule so ResourceCompanyCardComponent can use p-paginator
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
@@ -1341,12 +1344,16 @@ class ResourceSharedModule {
             DirectivesModule,
             InputTextModule,
             InputTextareaModule,
-            ResourceCardsModule], exports: [
+            ResourceCardsModule,
+            HubSpotMeetingsSharedModule // For pw-book-a-demo component (HubSpotMeetingsComponent)
+        ], exports: [
             // Export the 2 components specific to this module
             ResourceCompanyCardComponent,
             ResourceTopBannerEditComponent,
             // Export card components module (includes all heavy modules + card components)
             ResourceCardsModule,
+            // Export HubSpotMeetingsSharedModule to make pw-book-a-demo component available
+            HubSpotMeetingsSharedModule,
             // Export common lightweight modules
             CommonModule,
             RouterModule,
@@ -1370,9 +1377,13 @@ class ResourceSharedModule {
             DirectivesModule,
             InputTextModule,
             InputTextareaModule,
-            ResourceCardsModule, 
+            ResourceCardsModule,
+            HubSpotMeetingsSharedModule // For pw-book-a-demo component (HubSpotMeetingsComponent)
+            , 
             // Export card components module (includes all heavy modules + card components)
             ResourceCardsModule,
+            // Export HubSpotMeetingsSharedModule to make pw-book-a-demo component available
+            HubSpotMeetingsSharedModule,
             // Export common lightweight modules
             CommonModule,
             RouterModule,
@@ -1402,7 +1413,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         DirectivesModule,
                         InputTextModule,
                         InputTextareaModule,
-                        ResourceCardsModule
+                        ResourceCardsModule,
+                        HubSpotMeetingsSharedModule // For pw-book-a-demo component (HubSpotMeetingsComponent)
                     ],
                     exports: [
                         // Export the 2 components specific to this module
@@ -1410,6 +1422,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         ResourceTopBannerEditComponent,
                         // Export card components module (includes all heavy modules + card components)
                         ResourceCardsModule,
+                        // Export HubSpotMeetingsSharedModule to make pw-book-a-demo component available
+                        HubSpotMeetingsSharedModule,
                         // Export common lightweight modules
                         CommonModule,
                         RouterModule,
@@ -1774,4 +1788,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  */
 
 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, ResourceModule as j, Trial4ContactUsModule as k, ResourcePublicModule as l, ResourceEditModule as m, ResourceEditCardComponent as n };
-//# sourceMappingURL=posiwise-resource-module-posiwise-resource-module-B9sZBM6E.mjs.map
+//# sourceMappingURL=posiwise-resource-module-posiwise-resource-module-BLNGyQxJ.mjs.map