@posiwise/resource-module 0.0.151 → 0.0.154

package/fesm2022/{posiwise-resource-module-posiwise-resource-module-D953ymF3.mjs → posiwise-resource-module-posiwise-resource-module-BBTo8jOM.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 } from '@angular/core';
+import { Injectable, NgModule, CUSTOM_ELEMENTS_SCHEMA, Component, ChangeDetectionStrategy, Inject, ViewChild, Input, EventEmitter, ViewContainerRef, Output, HostListener } from '@angular/core';
 import * as i2 from '@posiwise/common-services';
 import { ValidationService } from '@posiwise/common-services';
 import { HelperService } from '@posiwise/helper-service';
@@ -126,43 +126,43 @@ const routes = [
     {
         path: '',
         pathMatch: 'full',
-        loadChildren: () => import('./posiwise-resource-module-resource-root.module-CItOAAUj.mjs').then(m => m.ResourceRootModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-root.module-Dar2KQZ0.mjs').then(m => m.ResourceRootModule)
     },
     {
         path: 'hub',
-        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-ggk9jRt9.mjs').then(m => m.ResourceHubModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-r9m3H8KO.mjs').then(m => m.ResourceHubModule)
     },
     {
         path: 'blogs',
-        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-Dpg-VGXf.mjs').then(m => m.ResourceBlogsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-C2MHe6KX.mjs').then(m => m.ResourceBlogsModule)
     },
     {
         path: 'videos',
-        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-CuXWTy8y.mjs').then(m => m.ResourceVideosModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-DipjF1vx.mjs').then(m => m.ResourceVideosModule)
     },
     {
         path: 'integrations',
-        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-vGdvpS64.mjs').then(m => m.ResourceIntegrationsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-60-ohrxX.mjs').then(m => m.ResourceIntegrationsModule)
     },
     {
         path: 'release-notes',
-        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-DKu39Lgo.mjs').then(m => m.ResourceReleaseNotesModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-B_ChaQUx.mjs').then(m => m.ResourceReleaseNotesModule)
     },
     {
         path: 'events',
-        loadChildren: () => import('./posiwise-resource-module-resource-events.module-CNKoXu2J.mjs').then(m => m.ResourceEventsModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-events.module-D4T4KbZx.mjs').then(m => m.ResourceEventsModule)
     },
     {
         path: 'white-papers',
-        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-BJe9cvpS.mjs').then(m => m.ResourceWhitePapersModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-KLUAJnNF.mjs').then(m => m.ResourceWhitePapersModule)
     },
     {
         path: 'case-studies',
-        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-Bxfa0c61.mjs').then(m => m.ResourceCaseStudiesModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-D5TYdiPQ.mjs').then(m => m.ResourceCaseStudiesModule)
     },
     {
         path: 'view/:slug',
-        loadChildren: () => import('./posiwise-resource-module-resource-post.module-RkJpZSPU.mjs').then(m => m.ResourcePostModule)
+        loadChildren: () => import('./posiwise-resource-module-resource-post.module-D-crB9kP.mjs').then(m => m.ResourcePostModule)
     }
 ];
 class BlogPublicRoutingModule {
@@ -519,7 +519,9 @@ class Trial4ContactUsComponent extends AppBaseComponent {
         return this.hubspot.find(item => item.position === 'footer') ?? null;
     }
     navigateToBookMeeting() {
-        window.open('https://calendly.com/cloudolive', '_blank', 'noreferrer noopener');
+        const bookDemoUrl = this.appConfig?.signup_config?.trial?.book_demo_url ??
+            'https://calendly.com/cloudolive';
+        window.open(bookDemoUrl, '_blank', 'noreferrer noopener');
     }
     validateEmail() {
         const email = this.form.get('email').value;
@@ -989,6 +991,291 @@ 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);
@@ -1122,11 +1409,11 @@ 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<pw-trial-4-contact-us *ngIf=\"isResource\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>", 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: Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { 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.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,
-            args: [{ selector: 'pw-resource-note-card', 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<pw-trial-4-contact-us *ngIf=\"isResource\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"] }]
+            args: [{ selector: 'pw-resource-note-card', 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"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: ResourceService }, { type: i2.TagService }], propDecorators: { releaseHeader: [{
                 type: Input
             }], categoryId: [{
@@ -1875,7 +2162,8 @@ class ResourceSharedModule {
             DirectivesModule,
             InputTextModule,
             InputTextareaModule,
-            ResourceCardsModule], exports: [
+            ResourceCardsModule,
+            ResourceHeaderModule], exports: [
             // Export the 2 components specific to this module
             ResourceCompanyCardComponent,
             ResourceTopBannerEditComponent,
@@ -1892,7 +2180,8 @@ class ResourceSharedModule {
             TranslocoModule,
             DirectivesModule,
             InputTextModule,
-            InputTextareaModule] }); }
+            InputTextareaModule,
+            ResourceHeaderModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceSharedModule, imports: [CommonModule,
             RouterModule,
             FormsModule,
@@ -1904,7 +2193,8 @@ class ResourceSharedModule {
             DirectivesModule,
             InputTextModule,
             InputTextareaModule,
-            ResourceCardsModule, 
+            ResourceCardsModule,
+            ResourceHeaderModule, 
             // Export card components module (includes all heavy modules + card components)
             ResourceCardsModule,
             // Export common lightweight modules
@@ -1918,7 +2208,8 @@ class ResourceSharedModule {
             TranslocoModule,
             DirectivesModule,
             InputTextModule,
-            InputTextareaModule] }); }
+            InputTextareaModule,
+            ResourceHeaderModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceSharedModule, decorators: [{
             type: NgModule,
@@ -1936,7 +2227,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         DirectivesModule,
                         InputTextModule,
                         InputTextareaModule,
-                        ResourceCardsModule
+                        ResourceCardsModule,
+                        ResourceHeaderModule
                     ],
                     exports: [
                         // Export the 2 components specific to this module
@@ -1955,7 +2247,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         TranslocoModule,
                         DirectivesModule,
                         InputTextModule,
-                        InputTextareaModule
+                        InputTextareaModule,
+                        ResourceHeaderModule
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
@@ -2307,5 +2600,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, 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-D953ymF3.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, 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-BBTo8jOM.mjs.map