@posiwise/resource-module 0.0.156 → 0.0.157

package/fesm2022/{posiwise-resource-module-posiwise-resource-module-Dxg4oXim.mjs → posiwise-resource-module-posiwise-resource-module-C-p2A-OA.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, CUSTOM_ELEMENTS_SCHEMA, Component, ChangeDetectionStrategy, Inject, ViewChild, Input, EventEmitter, ViewContainerRef, Output, HostListener } from '@angular/core';
+import { Injectable, NgModule, CUSTOM_ELEMENTS_SCHEMA, Component, ChangeDetectionStrategy, Inject, ViewChild, Input, EventEmitter, ViewContainerRef, Output } from '@angular/core';
 import * as i2 from '@posiwise/common-services';
 import { ValidationService } from '@posiwise/common-services';
 import { HelperService } from '@posiwise/helper-service';
@@ -15,8 +15,8 @@ import * as i3$1 from '@angular/platform-browser';
 import * as i5 from '@posiwise/admin-module-utils';
 import { AdminModuleUtilsModule } from '@posiwise/admin-module-utils';
 import { AppBaseComponent } from '@posiwise/app-base-component';
-import * as i6 from '@posiwise/shared-components';
-import { ProfileImageCropperModule, FieldErrorDisplayModule, ResourceSharedComponentsModule } from '@posiwise/shared-components';
+import * as i6 from '@posiwise/utils';
+import { ProfileImageCropperModule } from '@posiwise/utils';
 import * as i3 from '@posiwise/smart-crm-shared';
 import { StatusCodes } from 'http-status-codes';
 import Swal from 'sweetalert2';
@@ -32,18 +32,20 @@ import * as i10 from '@jsverse/transloco';
 import { TranslocoModule } from '@jsverse/transloco';
 import { CoreTranslocoModule } from '@posiwise/core-transloco';
 import { PipesModule } from '@posiwise/pipes';
+import * as i6$1 from '@posiwise/shared-components';
+import { ResourceSharedComponentsModule } from '@posiwise/shared-components';
 import { InputTextModule } from 'primeng/inputtext';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import { Subject } from 'rxjs';
 import { PaginatorModule } from 'primeng/paginator';
 import * as i7 from 'primeng/progressspinner';
-import * as i10$1 from 'ngx-quill';
+import * as i11$1 from 'ngx-quill';
 import { QuillModule } from 'ngx-quill';
-import * as i11$1 from 'ngx-ui-switch';
+import * as i12$1 from 'ngx-ui-switch';
 import { UiSwitchModule } from 'ngx-ui-switch';
 import * as i7$1 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
-import * as i6$1 from 'primeng/calendar';
+import * as i6$2 from 'primeng/calendar';
 import { CalendarModule } from 'primeng/calendar';
 import moment from 'moment';
 
@@ -126,43 +128,43 @@ const routes = [
     {
         path: '',
         pathMatch: 'full',
-        loadChildren: () => import('./posiwise-resource-module-resource-root.module-DhgV49hI.mjs').then(m => m.ResourceRootModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-root.module-Ct-eW_VX.mjs').then(m => m.ResourceRootModule)
     },
     {
         path: 'hub',
-        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-Sf9HsvyZ.mjs').then(m => m.ResourceHubModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-Dy8nC7-a.mjs').then(m => m.ResourceHubModule)
     },
     {
         path: 'blogs',
-        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-Bn0PqbZL.mjs').then(m => m.ResourceBlogsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-CjYxOIFM.mjs').then(m => m.ResourceBlogsModule)
     },
     {
         path: 'videos',
-        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-C_0c_r8v.mjs').then(m => m.ResourceVideosModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-BOPMFDyE.mjs').then(m => m.ResourceVideosModule)
     },
     {
         path: 'integrations',
-        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-BKKjOgPC.mjs').then(m => m.ResourceIntegrationsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-Mvw4z368.mjs').then(m => m.ResourceIntegrationsModule)
     },
     {
         path: 'release-notes',
-        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-CMC9Aisw.mjs').then(m => m.ResourceReleaseNotesModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-bD90Hh-o.mjs').then(m => m.ResourceReleaseNotesModule)
     },
     {
         path: 'events',
-        loadChildren: () => import('./posiwise-resource-module-resource-events.module-ykjHYwCy.mjs').then(m => m.ResourceEventsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-events.module-NPORxCax.mjs').then(m => m.ResourceEventsModule)
     },
     {
         path: 'white-papers',
-        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-DX1QiyKf.mjs').then(m => m.ResourceWhitePapersModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-fgrzZDoS.mjs').then(m => m.ResourceWhitePapersModule)
     },
     {
         path: 'case-studies',
-        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-C-BudK3s.mjs').then(m => m.ResourceCaseStudiesModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-whgVDtYN.mjs').then(m => m.ResourceCaseStudiesModule)
     },
     {
         path: 'view/:slug',
-        loadChildren: () => import('./posiwise-resource-module-resource-post.module-Bs-C6Ogd.mjs').then(m => m.ResourcePostModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-post.module-CzhkQVgA.mjs').then(m => m.ResourcePostModule)
     }
 ];
 class BlogPublicRoutingModule {
@@ -637,7 +639,7 @@ class Trial4ContactUsComponent extends AppBaseComponent {
         this.observer?.disconnect();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsComponent, deps: [{ token: i1$1.UntypedFormBuilder }, { token: i2.AuthService }, { token: i3.CrmService }, { token: i3$1.DomSanitizer }, { token: i5.AdminService }, { token: i0.Injector }, { token: i2.AbTestService }, { token: i2$1.NgbModal }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: { subscriptionId: "subscriptionId", sourceId: "sourceId", masterSubscriptionId: "masterSubscriptionId", experimentName: "experimentName", microserviceName: "microserviceName", shardName: "shardName", user: "user", userLoggedIn: "userLoggedIn" }, viewQueries: [{ propertyName: "footerSection", first: true, predicate: ["footerSection"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["bookMeeting"], descendants: true, static: true }, { propertyName: "editFooterLinksModal", first: true, predicate: ["editFooterLinksModal"], descendants: true }, { propertyName: "logoModal", first: true, predicate: ["logoModal"], descendants: true }, { propertyName: "logoUploader", first: true, predicate: ["logoUploader"], descendants: true }, { propertyName: "hubspotEditModal", first: true, predicate: ["hubspotEditModal"], descendants: true }, { propertyName: "socialEditModal", first: true, predicate: ["socialEditModal"], descendants: true }, { propertyName: "questionsEditModal", first: true, predicate: ["questionsEditModal"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section  #footerSection class=\"bg-black text-white py-5 footer-section\">\n  <div class=\"container\" *ngIf=\"isFooterVisible\">\n    <div class=\"row\">\n\n      <!-- LEFT COLUMN -->\n      <div class=\"col-md-6 mb-4 d-flex flex-column justify-content-between\" [ngClass]=\"{ 'site-column': getFooterHubspotForm() }\">\n        <div>\n          <h3 class=\"mb-4 d-flex align-items-center\">\n            <span class=\"me-2 text-white\">Site Map:</span>\n            <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon cursor-pointer text-white ms-3\" (click)=\"openEditFooterLinksModal(editFooterLinksModal)\" (keydown.enter)=\"openEditFooterLinksModal(editFooterLinksModal)\" (keydown.space)=\"openEditFooterLinksModal(editFooterLinksModal)\" ngbTooltip=\"Edit Footer Links\"></i>\n          </h3>\n          <ul class=\"mt-4\">\n            <li routerLink=\"/\"\n            class=\"cursor-pointer user-info-label link-label\"> Home </li>\n            <li *ngFor=\"let link of footerLinks\" [routerLink]=\"link?.path\"\n              class=\"cursor-pointer user-info-label link-label mt-4\"><span  *ngIf=\"link?.title\">{{link?.title}}</span> </li>\n            <li routerLink=\"/login\"\n              class=\"cursor-pointer user-info-label mt-4 link-label\"> Log in </li>\n            <li [routerLink]=\"'/privacy-and-tos/' + tosId\"\n              class=\"cursor-pointer user-info-label mt-4 link-label\"> Privacy statement </li>\n          </ul>\n          <p class=\"address-section email-section mb-4\">\n            <span class=\"user-info-label\">Email: </span>\n            <ng-container *ngIf=\"!isEditingEmail; else editEmail\">\n              <span class=\"user-info\">{{ email }}</span>\n              <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3\" (click)=\"isEditingEmail = true\" (keydown.enter)=\"isEditingEmail = true\" (keydown.space)=\"isEditingEmail = true\"></i>\n            </ng-container>\n\n            <ng-template #editEmail>\n              <input\n                class=\"form-control d-inline w-auto\"\n                [(ngModel)]=\"editingEmail\"\n              />\n              <button class=\"btn btn-sm btn-primary ms-2\" (click)=\"saveEmail()\">Save</button>\n              <button class=\"btn btn-sm btn-secondary ms-2\" (click)=\"isEditingEmail = false\">Cancel</button>\n            </ng-template>\n          </p>\n                    <span class=\"email-section mt-3 address-text\">\n            <span class=\"user-info-label\">\n              Address:\n              <i *ngIf=\"canEditResourcesValue\"\n                 class=\"fa fa-edit in-page-edit-icon cursor-pointer ms-2 text-white\"\n                 title=\"Edit Address\"\n                 (click)=\"isEditingStreet = true\"\n                 (keydown.enter)=\"isEditingStreet = true\"\n                 (keydown.space)=\"isEditingStreet = true\"></i>\n            </span><br/>\n\n            <ng-container *ngIf=\"!isEditingStreet; else editStreetBlock\">\n              <span class=\"address-text user-info\">{{ street }}</span>\n            </ng-container>\n\n            <ng-template #editStreetBlock>\n              <div class=\"d-flex align-items-center mt-3\">\n                <input class=\"form-control form-control-sm\" [(ngModel)]=\"editingStreet\" />\n                <button class=\"btn btn-sm btn-primary ms-2\" (click)=\"saveStreet()\">Save</button>\n                <button class=\"btn btn-sm btn-secondary ms-2\" (click)=\"cancelStreet()\">Cancel</button>\n              </div>\n            </ng-template>\n\n          </span>\n\n        </div>\n        <div class=\"d-flex\">\n          <img [src]=\"logo\"\n               alt=\"Company logo\"\n               class=\"img-fluid mt-4 logo-image cursor-pointer\"\n               width=\"160\"\n               height=\"35\"\n               (click)=\"scrollToTop()\"\n               (keydown.enter)=\"scrollToTop()\"\n               (keydown.space)=\"scrollToTop()\"\n               title=\"Click to go to top of page\" />\n          <i *ngIf=\"canEditResourcesValue\"\n             class=\"fa fa-edit in-page-edit-icon fa-sm ms-3 cursor-pointer text-white align-self-center mt-3\"\n             (click)=\"openLogoEditModal()\"\n             (keydown.enter)=\"openLogoEditModal()\"\n             (keydown.space)=\"openLogoEditModal()\"\n             title=\"Edit Logo\"></i>\n        </div>\n      </div>\n\n      <!-- RIGHT COLUMN -->\n      <div class=\"col-md-6\" *ngIf=\"isFooterVisible\">\n        <ng-container *ngIf=\"getFooterHubspotForm() as footerItem; else defaultForm\">\n            <div class=\"d-flex\">\n              <div\n                *ngIf=\"isHubspotReady\"\n                class=\"hubspot-container w-100 content-loaded\"\n                [innerHTML]=\"hubspotHtml\"\n                (load)=\"onHubspotLoad($event)\">\n              </div>\n              <i *ngIf=\"canEditResourcesValue\"\n              class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer\"\n              (click)=\"openHubspotEditModal(footerItem)\"\n              (keydown.enter)=\"openHubspotEditModal(footerItem)\"\n              (keydown.space)=\"openHubspotEditModal(footerItem)\"\n              title=\"Edit Hubspot Embed\"></i>\n            </div>\n          </ng-container>\n\n          <ng-template #defaultForm>\n          <div class=\"d-flex\">\n                <h3 class=\"text-white mb-4\"> <span class=\"text-white\">Get in touch:</span></h3>\n                <i *ngIf=\"canEditResourcesValue\"\n                class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3 mt-2\"\n                (click)=\"openQuestionsEditModal()\"\n                (keydown.enter)=\"openQuestionsEditModal()\"\n                (keydown.space)=\"openQuestionsEditModal()\"\n                title=\"Edit Questions\"></i>\n            </div>\n            <div class=\"contact-form\">\n              <form [formGroup]=\"form\">\n                <div class=\"mb-3\">\n                  <div class=\"email\">\n                    <div class=\"form-field\">\n                      <label for=\"email\">Email:</label>\n                      <div class=\"w-100\">\n                        <input type=\"text\"\n                          class=\"mb-1\"\n                          id=\"email\"\n                          formControlName=\"email\" />\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('email').valid && (form.get('email').touched || submitted)\n                          \"\n                      errorMsg=\"Email is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"first_name\">First name:</label>\n                      <div class=\"w-100\">\n                        <input input type=\"text\"\n                        id=\"first_name\"\n                        formControlName=\"first_name\" />\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('first_name').valid && (form.get('first_name').touched || submitted)\n                          \"\n                      errorMsg=\"First name is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"last_name\">Last name:</label>\n                      <input type=\"text\"\n                        id=\"last_name\"\n                        formControlName=\"last_name\" />\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"company\">Company:</label>\n                      <input type=\"text\"\n                        id=\"company\"\n                        formControlName=\"company\" />\n                    </div>\n                    <div class=\"form-field\" *ngIf=\"hasValidOptions()\">\n                      <label for=\"psa\" class=\"select-label\">{{question}}</label>\n                      <p-dropdown\n                        formControlName=\"psa\"\n                        [options]=\"psaOptions\"\n                        [placeholder]=\"'Select PSA'\"\n                        styleClass=\"input-select\">\n                      </p-dropdown>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"enquiry\" class=\"select-label\">How can we help you?</label>\n                      <div class=\"enquiry-field\">\n                        <textarea  id=\"enquiry\" formControlName=\"enquiry\" class=\"\">\n                                      </textarea>\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('enquiry').valid && (form.get('enquiry').touched || submitted)\n                          \"\n                      errorMsg=\"Enquiry is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"text-end\">\n                  <div class=\"captcha-wrapper-container\"\n                  *ngIf=\"isCaptchaVerified\">\n                  <ngx-recaptcha2 [ngModelOptions]=\"{ standalone: true }\"\n                    [siteKey]=\"captchaKeyV2\"\n                    size=\"normal\"\n                    [(ngModel)]=\"recaptcha\"\n                    (success)=\"handleSuccess($event)\">\n                  </ngx-recaptcha2>\n                </div>\n                  <button type=\"submit\"\n                    (click)=\"onSubmit()\"\n                    *ngIf=\"!isCaptchaVerified\"\n                    class=\"sign-btn sign-header-btn mt-3\">\n                    {{ 'Button.Submit' | transloco }}\n                  </button>\n                </div>\n\n                <div class=\"d-flex align-items-center mt-4\">\n                  <div class=\"icons d-flex align-items-center\">\n                    <a [eventTracker]=\"{\n                        category: 'youtube',\n                        action: 'click',\n                        label: 'cloudolive-landing-page-b',\n                        value: 1\n                      }\"\n                      [href]=\"youtubeUrl\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\">\n                      <img src=\"/assets/img/icons/youtube.png\"\n                        class=\"img-fluid youtube-icon\"\n                        width=\"54\"\n                        height=\"54\"\n                        alt=\"\" />\n                    </a>\n                    <a [eventTracker]=\"{\n                        category: 'linkedin',\n                        action: 'click',\n                        label: 'cloudolive-landing-page-b',\n                        value: 1\n                      }\"\n                      [href]=\"linkedInUrl\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      class=\"ms-3\">\n                      <img src=\"/assets/img/icons/social/linkedin.svg\"\n                        class=\"img-fluid linkedin-icon\"\n                        width=\"48\"\n                        height=\"48\"\n                        alt=\"\" />\n                    </a>\n                    <i *ngIf=\"canEditResourcesValue\"\n                    class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3\"\n                    (click)=\"openSocialEditModal()\"\n                    (keydown.enter)=\"openSocialEditModal()\"\n                    (keydown.space)=\"openSocialEditModal()\"\n                    title=\"Edit Social Links & Company Name\"></i>\n                  </div>\n                  <div class=\"copyright text-white\">\n                    2025 {{companyName}}.\n                  </div>\n                </div>\n              </form>\n            </div>\n          </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n\n\n\n<ng-template #bookMeeting\n  let-modal>\n  <div class=\"modal-header\">\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <h3 class=\"text-center modal-basic-title\">\n      Thanks for getting in touch! Our team will be in contact shortly, or we\n      can compare calendars now &amp; schedule a time\n    </h3>\n    <button type=\"button\"\n      [eventTracker]=\"{\n        category: 'request-demo',\n        action: 'click',\n        label: 'cloudolive-landing-page-b',\n        value: 1\n      }\"\n      (click)=\"navigateToBookMeeting()\"\n      class=\"sign-btn sign-header-btn mx-auto d-block mb-3\">\n      Let's do it\n    </button>\n  </div>\n</ng-template>\n\n\n<ng-template #editFooterLinksModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Footer Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Footer Links Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropFooterLinks($event)\">\n      <div *ngFor=\"let footer of editingFooterLinks.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"footerTitle{{i}}\" class=\"form-label\">Title</label>\n            <input id=\"footerTitle{{i}}\" class=\"form-control\" [(ngModel)]=\"footer.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"footerPath{{i}}\" class=\"form-label\">Path</label>\n            <input id=\"footerPath{{i}}\" class=\"form-control\" [(ngModel)]=\"footer.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeFooterLink(i)\" (keydown.enter)=\"removeFooterLink(i)\" (keydown.space)=\"removeFooterLink(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <!-- Subtitles -->\n        <div cdkDropList (cdkDropListDropped)=\"dropSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of footer.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label for=\"subtitleTitle{{i}}{{j}}\" class=\"form-label\">Subtitle Title</label>\n              <input id=\"subtitleTitle{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label for=\"subtitlePath{{i}}{{j}}\" class=\"form-label\">Subtitle Path</label>\n              <input id=\"subtitlePath{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeSubtitle(i, j)\" (keydown.enter)=\"removeSubtitle(i, j)\" (keydown.space)=\"removeSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addFooterLink()\">\n      + Add Footer Link\n    </button>\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\" (click)=\"saveFooterLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n\n<ng-template #logoModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <pw-custom-uploader\n      [aspectRatio]=\"'fullLogo'\"\n      [title]=\"'Main Contrast Logo'\"\n      [controlName]=\"'logo_main_contrast'\"\n      [previewData]=\"previewData\"\n      (saveEvent)=\"onSaveFile($event)\">\n    </pw-custom-uploader>\n  </div>\n</ng-template>\n\n\n\n<ng-template #hubspotEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Hubspot Embed</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"hubspotId\" class=\"form-label\">Hubspot ID</label>\n      <input id=\"hubspotId\" [(ngModel)]=\"editingHubspotId\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"hubspotEmbedDiv\" class=\"form-label\">Embed DIV</label>\n      <textarea id=\"hubspotEmbedDiv\" [(ngModel)]=\"editingHubspotHtml\" rows=\"8\" class=\"form-control\"></textarea>\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveHubspotHtml(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n<ng-template #socialEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Social Links & Company Name</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"youtubeUrl\" class=\"form-label\">YouTube URL</label>\n      <input id=\"youtubeUrl\" [(ngModel)]=\"editingYoutubeUrl\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"linkedinUrl\" class=\"form-label\">LinkedIn URL</label>\n      <input id=\"linkedinUrl\" [(ngModel)]=\"editingLinkedInUrl\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"companyName\" class=\"form-label\">Company Name</label>\n      <input id=\"companyName\" [(ngModel)]=\"editingCompanyName\" class=\"form-control\" />\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveSocialLinks(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #questionsEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Questions</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Questions Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropQuestions($event)\">\n      <div *ngFor=\"let q of editingQuestions; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-11 mb-2\">\n            <label for=\"questionText{{i}}\" class=\"form-label\">Question</label>\n            <input id=\"questionText{{i}}\" class=\"form-control\" [(ngModel)]=\"q.question\" placeholder=\"Enter question\" />\n          </div>\n          <div class=\"col-md-1 d-flex justify-content-end align-items-start mt-4\">\n            <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <!-- Options Section -->\n        <div cdkDropList (cdkDropListDropped)=\"dropQuestionOptions(i, $event)\">\n          <div *ngFor=\"let opt of q.options; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-7 mb-2\">\n              <label for=\"questionOption{{i}}{{j}}\" class=\"form-label\">Option</label>\n              <input id=\"questionOption{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"opt.option\" placeholder=\"Enter option\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeQuestionOption(i, j)\" (keydown.enter)=\"removeQuestionOption(i, j)\" (keydown.enter)=\"removeQuestionOption(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addQuestionOption(i)\">+ Add Option</button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNewQuestion()\">+ Add Question</button>\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\" (click)=\"saveQuestions(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n", styles: [".product-explainer-section{background-color:#000}.footer-section input.form-control,.footer-section select.form-control,.footer-section textarea.form-control{background-color:#fff;border:none;color:#000;font-size:14px}.btn-primary{background-color:#007bff;border:none}.site-column{margin-top:2.9rem}.email-section{color:#fff;font-size:2rem}.address-section{margin-top:5rem}.address-text{line-height:2.2rem}.user-info{font-size:1.5rem}.user-info-label{font-size:1.7rem;font-weight:700}.contact-form form .form-field{display:flex;align-items:center;margin-bottom:1.2rem}.contact-form form .form-field label{width:130px;min-width:130px;margin:0;font-size:14px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px}.contact-form form .form-field p-dropdown{width:100%}.contact-form form .form-field input,.contact-form form .form-field select,.contact-form form .form-field textarea,.contact-form form .form-field ::ng-deep p-dropdown .p-inputwrapper{flex:1;border:none;border-radius:30px;padding:12px 20px;font-size:14px;width:100%!important;max-width:100%;color:#000}.contact-form form .form-field textarea{resize:vertical}.contact-form form .submit-button{background-color:#3b82f6;border:none;border-radius:30px;font-size:16px;font-weight:500;padding:10px 24px;margin-top:1.2rem}.input-select{height:43px}.select-label{width:210px!important}.copyright{margin-top:2rem;margin-left:4rem;font-size:19px;font-weight:700}.d-flex img{margin-right:0!important}.youtube-icon{height:38px}.enquiry-field{margin-left:.5rem;width:63%}::ng-deep .text-danger{margin-top:.25rem!important;margin-left:.5rem!important}@media (min-width: 768px){.hubspot-container{margin-top:-3rem}}@media (min-width: 768px) and (max-width: 1200px){.container{padding:0rem 6rem!important}}.link-label{cursor:pointer;transition:color .3s}.link-label:hover{color:var(--first)}.icons img{transition:transform .3s ease,filter .3s ease;cursor:pointer}.icons img:hover{transform:scale(1.1);filter:brightness(1.2)}.logo-image{max-width:160px;width:160px;height:35px;object-fit:contain;aspect-ratio:160/35}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i8.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: i11.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }, { kind: "component", type: i12.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i6.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i6.FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: { subscriptionId: "subscriptionId", sourceId: "sourceId", masterSubscriptionId: "masterSubscriptionId", experimentName: "experimentName", microserviceName: "microserviceName", shardName: "shardName", user: "user", userLoggedIn: "userLoggedIn" }, viewQueries: [{ propertyName: "footerSection", first: true, predicate: ["footerSection"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["bookMeeting"], descendants: true, static: true }, { propertyName: "editFooterLinksModal", first: true, predicate: ["editFooterLinksModal"], descendants: true }, { propertyName: "logoModal", first: true, predicate: ["logoModal"], descendants: true }, { propertyName: "logoUploader", first: true, predicate: ["logoUploader"], descendants: true }, { propertyName: "hubspotEditModal", first: true, predicate: ["hubspotEditModal"], descendants: true }, { propertyName: "socialEditModal", first: true, predicate: ["socialEditModal"], descendants: true }, { propertyName: "questionsEditModal", first: true, predicate: ["questionsEditModal"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section  #footerSection class=\"bg-black text-white py-5 footer-section\">\n  <div class=\"container\" *ngIf=\"isFooterVisible\">\n    <div class=\"row\">\n\n      <!-- LEFT COLUMN -->\n      <div class=\"col-md-6 mb-4 d-flex flex-column justify-content-between\" [ngClass]=\"{ 'site-column': getFooterHubspotForm() }\">\n        <div>\n          <h3 class=\"mb-4 d-flex align-items-center\">\n            <span class=\"me-2 text-white\">Site Map:</span>\n            <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon cursor-pointer text-white ms-3\" (click)=\"openEditFooterLinksModal(editFooterLinksModal)\" (keydown.enter)=\"openEditFooterLinksModal(editFooterLinksModal)\" (keydown.space)=\"openEditFooterLinksModal(editFooterLinksModal)\" ngbTooltip=\"Edit Footer Links\"></i>\n          </h3>\n          <ul class=\"mt-4\">\n            <li routerLink=\"/\"\n            class=\"cursor-pointer user-info-label link-label\"> Home </li>\n            <li *ngFor=\"let link of footerLinks\" [routerLink]=\"link?.path\"\n              class=\"cursor-pointer user-info-label link-label mt-4\"><span  *ngIf=\"link?.title\">{{link?.title}}</span> </li>\n            <li routerLink=\"/login\"\n              class=\"cursor-pointer user-info-label mt-4 link-label\"> Log in </li>\n            <li [routerLink]=\"'/privacy-and-tos/' + tosId\"\n              class=\"cursor-pointer user-info-label mt-4 link-label\"> Privacy statement </li>\n          </ul>\n          <p class=\"address-section email-section mb-4\">\n            <span class=\"user-info-label\">Email: </span>\n            <ng-container *ngIf=\"!isEditingEmail; else editEmail\">\n              <span class=\"user-info\">{{ email }}</span>\n              <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3\" (click)=\"isEditingEmail = true\" (keydown.enter)=\"isEditingEmail = true\" (keydown.space)=\"isEditingEmail = true\"></i>\n            </ng-container>\n\n            <ng-template #editEmail>\n              <input\n                class=\"form-control d-inline w-auto\"\n                [(ngModel)]=\"editingEmail\"\n              />\n              <button class=\"btn btn-sm btn-primary ms-2\" (click)=\"saveEmail()\">Save</button>\n              <button class=\"btn btn-sm btn-secondary ms-2\" (click)=\"isEditingEmail = false\">Cancel</button>\n            </ng-template>\n          </p>\n                    <span class=\"email-section mt-3 address-text\">\n            <span class=\"user-info-label\">\n              Address:\n              <i *ngIf=\"canEditResourcesValue\"\n                 class=\"fa fa-edit in-page-edit-icon cursor-pointer ms-2 text-white\"\n                 title=\"Edit Address\"\n                 (click)=\"isEditingStreet = true\"\n                 (keydown.enter)=\"isEditingStreet = true\"\n                 (keydown.space)=\"isEditingStreet = true\"></i>\n            </span><br/>\n\n            <ng-container *ngIf=\"!isEditingStreet; else editStreetBlock\">\n              <span class=\"address-text user-info\">{{ street }}</span>\n            </ng-container>\n\n            <ng-template #editStreetBlock>\n              <div class=\"d-flex align-items-center mt-3\">\n                <input class=\"form-control form-control-sm\" [(ngModel)]=\"editingStreet\" />\n                <button class=\"btn btn-sm btn-primary ms-2\" (click)=\"saveStreet()\">Save</button>\n                <button class=\"btn btn-sm btn-secondary ms-2\" (click)=\"cancelStreet()\">Cancel</button>\n              </div>\n            </ng-template>\n\n          </span>\n\n        </div>\n        <div class=\"d-flex\">\n          <img [src]=\"logo\"\n               alt=\"Company logo\"\n               class=\"img-fluid mt-4 logo-image cursor-pointer\"\n               width=\"160\"\n               height=\"35\"\n               (click)=\"scrollToTop()\"\n               (keydown.enter)=\"scrollToTop()\"\n               (keydown.space)=\"scrollToTop()\"\n               title=\"Click to go to top of page\" />\n          <i *ngIf=\"canEditResourcesValue\"\n             class=\"fa fa-edit in-page-edit-icon fa-sm ms-3 cursor-pointer text-white align-self-center mt-3\"\n             (click)=\"openLogoEditModal()\"\n             (keydown.enter)=\"openLogoEditModal()\"\n             (keydown.space)=\"openLogoEditModal()\"\n             title=\"Edit Logo\"></i>\n        </div>\n      </div>\n\n      <!-- RIGHT COLUMN -->\n      <div class=\"col-md-6\" *ngIf=\"isFooterVisible\">\n        <ng-container *ngIf=\"getFooterHubspotForm() as footerItem; else defaultForm\">\n            <div class=\"d-flex\">\n              <div\n                *ngIf=\"isHubspotReady\"\n                class=\"hubspot-container w-100 content-loaded\"\n                [innerHTML]=\"hubspotHtml\"\n                (load)=\"onHubspotLoad($event)\">\n              </div>\n              <i *ngIf=\"canEditResourcesValue\"\n              class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer\"\n              (click)=\"openHubspotEditModal(footerItem)\"\n              (keydown.enter)=\"openHubspotEditModal(footerItem)\"\n              (keydown.space)=\"openHubspotEditModal(footerItem)\"\n              title=\"Edit Hubspot Embed\"></i>\n            </div>\n          </ng-container>\n\n          <ng-template #defaultForm>\n          <div class=\"d-flex\">\n                <h3 class=\"text-white mb-4\"> <span class=\"text-white\">Get in touch:</span></h3>\n                <i *ngIf=\"canEditResourcesValue\"\n                class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3 mt-2\"\n                (click)=\"openQuestionsEditModal()\"\n                (keydown.enter)=\"openQuestionsEditModal()\"\n                (keydown.space)=\"openQuestionsEditModal()\"\n                title=\"Edit Questions\"></i>\n            </div>\n            <div class=\"contact-form\">\n              <form [formGroup]=\"form\">\n                <div class=\"mb-3\">\n                  <div class=\"email\">\n                    <div class=\"form-field\">\n                      <label for=\"email\">Email:</label>\n                      <div class=\"w-100\">\n                        <input type=\"text\"\n                          class=\"mb-1\"\n                          id=\"email\"\n                          formControlName=\"email\" />\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('email').valid && (form.get('email').touched || submitted)\n                          \"\n                      errorMsg=\"Email is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"first_name\">First name:</label>\n                      <div class=\"w-100\">\n                        <input input type=\"text\"\n                        id=\"first_name\"\n                        formControlName=\"first_name\" />\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('first_name').valid && (form.get('first_name').touched || submitted)\n                          \"\n                      errorMsg=\"First name is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"last_name\">Last name:</label>\n                      <input type=\"text\"\n                        id=\"last_name\"\n                        formControlName=\"last_name\" />\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"company\">Company:</label>\n                      <input type=\"text\"\n                        id=\"company\"\n                        formControlName=\"company\" />\n                    </div>\n                    <div class=\"form-field\" *ngIf=\"hasValidOptions()\">\n                      <label for=\"psa\" class=\"select-label\">{{question}}</label>\n                      <p-dropdown\n                        formControlName=\"psa\"\n                        [options]=\"psaOptions\"\n                        [placeholder]=\"'Select PSA'\"\n                        styleClass=\"input-select\">\n                      </p-dropdown>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"enquiry\" class=\"select-label\">How can we help you?</label>\n                      <div class=\"enquiry-field\">\n                        <textarea  id=\"enquiry\" formControlName=\"enquiry\" class=\"\">\n                                      </textarea>\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('enquiry').valid && (form.get('enquiry').touched || submitted)\n                          \"\n                      errorMsg=\"Enquiry is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"text-end\">\n                  <div class=\"captcha-wrapper-container\"\n                  *ngIf=\"isCaptchaVerified\">\n                  <ngx-recaptcha2 [ngModelOptions]=\"{ standalone: true }\"\n                    [siteKey]=\"captchaKeyV2\"\n                    size=\"normal\"\n                    [(ngModel)]=\"recaptcha\"\n                    (success)=\"handleSuccess($event)\">\n                  </ngx-recaptcha2>\n                </div>\n                  <button type=\"submit\"\n                    (click)=\"onSubmit()\"\n                    *ngIf=\"!isCaptchaVerified\"\n                    class=\"sign-btn sign-header-btn mt-3\">\n                    {{ 'Button.Submit' | transloco }}\n                  </button>\n                </div>\n\n                <div class=\"d-flex align-items-center mt-4\">\n                  <div class=\"icons d-flex align-items-center\">\n                    <a [eventTracker]=\"{\n                        category: 'youtube',\n                        action: 'click',\n                        label: 'cloudolive-landing-page-b',\n                        value: 1\n                      }\"\n                      [href]=\"youtubeUrl\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\">\n                      <img src=\"/assets/img/icons/youtube.png\"\n                        class=\"img-fluid youtube-icon\"\n                        width=\"54\"\n                        height=\"54\"\n                        alt=\"\" />\n                    </a>\n                    <a [eventTracker]=\"{\n                        category: 'linkedin',\n                        action: 'click',\n                        label: 'cloudolive-landing-page-b',\n                        value: 1\n                      }\"\n                      [href]=\"linkedInUrl\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      class=\"ms-3\">\n                      <img src=\"/assets/img/icons/social/linkedin.svg\"\n                        class=\"img-fluid linkedin-icon\"\n                        width=\"48\"\n                        height=\"48\"\n                        alt=\"\" />\n                    </a>\n                    <i *ngIf=\"canEditResourcesValue\"\n                    class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3\"\n                    (click)=\"openSocialEditModal()\"\n                    (keydown.enter)=\"openSocialEditModal()\"\n                    (keydown.space)=\"openSocialEditModal()\"\n                    title=\"Edit Social Links & Company Name\"></i>\n                  </div>\n                  <div class=\"copyright text-white\">\n                    2025 {{companyName}}.\n                  </div>\n                </div>\n              </form>\n            </div>\n          </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n\n\n\n<ng-template #bookMeeting\n  let-modal>\n  <div class=\"modal-header\">\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <h3 class=\"text-center modal-basic-title\">\n      Thanks for getting in touch! Our team will be in contact shortly, or we\n      can compare calendars now &amp; schedule a time\n    </h3>\n    <button type=\"button\"\n      [eventTracker]=\"{\n        category: 'request-demo',\n        action: 'click',\n        label: 'cloudolive-landing-page-b',\n        value: 1\n      }\"\n      (click)=\"navigateToBookMeeting()\"\n      class=\"sign-btn sign-header-btn mx-auto d-block mb-3\">\n      Let's do it\n    </button>\n  </div>\n</ng-template>\n\n\n<ng-template #editFooterLinksModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Footer Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Footer Links Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropFooterLinks($event)\">\n      <div *ngFor=\"let footer of editingFooterLinks.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"footerTitle{{i}}\" class=\"form-label\">Title</label>\n            <input id=\"footerTitle{{i}}\" class=\"form-control\" [(ngModel)]=\"footer.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"footerPath{{i}}\" class=\"form-label\">Path</label>\n            <input id=\"footerPath{{i}}\" class=\"form-control\" [(ngModel)]=\"footer.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeFooterLink(i)\" (keydown.enter)=\"removeFooterLink(i)\" (keydown.space)=\"removeFooterLink(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <!-- Subtitles -->\n        <div cdkDropList (cdkDropListDropped)=\"dropSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of footer.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label for=\"subtitleTitle{{i}}{{j}}\" class=\"form-label\">Subtitle Title</label>\n              <input id=\"subtitleTitle{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label for=\"subtitlePath{{i}}{{j}}\" class=\"form-label\">Subtitle Path</label>\n              <input id=\"subtitlePath{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeSubtitle(i, j)\" (keydown.enter)=\"removeSubtitle(i, j)\" (keydown.space)=\"removeSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addFooterLink()\">\n      + Add Footer Link\n    </button>\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\" (click)=\"saveFooterLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n\n<ng-template #logoModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <pw-custom-uploader\n      [aspectRatio]=\"'fullLogo'\"\n      [title]=\"'Main Contrast Logo'\"\n      [controlName]=\"'logo_main_contrast'\"\n      [previewData]=\"previewData\"\n      (saveEvent)=\"onSaveFile($event)\">\n    </pw-custom-uploader>\n  </div>\n</ng-template>\n\n\n\n<ng-template #hubspotEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Hubspot Embed</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"hubspotId\" class=\"form-label\">Hubspot ID</label>\n      <input id=\"hubspotId\" [(ngModel)]=\"editingHubspotId\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"hubspotEmbedDiv\" class=\"form-label\">Embed DIV</label>\n      <textarea id=\"hubspotEmbedDiv\" [(ngModel)]=\"editingHubspotHtml\" rows=\"8\" class=\"form-control\"></textarea>\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveHubspotHtml(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n<ng-template #socialEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Social Links & Company Name</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"youtubeUrl\" class=\"form-label\">YouTube URL</label>\n      <input id=\"youtubeUrl\" [(ngModel)]=\"editingYoutubeUrl\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"linkedinUrl\" class=\"form-label\">LinkedIn URL</label>\n      <input id=\"linkedinUrl\" [(ngModel)]=\"editingLinkedInUrl\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"companyName\" class=\"form-label\">Company Name</label>\n      <input id=\"companyName\" [(ngModel)]=\"editingCompanyName\" class=\"form-control\" />\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveSocialLinks(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #questionsEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Questions</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Questions Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropQuestions($event)\">\n      <div *ngFor=\"let q of editingQuestions; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-11 mb-2\">\n            <label for=\"questionText{{i}}\" class=\"form-label\">Question</label>\n            <input id=\"questionText{{i}}\" class=\"form-control\" [(ngModel)]=\"q.question\" placeholder=\"Enter question\" />\n          </div>\n          <div class=\"col-md-1 d-flex justify-content-end align-items-start mt-4\">\n            <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <!-- Options Section -->\n        <div cdkDropList (cdkDropListDropped)=\"dropQuestionOptions(i, $event)\">\n          <div *ngFor=\"let opt of q.options; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-7 mb-2\">\n              <label for=\"questionOption{{i}}{{j}}\" class=\"form-label\">Option</label>\n              <input id=\"questionOption{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"opt.option\" placeholder=\"Enter option\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeQuestionOption(i, j)\" (keydown.enter)=\"removeQuestionOption(i, j)\" (keydown.enter)=\"removeQuestionOption(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addQuestionOption(i)\">+ Add Option</button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNewQuestion()\">+ Add Question</button>\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\" (click)=\"saveQuestions(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n", styles: [".product-explainer-section{background-color:#000}.footer-section input.form-control,.footer-section select.form-control,.footer-section textarea.form-control{background-color:#fff;border:none;color:#000;font-size:14px}.btn-primary{background-color:#007bff;border:none}.site-column{margin-top:2.9rem}.email-section{color:#fff;font-size:2rem}.address-section{margin-top:5rem}.address-text{line-height:2.2rem}.user-info{font-size:1.5rem}.user-info-label{font-size:1.7rem;font-weight:700}.contact-form form .form-field{display:flex;align-items:center;margin-bottom:1.2rem}.contact-form form .form-field label{width:130px;min-width:130px;margin:0;font-size:14px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px}.contact-form form .form-field p-dropdown{width:100%}.contact-form form .form-field input,.contact-form form .form-field select,.contact-form form .form-field textarea,.contact-form form .form-field ::ng-deep p-dropdown .p-inputwrapper{flex:1;border:none;border-radius:30px;padding:12px 20px;font-size:14px;width:100%!important;max-width:100%;color:#000}.contact-form form .form-field textarea{resize:vertical}.contact-form form .submit-button{background-color:#3b82f6;border:none;border-radius:30px;font-size:16px;font-weight:500;padding:10px 24px;margin-top:1.2rem}.input-select{height:43px}.select-label{width:210px!important}.copyright{margin-top:2rem;margin-left:4rem;font-size:19px;font-weight:700}.d-flex img{margin-right:0!important}.youtube-icon{height:38px}.enquiry-field{margin-left:.5rem;width:63%}::ng-deep .text-danger{margin-top:.25rem!important;margin-left:.5rem!important}@media (min-width: 768px){.hubspot-container{margin-top:-3rem}}@media (min-width: 768px) and (max-width: 1200px){.container{padding:0rem 6rem!important}}.link-label{cursor:pointer;transition:color .3s}.link-label:hover{color:var(--first)}.icons img{transition:transform .3s ease,filter .3s ease;cursor:pointer}.icons img:hover{transform:scale(1.1);filter:brightness(1.2)}.logo-image{max-width:160px;width:160px;height:35px;object-fit:contain;aspect-ratio:160/35}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i8.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: i11.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }, { kind: "component", type: i12.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i6.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsComponent, decorators: [{
             type: Component,
@@ -706,7 +708,6 @@ class Trial4ContactUsModule {
             NgxCaptchaModule,
             DropdownModule,
             ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
-            FieldErrorDisplayModule, // For pw-field-error-display
             AdminModuleUtilsModule], exports: [Trial4ContactUsComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, imports: [CommonModule,
             FormsModule,
@@ -721,7 +722,6 @@ class Trial4ContactUsModule {
             NgxCaptchaModule,
             DropdownModule,
             ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
-            FieldErrorDisplayModule, // For pw-field-error-display
             AdminModuleUtilsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, decorators: [{
@@ -742,7 +742,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         NgxCaptchaModule,
                         DropdownModule,
                         ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
-                        FieldErrorDisplayModule, // For pw-field-error-display
                         AdminModuleUtilsModule
                     ],
                     exports: [Trial4ContactUsComponent]
@@ -878,7 +877,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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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$2.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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.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$2.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,
@@ -970,7 +969,7 @@ class ResourceTopBannerEditComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceTopBannerEditComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.NgbModal }, { token: i2.TagService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceTopBannerEditComponent, 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\" />\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Description\" name=\"description\">\n              <textarea 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\" />\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Meta Description\" name=\"meta_description\">\n              <textarea 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            <label for=\"tagImage\">Blog Tag Image</label>\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                <i *ngIf=\"image\"\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              </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: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceTopBannerEditComponent, 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\" />\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Description\" name=\"description\">\n              <textarea 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\" />\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Meta Description\" name=\"meta_description\">\n              <textarea 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            <label for=\"tagImage\">Blog Tag Image</label>\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                <i *ngIf=\"image\"\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              </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: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceTopBannerEditComponent, decorators: [{
             type: Component,
@@ -991,291 +990,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 args: ['imageCropContent']
             }] } });
 
-class ResourceHeaderComponent extends AppBaseComponent {
-    constructor(injector, document, adminService, modalService) {
-        super(injector);
-        this.document = document;
-        this.adminService = adminService;
-        this.modalService = modalService;
-        this.isScrolled = false;
-        this.open = false;
-        this.logo = '/assets/img/landing-page/site-logo.png'; // Static fallback for LCP optimization
-        this.navbarItems = this.appConfig?.pages_config?.navbar?.items;
-        this.domainId = this.appConfig?.domain_id;
-        this.contrastImageUrl = this.appConfig?.company?.logos?.main_contrast?.url;
-        this.darkImageUrl = this.appConfig?.company?.logos?.main_dark?.url;
-        this.editingNavbar = {
-            items: []
-        };
-        this.canEditResourcesValue = false;
-    }
-    ngOnInit() {
-        console.log('In Header');
-        // Subscribe to appConfig changes to update logo dynamically
-        this.appConfigService.appConfig$.subscribe(config => {
-            if (config?.company?.logos) {
-                const isAboutUs = this.router.url?.includes('/about-us');
-                const logos = config.company.logos;
-                // Use smaller version for better performance (100x100 instead of 1200x264)
-                this.logo = isAboutUs
-                    ? logos.main_contrast?.url || '/assets/img/landing-page/site-logo.png'
-                    : logos.main_dark?.url || '/assets/img/landing-page/site-logo.png';
-            }
-        });
-        if (this.userLoggedIn) {
-            this.localStorage.getItem$('product').subscribe(res => {
-                const data = res ? JSON.parse(res) : null;
-                this.id = data?.subscriptionId;
-            });
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes['user'] || changes['userLoggedIn']) {
-            if (this.userLoggedIn && this.user) {
-                this.updateCanEditResourcesValue();
-            }
-        }
-    }
-    openLogoEditModal() {
-        this.modalService.open(this.logoEditModal, { centered: true, size: 'md' });
-    }
-    onSaveLogo(event) {
-        const formData = new FormData();
-        formData.append('subscription_id', this.id);
-        if (event.file instanceof File) {
-            formData.append(this.isScrolled ? 'logo_main_contrast' : 'logo_main_dark', event.file);
-        }
-        else {
-            formData.append(this.isScrolled ? 'remove_logo_main_contrast' : 'remove_logo_main_dark', 'true');
-        }
-        this.adminService.updateDomainConfig(this.domainId, formData).subscribe(() => {
-            if (event.file) {
-                this.logo = URL.createObjectURL(event.file);
-                if (this.isScrolled) {
-                    this.contrastImageUrl = URL.createObjectURL(event.file);
-                }
-                else {
-                    this.darkImageUrl = URL.createObjectURL(event.file);
-                }
-                this.modalService.dismissAll();
-            }
-            this.toast.success(event.file ? 'Logo updated' : 'Logo removed');
-        });
-    }
-    onScroll() {
-        clearTimeout(this.scrollTimeout);
-        this.scrollTimeout = setTimeout(() => {
-            requestAnimationFrame(() => {
-                const isAboutUs = this.router?.url?.includes('/about-us');
-                const shouldScroll = window.scrollY > 150;
-                this.isScrolled = shouldScroll;
-                if (!isAboutUs) {
-                    // Use smaller versions for better performance
-                    const logos = this.appConfig?.company?.logos;
-                    const newLogo = shouldScroll
-                        ? logos?.main_contrast?.url ??
-                            this.contrastImageUrl ??
-                            '/assets/img/landing-page/site-logo.png'
-                        : logos?.main_dark?.url ??
-                            this.darkImageUrl ??
-                            '/assets/img/landing-page/site-logo.png';
-                    if (this.logo !== newLogo) {
-                        this.logo = newLogo;
-                    }
-                }
-                if (window.innerWidth < 768) {
-                    this.open = false;
-                    const collapseElement = this.navbarCollapse?.nativeElement;
-                    if (collapseElement?.classList.contains('show')) {
-                        collapseElement.classList.remove('show');
-                    }
-                }
-                // Close all dropdowns when scrolling
-                this.closeAllDropdowns();
-            });
-        }, 50);
-    }
-    onDocumentClick(event) {
-        // Close all dropdowns when clicking outside
-        const target = event.target;
-        if (!target.closest('.nav-item') &&
-            !target.closest('.popup') &&
-            !target.closest('.sign-btn')) {
-            this.closeAllDropdowns();
-        }
-    }
-    closeAllDropdowns() {
-        if (this.navbarItems) {
-            this.navbarItems.forEach(item => {
-                if (item.open) {
-                    item.open = false;
-                }
-            });
-        }
-    }
-    openDropdown(item) {
-        // Close other dropdowns first
-        this.navbarItems.forEach(navItem => {
-            if (navItem !== item) {
-                navItem.open = false;
-            }
-        });
-        item.open = true;
-    }
-    onDropdownItemClick(item) {
-        item.open = false;
-    }
-    openEditNavbarModal() {
-        const navbarConfig = this.appConfig.pages_config?.navbar ?? {};
-        navbarConfig.items = navbarConfig.items ?? [];
-        this.editingNavbar = JSON.parse(JSON.stringify(navbarConfig));
-        this.modalService.open(this.editNavbarModal, {
-            size: 'lg',
-            centered: true,
-            windowClass: 'modal-holder'
-        });
-    }
-    saveNavbarLinks(modal) {
-        const updatedConfig = {
-            navbar: this.editingNavbar,
-            subscription_id: this.id
-        };
-        this.adminService
-            .updateDomainConfig(this.appConfig?.domain_id, updatedConfig)
-            .subscribe(() => {
-            this.toast.success('Navbar links updated');
-            this.navbarItems = [...this.editingNavbar.items];
-            // Update the appConfig to reflect the saved changes
-            this.appConfig.pages_config = this.appConfig.pages_config ?? {};
-            this.appConfig.pages_config.navbar = { ...this.editingNavbar };
-            modal.close();
-        });
-    }
-    addNavbarItem() {
-        this.editingNavbar.items.push({
-            title: '',
-            path: '',
-            subtitles: []
-        });
-    }
-    removeNavbarItem(index) {
-        this.editingNavbar.items.splice(index, 1);
-    }
-    addNavbarSubtitle(index) {
-        this.editingNavbar.items[index].subtitles.push({
-            title: '',
-            path: ''
-        });
-    }
-    removeNavbarSubtitle(navIndex, subIndex) {
-        this.editingNavbar.items[navIndex].subtitles.splice(subIndex, 1);
-    }
-    dropNavbarItems(event) {
-        moveItemInArray(this.editingNavbar.items, event.previousIndex, event.currentIndex);
-    }
-    dropNavbarSubtitles(index, event) {
-        moveItemInArray(this.editingNavbar.items[index].subtitles, event.previousIndex, event.currentIndex);
-    }
-    updateCanEditResourcesValue() {
-        this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
-    }
-    canEditResources() {
-        return this.canEditResourcesValue;
-    }
-    navigateToLogin() {
-        window.location.href = '/login';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderComponent, deps: [{ token: i0.Injector }, { token: DOCUMENT }, { token: i5.AdminService }, { token: i2$1.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceHeaderComponent, selector: "pw-resource-header", inputs: { user: "user", userLoggedIn: "userLoggedIn" }, host: { listeners: { "window:scroll": "onScroll()", "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "navbarCollapse", first: true, predicate: ["collapsibleNavbar"], descendants: true }, { propertyName: "editNavbarModal", first: true, predicate: ["editNavbarModal"], descendants: true }, { propertyName: "logoEditModal", first: true, predicate: ["logoEditModal"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top primary-nav-bg-color resource-header\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img src=\"/assets/img/landing-page/site-logo.png\"\n          [src]=\"logo || '/assets/img/landing-page/site-logo.png'\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\"\n          width=\"100\"\n          height=\"100\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          sizes=\"100px\" />\n      </div>\n    </div>\n\n\n    <i *ngIf=\"canEditResourcesValue\"\n    class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n    (click)=\"openLogoEditModal()\"\n    (keydown.enter)=\"openLogoEditModal()\"\n    (keydown.space)=\"openLogoEditModal()\"\n    title=\"Edit Logo\"></i>\n\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-2 d-none d-md-flex align-items-center\">\n          <div>\n            <img src=\"/assets/img/landing-page/site-logo.png\"\n              [src]=\"logo || '/assets/img/landing-page/site-logo.png'\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\"\n              width=\"100\"\n              height=\"100\"\n              loading=\"eager\"\n              fetchpriority=\"high\"\n              sizes=\"100px\" />\n          </div>\n        </div>\n\n\n        <div class=\"col-md-7 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n          (click)=\"openEditNavbarModal()\"\n          (keydown.enter)=\"openEditNavbarModal()\"\n          (keydown.space)=\"openEditNavbarModal()\"\n          title=\"Edit Navbar Links\"></i>\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <div class=\"dropdown-container\"\n                     (mouseenter)=\"openDropdown(item)\">\n                    <a\n                    class=\"nav-link\"\n                      href=\"javascript:void(0)\"\n                      [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                      (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                      [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                    >\n                      {{ item?.title }}\n                      <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n                    <div class=\"popup position-absolute\"\n                    *ngIf=\"item.subtitles.length > 0 && item.open\">\n                    <ul>\n                      <li\n                          *ngFor=\"let sub of item.subtitles\"\n                          [routerLink]=\"sub.path\"\n                          class=\"dropdownItem\"\n                          (click)=\"onDropdownItemClick(item)\"\n                          (keydown.enter)=\"onDropdownItemClick(item)\"\n                          (keydown.space)=\"onDropdownItemClick(item)\"\n                        >\n                          {{ sub.title }}\n                        </li>\n                    </ul>\n                  </div>\n                </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <a class=\"sign-btn sign-header-btn\"\n                (click)=\"navigateToLogin()\">Log In</a>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n            <a class=\"sign-btn sign-header-btn\"\n              (click)=\"navigateToLogin()\">Log In</a>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n\n\n\n<ng-template #editNavbarModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Navbar Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Navbar Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropNavbarItems($event)\">\n      <div *ngFor=\"let item of editingNavbar.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"navbarTitle{{i}}\" class=\"form-label\">Title</label>\n            <input id=\"navbarTitle{{i}}\" class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"navbarPath{{i}}\" class=\"form-label\">Path</label>\n            <input id=\"navbarPath{{i}}\" class=\"form-control\" [(ngModel)]=\"item.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarItem(i)\" (keydown.enter)=\"removeNavbarItem(i)\"\n            (keydown.space)=\"removeNavbarItem(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <div cdkDropList (cdkDropListDropped)=\"dropNavbarSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of item.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label for=\"navbarSubtitleTitle{{i}}{{j}}\" class=\"form-label\">Subtitle Title</label>\n              <input id=\"navbarSubtitleTitle{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label for=\"navbarSubtitlePath{{i}}{{j}}\" class=\"form-label\">Subtitle Path</label>\n              <input id=\"navbarSubtitlePath{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarSubtitle(i, j)\" (keydown.enter)=\"removeNavbarSubtitle(i, j)\" (keydown.space)=\"removeNavbarSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addNavbarSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNavbarItem()\">\n      + Add Navbar Item\n    </button>\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\" (click)=\"saveNavbarLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n<ng-template #logoEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <!-- <pw-custom-uploader\n      [title]=\"'Main Logo'\"\n      [controlName]=\"'logo_main'\"\n      [aspectRatio]=\"'fullLogo'\"\n      [previewData]=\"{ url: logo, name: 'logo_main.png' }\"\n      (saveEvent)=\"onSaveLogo($event)\">\n    </pw-custom-uploader> -->\n  </div>\n</ng-template>", styles: [".navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.logo_img{width:60%!important;min-width:159px!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.navbar-nav .nav-link{display:inline-flex!important;white-space:nowrap;gap:4px}.fa-caret-down{font-family:\"Font Awesome 6 Pro\",sans-serif;font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.dropdown-container{position:relative;display:inline-block}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.resource-header .nav-link.scrolled-nav-link{color:#fff!important}.resource-header .sign-btn,.resource-header .sign-header-btn{text-decoration:none!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.dropdown-container{position:relative;display:inline-block}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}.dropdown-container{position:relative;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pw-resource-header', template: "<nav class=\"navbar navbar-expand-md navbar-dark fixed-top primary-nav-bg-color resource-header\"\n  id=\"banner\">\n  <div class=\"container container-wrapper banner-section\">\n\n    <!-- Toggler/collapsibe Button -->\n    <button class=\"navbar-toggler header-menu-bar\"\n      type=\"button\"\n      aria-label=\"Toggle navigation\"\n      data-bs-toggle=\"collapse\"\n      data-bs-target=\"#collapsibleNavbar\">\n      <img src=\"/assets/img/products/trial/navbar-toggle-icon.png\"\n        class=\"img-fluid navbar-toggle-icon\"\n        alt=\"\" />\n    </button>\n\n    <!-- Mobile Logo -->\n    <div class=\"d-md-none mb-icon\">\n      <div>\n        <img src=\"/assets/img/landing-page/site-logo.png\"\n          [src]=\"logo || '/assets/img/landing-page/site-logo.png'\"\n          routerLink=\"/\"\n          alt=\"logo\"\n          class=\"img-fluid logo_img\"\n          width=\"100\"\n          height=\"100\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          sizes=\"100px\" />\n      </div>\n    </div>\n\n\n    <i *ngIf=\"canEditResourcesValue\"\n    class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n    (click)=\"openLogoEditModal()\"\n    (keydown.enter)=\"openLogoEditModal()\"\n    (keydown.space)=\"openLogoEditModal()\"\n    title=\"Edit Logo\"></i>\n\n\n    <!-- Navbar links -->\n    <div class=\"collapse navbar-collapse mt-3 mt-md-0\"\n      id=\"collapsibleNavbar\"\n      #collapsibleNavbar>\n      <div class=\"row align-items-center w-100\">\n\n        <!-- Always occupy 3 columns for logo -->\n        <div class=\"col-md-2 d-none d-md-flex align-items-center\">\n          <div>\n            <img src=\"/assets/img/landing-page/site-logo.png\"\n              [src]=\"logo || '/assets/img/landing-page/site-logo.png'\"\n              routerLink=\"/\"\n              alt=\"logo\"\n              class=\"img-fluid logo_img\"\n              width=\"100\"\n              height=\"100\"\n              loading=\"eager\"\n              fetchpriority=\"high\"\n              sizes=\"100px\" />\n          </div>\n        </div>\n\n\n        <div class=\"col-md-7 d-flex justify-content-start\">\n          <ul #anchorLinks\n            class=\"navbar-nav flex gap-4 me-0 wow fadeInUp position-relative\"\n            data-wow-duration=\"2s\">\n\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black me-3\"\n          (click)=\"openEditNavbarModal()\"\n          (keydown.enter)=\"openEditNavbarModal()\"\n          (keydown.space)=\"openEditNavbarModal()\"\n          title=\"Edit Navbar Links\"></i>\n            <li class=\"nav-item\" *ngFor=\"let item of navbarItems\">\n                <div class=\"dropdown-container\"\n                     (mouseenter)=\"openDropdown(item)\">\n                    <a\n                    class=\"nav-link\"\n                      href=\"javascript:void(0)\"\n                      [ngClass]=\"{ 'scrolled-nav-link': isScrolled }\"\n                      (click)=\"item.subtitles?.length ? (item.open = !item.open) : null\"\n                      [attr.href]=\"!(item.subtitles?.length) ? item.path : null\"\n                    >\n                      {{ item?.title }}\n                      <i *ngIf=\"item.subtitles.length > 0 && item.open\" class=\"fa-solid fa-caret-down\"></i>\n                    </a>\n                    <div class=\"popup position-absolute\"\n                    *ngIf=\"item.subtitles.length > 0 && item.open\">\n                    <ul>\n                      <li\n                          *ngFor=\"let sub of item.subtitles\"\n                          [routerLink]=\"sub.path\"\n                          class=\"dropdownItem\"\n                          (click)=\"onDropdownItemClick(item)\"\n                          (keydown.enter)=\"onDropdownItemClick(item)\"\n                          (keydown.space)=\"onDropdownItemClick(item)\"\n                        >\n                          {{ sub.title }}\n                        </li>\n                    </ul>\n                  </div>\n                </div>\n            </li>\n\n            <li class=\"nav-item ms-2 mb-3 d-flex d-md-none\">\n              <a class=\"sign-btn sign-header-btn\"\n                (click)=\"navigateToLogin()\">Log In</a>\n            </li>\n          </ul>\n        </div>\n\n        <!-- Always 3 columns for login -->\n        <div class=\"col-md-3 d-none d-md-flex justify-content-end\">\n            <a class=\"sign-btn sign-header-btn\"\n              (click)=\"navigateToLogin()\">Log In</a>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</nav>\n\n\n\n<ng-template #editNavbarModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Navbar Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Navbar Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropNavbarItems($event)\">\n      <div *ngFor=\"let item of editingNavbar.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"navbarTitle{{i}}\" class=\"form-label\">Title</label>\n            <input id=\"navbarTitle{{i}}\" class=\"form-control\" [(ngModel)]=\"item.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"navbarPath{{i}}\" class=\"form-label\">Path</label>\n            <input id=\"navbarPath{{i}}\" class=\"form-control\" [(ngModel)]=\"item.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarItem(i)\" (keydown.enter)=\"removeNavbarItem(i)\"\n            (keydown.space)=\"removeNavbarItem(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <div cdkDropList (cdkDropListDropped)=\"dropNavbarSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of item.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label for=\"navbarSubtitleTitle{{i}}{{j}}\" class=\"form-label\">Subtitle Title</label>\n              <input id=\"navbarSubtitleTitle{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label for=\"navbarSubtitlePath{{i}}{{j}}\" class=\"form-label\">Subtitle Path</label>\n              <input id=\"navbarSubtitlePath{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeNavbarSubtitle(i, j)\" (keydown.enter)=\"removeNavbarSubtitle(i, j)\" (keydown.space)=\"removeNavbarSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-pointer\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addNavbarSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNavbarItem()\">\n      + Add Navbar Item\n    </button>\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\" (click)=\"saveNavbarLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n<ng-template #logoEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <!-- <pw-custom-uploader\n      [title]=\"'Main Logo'\"\n      [controlName]=\"'logo_main'\"\n      [aspectRatio]=\"'fullLogo'\"\n      [previewData]=\"{ url: logo, name: 'logo_main.png' }\"\n      (saveEvent)=\"onSaveLogo($event)\">\n    </pw-custom-uploader> -->\n  </div>\n</ng-template>", styles: [".navbar-custom-background{background-color:#00000080;box-shadow:2px 2px 15px 2px #0000001f;transition:width 2s,height 2s,-webkit-transform 2s;transition:width 2s,height 2s,transform 2s background-color .5s ease;z-index:9999}.fixed-top{position:fixed!important}.primary-button{background-color:#000;border-radius:50px;color:#fff;font: 600 16.3px Montserrat-Regular,sans-serif;padding:5px 16px!important;width:auto;display:flex;gap:15px;align-items:center;justify-content:space-between}.logo_img{width:60%!important;min-width:159px!important}.navbar-toggle-icon{width:25px}@media (min-width: 500px){.navbar-nav .nav-item button{margin-top:10px}}@media (max-width: 1200px){.navbar-nav .nav-item .nav-link{font-size:15px!important}}.navbar-nav .nav-link{display:inline-flex!important;white-space:nowrap;gap:4px}.fa-caret-down{font-family:\"Font Awesome 6 Pro\",sans-serif;font-weight:900}@media (min-width: 1200px){.navbar-nav .nav-item .nav-link{padding-bottom:0!important;padding-top:0!important}.popup{top:3.4rem!important;background-color:var(--first)!important;background-color:transparent;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.router-link-active{color:#000!important}}@media (max-width: 1200px){.popup ul li{color:#fff;font: 500 14px Montserrat-Regular,sans-serif;cursor:pointer;border-bottom:1px solid #eee}.popup ul li:last-child{border-bottom:none}.popup ul li:hover{background-color:#f1f1f1}.mb-icon{width:200px}.container-wrapper{padding:10px 20px!important}.dropdown-container{position:relative;display:inline-block}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}}@media (max-width: 500px){.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}}.popup{top:90%;background-color:transparent;padding:10px;z-index:1000}.popup ul{list-style-type:none;padding:0;margin:0}.popup ul li{padding:5px 10px;font: 500 14px Montserrat-Regular,sans-serif}.resource-header .nav-link.scrolled-nav-link{color:#fff!important}.resource-header .sign-btn,.resource-header .sign-header-btn{text-decoration:none!important}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}@media (max-width: 500px){.logo_img{width:60%!important;margin-left:auto;margin-right:0;display:block;transition:margin .5s ease,width .5s ease}.navbar-nav{background-color:var(--first);border-top:3px solid rgb(254,209,54);color:#fff;margin-top:5px;z-index:1}.navbar-nav .nav-item .nav-link{font-size:100%;font-weight:500;padding:.7em 1em!important}.popup{top:0%!important;background-color:var(--first)!important;left:10rem;padding:10px;z-index:1000;transition:opacity .3s ease-in-out}.popup ul{list-style-type:none;padding:0;margin:0}.dropdownItem{cursor:pointer}.rotate{transform:rotate(180deg)}.dropdown-container{position:relative;display:inline-block}}.navbar-nav{visibility:visible!important;display:flex!important}.nav-link{text-transform:uppercase}.dropdown-container{position:relative;display:inline-block}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i5.AdminService }, { type: i2$1.NgbModal }], propDecorators: { navbarCollapse: [{
-                type: ViewChild,
-                args: ['collapsibleNavbar']
-            }], editNavbarModal: [{
-                type: ViewChild,
-                args: ['editNavbarModal']
-            }], logoEditModal: [{
-                type: ViewChild,
-                args: ['logoEditModal']
-            }], user: [{
-                type: Input
-            }], userLoggedIn: [{
-                type: Input
-            }], onScroll: [{
-                type: HostListener,
-                args: ['window:scroll', []]
-            }], onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-
-// Wrapper module: declares ONLY ResourceHeaderComponent
-// DragDropModule is needed for edit functionality (drag & drop in edit modal)
-class ResourceHeaderWrapperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderWrapperModule, declarations: [ResourceHeaderComponent], imports: [CommonModule,
-            FormsModule,
-            RouterModule,
-            DragDropModule, // Needed for cdkDropList, cdkDrag, cdkDragHandle in edit modal
-            NgbModalModule,
-            NgbTooltipModule,
-            CoreTranslocoModule,
-            DirectivesModule,
-            PipesModule,
-            AdminModuleUtilsModule], exports: [ResourceHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderWrapperModule, imports: [CommonModule,
-            FormsModule,
-            RouterModule,
-            DragDropModule, // Needed for cdkDropList, cdkDrag, cdkDragHandle in edit modal
-            NgbModalModule,
-            NgbTooltipModule,
-            CoreTranslocoModule,
-            DirectivesModule,
-            PipesModule,
-            AdminModuleUtilsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderWrapperModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ResourceHeaderComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        RouterModule,
-                        DragDropModule, // Needed for cdkDropList, cdkDrag, cdkDragHandle in edit modal
-                        NgbModalModule,
-                        NgbTooltipModule,
-                        CoreTranslocoModule,
-                        DirectivesModule,
-                        PipesModule,
-                        AdminModuleUtilsModule,
-                        // ProfileImageCropperModule
-                    ],
-                    exports: [ResourceHeaderComponent]
-                }]
-        }] });
-
-// ResourceHeaderModule: imports wrapper module
-// DragDropModule is already included in ResourceHeaderWrapperModule
-class ResourceHeaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderModule, imports: [ResourceHeaderWrapperModule], exports: [ResourceHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderModule, imports: [ResourceHeaderWrapperModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceHeaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ResourceHeaderWrapperModule],
-                    exports: [ResourceHeaderComponent]
-                }]
-        }] });
-
 class ResourceNoteCardComponent extends AppBaseComponent {
     constructor(injector, resourceService, tagService) {
         super(injector);
@@ -1409,7 +1123,7 @@ class ResourceNoteCardComponent extends AppBaseComponent {
         return this.canEditResourcesValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceNoteCardComponent, deps: [{ token: i0.Injector }, { token: ResourceService }, { token: i2.TagService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceNoteCardComponent, 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: "<section class=\"resource-vault-section bg-white\" *ngIf=\"hasProductReleases()\">\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        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"postTags['product']?.title; else fallback\" [innerHTML]=\"postTags['product']?.title\"></span>\n          <ng-template #fallback>Product Release Notes</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('product')\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        </ng-template>\n      </h2>\n      <a class=\"view-all\" *ngIf=\"!postSlice\" routerLink=\"/resources/release-notes\">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=\"releasePosts['product']?.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"hasProductReleases()\">\n        <div class=\"resource-blog-card p-4\" *ngFor=\"let post of releasePosts['product']\">\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          <img *ngIf=\"!post.picture?.url?.includes('default-photo.jpg'); else resourceRocketBox\"\n          src=\"{{ post.picture.url }}\"\n          class=\"resource-image mt-auto\"\n          alt=\"Product Resource Icon\" />\n\n     <ng-template #resourceRocketBox>\n      <img\n      src=\"assets/img/resource/rocket-box.png\"\n      class=\"press-release-icon mt-auto\"\n      alt=\"Product Resource Default Icon\" />\n     </ng-template>\n        <ng-template #ctaContent>\n          <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n          <span class=\"arrow\">\u2192</span>\n        </ng-template>\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            <ng-container *ngTemplateOutlet=\"ctaContent\"></ng-container>\n          </a>\n\n        <ng-template #internalLink>\n          <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n            <ng-container *ngTemplateOutlet=\"ctaContent\"></ng-container>\n          </a>\n        </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n<section class=\"resource-vault-section bg-white\" *ngIf=\"isReleasePress && hasPressReleases()\">\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        <ng-container *ngIf=\"!isPressEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"postTags['press']?.title; else fallback\" [innerHTML]=\"postTags['press']?.title\"></span>\n          <ng-template #fallback>Press Release Notes</ng-template>\n          <i  *ngIf=\"canEditResourcesValue\" 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        </ng-container>\n\n        <ng-template #editTitleBlock>\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isPressEditingTitle }\" />\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        </ng-template>\n      </h2>\n      <a *ngIf=\"!postSlice\" class=\"view-all\" routerLink=\"/resources/release-notes\">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=\"releasePosts['press']?.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"hasPressReleases()\">\n        <div class=\"resource-blog-card p-4\" *ngFor=\"let post of releasePosts['press']\">\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          <img *ngIf=\"!post.picture?.url.includes('default-photo.jpg'); else resourceRocketBox\"\n          src=\"{{ post.picture.url }}\"\n          class=\"resource-image mt-auto\"\n          alt=\"Press Resource Icon\" />\n\n     <ng-template #resourceRocketBox>\n      <img\n      src=\"assets/img/resource/rocket-box.png\"\n      class=\"press-release-icon mt-auto\"\n      alt=\"Press Resource Default Icon\" />\n     </ng-template>\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\" [routerLink]=\"['/resources/view', post?.slug]\">\n            <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n            <span class=\"arrow\">\u2192</span>\n          </a>\n        </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.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: 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: ResourceNoteCardComponent, 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: "<section class=\"resource-vault-section bg-white\" *ngIf=\"hasProductReleases()\">\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        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"postTags['product']?.title; else fallback\" [innerHTML]=\"postTags['product']?.title\"></span>\n          <ng-template #fallback>Product Release Notes</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('product')\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        </ng-template>\n      </h2>\n      <a class=\"view-all\" *ngIf=\"!postSlice\" routerLink=\"/resources/release-notes\">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=\"releasePosts['product']?.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"hasProductReleases()\">\n        <div class=\"resource-blog-card p-4\" *ngFor=\"let post of releasePosts['product']\">\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          <img *ngIf=\"!post.picture?.url?.includes('default-photo.jpg'); else resourceRocketBox\"\n          src=\"{{ post.picture.url }}\"\n          class=\"resource-image mt-auto\"\n          alt=\"Product Resource Icon\" />\n\n     <ng-template #resourceRocketBox>\n      <img\n      src=\"assets/img/resource/rocket-box.png\"\n      class=\"press-release-icon mt-auto\"\n      alt=\"Product Resource Default Icon\" />\n     </ng-template>\n        <ng-template #ctaContent>\n          <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now' }}</span>\n          <span class=\"arrow\">\u2192</span>\n        </ng-template>\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            <ng-container *ngTemplateOutlet=\"ctaContent\"></ng-container>\n          </a>\n\n        <ng-template #internalLink>\n          <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n            <ng-container *ngTemplateOutlet=\"ctaContent\"></ng-container>\n          </a>\n        </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n<section class=\"resource-vault-section bg-white\" *ngIf=\"isReleasePress && hasPressReleases()\">\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        <ng-container *ngIf=\"!isPressEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"postTags['press']?.title; else fallback\" [innerHTML]=\"postTags['press']?.title\"></span>\n          <ng-template #fallback>Press Release Notes</ng-template>\n          <i  *ngIf=\"canEditResourcesValue\" 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        </ng-container>\n\n        <ng-template #editTitleBlock>\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isPressEditingTitle }\" />\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        </ng-template>\n      </h2>\n      <a *ngIf=\"!postSlice\" class=\"view-all\" routerLink=\"/resources/release-notes\">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=\"releasePosts['press']?.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"hasPressReleases()\">\n        <div class=\"resource-blog-card p-4\" *ngFor=\"let post of releasePosts['press']\">\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          <img *ngIf=\"!post.picture?.url.includes('default-photo.jpg'); else resourceRocketBox\"\n          src=\"{{ post.picture.url }}\"\n          class=\"resource-image mt-auto\"\n          alt=\"Press Resource Icon\" />\n\n     <ng-template #resourceRocketBox>\n      <img\n      src=\"assets/img/resource/rocket-box.png\"\n      class=\"press-release-icon mt-auto\"\n      alt=\"Press Resource Default Icon\" />\n     </ng-template>\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\" [routerLink]=\"['/resources/view', post?.slug]\">\n            <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n            <span class=\"arrow\">\u2192</span>\n          </a>\n        </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.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: 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$1.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: ResourceNoteCardComponent, decorators: [{
             type: Component,
@@ -1505,7 +1219,7 @@ class CaseStudyCardComponent extends AppBaseComponent {
         return post.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", 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: "14.0.0", version: "17.3.11", type: CaseStudyCardComponent, 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    <ng-container *ngIf=\"showCaseStudyHeader; else fallbackBlock\">\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    </ng-container>\n\n    <ng-template #fallbackBlock>\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n      </div>\n    </ng-template>\n\n    <ng-template #caseStudyHeaderTemplate>\n      <h2 class=\"section-heading d-flex align-items-center\" id=\"case-studies\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\">\n            <span [innerHTML]=\"resourceTitle\"></span>\n          </span>\n          <ng-template #fallback>Case Studies</ng-template>\n          <i *ngIf=\"canEditResourcesValue\"\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        </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    </ng-template>\n\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n\n    <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"testimonial-box\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n\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\n        <div>\n          <img *ngIf=\"!post.rectangular_picture.url.includes('default-photo.jpg') \" [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\n        <!-- BOTTOM AVATAR -->\n        <div class=\"avatar-container mt-5\">\n          <img [src]=\"post.picture.url\"\n            alt=\"User Avatar\"\n            *ngIf=\"post.picture.url && !post.picture.url.includes('default-photo.jpg')\"\n            class=\"testimonial-avatar\"\n            loading=\"lazy\" />\n            <a *ngIf=\"post?.external_url; else internalLink\"\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\n        <ng-template #internalLink>\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        </ng-template>\n        </div>\n      </div>\n  </div>\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.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: 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CaseStudyCardComponent, 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    <ng-container *ngIf=\"showCaseStudyHeader; else fallbackBlock\">\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    </ng-container>\n\n    <ng-template #fallbackBlock>\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n      </div>\n    </ng-template>\n\n    <ng-template #caseStudyHeaderTemplate>\n      <h2 class=\"section-heading d-flex align-items-center\" id=\"case-studies\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\">\n            <span [innerHTML]=\"resourceTitle\"></span>\n          </span>\n          <ng-template #fallback>Case Studies</ng-template>\n          <i *ngIf=\"canEditResourcesValue\"\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        </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    </ng-template>\n\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n\n    <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"testimonial-box\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n\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\n        <div>\n          <img *ngIf=\"!post.rectangular_picture.url.includes('default-photo.jpg') \" [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\n        <!-- BOTTOM AVATAR -->\n        <div class=\"avatar-container mt-5\">\n          <img [src]=\"post.picture.url\"\n            alt=\"User Avatar\"\n            *ngIf=\"post.picture.url && !post.picture.url.includes('default-photo.jpg')\"\n            class=\"testimonial-avatar\"\n            loading=\"lazy\" />\n            <a *ngIf=\"post?.external_url; else internalLink\"\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\n        <ng-template #internalLink>\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        </ng-template>\n        </div>\n      </div>\n  </div>\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.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: 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$1.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CaseStudyCardComponent, decorators: [{
             type: Component,
@@ -1590,7 +1304,7 @@ class ResourceCardComponent extends AppBaseComponent {
         return this.canEditResourcesValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardComponent, deps: [{ token: i0.Injector }, { token: ResourceService }, { token: i2.TagService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceCardComponent, 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      <div class=\"d-flex justify-content-between align-items-center flex-wrap\" *ngIf=\"isHeaderVisible\">\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>Our team\u2019s articles</ng-template>\n            <i  *ngIf=\"!isRelated && canEditResourcesValue\" 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          </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        <a class=\"view-all\" [routerLink]=\"resourceLink\">VIEW ALL ></a>\n      </div>\n\n      <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div *ngIf=\"posts.length === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n          <div class=\"resource-blog-card 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=\"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            <a *ngIf=\"post?.external_url; else internalLink\"\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\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>", 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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: ResourceCardComponent, 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      <div class=\"d-flex justify-content-between align-items-center flex-wrap\" *ngIf=\"isHeaderVisible\">\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>Our team\u2019s articles</ng-template>\n            <i  *ngIf=\"!isRelated && canEditResourcesValue\" 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          </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        <a class=\"view-all\" [routerLink]=\"resourceLink\">VIEW ALL ></a>\n      </div>\n\n      <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div *ngIf=\"posts.length === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n          <div class=\"resource-blog-card 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=\"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            <a *ngIf=\"post?.external_url; else internalLink\"\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\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>", 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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$1.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: ResourceCardComponent, decorators: [{
             type: Component,
@@ -1792,7 +1506,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" }, 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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$1.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,
@@ -1900,7 +1614,7 @@ class ResourceVideoCardComponent extends AppBaseComponent {
         return post.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", 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: "14.0.0", version: "17.3.11", type: ResourceVideoCardComponent, 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    <div *ngIf=\"showVideoSection\" 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        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n          <ng-template #fallback>On-Demand Videos</ng-template>\n          <i  *ngIf=\"canEditResourcesValue\" 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        </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      <a class=\"view-all\" routerLink=\"/resources/videos\">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=\"row mt-5 d-flex flex-wrap justify-content-center video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"resource-blog-card\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\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\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    </div>\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVideoCardComponent, 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    <div *ngIf=\"showVideoSection\" 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        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n          <ng-template #fallback>On-Demand Videos</ng-template>\n          <i  *ngIf=\"canEditResourcesValue\" 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        </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      <a class=\"view-all\" routerLink=\"/resources/videos\">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=\"row mt-5 d-flex flex-wrap justify-content-center video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"resource-blog-card\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\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\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    </div>\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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$1.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVideoCardComponent, decorators: [{
             type: Component,
@@ -2032,7 +1746,7 @@ class UpcomingEventCardComponent extends AppBaseComponent {
         return post.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UpcomingEventCardComponent, deps: [{ token: ResourceService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UpcomingEventCardComponent, selector: "pw-upcoming-event-card", inputs: { showEventContent: "showEventContent", categoryId: "categoryId", 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    <div *ngIf=\"showEventContent\" 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        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n          <ng-template #fallback>Events &amp; Webinars</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      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n        <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>Upcoming Events</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    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"resource-blog-card d text-center p-4\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n          <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"getAllPosts(1, 100)\">\n          </pw-resource-edit-card-lazy>\n          <ng-container *ngIf=\"postSlice; else conditionalCheck\">\n            <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n          </ng-container>\n\n          <ng-template #conditionalCheck>\n            <h5 class=\"badge-title fw-bold\">\n              {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n            </h5>\n          </ng-template>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n              <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\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\n\n<section class=\"bg-white\" *ngIf=\"!showEventContent\">\n  <pw-replay-event-card [resourceTitle]=\"resourceTitle\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-replay-event-card>\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UpcomingEventCardComponent, selector: "pw-upcoming-event-card", inputs: { showEventContent: "showEventContent", categoryId: "categoryId", 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    <div *ngIf=\"showEventContent\" 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        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n          <ng-template #fallback>Events &amp; Webinars</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      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n        <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>Upcoming Events</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    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"resource-blog-card d text-center p-4\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n          <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"getAllPosts(1, 100)\">\n          </pw-resource-edit-card-lazy>\n          <ng-container *ngIf=\"postSlice; else conditionalCheck\">\n            <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n          </ng-container>\n\n          <ng-template #conditionalCheck>\n            <h5 class=\"badge-title fw-bold\">\n              {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n            </h5>\n          </ng-template>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n              <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\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\n\n<section class=\"bg-white\" *ngIf=\"!showEventContent\">\n  <pw-replay-event-card [resourceTitle]=\"resourceTitle\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-replay-event-card>\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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$1.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UpcomingEventCardComponent, decorators: [{
             type: Component,
@@ -2162,8 +1876,7 @@ class ResourceSharedModule {
             DirectivesModule,
             InputTextModule,
             InputTextareaModule,
-            ResourceCardsModule,
-            ResourceHeaderModule], exports: [
+            ResourceCardsModule], exports: [
             // Export the 2 components specific to this module
             ResourceCompanyCardComponent,
             ResourceTopBannerEditComponent,
@@ -2180,8 +1893,7 @@ class ResourceSharedModule {
             TranslocoModule,
             DirectivesModule,
             InputTextModule,
-            InputTextareaModule,
-            ResourceHeaderModule] }); }
+            InputTextareaModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceSharedModule, imports: [CommonModule,
             RouterModule,
             FormsModule,
@@ -2193,8 +1905,7 @@ class ResourceSharedModule {
             DirectivesModule,
             InputTextModule,
             InputTextareaModule,
-            ResourceCardsModule,
-            ResourceHeaderModule, 
+            ResourceCardsModule, 
             // Export card components module (includes all heavy modules + card components)
             ResourceCardsModule,
             // Export common lightweight modules
@@ -2208,8 +1919,7 @@ class ResourceSharedModule {
             TranslocoModule,
             DirectivesModule,
             InputTextModule,
-            InputTextareaModule,
-            ResourceHeaderModule] }); }
+            InputTextareaModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceSharedModule, decorators: [{
             type: NgModule,
@@ -2227,8 +1937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         DirectivesModule,
                         InputTextModule,
                         InputTextareaModule,
-                        ResourceCardsModule,
-                        ResourceHeaderModule
+                        ResourceCardsModule
                     ],
                     exports: [
                         // Export the 2 components specific to this module
@@ -2247,8 +1956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         TranslocoModule,
                         DirectivesModule,
                         InputTextModule,
-                        InputTextareaModule,
-                        ResourceHeaderModule
+                        InputTextareaModule
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
@@ -2449,7 +2157,7 @@ class ResourceEditCardComponent extends AppBaseComponent {
         HelperService.handleImageFallbackPath(event, fallbackPath);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditCardComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.NgbModal }, { token: ResourceService }, { token: i2.AuthService }, { token: i2.TagService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceEditCardComponent, 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\" />\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\" />\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\" />\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-calendar formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-calendar>\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 [(ngModel)]=\"selectedTags\"\n              class=\"body-bg\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              field=\"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            <label for=\"coverPicture\">{{ 'Resource.Posts.CoverPicture' | transloco }}</label>\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                <i *ngIf=\"image && !image.includes('default-photo.jpg')\"\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              </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            <label for=\"rectangularPicture\">Rectangular Picture</label>\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                <i *ngIf=\"rectangularImage && !rectangularImage.includes('default-photo.jpg')\"\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              </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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i7$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i6.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: i10$1.QuillEditorComponent, selector: "quill-editor" }, { kind: "component", type: i11$1.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: "14.0.0", version: "17.3.11", type: ResourceEditCardComponent, 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\" />\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\" />\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\" />\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-calendar formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-calendar>\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 [(ngModel)]=\"selectedTags\"\n              class=\"body-bg\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              field=\"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            <label for=\"coverPicture\">{{ 'Resource.Posts.CoverPicture' | transloco }}</label>\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                <i *ngIf=\"image && !image.includes('default-photo.jpg')\"\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              </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            <label for=\"rectangularPicture\">Rectangular Picture</label>\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                <i *ngIf=\"rectangularImage && !rectangularImage.includes('default-photo.jpg')\"\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              </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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$2.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i7$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i6.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: i11$1.QuillEditorComponent, selector: "quill-editor" }, { kind: "component", type: i12$1.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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditCardComponent, decorators: [{
             type: Component,
@@ -2482,7 +2190,7 @@ class ResourceEditModule {
             ResourceSharedComponentsModule,
             CoreTranslocoModule,
             TranslocoModule,
-            DirectivesModule, i10$1.QuillModule, UiSwitchModule], exports: [ResourceEditCardComponent] }); }
+            DirectivesModule, i11$1.QuillModule, UiSwitchModule], exports: [ResourceEditCardComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -2581,7 +2289,7 @@ class TestimonialCardListComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TestimonialCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TestimonialCardListComponent, 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    <div *ngIf=\"postHeader\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n      <h2 class=\"section-heading\">{{postHeader}}</h2>\n    </div>\n    <div *ngIf=\"posts.length === 0\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n<div [hidden]=\"posts.length === 0\">\n  <div class=\"swiper-container\">\n    <div class=\"swiper-wrapper\">\n      <div class=\"swiper-slide\" *ngFor=\"let post of posts\">\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\n          <!-- THIS STAYS AT BOTTOM -->\n          <div class=\"avatar-container\">\n            <img\n              *ngIf=\"!post.rectangular_picture.url.includes('default-photo.jpg') \" [src]=\"post.rectangular_picture.url\"\n              alt=\"Logo\"\n              class=\"testimonial-logo mt-4\"\n            />\n          </div>\n        </div>\n\n      </div>\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", ".video-row{gap:5.5rem!important;margin-top:3rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .vault-card{width:100%!important}.resource-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}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}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}@media (width >= 768px) and (width <= 1200px){.resource-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.resource-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 2rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1.5rem}.resource-book-section .resource-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:2rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-offer-section .resource-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.resource-offer-section .resource-title strong{font-weight:700}.resource-offer-section .resource-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.resource-offer-section .resource-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.resource-offer-section .resource-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.resource-offer-section .resource-signup{margin-bottom:2.5rem}.resource-offer-section .resource-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.resource-offer-section .resource-book-section{padding-top:2rem!important}.resource-offer-section .container{text-align:left}.resource-offer-section .resource-title{font-size:1.5rem}.resource-offer-section .resource-description,.resource-offer-section .resource-offer-list,.resource-offer-section .resource-signup,.resource-offer-section .signup-link,.resource-offer-section .resource-contact,.resource-offer-section .resource-offer-list p{font-size:1.2rem!important}}.resource-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.resource-book-section{padding-top:2rem!important}.resource-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:900px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:3rem!important}\n"], dependencies: [{ kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.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: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TestimonialCardListComponent, 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    <div *ngIf=\"postHeader\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n      <h2 class=\"section-heading\">{{postHeader}}</h2>\n    </div>\n    <div *ngIf=\"posts.length === 0\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n<div [hidden]=\"posts.length === 0\">\n  <div class=\"swiper-container\">\n    <div class=\"swiper-wrapper\">\n      <div class=\"swiper-slide\" *ngFor=\"let post of posts\">\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\n          <!-- THIS STAYS AT BOTTOM -->\n          <div class=\"avatar-container\">\n            <img\n              *ngIf=\"!post.rectangular_picture.url.includes('default-photo.jpg') \" [src]=\"post.rectangular_picture.url\"\n              alt=\"Logo\"\n              class=\"testimonial-logo mt-4\"\n            />\n          </div>\n        </div>\n\n      </div>\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", ".video-row{gap:5.5rem!important;margin-top:3rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .vault-card{width:100%!important}.resource-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}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}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}@media (width >= 768px) and (width <= 1200px){.resource-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.resource-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 2rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1.5rem}.resource-book-section .resource-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:2rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-offer-section .resource-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.resource-offer-section .resource-title strong{font-weight:700}.resource-offer-section .resource-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.resource-offer-section .resource-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.resource-offer-section .resource-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.resource-offer-section .resource-signup{margin-bottom:2.5rem}.resource-offer-section .resource-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.resource-offer-section .resource-book-section{padding-top:2rem!important}.resource-offer-section .container{text-align:left}.resource-offer-section .resource-title{font-size:1.5rem}.resource-offer-section .resource-description,.resource-offer-section .resource-offer-list,.resource-offer-section .resource-signup,.resource-offer-section .signup-link,.resource-offer-section .resource-contact,.resource-offer-section .resource-offer-list p{font-size:1.2rem!important}}.resource-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.resource-book-section{padding-top:2rem!important}.resource-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:900px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:3rem!important}\n"], dependencies: [{ kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TestimonialCardListComponent, decorators: [{
             type: Component,
@@ -2600,5 +2308,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BaseResourceComponent as B, CaseStudyCardComponent as C, ResourceVideoCardComponent as R, Trial4ContactUsComponent as T, UpcomingEventCardComponent as U, ResourceCardComponent as a, ResourceNoteCardComponent as b, ResourceVaultComponent as c, ResourceHeaderComponent as d, ResourceCardsModule as e, ResourceHeaderModule as f, ResourceService as g, ResourceEditCardLazyComponent as h, ResourceSharedModule as i, ResourceTopBannerEditComponent as j, ResourceCompanyCardComponent as k, TestimonialCardListComponent as l, ResourceModule as m, Trial4ContactUsModule as n, ResourcePublicModule as o, ResourceEditModule as p, ResourceHeaderWrapperModule as q, ResourceEditCardComponent as r };
-//# sourceMappingURL=posiwise-resource-module-posiwise-resource-module-Dxg4oXim.mjs.map
+export { BaseResourceComponent as B, CaseStudyCardComponent as C, ResourceVideoCardComponent as R, Trial4ContactUsComponent 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, TestimonialCardListComponent as j, ResourceModule as k, Trial4ContactUsModule as l, ResourcePublicModule as m, ResourceEditModule as n, ResourceEditCardComponent as o };
+//# sourceMappingURL=posiwise-resource-module-posiwise-resource-module-C-p2A-OA.mjs.map