@posiwise/resource-module 0.0.148 → 0.0.150

package/fesm2022/posiwise-resource-module-posiwise-resource-module-D953ymF3.mjs

@@ -0,0 +1,2311 @@
+import * as i0 from '@angular/core';
+import { Injectable, NgModule, CUSTOM_ELEMENTS_SCHEMA, Component, ChangeDetectionStrategy, Inject, ViewChild, Input, EventEmitter, ViewContainerRef, Output } from '@angular/core';
+import * as i2 from '@posiwise/common-services';
+import { ValidationService } from '@posiwise/common-services';
+import { HelperService } from '@posiwise/helper-service';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i9 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i3$2 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3$1 from '@angular/platform-browser';
+import * as i5 from '@posiwise/admin-module-utils';
+import { AdminModuleUtilsModule } from '@posiwise/admin-module-utils';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import * as i6 from '@posiwise/shared-components';
+import { ProfileImageCropperModule, FieldErrorDisplayModule, ResourceSharedComponentsModule } from '@posiwise/shared-components';
+import * as i3 from '@posiwise/smart-crm-shared';
+import { StatusCodes } from 'http-status-codes';
+import Swal from 'sweetalert2';
+import * as i2$1 from '@ng-bootstrap/ng-bootstrap';
+import { NgbModalModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import * as i8 from '@posiwise/directives';
+import { DirectivesModule } from '@posiwise/directives';
+import * as i11 from 'ngx-captcha';
+import { NgxCaptchaModule } from 'ngx-captcha';
+import * as i12 from 'primeng/dropdown';
+import { DropdownModule } from 'primeng/dropdown';
+import * as i10 from '@jsverse/transloco';
+import { TranslocoModule } from '@jsverse/transloco';
+import { CoreTranslocoModule } from '@posiwise/core-transloco';
+import { PipesModule } from '@posiwise/pipes';
+import { InputTextModule } from 'primeng/inputtext';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import { Subject } from 'rxjs';
+import { PaginatorModule } from 'primeng/paginator';
+import * as i7 from 'primeng/progressspinner';
+import * as i10$1 from 'ngx-quill';
+import { QuillModule } from 'ngx-quill';
+import * as i11$1 from 'ngx-ui-switch';
+import { UiSwitchModule } from 'ngx-ui-switch';
+import * as i7$1 from 'primeng/autocomplete';
+import { AutoCompleteModule } from 'primeng/autocomplete';
+import * as i6$1 from 'primeng/calendar';
+import { CalendarModule } from 'primeng/calendar';
+import moment from 'moment';
+
+class ResourceService {
+    constructor(api) {
+        this.api = api;
+        this.resource = '/posts';
+        this.comments = '/comments';
+    }
+    getPublicPosts(master_subscription_id, page, pageSize, search, tagCategoryIds, tagIds) {
+        const params = {
+            page,
+            page_size: pageSize,
+            search: search,
+            master_subscription_id
+        };
+        if (tagCategoryIds) {
+            params['tag_category_ids'] = tagCategoryIds;
+        }
+        if (tagIds) {
+            params['tag_ids'] = tagIds;
+        }
+        return this.api.getWithParams(`${this.resource}/get_all`, {
+            ...params
+        });
+    }
+    getAdminPosts(subscriptionId, paging) {
+        return this.api.getWithParams(`${this.resource}/admin_get_all`, {
+            ...HelperService.getPagingParams(paging),
+            subscription_id: subscriptionId
+        });
+    }
+    addPost(post) {
+        const formData = new FormData();
+        // eslint-disable-next-line no-restricted-syntax
+        for (const key in post) {
+            if (key in post) {
+                formData.append(key, post[key]);
+            }
+        }
+        return this.api.post(this.resource, formData);
+    }
+    getPostBySlug(slug) {
+        return this.api.get(`${this.resource}/${slug}`);
+    }
+    deletePost(id) {
+        return this.api.delete(`${this.resource}/${id}`);
+    }
+    updatePost(post, id) {
+        const formData = new FormData();
+        // eslint-disable-next-line no-restricted-syntax
+        for (const key in post) {
+            if (key in post) {
+                formData.append(key, post[key]);
+            }
+        }
+        return this.api.put(`${this.resource}/${id}`, formData);
+    }
+    getComments() {
+        return this.api.get(`${this.comments}/get_all`);
+    }
+    postComments(post) {
+        return this.api.post(this.comments, post);
+    }
+    getResourceInsight(subscription_id, starting_at, ending_at) {
+        return this.api.getWithParams(`/admin/posts_analytics?type=views&subscription_id=${subscription_id}`, { starting_at, ending_at });
+    }
+    getResourcePostsInsight(id) {
+        return this.api.get(`${this.resource}/${id}/insights`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceService, deps: [{ token: i2.MainApiHttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i2.MainApiHttpService }] });
+
+// Lazy loaded routes - each route now loads its own module with only the components it needs
+const routes = [
+    {
+        path: '',
+        pathMatch: 'full',
+        loadChildren: () => import('./posiwise-resource-module-resource-root.module-CItOAAUj.mjs').then(m => m.ResourceRootModule)
+    },
+    {
+        path: 'hub',
+        loadChildren: () => import('./posiwise-resource-module-resource-hub.module-ggk9jRt9.mjs').then(m => m.ResourceHubModule)
+    },
+    {
+        path: 'blogs',
+        loadChildren: () => import('./posiwise-resource-module-resource-blogs.module-Dpg-VGXf.mjs').then(m => m.ResourceBlogsModule)
+    },
+    {
+        path: 'videos',
+        loadChildren: () => import('./posiwise-resource-module-resource-videos.module-CuXWTy8y.mjs').then(m => m.ResourceVideosModule)
+    },
+    {
+        path: 'integrations',
+        loadChildren: () => import('./posiwise-resource-module-resource-integrations.module-vGdvpS64.mjs').then(m => m.ResourceIntegrationsModule)
+    },
+    {
+        path: 'release-notes',
+        loadChildren: () => import('./posiwise-resource-module-resource-release-notes.module-DKu39Lgo.mjs').then(m => m.ResourceReleaseNotesModule)
+    },
+    {
+        path: 'events',
+        loadChildren: () => import('./posiwise-resource-module-resource-events.module-CNKoXu2J.mjs').then(m => m.ResourceEventsModule)
+    },
+    {
+        path: 'white-papers',
+        loadChildren: () => import('./posiwise-resource-module-resource-white-papers.module-BJe9cvpS.mjs').then(m => m.ResourceWhitePapersModule)
+    },
+    {
+        path: 'case-studies',
+        loadChildren: () => import('./posiwise-resource-module-resource-case-studies.module-Bxfa0c61.mjs').then(m => m.ResourceCaseStudiesModule)
+    },
+    {
+        path: 'view/:slug',
+        loadChildren: () => import('./posiwise-resource-module-resource-post.module-RkJpZSPU.mjs').then(m => m.ResourcePostModule)
+    }
+];
+class BlogPublicRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BlogPublicRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: BlogPublicRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BlogPublicRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BlogPublicRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule]
+                }]
+        }] });
+
+class ResourcePublicModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourcePublicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ResourcePublicModule, imports: [BlogPublicRoutingModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourcePublicModule, providers: [ResourceService], imports: [BlogPublicRoutingModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourcePublicModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [BlogPublicRoutingModule],
+                    providers: [ResourceService],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+class ResourceModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ResourceModule, imports: [ResourcePublicModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceModule, imports: [ResourcePublicModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ResourcePublicModule]
+                }]
+        }] });
+
+class Trial4ContactUsComponent extends AppBaseComponent {
+    openQuestionsEditModal() {
+        this.editingQuestions = JSON.parse(JSON.stringify(this.editingQuestions ?? []));
+        this.modalService.open(this.questionsEditModal, { centered: true, size: 'lg' });
+    }
+    constructor(fb, authService, crmService, sanitizer, adminService, injector, abTestService, modalService, cdr, document) {
+        super(injector);
+        this.fb = fb;
+        this.authService = authService;
+        this.crmService = crmService;
+        this.sanitizer = sanitizer;
+        this.adminService = adminService;
+        this.abTestService = abTestService;
+        this.modalService = modalService;
+        this.cdr = cdr;
+        this.document = document;
+        this.editingQuestions = [];
+        this.isFooterVisible = false;
+        this.recaptcha = null;
+        this.subscriptionId = this.appConfig.crm.subscription_id;
+        this.sourceId = this.appConfig.crm.source_id;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.canEditResourcesValue = false;
+        this.logo = this.appConfig?.company?.logos?.main_contrast?.url;
+        this.trialBgImage2 = this.appConfig?.signup_config.trial?.image_bg2?.url;
+        this.tosId = this.appConfig?.main_tos_id;
+        this.description = this.appConfig.company.description;
+        this.email = this.appConfig.company.email;
+        this.companyName = this.appConfig.company.name;
+        this.street = this.appConfig.company.street;
+        this.questions = this.appConfig?.pages_config?.contact_us?.questions;
+        this.hubspot = this.appConfig?.pages_config?.contact_us?.hubspot;
+        this.footerLinks = this.appConfig?.pages_config?.footer_links?.items;
+        this.footerLinksData = this.appConfig?.pages_config?.footer_links;
+        this.youtubeUrl = this.appConfig.social?.youtube_url;
+        this.linkedInUrl = this.appConfig.social?.linkedin_url;
+        this.domainId = this.appConfig.domain_id;
+        this.editingEmail = this.email;
+        this.isEditingEmail = false;
+        this.submitted = false;
+        this.isCaptchaVerified = false;
+        this.isEmailValid = true;
+        this.isEditingStreet = false;
+        this.editingFooterLinks = {
+            items: []
+        };
+        this.captchaKeyV2 = this.appConfig.integrations.captcha_key_V2;
+        this.contactUsForm();
+    }
+    ngOnInit() {
+        setTimeout(() => (this.isHubspotReady = true), 2000);
+        if (this.userLoggedIn) {
+            this.localStorage.getItem$('product').subscribe(res => {
+                const data = res ? JSON.parse(res) : null;
+                this.id = data?.subscriptionId;
+            });
+        }
+        this.previewData = {
+            url: this.logo,
+            name: 'logo_main_contrast.png'
+        };
+        this.editingStreet = this.street;
+        if (Array.isArray(this.appConfig.pages_config?.ab_tests)) {
+            this.abTests = this.appConfig.pages_config.ab_tests.find(test => test.description === 'contact-us');
+            this.microserviceName = this.abTests?.microservice_name;
+            this.experimentName = this.abTests?.experiment_name;
+            this.shardName = this.abTests?.db_shard;
+        }
+        const footerItem = this.getFooterHubspotForm();
+        if (footerItem?.div) {
+            // NOSONAR: Trusted HTML content is handled safely here
+            this.hubspotHtml = this.sanitizer.bypassSecurityTrustHtml(footerItem.div); // NOSONAR
+        }
+        this.editingQuestions = this.questions;
+        this.question = this.questions?.[0]?.question;
+        this.psaOptions = [
+            { label: 'Select PSA', value: '' },
+            ...(this.questions?.[0]?.options ?? [])
+                .filter(q => q.option?.trim())
+                .map(q => ({
+                label: q.option,
+                value: q.option
+            }))
+        ];
+    }
+    ngOnChanges(changes) {
+        if (changes['user'] || changes['userLoggedIn']) {
+            if (this.userLoggedIn && this.user) {
+                this.updateCanEditResourcesValue();
+            }
+        }
+    }
+    openLogoEditModal() {
+        this.modalService.open(this.logoModal, {
+            centered: true,
+            size: 'md'
+        });
+    }
+    onSaveFile(event) {
+        const formData = new FormData();
+        const data = { subscription_id: this.subscriptionId };
+        if (event.file instanceof File) {
+            data[event.name] = event.file;
+        }
+        else if (event.file === null) {
+            data[`remove_${event.name}`] = true;
+        }
+        for (const key in data) {
+            formData.append(key, data[key]);
+        }
+        this.adminService.updateDomainConfig(this.domainId, formData).subscribe(() => {
+            if (event.file) {
+                this.logo = URL.createObjectURL(event.file);
+                this.modalService.dismissAll();
+            }
+            this.toast.success(event.file ? 'Logo updated' : 'Logo removed');
+        });
+    }
+    saveQuestions(modal) {
+        const updateData = {
+            contact_us: {
+                ...this.appConfig.pages_config?.contact_us,
+                questions: this.editingQuestions
+            },
+            subscription_id: this.id
+        };
+        this.adminService.updateDomainConfig(this.domainId, updateData).subscribe(() => {
+            this.questions = this.editingQuestions;
+            this.toast.success('Questions updated');
+            this.question = this.editingQuestions?.[0]?.question;
+            if (this.editingQuestions?.[0]?.options?.length > 0) {
+                this.psaOptions = [
+                    { label: 'Select PSA', value: '' },
+                    ...(this.questions?.[0]?.options ?? [])
+                        .filter(q => q.option?.trim())
+                        .map(q => ({
+                        label: q.option,
+                        value: q.option
+                    }))
+                ];
+            }
+            else {
+                this.psaOptions = [];
+            }
+            modal.close();
+        });
+    }
+    addNewQuestion() {
+        this.editingQuestions.push({ question: '', options: [] });
+    }
+    addQuestionOption(qIndex) {
+        this.editingQuestions[qIndex].options.push({ option: '' });
+    }
+    removeQuestionOption(qIndex, optIndex) {
+        this.editingQuestions[qIndex].options.splice(optIndex, 1);
+    }
+    dropQuestions(event) {
+        moveItemInArray(this.editingQuestions, event.previousIndex, event.currentIndex);
+    }
+    dropQuestionOptions(qIndex, event) {
+        moveItemInArray(this.editingQuestions[qIndex].options, event.previousIndex, event.currentIndex);
+    }
+    openSocialEditModal() {
+        this.editingYoutubeUrl = this.youtubeUrl;
+        this.editingLinkedInUrl = this.linkedInUrl;
+        this.editingCompanyName = this.companyName;
+        this.modalService.open(this.socialEditModal, { centered: true, size: 'lg' });
+    }
+    saveSocialLinks(modal) {
+        const updateData = {
+            youtube_url: this.editingYoutubeUrl,
+            linkedin_url: this.editingLinkedInUrl,
+            company_name: this.editingCompanyName,
+            subscription_id: this.id
+        };
+        this.adminService.updateDomainConfig(this.domainId, updateData).subscribe(() => {
+            this.youtubeUrl = this.editingYoutubeUrl;
+            this.linkedInUrl = this.editingLinkedInUrl;
+            this.companyName = this.editingCompanyName;
+            this.toast.success('Social links and company name updated');
+            modal.close();
+        });
+    }
+    hasValidOptions() {
+        return this.questions?.[0]?.options?.some(opt => opt.option?.trim());
+    }
+    ngAfterViewInit() {
+        this.watchIframeHeightChange();
+        this.observer = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting) {
+                this.isFooterVisible = true;
+                this.cdr.detectChanges();
+                this.observer?.disconnect();
+            }
+        }, { threshold: 0.1 });
+        this.observer.observe(this.footerSection.nativeElement);
+    }
+    openEditFooterLinksModal(content) {
+        this.footerLinksData = this.footerLinksData ?? {};
+        this.footerLinksData.items = this.footerLinksData.items ?? [];
+        this.editingFooterLinks = JSON.parse(JSON.stringify(this.footerLinksData));
+        this.modalService.open(content, {
+            size: 'lg',
+            centered: true,
+            windowClass: 'modal-holder'
+        });
+    }
+    watchIframeHeightChange() {
+        const iframe = this.document.querySelector('.hubspot-container');
+        if (!iframe)
+            return;
+        const interval = setInterval(() => {
+            const newHeight = iframe['offsetHeight'];
+            if (newHeight === 250) {
+                clearInterval(interval);
+                this.callAbTestFinish();
+            }
+        }, 300);
+    }
+    // New method to handle Hubspot content loading
+    onHubspotLoad(event) {
+        const container = event.target;
+        container.classList.add('content-loaded');
+        // Optional: Trigger layout recalculation
+        setTimeout(() => {
+            window.dispatchEvent(new Event('resize'));
+        }, 100);
+    }
+    callAbTestFinish() {
+        if (this.experimentName && this.microserviceName) {
+            this.abTestService
+                .finishABExperiment(this.experimentName, this.microserviceName)
+                .subscribe(() => {
+                this.modalService.open(this.content, {
+                    centered: true,
+                    windowClass: 'modal-holder'
+                });
+            });
+        }
+    }
+    contactUsForm() {
+        this.form = this.fb.group({
+            first_name: ['', Validators.required],
+            last_name: [''],
+            company: [''],
+            psa: [''],
+            enquiry: ['', Validators.required],
+            email: ['', Validators.required]
+        });
+    }
+    onSubmit() {
+        this.submitted = true;
+        if (this.form.valid) {
+            this.isCaptchaVerified = true;
+            this.submitted = false;
+        }
+    }
+    handleSuccess(token) {
+        if (token) {
+            this.authService.validateReCaptcha(token).subscribe((isSuccess) => {
+                if (isSuccess && this.form.valid) {
+                    const data = { ...this.form.getRawValue() };
+                    const formattedEnquiry = `${data.enquiry}; Question: ${this.question}; Answer: ${data.psa}`;
+                    const postData = {
+                        first_name: `${data.first_name}`,
+                        last_name: `${data.first_name}`,
+                        company: `${data.first_name}`,
+                        email: `${data.email}`,
+                        enquiry: this.psaOptions.length ? formattedEnquiry : `${data.enquiry}`,
+                        psa: data.psa,
+                        subscription_id: this.subscriptionId,
+                        crm_source_id: this.sourceId,
+                        master_subscription_id: this.masterSubscriptionId,
+                        notify_user: false,
+                        is_manual: false
+                    };
+                    this.crmService.postCrmLead(this.subscriptionId, postData).subscribe(resp => {
+                        //  example of snippet to close the experiment and track in GA
+                        if (resp?.status === StatusCodes.OK) {
+                            this.googleAnalyticsService.sendEvent('new-lead-registration', // category, eg: videos
+                            'subscribe-success', // action, eg: Play
+                            'coming-soon-three', // label, eg: Chappy
+                            1 // value, eg: 10
+                            );
+                            if (this.experimentName && this.microserviceName) {
+                                this.abTestService
+                                    .finishABExperiment(this.experimentName, this.microserviceName)
+                                    .subscribe(() => {
+                                    this.modalService.open(this.content, {
+                                        centered: true,
+                                        windowClass: 'modal-holder'
+                                    });
+                                });
+                            }
+                            else {
+                                Swal.fire(resp.message);
+                            }
+                        }
+                        this.form.reset();
+                        this.isCaptchaVerified = false;
+                    });
+                }
+            });
+        }
+    }
+    scrollToTop() {
+        this.document.documentElement.scrollTop = 0;
+    }
+    getFooterHubspotForm() {
+        if (!this.hubspot?.length) {
+            return null;
+        }
+        return this.hubspot.find(item => item.position === 'footer') ?? null;
+    }
+    navigateToBookMeeting() {
+        window.open('https://calendly.com/cloudolive', '_blank', 'noreferrer noopener');
+    }
+    validateEmail() {
+        const email = this.form.get('email').value;
+        if (email) {
+            this.isEmailValid = ValidationService.email(email);
+        }
+        else {
+            this.isEmailValid = true;
+        }
+    }
+    addFooterLink() {
+        this.editingFooterLinks.items.push({
+            title: '',
+            path: '',
+            subtitles: []
+        });
+    }
+    removeFooterLink(index) {
+        this.editingFooterLinks.items.splice(index, 1);
+    }
+    addSubtitle(footerIndex) {
+        this.editingFooterLinks.items[footerIndex].subtitles.push({
+            title: '',
+            path: ''
+        });
+    }
+    removeSubtitle(footerIndex, subtitleIndex) {
+        this.editingFooterLinks.items[footerIndex].subtitles.splice(subtitleIndex, 1);
+    }
+    dropFooterLinks(event) {
+        moveItemInArray(this.editingFooterLinks.items, event.previousIndex, event.currentIndex);
+    }
+    dropSubtitles(footerIndex, event) {
+        moveItemInArray(this.editingFooterLinks.items[footerIndex].subtitles, event.previousIndex, event.currentIndex);
+    }
+    saveFooterLinks(modal) {
+        const updatedConfig = {
+            footer_links: this.editingFooterLinks,
+            subscription_id: this.id
+        };
+        this.adminService
+            .updateDomainConfig(this.appConfig?.domain_id, updatedConfig)
+            .subscribe(() => {
+            this.toast.success('Footer links updated');
+            this.footerLinks = [...this.editingFooterLinks.items];
+            this.footerLinksData = { ...this.editingFooterLinks };
+            modal.close();
+        });
+    }
+    saveEmail() {
+        this.email = this.editingEmail;
+        this.adminService
+            .updateDomainConfig(this.appConfig?.domain_id, {
+            company_email: this.editingEmail,
+            subscription_id: this.id
+        })
+            .subscribe(() => {
+            this.toast.success('Email updated');
+            this.isEditingEmail = false;
+        });
+    }
+    saveStreet() {
+        this.adminService
+            .updateDomainConfig(this.appConfig?.domain_id, {
+            company_address: this.editingStreet,
+            subscription_id: this.id
+        })
+            .subscribe(() => {
+            this.toast.success('Street updated');
+            this.street = this.editingStreet;
+            this.isEditingStreet = false;
+        });
+    }
+    cancelStreet() {
+        this.editingStreet = this.street;
+        this.isEditingStreet = false;
+    }
+    openHubspotEditModal(footerItem) {
+        this.editingHubspotHtml = footerItem.div;
+        this.editingHubspotId = footerItem.id;
+        this.modalService.open(this.hubspotEditModal, { centered: true, size: 'lg' });
+    }
+    saveHubspotHtml(modal) {
+        const updatedConfig = {
+            contact_us: {
+                ...this.appConfig?.pages_config?.contact_us,
+                hubspot: [
+                    {
+                        id: '7423639',
+                        position: 'footer',
+                        div: this.editingHubspotHtml
+                    }
+                ]
+            },
+            subscription_id: this.id
+        };
+        this.adminService
+            .updateDomainConfig(this.appConfig?.domain_id, updatedConfig)
+            .subscribe(() => {
+            // NOSONAR: Trusted HTML content is handled safely here
+            this.hubspotHtml = this.sanitizer.bypassSecurityTrustHtml(this.editingHubspotHtml); // NOSONAR
+            this.toast.success('Hubspot Embed updated');
+            modal.close();
+        });
+    }
+    updateCanEditResourcesValue() {
+        this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    ngOnDestroy() {
+        this.observer?.disconnect();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsComponent, deps: [{ token: i1$1.UntypedFormBuilder }, { token: i2.AuthService }, { token: i3.CrmService }, { token: i3$1.DomSanitizer }, { token: i5.AdminService }, { token: i0.Injector }, { token: i2.AbTestService }, { token: i2$1.NgbModal }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: { subscriptionId: "subscriptionId", sourceId: "sourceId", masterSubscriptionId: "masterSubscriptionId", experimentName: "experimentName", microserviceName: "microserviceName", shardName: "shardName", user: "user", userLoggedIn: "userLoggedIn" }, viewQueries: [{ propertyName: "footerSection", first: true, predicate: ["footerSection"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["bookMeeting"], descendants: true, static: true }, { propertyName: "editFooterLinksModal", first: true, predicate: ["editFooterLinksModal"], descendants: true }, { propertyName: "logoModal", first: true, predicate: ["logoModal"], descendants: true }, { propertyName: "logoUploader", first: true, predicate: ["logoUploader"], descendants: true }, { propertyName: "hubspotEditModal", first: true, predicate: ["hubspotEditModal"], descendants: true }, { propertyName: "socialEditModal", first: true, predicate: ["socialEditModal"], descendants: true }, { propertyName: "questionsEditModal", first: true, predicate: ["questionsEditModal"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section  #footerSection class=\"bg-black text-white py-5 footer-section\">\n  <div class=\"container\" *ngIf=\"isFooterVisible\">\n    <div class=\"row\">\n\n      <!-- LEFT COLUMN -->\n      <div class=\"col-md-6 mb-4 d-flex flex-column justify-content-between\" [ngClass]=\"{ 'site-column': getFooterHubspotForm() }\">\n        <div>\n          <h3 class=\"mb-4 d-flex align-items-center\">\n            <span class=\"me-2 text-white\">Site Map:</span>\n            <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon cursor-pointer text-white ms-3\" (click)=\"openEditFooterLinksModal(editFooterLinksModal)\" (keydown.enter)=\"openEditFooterLinksModal(editFooterLinksModal)\" (keydown.space)=\"openEditFooterLinksModal(editFooterLinksModal)\" ngbTooltip=\"Edit Footer Links\"></i>\n          </h3>\n          <ul class=\"mt-4\">\n            <li routerLink=\"/\"\n            class=\"cursor-pointer user-info-label link-label\"> Home </li>\n            <li *ngFor=\"let link of footerLinks\" [routerLink]=\"link?.path\"\n              class=\"cursor-pointer user-info-label link-label mt-4\"><span  *ngIf=\"link?.title\">{{link?.title}}</span> </li>\n            <li routerLink=\"/login\"\n              class=\"cursor-pointer user-info-label mt-4 link-label\"> Log in </li>\n            <li [routerLink]=\"'/privacy-and-tos/' + tosId\"\n              class=\"cursor-pointer user-info-label mt-4 link-label\"> Privacy statement </li>\n          </ul>\n          <p class=\"address-section email-section mb-4\">\n            <span class=\"user-info-label\">Email: </span>\n            <ng-container *ngIf=\"!isEditingEmail; else editEmail\">\n              <span class=\"user-info\">{{ email }}</span>\n              <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3\" (click)=\"isEditingEmail = true\" (keydown.enter)=\"isEditingEmail = true\" (keydown.space)=\"isEditingEmail = true\"></i>\n            </ng-container>\n\n            <ng-template #editEmail>\n              <input\n                class=\"form-control d-inline w-auto\"\n                [(ngModel)]=\"editingEmail\"\n              />\n              <button class=\"btn btn-sm btn-primary ms-2\" (click)=\"saveEmail()\">Save</button>\n              <button class=\"btn btn-sm btn-secondary ms-2\" (click)=\"isEditingEmail = false\">Cancel</button>\n            </ng-template>\n          </p>\n                    <span class=\"email-section mt-3 address-text\">\n            <span class=\"user-info-label\">\n              Address:\n              <i *ngIf=\"canEditResourcesValue\"\n                 class=\"fa fa-edit in-page-edit-icon cursor-pointer ms-2 text-white\"\n                 title=\"Edit Address\"\n                 (click)=\"isEditingStreet = true\"\n                 (keydown.enter)=\"isEditingStreet = true\"\n                 (keydown.space)=\"isEditingStreet = true\"></i>\n            </span><br/>\n\n            <ng-container *ngIf=\"!isEditingStreet; else editStreetBlock\">\n              <span class=\"address-text user-info\">{{ street }}</span>\n            </ng-container>\n\n            <ng-template #editStreetBlock>\n              <div class=\"d-flex align-items-center mt-3\">\n                <input class=\"form-control form-control-sm\" [(ngModel)]=\"editingStreet\" />\n                <button class=\"btn btn-sm btn-primary ms-2\" (click)=\"saveStreet()\">Save</button>\n                <button class=\"btn btn-sm btn-secondary ms-2\" (click)=\"cancelStreet()\">Cancel</button>\n              </div>\n            </ng-template>\n\n          </span>\n\n        </div>\n        <div class=\"d-flex\">\n          <img [src]=\"logo\"\n               alt=\"Company logo\"\n               class=\"img-fluid mt-4 logo-image cursor-pointer\"\n               width=\"160\"\n               height=\"35\"\n               (click)=\"scrollToTop()\"\n               (keydown.enter)=\"scrollToTop()\"\n               (keydown.space)=\"scrollToTop()\"\n               title=\"Click to go to top of page\" />\n          <i *ngIf=\"canEditResourcesValue\"\n             class=\"fa fa-edit in-page-edit-icon fa-sm ms-3 cursor-pointer text-white align-self-center mt-3\"\n             (click)=\"openLogoEditModal()\"\n             (keydown.enter)=\"openLogoEditModal()\"\n             (keydown.space)=\"openLogoEditModal()\"\n             title=\"Edit Logo\"></i>\n        </div>\n      </div>\n\n      <!-- RIGHT COLUMN -->\n      <div class=\"col-md-6\" *ngIf=\"isFooterVisible\">\n        <ng-container *ngIf=\"getFooterHubspotForm() as footerItem; else defaultForm\">\n            <div class=\"d-flex\">\n              <div\n                *ngIf=\"isHubspotReady\"\n                class=\"hubspot-container w-100 content-loaded\"\n                [innerHTML]=\"hubspotHtml\"\n                (load)=\"onHubspotLoad($event)\">\n              </div>\n              <i *ngIf=\"canEditResourcesValue\"\n              class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer\"\n              (click)=\"openHubspotEditModal(footerItem)\"\n              (keydown.enter)=\"openHubspotEditModal(footerItem)\"\n              (keydown.space)=\"openHubspotEditModal(footerItem)\"\n              title=\"Edit Hubspot Embed\"></i>\n            </div>\n          </ng-container>\n\n          <ng-template #defaultForm>\n          <div class=\"d-flex\">\n                <h3 class=\"text-white mb-4\"> <span class=\"text-white\">Get in touch:</span></h3>\n                <i *ngIf=\"canEditResourcesValue\"\n                class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3 mt-2\"\n                (click)=\"openQuestionsEditModal()\"\n                (keydown.enter)=\"openQuestionsEditModal()\"\n                (keydown.space)=\"openQuestionsEditModal()\"\n                title=\"Edit Questions\"></i>\n            </div>\n            <div class=\"contact-form\">\n              <form [formGroup]=\"form\">\n                <div class=\"mb-3\">\n                  <div class=\"email\">\n                    <div class=\"form-field\">\n                      <label for=\"email\">Email:</label>\n                      <div class=\"w-100\">\n                        <input type=\"text\"\n                          class=\"mb-1\"\n                          id=\"email\"\n                          formControlName=\"email\" />\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('email').valid && (form.get('email').touched || submitted)\n                          \"\n                      errorMsg=\"Email is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"first_name\">First name:</label>\n                      <div class=\"w-100\">\n                        <input input type=\"text\"\n                        id=\"first_name\"\n                        formControlName=\"first_name\" />\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('first_name').valid && (form.get('first_name').touched || submitted)\n                          \"\n                      errorMsg=\"First name is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"last_name\">Last name:</label>\n                      <input type=\"text\"\n                        id=\"last_name\"\n                        formControlName=\"last_name\" />\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"company\">Company:</label>\n                      <input type=\"text\"\n                        id=\"company\"\n                        formControlName=\"company\" />\n                    </div>\n                    <div class=\"form-field\" *ngIf=\"hasValidOptions()\">\n                      <label for=\"psa\" class=\"select-label\">{{question}}</label>\n                      <p-dropdown\n                        formControlName=\"psa\"\n                        [options]=\"psaOptions\"\n                        [placeholder]=\"'Select PSA'\"\n                        styleClass=\"input-select\">\n                      </p-dropdown>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"enquiry\" class=\"select-label\">How can we help you?</label>\n                      <div class=\"enquiry-field\">\n                        <textarea  id=\"enquiry\" formControlName=\"enquiry\" class=\"\">\n                                      </textarea>\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('enquiry').valid && (form.get('enquiry').touched || submitted)\n                          \"\n                      errorMsg=\"Enquiry is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"text-end\">\n                  <div class=\"captcha-wrapper-container\"\n                  *ngIf=\"isCaptchaVerified\">\n                  <ngx-recaptcha2 [ngModelOptions]=\"{ standalone: true }\"\n                    [siteKey]=\"captchaKeyV2\"\n                    size=\"normal\"\n                    [(ngModel)]=\"recaptcha\"\n                    (success)=\"handleSuccess($event)\">\n                  </ngx-recaptcha2>\n                </div>\n                  <button type=\"submit\"\n                    (click)=\"onSubmit()\"\n                    *ngIf=\"!isCaptchaVerified\"\n                    class=\"sign-btn sign-header-btn mt-3\">\n                    {{ 'Button.Submit' | transloco }}\n                  </button>\n                </div>\n\n                <div class=\"d-flex align-items-center mt-4\">\n                  <div class=\"icons d-flex align-items-center\">\n                    <a [eventTracker]=\"{\n                        category: 'youtube',\n                        action: 'click',\n                        label: 'cloudolive-landing-page-b',\n                        value: 1\n                      }\"\n                      [href]=\"youtubeUrl\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\">\n                      <img src=\"/assets/img/icons/youtube.png\"\n                        class=\"img-fluid youtube-icon\"\n                        width=\"54\"\n                        height=\"54\"\n                        alt=\"\" />\n                    </a>\n                    <a [eventTracker]=\"{\n                        category: 'linkedin',\n                        action: 'click',\n                        label: 'cloudolive-landing-page-b',\n                        value: 1\n                      }\"\n                      [href]=\"linkedInUrl\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      class=\"ms-3\">\n                      <img src=\"/assets/img/icons/social/linkedin.svg\"\n                        class=\"img-fluid linkedin-icon\"\n                        width=\"48\"\n                        height=\"48\"\n                        alt=\"\" />\n                    </a>\n                    <i *ngIf=\"canEditResourcesValue\"\n                    class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3\"\n                    (click)=\"openSocialEditModal()\"\n                    (keydown.enter)=\"openSocialEditModal()\"\n                    (keydown.space)=\"openSocialEditModal()\"\n                    title=\"Edit Social Links & Company Name\"></i>\n                  </div>\n                  <div class=\"copyright text-white\">\n                    2025 {{companyName}}.\n                  </div>\n                </div>\n              </form>\n            </div>\n          </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n\n\n\n<ng-template #bookMeeting\n  let-modal>\n  <div class=\"modal-header\">\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <h3 class=\"text-center modal-basic-title\">\n      Thanks for getting in touch! Our team will be in contact shortly, or we\n      can compare calendars now &amp; schedule a time\n    </h3>\n    <button type=\"button\"\n      [eventTracker]=\"{\n        category: 'request-demo',\n        action: 'click',\n        label: 'cloudolive-landing-page-b',\n        value: 1\n      }\"\n      (click)=\"navigateToBookMeeting()\"\n      class=\"sign-btn sign-header-btn mx-auto d-block mb-3\">\n      Let's do it\n    </button>\n  </div>\n</ng-template>\n\n\n<ng-template #editFooterLinksModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Footer Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Footer Links Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropFooterLinks($event)\">\n      <div *ngFor=\"let footer of editingFooterLinks.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"footerTitle{{i}}\" class=\"form-label\">Title</label>\n            <input id=\"footerTitle{{i}}\" class=\"form-control\" [(ngModel)]=\"footer.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"footerPath{{i}}\" class=\"form-label\">Path</label>\n            <input id=\"footerPath{{i}}\" class=\"form-control\" [(ngModel)]=\"footer.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeFooterLink(i)\" (keydown.enter)=\"removeFooterLink(i)\" (keydown.space)=\"removeFooterLink(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <!-- Subtitles -->\n        <div cdkDropList (cdkDropListDropped)=\"dropSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of footer.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label for=\"subtitleTitle{{i}}{{j}}\" class=\"form-label\">Subtitle Title</label>\n              <input id=\"subtitleTitle{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label for=\"subtitlePath{{i}}{{j}}\" class=\"form-label\">Subtitle Path</label>\n              <input id=\"subtitlePath{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeSubtitle(i, j)\" (keydown.enter)=\"removeSubtitle(i, j)\" (keydown.space)=\"removeSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addFooterLink()\">\n      + Add Footer Link\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveFooterLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n\n<ng-template #logoModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <pw-custom-uploader\n      [aspectRatio]=\"'fullLogo'\"\n      [title]=\"'Main Contrast Logo'\"\n      [controlName]=\"'logo_main_contrast'\"\n      [previewData]=\"previewData\"\n      (saveEvent)=\"onSaveFile($event)\">\n    </pw-custom-uploader>\n  </div>\n</ng-template>\n\n\n\n<ng-template #hubspotEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Hubspot Embed</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"hubspotId\" class=\"form-label\">Hubspot ID</label>\n      <input id=\"hubspotId\" [(ngModel)]=\"editingHubspotId\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"hubspotEmbedDiv\" class=\"form-label\">Embed DIV</label>\n      <textarea id=\"hubspotEmbedDiv\" [(ngModel)]=\"editingHubspotHtml\" rows=\"8\" class=\"form-control\"></textarea>\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveHubspotHtml(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n<ng-template #socialEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Social Links & Company Name</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"youtubeUrl\" class=\"form-label\">YouTube URL</label>\n      <input id=\"youtubeUrl\" [(ngModel)]=\"editingYoutubeUrl\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"linkedinUrl\" class=\"form-label\">LinkedIn URL</label>\n      <input id=\"linkedinUrl\" [(ngModel)]=\"editingLinkedInUrl\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"companyName\" class=\"form-label\">Company Name</label>\n      <input id=\"companyName\" [(ngModel)]=\"editingCompanyName\" class=\"form-control\" />\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveSocialLinks(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #questionsEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Questions</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Questions Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropQuestions($event)\">\n      <div *ngFor=\"let q of editingQuestions; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-11 mb-2\">\n            <label for=\"questionText{{i}}\" class=\"form-label\">Question</label>\n            <input id=\"questionText{{i}}\" class=\"form-control\" [(ngModel)]=\"q.question\" placeholder=\"Enter question\" />\n          </div>\n          <div class=\"col-md-1 d-flex justify-content-end align-items-start mt-4\">\n            <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <!-- Options Section -->\n        <div cdkDropList (cdkDropListDropped)=\"dropQuestionOptions(i, $event)\">\n          <div *ngFor=\"let opt of q.options; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-7 mb-2\">\n              <label for=\"questionOption{{i}}{{j}}\" class=\"form-label\">Option</label>\n              <input id=\"questionOption{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"opt.option\" placeholder=\"Enter option\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeQuestionOption(i, j)\" (keydown.enter)=\"removeQuestionOption(i, j)\" (keydown.enter)=\"removeQuestionOption(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addQuestionOption(i)\">+ Add Option</button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNewQuestion()\">+ Add Question</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveQuestions(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n", styles: [".product-explainer-section{background-color:#000}.footer-section input.form-control,.footer-section select.form-control,.footer-section textarea.form-control{background-color:#fff;border:none;color:#000;font-size:14px}.btn-primary{background-color:#007bff;border:none}.site-column{margin-top:2.9rem}.email-section{color:#fff;font-size:2rem}.address-section{margin-top:5rem}.address-text{line-height:2.2rem}.user-info{font-size:1.5rem}.user-info-label{font-size:1.7rem;font-weight:700}.contact-form form .form-field{display:flex;align-items:center;margin-bottom:1.2rem}.contact-form form .form-field label{width:130px;min-width:130px;margin:0;font-size:14px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px}.contact-form form .form-field p-dropdown{width:100%}.contact-form form .form-field input,.contact-form form .form-field select,.contact-form form .form-field textarea,.contact-form form .form-field ::ng-deep p-dropdown .p-inputwrapper{flex:1;border:none;border-radius:30px;padding:12px 20px;font-size:14px;width:100%!important;max-width:100%;color:#000}.contact-form form .form-field textarea{resize:vertical}.contact-form form .submit-button{background-color:#3b82f6;border:none;border-radius:30px;font-size:16px;font-weight:500;padding:10px 24px;margin-top:1.2rem}.input-select{height:43px}.select-label{width:210px!important}.copyright{margin-top:2rem;margin-left:4rem;font-size:19px;font-weight:700}.d-flex img{margin-right:0!important}.youtube-icon{height:38px}.enquiry-field{margin-left:.5rem;width:63%}::ng-deep .text-danger{margin-top:.25rem!important;margin-left:.5rem!important}@media (min-width: 768px){.hubspot-container{margin-top:-3rem}}@media (min-width: 768px) and (max-width: 1200px){.container{padding:0rem 6rem!important}}.link-label{cursor:pointer;transition:color .3s}.link-label:hover{color:var(--first)}.icons img{transition:transform .3s ease,filter .3s ease;cursor:pointer}.icons img:hover{transform:scale(1.1);filter:brightness(1.2)}.logo-image{max-width:160px;width:160px;height:35px;object-fit:contain;aspect-ratio:160/35}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i8.EventTrackerDirective, selector: "[eventTracker]", inputs: ["eventTracker"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: i11.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }, { kind: "component", type: i12.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i6.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i6.FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-trial-4-contact-us', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section  #footerSection class=\"bg-black text-white py-5 footer-section\">\n  <div class=\"container\" *ngIf=\"isFooterVisible\">\n    <div class=\"row\">\n\n      <!-- LEFT COLUMN -->\n      <div class=\"col-md-6 mb-4 d-flex flex-column justify-content-between\" [ngClass]=\"{ 'site-column': getFooterHubspotForm() }\">\n        <div>\n          <h3 class=\"mb-4 d-flex align-items-center\">\n            <span class=\"me-2 text-white\">Site Map:</span>\n            <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon cursor-pointer text-white ms-3\" (click)=\"openEditFooterLinksModal(editFooterLinksModal)\" (keydown.enter)=\"openEditFooterLinksModal(editFooterLinksModal)\" (keydown.space)=\"openEditFooterLinksModal(editFooterLinksModal)\" ngbTooltip=\"Edit Footer Links\"></i>\n          </h3>\n          <ul class=\"mt-4\">\n            <li routerLink=\"/\"\n            class=\"cursor-pointer user-info-label link-label\"> Home </li>\n            <li *ngFor=\"let link of footerLinks\" [routerLink]=\"link?.path\"\n              class=\"cursor-pointer user-info-label link-label mt-4\"><span  *ngIf=\"link?.title\">{{link?.title}}</span> </li>\n            <li routerLink=\"/login\"\n              class=\"cursor-pointer user-info-label mt-4 link-label\"> Log in </li>\n            <li [routerLink]=\"'/privacy-and-tos/' + tosId\"\n              class=\"cursor-pointer user-info-label mt-4 link-label\"> Privacy statement </li>\n          </ul>\n          <p class=\"address-section email-section mb-4\">\n            <span class=\"user-info-label\">Email: </span>\n            <ng-container *ngIf=\"!isEditingEmail; else editEmail\">\n              <span class=\"user-info\">{{ email }}</span>\n              <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3\" (click)=\"isEditingEmail = true\" (keydown.enter)=\"isEditingEmail = true\" (keydown.space)=\"isEditingEmail = true\"></i>\n            </ng-container>\n\n            <ng-template #editEmail>\n              <input\n                class=\"form-control d-inline w-auto\"\n                [(ngModel)]=\"editingEmail\"\n              />\n              <button class=\"btn btn-sm btn-primary ms-2\" (click)=\"saveEmail()\">Save</button>\n              <button class=\"btn btn-sm btn-secondary ms-2\" (click)=\"isEditingEmail = false\">Cancel</button>\n            </ng-template>\n          </p>\n                    <span class=\"email-section mt-3 address-text\">\n            <span class=\"user-info-label\">\n              Address:\n              <i *ngIf=\"canEditResourcesValue\"\n                 class=\"fa fa-edit in-page-edit-icon cursor-pointer ms-2 text-white\"\n                 title=\"Edit Address\"\n                 (click)=\"isEditingStreet = true\"\n                 (keydown.enter)=\"isEditingStreet = true\"\n                 (keydown.space)=\"isEditingStreet = true\"></i>\n            </span><br/>\n\n            <ng-container *ngIf=\"!isEditingStreet; else editStreetBlock\">\n              <span class=\"address-text user-info\">{{ street }}</span>\n            </ng-container>\n\n            <ng-template #editStreetBlock>\n              <div class=\"d-flex align-items-center mt-3\">\n                <input class=\"form-control form-control-sm\" [(ngModel)]=\"editingStreet\" />\n                <button class=\"btn btn-sm btn-primary ms-2\" (click)=\"saveStreet()\">Save</button>\n                <button class=\"btn btn-sm btn-secondary ms-2\" (click)=\"cancelStreet()\">Cancel</button>\n              </div>\n            </ng-template>\n\n          </span>\n\n        </div>\n        <div class=\"d-flex\">\n          <img [src]=\"logo\"\n               alt=\"Company logo\"\n               class=\"img-fluid mt-4 logo-image cursor-pointer\"\n               width=\"160\"\n               height=\"35\"\n               (click)=\"scrollToTop()\"\n               (keydown.enter)=\"scrollToTop()\"\n               (keydown.space)=\"scrollToTop()\"\n               title=\"Click to go to top of page\" />\n          <i *ngIf=\"canEditResourcesValue\"\n             class=\"fa fa-edit in-page-edit-icon fa-sm ms-3 cursor-pointer text-white align-self-center mt-3\"\n             (click)=\"openLogoEditModal()\"\n             (keydown.enter)=\"openLogoEditModal()\"\n             (keydown.space)=\"openLogoEditModal()\"\n             title=\"Edit Logo\"></i>\n        </div>\n      </div>\n\n      <!-- RIGHT COLUMN -->\n      <div class=\"col-md-6\" *ngIf=\"isFooterVisible\">\n        <ng-container *ngIf=\"getFooterHubspotForm() as footerItem; else defaultForm\">\n            <div class=\"d-flex\">\n              <div\n                *ngIf=\"isHubspotReady\"\n                class=\"hubspot-container w-100 content-loaded\"\n                [innerHTML]=\"hubspotHtml\"\n                (load)=\"onHubspotLoad($event)\">\n              </div>\n              <i *ngIf=\"canEditResourcesValue\"\n              class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer\"\n              (click)=\"openHubspotEditModal(footerItem)\"\n              (keydown.enter)=\"openHubspotEditModal(footerItem)\"\n              (keydown.space)=\"openHubspotEditModal(footerItem)\"\n              title=\"Edit Hubspot Embed\"></i>\n            </div>\n          </ng-container>\n\n          <ng-template #defaultForm>\n          <div class=\"d-flex\">\n                <h3 class=\"text-white mb-4\"> <span class=\"text-white\">Get in touch:</span></h3>\n                <i *ngIf=\"canEditResourcesValue\"\n                class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3 mt-2\"\n                (click)=\"openQuestionsEditModal()\"\n                (keydown.enter)=\"openQuestionsEditModal()\"\n                (keydown.space)=\"openQuestionsEditModal()\"\n                title=\"Edit Questions\"></i>\n            </div>\n            <div class=\"contact-form\">\n              <form [formGroup]=\"form\">\n                <div class=\"mb-3\">\n                  <div class=\"email\">\n                    <div class=\"form-field\">\n                      <label for=\"email\">Email:</label>\n                      <div class=\"w-100\">\n                        <input type=\"text\"\n                          class=\"mb-1\"\n                          id=\"email\"\n                          formControlName=\"email\" />\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('email').valid && (form.get('email').touched || submitted)\n                          \"\n                      errorMsg=\"Email is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"first_name\">First name:</label>\n                      <div class=\"w-100\">\n                        <input input type=\"text\"\n                        id=\"first_name\"\n                        formControlName=\"first_name\" />\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('first_name').valid && (form.get('first_name').touched || submitted)\n                          \"\n                      errorMsg=\"First name is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"last_name\">Last name:</label>\n                      <input type=\"text\"\n                        id=\"last_name\"\n                        formControlName=\"last_name\" />\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"company\">Company:</label>\n                      <input type=\"text\"\n                        id=\"company\"\n                        formControlName=\"company\" />\n                    </div>\n                    <div class=\"form-field\" *ngIf=\"hasValidOptions()\">\n                      <label for=\"psa\" class=\"select-label\">{{question}}</label>\n                      <p-dropdown\n                        formControlName=\"psa\"\n                        [options]=\"psaOptions\"\n                        [placeholder]=\"'Select PSA'\"\n                        styleClass=\"input-select\">\n                      </p-dropdown>\n                    </div>\n                    <div class=\"form-field\">\n                      <label for=\"enquiry\" class=\"select-label\">How can we help you?</label>\n                      <div class=\"enquiry-field\">\n                        <textarea  id=\"enquiry\" formControlName=\"enquiry\" class=\"\">\n                                      </textarea>\n                          <pw-field-error-display [displayError]=\"\n                          !form.get('enquiry').valid && (form.get('enquiry').touched || submitted)\n                          \"\n                      errorMsg=\"Enquiry is required\">\n                    </pw-field-error-display>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"text-end\">\n                  <div class=\"captcha-wrapper-container\"\n                  *ngIf=\"isCaptchaVerified\">\n                  <ngx-recaptcha2 [ngModelOptions]=\"{ standalone: true }\"\n                    [siteKey]=\"captchaKeyV2\"\n                    size=\"normal\"\n                    [(ngModel)]=\"recaptcha\"\n                    (success)=\"handleSuccess($event)\">\n                  </ngx-recaptcha2>\n                </div>\n                  <button type=\"submit\"\n                    (click)=\"onSubmit()\"\n                    *ngIf=\"!isCaptchaVerified\"\n                    class=\"sign-btn sign-header-btn mt-3\">\n                    {{ 'Button.Submit' | transloco }}\n                  </button>\n                </div>\n\n                <div class=\"d-flex align-items-center mt-4\">\n                  <div class=\"icons d-flex align-items-center\">\n                    <a [eventTracker]=\"{\n                        category: 'youtube',\n                        action: 'click',\n                        label: 'cloudolive-landing-page-b',\n                        value: 1\n                      }\"\n                      [href]=\"youtubeUrl\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\">\n                      <img src=\"/assets/img/icons/youtube.png\"\n                        class=\"img-fluid youtube-icon\"\n                        width=\"54\"\n                        height=\"54\"\n                        alt=\"\" />\n                    </a>\n                    <a [eventTracker]=\"{\n                        category: 'linkedin',\n                        action: 'click',\n                        label: 'cloudolive-landing-page-b',\n                        value: 1\n                      }\"\n                      [href]=\"linkedInUrl\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      class=\"ms-3\">\n                      <img src=\"/assets/img/icons/social/linkedin.svg\"\n                        class=\"img-fluid linkedin-icon\"\n                        width=\"48\"\n                        height=\"48\"\n                        alt=\"\" />\n                    </a>\n                    <i *ngIf=\"canEditResourcesValue\"\n                    class=\"fa fa-edit in-page-edit-icon text-white cursor-pointer ms-3\"\n                    (click)=\"openSocialEditModal()\"\n                    (keydown.enter)=\"openSocialEditModal()\"\n                    (keydown.space)=\"openSocialEditModal()\"\n                    title=\"Edit Social Links & Company Name\"></i>\n                  </div>\n                  <div class=\"copyright text-white\">\n                    2025 {{companyName}}.\n                  </div>\n                </div>\n              </form>\n            </div>\n          </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n\n\n\n<ng-template #bookMeeting\n  let-modal>\n  <div class=\"modal-header\">\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <h3 class=\"text-center modal-basic-title\">\n      Thanks for getting in touch! Our team will be in contact shortly, or we\n      can compare calendars now &amp; schedule a time\n    </h3>\n    <button type=\"button\"\n      [eventTracker]=\"{\n        category: 'request-demo',\n        action: 'click',\n        label: 'cloudolive-landing-page-b',\n        value: 1\n      }\"\n      (click)=\"navigateToBookMeeting()\"\n      class=\"sign-btn sign-header-btn mx-auto d-block mb-3\">\n      Let's do it\n    </button>\n  </div>\n</ng-template>\n\n\n<ng-template #editFooterLinksModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Footer Links</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Footer Links Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropFooterLinks($event)\">\n      <div *ngFor=\"let footer of editingFooterLinks.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"footerTitle{{i}}\" class=\"form-label\">Title</label>\n            <input id=\"footerTitle{{i}}\" class=\"form-control\" [(ngModel)]=\"footer.title\" />\n          </div>\n          <div class=\"col-md-5 mb-2\">\n            <label for=\"footerPath{{i}}\" class=\"form-label\">Path</label>\n            <input id=\"footerPath{{i}}\" class=\"form-control\" [(ngModel)]=\"footer.path\" />\n          </div>\n          <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n            <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeFooterLink(i)\" (keydown.enter)=\"removeFooterLink(i)\" (keydown.space)=\"removeFooterLink(i)\"></i>\n            <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <!-- Subtitles -->\n        <div cdkDropList (cdkDropListDropped)=\"dropSubtitles(i, $event)\">\n          <div *ngFor=\"let sub of footer.subtitles; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-5\">\n              <label for=\"subtitleTitle{{i}}{{j}}\" class=\"form-label\">Subtitle Title</label>\n              <input id=\"subtitleTitle{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.title\" />\n            </div>\n            <div class=\"col-md-5\">\n              <label for=\"subtitlePath{{i}}{{j}}\" class=\"form-label\">Subtitle Path</label>\n              <input id=\"subtitlePath{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"sub.path\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeSubtitle(i, j)\" (keydown.enter)=\"removeSubtitle(i, j)\" (keydown.space)=\"removeSubtitle(i, j)\"></i>\n              <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addSubtitle(i)\">\n          + Add Subtitle\n        </button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addFooterLink()\">\n      + Add Footer Link\n    </button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveFooterLinks(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n\n\n<ng-template #logoModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Logo</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <pw-custom-uploader\n      [aspectRatio]=\"'fullLogo'\"\n      [title]=\"'Main Contrast Logo'\"\n      [controlName]=\"'logo_main_contrast'\"\n      [previewData]=\"previewData\"\n      (saveEvent)=\"onSaveFile($event)\">\n    </pw-custom-uploader>\n  </div>\n</ng-template>\n\n\n\n<ng-template #hubspotEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Hubspot Embed</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"hubspotId\" class=\"form-label\">Hubspot ID</label>\n      <input id=\"hubspotId\" [(ngModel)]=\"editingHubspotId\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"hubspotEmbedDiv\" class=\"form-label\">Embed DIV</label>\n      <textarea id=\"hubspotEmbedDiv\" [(ngModel)]=\"editingHubspotHtml\" rows=\"8\" class=\"form-control\"></textarea>\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveHubspotHtml(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n<ng-template #socialEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Social Links & Company Name</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"youtubeUrl\" class=\"form-label\">YouTube URL</label>\n      <input id=\"youtubeUrl\" [(ngModel)]=\"editingYoutubeUrl\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"linkedinUrl\" class=\"form-label\">LinkedIn URL</label>\n      <input id=\"linkedinUrl\" [(ngModel)]=\"editingLinkedInUrl\" class=\"form-control\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"companyName\" class=\"form-label\">Company Name</label>\n      <input id=\"companyName\" [(ngModel)]=\"editingCompanyName\" class=\"form-control\" />\n    </div>\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveSocialLinks(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #questionsEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Questions</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Questions Section</h4>\n    <div cdkDropList (cdkDropListDropped)=\"dropQuestions($event)\">\n      <div *ngFor=\"let q of editingQuestions; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-11 mb-2\">\n            <label for=\"questionText{{i}}\" class=\"form-label\">Question</label>\n            <input id=\"questionText{{i}}\" class=\"form-control\" [(ngModel)]=\"q.question\" placeholder=\"Enter question\" />\n          </div>\n          <div class=\"col-md-1 d-flex justify-content-end align-items-start mt-4\">\n            <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n\n        <!-- Options Section -->\n        <div cdkDropList (cdkDropListDropped)=\"dropQuestionOptions(i, $event)\">\n          <div *ngFor=\"let opt of q.options; let j = index\" class=\"row border p-3 mb-2 align-items-center\" cdkDrag>\n            <div class=\"col-md-7 mb-2\">\n              <label for=\"questionOption{{i}}{{j}}\" class=\"form-label\">Option</label>\n              <input id=\"questionOption{{i}}{{j}}\" class=\"form-control\" [(ngModel)]=\"opt.option\" placeholder=\"Enter option\" />\n            </div>\n            <div class=\"col-md-2 d-flex justify-content-between align-items-center mt-4\">\n              <i class=\"fa fa-trash in-page-trash-icon text-danger cursor-pointer\" (click)=\"removeQuestionOption(i, j)\" (keydown.enter)=\"removeQuestionOption(i, j)\" (keydown.enter)=\"removeQuestionOption(i, j)\"></i>\n              <i class=\"fa fa-bars in-page-bars-icon cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n\n        <button class=\"btn btn-outline-primary btn-sm mt-2\" (click)=\"addQuestionOption(i)\">+ Add Option</button>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-3\" (click)=\"addNewQuestion()\">+ Add Question</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveQuestions(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n", styles: [".product-explainer-section{background-color:#000}.footer-section input.form-control,.footer-section select.form-control,.footer-section textarea.form-control{background-color:#fff;border:none;color:#000;font-size:14px}.btn-primary{background-color:#007bff;border:none}.site-column{margin-top:2.9rem}.email-section{color:#fff;font-size:2rem}.address-section{margin-top:5rem}.address-text{line-height:2.2rem}.user-info{font-size:1.5rem}.user-info-label{font-size:1.7rem;font-weight:700}.contact-form form .form-field{display:flex;align-items:center;margin-bottom:1.2rem}.contact-form form .form-field label{width:130px;min-width:130px;margin:0;font-size:14px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px}.contact-form form .form-field p-dropdown{width:100%}.contact-form form .form-field input,.contact-form form .form-field select,.contact-form form .form-field textarea,.contact-form form .form-field ::ng-deep p-dropdown .p-inputwrapper{flex:1;border:none;border-radius:30px;padding:12px 20px;font-size:14px;width:100%!important;max-width:100%;color:#000}.contact-form form .form-field textarea{resize:vertical}.contact-form form .submit-button{background-color:#3b82f6;border:none;border-radius:30px;font-size:16px;font-weight:500;padding:10px 24px;margin-top:1.2rem}.input-select{height:43px}.select-label{width:210px!important}.copyright{margin-top:2rem;margin-left:4rem;font-size:19px;font-weight:700}.d-flex img{margin-right:0!important}.youtube-icon{height:38px}.enquiry-field{margin-left:.5rem;width:63%}::ng-deep .text-danger{margin-top:.25rem!important;margin-left:.5rem!important}@media (min-width: 768px){.hubspot-container{margin-top:-3rem}}@media (min-width: 768px) and (max-width: 1200px){.container{padding:0rem 6rem!important}}.link-label{cursor:pointer;transition:color .3s}.link-label:hover{color:var(--first)}.icons img{transition:transform .3s ease,filter .3s ease;cursor:pointer}.icons img:hover{transform:scale(1.1);filter:brightness(1.2)}.logo-image{max-width:160px;width:160px;height:35px;object-fit:contain;aspect-ratio:160/35}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.UntypedFormBuilder }, { type: i2.AuthService }, { type: i3.CrmService }, { type: i3$1.DomSanitizer }, { type: i5.AdminService }, { type: i0.Injector }, { type: i2.AbTestService }, { type: i2$1.NgbModal }, { type: i0.ChangeDetectorRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { footerSection: [{
+                type: ViewChild,
+                args: ['footerSection', { static: true }]
+            }], content: [{
+                type: ViewChild,
+                args: ['bookMeeting', { static: true }]
+            }], editFooterLinksModal: [{
+                type: ViewChild,
+                args: ['editFooterLinksModal']
+            }], logoModal: [{
+                type: ViewChild,
+                args: ['logoModal']
+            }], logoUploader: [{
+                type: ViewChild,
+                args: ['logoUploader']
+            }], hubspotEditModal: [{
+                type: ViewChild,
+                args: ['hubspotEditModal']
+            }], socialEditModal: [{
+                type: ViewChild,
+                args: ['socialEditModal']
+            }], questionsEditModal: [{
+                type: ViewChild,
+                args: ['questionsEditModal']
+            }], subscriptionId: [{
+                type: Input
+            }], sourceId: [{
+                type: Input
+            }], masterSubscriptionId: [{
+                type: Input
+            }], experimentName: [{
+                type: Input
+            }], microserviceName: [{
+                type: Input
+            }], shardName: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], userLoggedIn: [{
+                type: Input
+            }] } });
+
+/**
+ * Standalone module for Trial4ContactUsComponent (pw-trial-4-contact-us)
+ * Lightweight alternative to importing entire ResourceSharedModule
+ */
+class Trial4ContactUsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, declarations: [Trial4ContactUsComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            RouterModule,
+            DragDropModule,
+            NgbModalModule,
+            NgbTooltipModule,
+            DirectivesModule,
+            PipesModule,
+            CoreTranslocoModule,
+            NgxCaptchaModule,
+            DropdownModule,
+            ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
+            FieldErrorDisplayModule, // For pw-field-error-display
+            AdminModuleUtilsModule], exports: [Trial4ContactUsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            RouterModule,
+            DragDropModule,
+            NgbModalModule,
+            NgbTooltipModule,
+            DirectivesModule,
+            PipesModule,
+            CoreTranslocoModule,
+            NgxCaptchaModule,
+            DropdownModule,
+            ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
+            FieldErrorDisplayModule, // For pw-field-error-display
+            AdminModuleUtilsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [Trial4ContactUsComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterModule,
+                        DragDropModule,
+                        NgbModalModule,
+                        NgbTooltipModule,
+                        DirectivesModule,
+                        PipesModule,
+                        CoreTranslocoModule,
+                        NgxCaptchaModule,
+                        DropdownModule,
+                        ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
+                        FieldErrorDisplayModule, // For pw-field-error-display
+                        AdminModuleUtilsModule
+                    ],
+                    exports: [Trial4ContactUsComponent]
+                }]
+        }] });
+
+/**
+ * Lazy-loading wrapper for ResourceEditCard
+ */
+class ResourceEditCardLazyComponent {
+    constructor() {
+        this.canEdit = false;
+        this.updated = new EventEmitter();
+        this.componentRef = null;
+        this.loading = false;
+    }
+    async ngOnChanges(changes) {
+        if (this.canEdit && !this.componentRef && !this.loading) {
+            await this.loadEditCard();
+        }
+        else if (!this.canEdit && this.componentRef) {
+            this.container.clear();
+            this.componentRef = null;
+        }
+        else if (this.componentRef && (changes['id'] || changes['resourceData'])) {
+            // Update existing component inputs
+            this.componentRef.instance.id = this.id;
+            this.componentRef.instance.resourceData = this.resourceData;
+        }
+    }
+    async loadEditCard() {
+        if (this.componentRef || this.loading)
+            return; // Prevent double loading
+        this.loading = true; // Set BEFORE async operation
+        try {
+            // Dynamically import ResourceEditCard component (145 KB)
+            const module = await Promise.resolve().then(function () { return resourceEditCard_component; });
+            const ResourceEditCardComponent = module.ResourceEditCardComponent;
+            // Ensure container exists and is clear
+            if (!this.container)
+                return;
+            this.container.clear();
+            // Create component dynamically (only once)
+            this.componentRef = this.container.createComponent(ResourceEditCardComponent);
+            this.componentRef.instance.id = this.id;
+            this.componentRef.instance.resourceData = this.resourceData;
+            this.componentRef.instance.updated.subscribe(() => this.updated.emit());
+            this.loading = false;
+        }
+        catch (error) {
+            console.error('Failed to load ResourceEditCard:', error);
+            this.loading = false;
+        }
+    }
+    ngOnDestroy() {
+        this.componentRef?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditCardLazyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: { id: "id", resourceData: "resourceData", canEdit: "canEdit" }, outputs: { updated: "updated" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["editCardContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<ng-container #editCardContainer></ng-container>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditCardLazyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pw-resource-edit-card-lazy',
+                    template: `<ng-container #editCardContainer></ng-container>`
+                }]
+        }], propDecorators: { container: [{
+                type: ViewChild,
+                args: ['editCardContainer', { read: ViewContainerRef, static: true }]
+            }], id: [{
+                type: Input
+            }], resourceData: [{
+                type: Input
+            }], canEdit: [{
+                type: Input
+            }], updated: [{
+                type: Output
+            }] } });
+
+class ResourceCompanyCardComponent extends AppBaseComponent {
+    constructor(injector) {
+        super(injector);
+        this.getPosts = new EventEmitter();
+        this.destroy$ = new Subject();
+        this.canEditResourcesValue = false;
+        this.header = '';
+        this.data = [];
+        this.vendor = false;
+        this.postData = false;
+        this.filteredData = [];
+        this.first = 0;
+        this.rows = 12;
+    }
+    ngOnChanges() {
+        this.search();
+    }
+    ngOnInit() {
+        if (this.userLoggedIn) {
+            this.updateCanEditResourcesValue();
+            this.localStorage.getItem$('product').subscribe(res => {
+                const data = res ? JSON.parse(res) : null;
+                this.subscriptionId = data?.subscriptionId;
+            });
+        }
+    }
+    search(keywords) {
+        if (keywords) {
+            this.filteredData = this.data.filter(x => x.title.toLowerCase().includes(keywords.toLowerCase()));
+            if (this.filteredData.length === 0) {
+                this.postData = true;
+            }
+            else {
+                this.postData = false;
+            }
+        }
+        else {
+            this.filteredData = [...this.data];
+            this.postData = false;
+        }
+    }
+    onPageChange(event) {
+        this.first = event.first;
+        this.rows = event.rows;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    updateCanEditResourcesValue() {
+        this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCompanyCardComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: { header: "header", data: "data", integrationCountDisplay: "integrationCountDisplay", vendor: "vendor", user: "user", userLoggedIn: "userLoggedIn" }, outputs: { getPosts: "getPosts" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{ 'vendors-distributor-wrapper': !vendor }\">\n  <div class=\"d-flex justify-content-between align-items-center mb-3 search-container\">\n    <div>\n      <span class=\"int-span\">{{header}}</span>\n    </div>\n    <div class=\"search-wrapper position-relative\" *ngIf=\"integrationCountDisplay > 0\">\n      <i class=\"fa fa-search search-icon\"></i>\n      <input type=\"text\"\n\n        (keyup)=\"search($event.target.value)\"\n        placeholder=\"Search eg security\"\n        class=\"search-input top-search-input\" />\n    </div>\n\n  </div>\n\n  <div *ngIf=\"postData\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n  </div>\n\n  <div class=\"row\" *ngIf=\"!postData && integrationCountDisplay > 0\">\n    <div class=\"col-md-3 mt-4\"\n    *ngFor=\"let img of filteredData | slice:first:(first + rows)\">\n    <div class=\"boxes d-flex align-items-center justify-content-center\">\n      <ng-container *ngIf=\"img?.companyImg; else checkRectangular\">\n        <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n      </ng-container>\n\n      <ng-template #checkRectangular>\n        <ng-container *ngIf=\"img?.rectangular_picture?.url; else noImage\">\n          <ng-container *ngIf=\"!img.rectangular_picture.url.includes('default-photo'); else showPostName\">\n            <ng-container *ngIf=\"img?.showcase; else noLinkImage\">\n              <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n              </a>\n            </ng-container>\n            <ng-template #noLinkImage>\n              <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n            </ng-template>\n\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"img?.id\"\n              [resourceData]=\"img\"\n              (updated)=\"getPosts.emit()\">\n            </pw-resource-edit-card-lazy>\n          </ng-container>\n        </ng-container>\n      </ng-template>\n\n      <ng-template #showPostName>\n        <ng-container *ngIf=\"img?.showcase; else noLinkTitle\">\n          <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n            <span class=\"vendor-name text-center mt-2\">{{ img?.title }}</span>\n          </a>\n        </ng-container>\n        <ng-template #noLinkTitle>\n          <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n        </ng-template>\n\n        <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"img?.id\"\n          [resourceData]=\"img\"\n          (updated)=\"getPosts.emit()\">\n        </pw-resource-edit-card-lazy>\n      </ng-template>\n    </div>\n  </div>\n\n    <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n    *ngIf=\"filteredData.length > 0\"\n      >\n      <p-paginator\n      [first]=\"first\"\n      [rows]=\"rows\"\n      [totalRecords]=\"filteredData.length\"\n      (onPageChange)=\"onPageChange($event)\"></p-paginator>\n    </div>\n  </div>\n</div>\n", styles: [".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;word-break:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media (width <= 768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i3$2.SlicePipe, name: "slice" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCompanyCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource-company-card', template: "<div [ngClass]=\"{ 'vendors-distributor-wrapper': !vendor }\">\n  <div class=\"d-flex justify-content-between align-items-center mb-3 search-container\">\n    <div>\n      <span class=\"int-span\">{{header}}</span>\n    </div>\n    <div class=\"search-wrapper position-relative\" *ngIf=\"integrationCountDisplay > 0\">\n      <i class=\"fa fa-search search-icon\"></i>\n      <input type=\"text\"\n\n        (keyup)=\"search($event.target.value)\"\n        placeholder=\"Search eg security\"\n        class=\"search-input top-search-input\" />\n    </div>\n\n  </div>\n\n  <div *ngIf=\"postData\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n  </div>\n\n  <div class=\"row\" *ngIf=\"!postData && integrationCountDisplay > 0\">\n    <div class=\"col-md-3 mt-4\"\n    *ngFor=\"let img of filteredData | slice:first:(first + rows)\">\n    <div class=\"boxes d-flex align-items-center justify-content-center\">\n      <ng-container *ngIf=\"img?.companyImg; else checkRectangular\">\n        <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n      </ng-container>\n\n      <ng-template #checkRectangular>\n        <ng-container *ngIf=\"img?.rectangular_picture?.url; else noImage\">\n          <ng-container *ngIf=\"!img.rectangular_picture.url.includes('default-photo'); else showPostName\">\n            <ng-container *ngIf=\"img?.showcase; else noLinkImage\">\n              <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n              </a>\n            </ng-container>\n            <ng-template #noLinkImage>\n              <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n            </ng-template>\n\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"img?.id\"\n              [resourceData]=\"img\"\n              (updated)=\"getPosts.emit()\">\n            </pw-resource-edit-card-lazy>\n          </ng-container>\n        </ng-container>\n      </ng-template>\n\n      <ng-template #showPostName>\n        <ng-container *ngIf=\"img?.showcase; else noLinkTitle\">\n          <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n            <span class=\"vendor-name text-center mt-2\">{{ img?.title }}</span>\n          </a>\n        </ng-container>\n        <ng-template #noLinkTitle>\n          <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n        </ng-template>\n\n        <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"img?.id\"\n          [resourceData]=\"img\"\n          (updated)=\"getPosts.emit()\">\n        </pw-resource-edit-card-lazy>\n      </ng-template>\n    </div>\n  </div>\n\n    <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n    *ngIf=\"filteredData.length > 0\"\n      >\n      <p-paginator\n      [first]=\"first\"\n      [rows]=\"rows\"\n      [totalRecords]=\"filteredData.length\"\n      (onPageChange)=\"onPageChange($event)\"></p-paginator>\n    </div>\n  </div>\n</div>\n", styles: [".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;word-break:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media (width <= 768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { getPosts: [{
+                type: Output
+            }], header: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], integrationCountDisplay: [{
+                type: Input
+            }], vendor: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], userLoggedIn: [{
+                type: Input
+            }] } });
+
+class ResourceTopBannerEditComponent extends AppBaseComponent {
+    constructor(fb, modalService, tagService, injector) {
+        super(injector);
+        this.fb = fb;
+        this.modalService = modalService;
+        this.tagService = tagService;
+        this.getUpdatedTag = new EventEmitter();
+        this.image = null;
+        this.defaultImage = 'assets/img/resource/blog.png';
+    }
+    ngOnInit() {
+        if (this.userLoggedIn) {
+            this.localStorage.getItem$('product').subscribe(res => {
+                const data = res ? JSON.parse(res) : null;
+                this.subscriptionId = data?.subscriptionId;
+            });
+        }
+        this.form = this.fb.group({
+            title: [this.blogPostTag?.title ?? ''],
+            description: [this.blogPostTag?.description ?? ''],
+            meta_title: [this.blogPostTag?.meta_title ?? ''],
+            meta_description: [this.blogPostTag?.meta_description ?? '']
+        });
+        this.image = this.blogPostTag?.image?.url ?? null;
+    }
+    openEditModal() {
+        this.modalService.open(this.editModal, { centered: true, size: 'lg' });
+    }
+    openImageModal(modalRef) {
+        this.imageModalRef = this.modalService.open(modalRef, { centered: true });
+    }
+    onImageSelected(base64) {
+        this.image = base64;
+        this.file = HelperService.convertBase64ToFile(base64);
+        this.imageModalRef?.close();
+    }
+    onClose() {
+        this.imageModalRef?.close();
+    }
+    removeImage() {
+        this.image = null;
+    }
+    handleImageError(event) {
+        event.target.src = this.defaultImage;
+    }
+    save() {
+        this.buttonBusy = true;
+        const payload = {
+            title: this.form.value.title ?? this.blogPostTag?.title,
+            description: this.form.value.description ?? this.blogPostTag?.description,
+            meta_title: this.form.value.meta_title ?? this.blogPostTag?.meta_title,
+            meta_description: this.form.value.meta_description ?? this.blogPostTag?.meta_description,
+            tag_category_id: this.blogPostTag?.tag_category_id,
+            tag_type: this.blogPostTag?.tag_type,
+            subscription_id: this.subscriptionId,
+            name: this.blogPostTag?.name
+        };
+        if (this.file) {
+            payload['image'] = this.file;
+        }
+        else if (!this.image) {
+            payload['remove_image'] = true;
+        }
+        this.tagService.updateTagById(this.blogPostTag.id, payload).subscribe(() => {
+            this.buttonBusy = false;
+            this.toast.success('Tag Updated');
+            this.getUpdatedTag.emit();
+            this.modalService.dismissAll();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceTopBannerEditComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.NgbModal }, { token: i2.TagService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceTopBannerEditComponent, selector: "pw-resource-top-banner-edit", inputs: { blogPostTag: "blogPostTag", user: "user", userLoggedIn: "userLoggedIn" }, outputs: { getUpdatedTag: "getUpdatedTag" }, viewQueries: [{ propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "imageCropContent", first: true, predicate: ["imageCropContent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"edit-card\">\n    <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n       (click)=\"openEditModal()\"\n       (keydown.enter)=\"openEditModal()\"\n       (keydown.space)=\"openEditModal()\"\n       title=\"Edit Blog Tag\"></i>\n</div>\n\n  <ng-template #editModal let-modal>\n    <div class=\"modal-header\">\n      <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n      <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n    </div>\n\n    <div class=\"modal-body\">\n      <form [formGroup]=\"form\">\n        <div class=\"row\">\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Title\" name=\"title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Description\" name=\"description\">\n              <textarea class=\"form-control\" rows=\"4\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" />\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Meta Description\" name=\"meta_description\">\n              <textarea class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"></textarea>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 my-4\">\n            <label for=\"tagImage\">Blog Tag Image</label>\n            <div class=\"text-center d-flex flex-column align-items-center col-6\">\n              <img [src]=\"image || defaultImage\"\n                   (click)=\"openImageModal(imageCropContent)\"\n                   (keydown.enter)=\"openImageModal(imageCropContent)\"\n                   (keydown.space)=\"openImageModal(imageCropContent)\"\n                   class=\"image w-100\"\n                   alt=\"Blog\"\n                   (error)=\"handleImageError($event)\"\n              />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block mt-2\"\n                  (click)=\"openImageModal(imageCropContent)\">\n                  {{ image ? 'Update' : 'Add' }} Image\n                </a>\n                <i *ngIf=\"image\"\n                   class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                   title=\"Remove Image\"\n                   (keydown.enter)=\"removeImage()\"\n                   (keydown.space)=\"removeImage()\"\n                   (click)=\"removeImage()\"></i>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </form>\n    </div>\n\n    <div class=\"modal-footer\">\n      <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n      <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n    </div>\n  </ng-template>\n\n  <ng-template #imageCropContent let-modal>\n      <div class=\"modal-header\">\n        <h5 class=\"modal-title\">Upload Image</h5>\n        <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n      </div>\n      <div class=\"modal-body\">\n        <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n        <pw-image-cropper\n          #cropper\n          aspectRatio=\"dynamic\"\n          (imageSelectionEvent)=\"onImageSelected($event)\"\n          (closeEvent)=\"onClose()\">\n        </pw-image-cropper>\n      </div>\n    </ng-template>\n", dependencies: [{ kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceTopBannerEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource-top-banner-edit', template: "<div class=\"edit-card\">\n    <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n       (click)=\"openEditModal()\"\n       (keydown.enter)=\"openEditModal()\"\n       (keydown.space)=\"openEditModal()\"\n       title=\"Edit Blog Tag\"></i>\n</div>\n\n  <ng-template #editModal let-modal>\n    <div class=\"modal-header\">\n      <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n      <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n    </div>\n\n    <div class=\"modal-body\">\n      <form [formGroup]=\"form\">\n        <div class=\"row\">\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Title\" name=\"title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Description\" name=\"description\">\n              <textarea class=\"form-control\" rows=\"4\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" />\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12\">\n            <pw-input-container label=\"Meta Description\" name=\"meta_description\">\n              <textarea class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"></textarea>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 my-4\">\n            <label for=\"tagImage\">Blog Tag Image</label>\n            <div class=\"text-center d-flex flex-column align-items-center col-6\">\n              <img [src]=\"image || defaultImage\"\n                   (click)=\"openImageModal(imageCropContent)\"\n                   (keydown.enter)=\"openImageModal(imageCropContent)\"\n                   (keydown.space)=\"openImageModal(imageCropContent)\"\n                   class=\"image w-100\"\n                   alt=\"Blog\"\n                   (error)=\"handleImageError($event)\"\n              />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block mt-2\"\n                  (click)=\"openImageModal(imageCropContent)\">\n                  {{ image ? 'Update' : 'Add' }} Image\n                </a>\n                <i *ngIf=\"image\"\n                   class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                   title=\"Remove Image\"\n                   (keydown.enter)=\"removeImage()\"\n                   (keydown.space)=\"removeImage()\"\n                   (click)=\"removeImage()\"></i>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </form>\n    </div>\n\n    <div class=\"modal-footer\">\n      <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n      <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n    </div>\n  </ng-template>\n\n  <ng-template #imageCropContent let-modal>\n      <div class=\"modal-header\">\n        <h5 class=\"modal-title\">Upload Image</h5>\n        <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n      </div>\n      <div class=\"modal-body\">\n        <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n        <pw-image-cropper\n          #cropper\n          aspectRatio=\"dynamic\"\n          (imageSelectionEvent)=\"onImageSelected($event)\"\n          (closeEvent)=\"onClose()\">\n        </pw-image-cropper>\n      </div>\n    </ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: i2$1.NgbModal }, { type: i2.TagService }, { type: i0.Injector }], propDecorators: { blogPostTag: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], userLoggedIn: [{
+                type: Input
+            }], getUpdatedTag: [{
+                type: Output
+            }], editModal: [{
+                type: ViewChild,
+                args: ['editModal']
+            }], imageCropContent: [{
+                type: ViewChild,
+                args: ['imageCropContent']
+            }] } });
+
+class ResourceNoteCardComponent extends AppBaseComponent {
+    constructor(injector, resourceService, tagService) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.releaseHeader = false;
+        this.isReleasePress = false;
+        this.isResource = false;
+        this.postSlice = false;
+        this.canEditResourcesValue = false;
+        this.isLoaded = false;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.postTags = {};
+        this.releasePosts = {};
+    }
+    ngOnInit() {
+        if (this.userLoggedIn) {
+            this.localStorage.getItem$('product').subscribe(res => {
+                const data = res ? JSON.parse(res) : null;
+                this.subscriptionId = data?.subscriptionId;
+            });
+        }
+        this.getTags();
+    }
+    ngOnChanges(changes) {
+        if (changes['user'] || changes['userLoggedIn']) {
+            if (this.userLoggedIn && this.user) {
+                this.updateCanEditResourcesValue();
+            }
+        }
+    }
+    getTags() {
+        this.isLoaded = false;
+        this.tagService
+            .getAllTagCategories({ search: 'Release Notes' }, this.getEffectiveSubscriptionId())
+            .subscribe(response => {
+            this.tagCategory = response.tag_categories[0];
+            this.getPostTags();
+        });
+    }
+    getPostTags() {
+        this.tagService
+            .getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())
+            .subscribe(response => {
+            this.postTags['product'] = this.findTag(response.tags, 'Product Release Notes', this.tagCategory?.id);
+            this.postTags['press'] = this.findTag(response.tags, 'Press Release Notes', this.tagCategory?.id);
+            if (this.postTags['product']?.id) {
+                this.getProductReleasePosts(1, 100);
+            }
+            else {
+                this.isLoaded = true;
+                this.releasePosts['product'] = [];
+            }
+            if (this.postTags['press']?.id) {
+                this.getPressReleasePosts(1, 100);
+            }
+            else {
+                this.isLoaded = true;
+                this.releasePosts['press'] = [];
+            }
+        });
+    }
+    findTag(tags, name, categoryId) {
+        return tags.find(tag => tag.name === name && tag.tag_category_id === categoryId);
+    }
+    hasPressReleases() {
+        return this.releasePosts['press']?.length !== 0 && this.isLoaded;
+    }
+    hasProductReleases() {
+        return this.releasePosts['product']?.length !== 0 && this.isLoaded;
+    }
+    getProductReleasePosts(page, pageSize) {
+        this.isLoaded = false;
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', '', this.postTags['product']?.id)
+            .subscribe(response => {
+            const sortedPosts = response.posts
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.releasePosts['product'] = this.getProcessedPosts(sortedPosts);
+        })
+            .add(() => {
+            this.isLoaded = true;
+        });
+    }
+    getPressReleasePosts(page, pageSize) {
+        this.isLoaded = false;
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', '', this.postTags['press']?.id)
+            .subscribe(response => {
+            const sortedPosts = response?.posts
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.releasePosts['press'] = this.getProcessedPosts(sortedPosts);
+        })
+            .add(() => {
+            this.isLoaded = true;
+        });
+    }
+    getProcessedPosts(posts, sliceCount = 3) {
+        const cloned = [...posts];
+        return this.postSlice ? cloned.reverse() : cloned.slice(0, sliceCount).reverse();
+    }
+    toggleEditTitle() {
+        this.isEditingTitle = true;
+        this.editedTitle = this.postTags['product'].title;
+    }
+    toggleEditPressTitle() {
+        this.isPressEditingTitle = true;
+        this.editedTitle = this.postTags['press'].title;
+    }
+    saveEditedTitle(type) {
+        HelperService.updateTagTitle(this.postTags[type], this.editedTitle, this.tagService, this.getEffectiveSubscriptionId(), this.toast).subscribe(() => {
+            this.postTags[type].title = this.editedTitle;
+            if (type === 'product') {
+                this.isEditingTitle = false;
+            }
+            else {
+                this.isPressEditingTitle = false;
+            }
+        });
+    }
+    /** Helper method to get effective subscription ID */
+    getEffectiveSubscriptionId() {
+        return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+    }
+    updateCanEditResourcesValue() {
+        this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "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" }] }); }
+}
+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"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: ResourceService }, { type: i2.TagService }], propDecorators: { releaseHeader: [{
+                type: Input
+            }], categoryId: [{
+                type: Input
+            }], isReleasePress: [{
+                type: Input
+            }], isResource: [{
+                type: Input
+            }], postSlice: [{
+                type: Input
+            }], resourceTitle: [{
+                type: Input
+            }], tag: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], userLoggedIn: [{
+                type: Input
+            }] } });
+
+class CaseStudyCardComponent extends AppBaseComponent {
+    constructor(injector, resourceService, tagService, cdr) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.cdr = cdr;
+        this.showCaseStudyHeader = false;
+        this.postSlice = false;
+        this.canEditResourcesValue = false;
+        this.isLoaded = false;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.companyName = this.appConfig.company.name;
+        this.posts = [];
+        this.isEditingTitle = false;
+    }
+    ngOnInit() {
+        if (this.userLoggedIn) {
+            this.localStorage.getItem$('product').subscribe(res => {
+                const data = res ? JSON.parse(res) : null;
+                this.subscriptionId = data?.subscriptionId;
+            });
+        }
+        this.getPosts(1, 10);
+    }
+    ngOnChanges(changes) {
+        if (changes['user'] || changes['userLoggedIn']) {
+            if (this.userLoggedIn && this.user) {
+                this.updateCanEditResourcesValue();
+            }
+        }
+    }
+    getPosts(page, pageSize) {
+        this.isLoaded = false;
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', this.categoryId)
+            .subscribe(response => {
+            const sortedPosts = (response.posts ?? [])
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.posts = this.postSlice ? sortedPosts : [...sortedPosts].slice(0, 3);
+        })
+            .add(() => {
+            this.isLoaded = true;
+            this.cdr.markForCheck();
+        });
+    }
+    toggleEditTitle() {
+        this.isEditingTitle = true;
+        this.editedTitle = this.resourceTitle;
+    }
+    saveEditedTitle() {
+        HelperService.updateTagTitle(this.tag, this.editedTitle, this.tagService, this.getEffectiveSubscriptionId(), this.toast).subscribe(() => {
+            this.resourceTitle = this.editedTitle;
+            this.isEditingTitle = false;
+            this.cdr.markForCheck();
+        });
+    }
+    /** Helper method to get effective subscription ID */
+    getEffectiveSubscriptionId() {
+        return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+    }
+    updateCanEditResourcesValue() {
+        this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    trackByPostId(index, post) {
+        return post.id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CaseStudyCardComponent, deps: [{ token: i0.Injector }, { token: ResourceService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CaseStudyCardComponent, selector: "pw-case-studies-card", inputs: { showCaseStudyHeader: "showCaseStudyHeader", categoryId: "categoryId", postSlice: "postSlice", tag: "tag", resourceTitle: "resourceTitle", user: "user", userLoggedIn: "userLoggedIn" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\" id=\"case-studies\">\n  <div class=\"container\">\n    <ng-container *ngIf=\"showCaseStudyHeader; else fallbackBlock\">\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n        <a class=\"view-all\" routerLink=\"/resources/case-studies\">VIEW ALL ></a>\n      </div>\n    </ng-container>\n\n    <ng-template #fallbackBlock>\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n      </div>\n    </ng-template>\n\n    <ng-template #caseStudyHeaderTemplate>\n      <h2 class=\"section-heading d-flex align-items-center\" id=\"case-studies\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\">\n            <span [innerHTML]=\"resourceTitle\"></span>\n          </span>\n          <ng-template #fallback>Case Studies</ng-template>\n          <i *ngIf=\"canEditResourcesValue\"\n             class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\"\n             (click)=\"toggleEditTitle()\"\n             (keydown.enter)=\"toggleEditTitle()\"\n             (keydown.space)=\"toggleEditTitle()\"\n             title=\"Edit Title\"></i>\n        </ng-container>\n\n        <ng-template #editTitleBlock>\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        </ng-template>\n      </h2>\n    </ng-template>\n\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n\n    <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"testimonial-box\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n\n        <pw-resource-edit-card-lazy\n        [canEdit]=\"canEditResourcesValue\"\n        [id]=\"post.id\"\n        [resourceData]=\"post\"\n        (updated)=\"getPosts(1, 100)\">\n        </pw-resource-edit-card-lazy>\n\n        <div>\n          <img *ngIf=\"!post.rectangular_picture.url.includes('default-photo.jpg') \" [src]=\"post.rectangular_picture.url\"\n          alt=\"IT Partners Logo\"\n          class=\"company-logo mb-3\"\n          loading=\"lazy\" />\n\n          <p class=\"mb-4 mt-3 testimonial-section\">\n            <span [innerHTML]=\"post.title\"></span>\n          </p>\n        </div>\n\n        <!-- BOTTOM AVATAR -->\n        <div class=\"avatar-container mt-5\">\n          <img [src]=\"post.picture.url\"\n            alt=\"User Avatar\"\n            *ngIf=\"post.picture.url && !post.picture.url.includes('default-photo.jpg')\"\n            class=\"testimonial-avatar\"\n            loading=\"lazy\" />\n            <a *ngIf=\"post?.external_url; else internalLink\"\n            class=\"read-more-btn-overlay\"\n            aria-label=\"Navigate to external url\"\n            [href]=\"post.external_url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\">\n            <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n            <span class=\"arrow\">\u2192</span>\n          </a>\n\n        <ng-template #internalLink>\n          <a class=\"read-more-btn-overlay\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n            <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n            <span class=\"arrow\">\u2192</span>\n          </a>\n        </ng-template>\n        </div>\n      </div>\n  </div>\n  </div>\n</section>\n", styles: [".resource-vault-section{background:#fff;text-align:center;padding:3rem 0}.section-outer,.container{padding:0 15px}.d-md-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.vault-heading{font-size:2rem;font-weight:700}.video-row{margin-top:3rem;gap:5.5rem!important}.row{display:flex;flex-wrap:wrap}.col-md-6,.col-lg-4{flex:0 0 auto;width:100%}@media (width >= 768px){.col-md-6,.col-lg-4{width:50%}}@media (width >= 992px){.col-md-6,.col-lg-4{width:33.3333%}}.mb-4{margin-bottom:1.5rem}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#000;border-radius:20px;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;height:auto;padding:2.5rem 1.5rem;font-size:1.1rem;min-height:421.4px!important}.testimonial-box .testimonial-section{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black)}.testimonial-box .testimonial-section strong{display:block}.testimonial-box .company-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .avatar-container{margin-top:auto;position:relative;display:inline-block}.testimonial-box .avatar-container .testimonial-avatar{width:60%;aspect-ratio:1/1;height:auto;border-radius:50%;object-fit:fill}.testimonial-box .avatar-container .read-more-btn-overlay{position:absolute;text-decoration:none!important;bottom:0;left:50%;transform:translate(-50%);background-color:var(--text-color, black);color:#fff;width:240px;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.testimonial-box .avatar-container .read-more-btn-overlay:hover{background:#fff;color:var(--text-color, black)!important}.testimonial-box .avatar-container .read-more-btn-overlay .arrow{margin-bottom:.3rem}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CaseStudyCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-case-studies-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\" id=\"case-studies\">\n  <div class=\"container\">\n    <ng-container *ngIf=\"showCaseStudyHeader; else fallbackBlock\">\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n        <a class=\"view-all\" routerLink=\"/resources/case-studies\">VIEW ALL ></a>\n      </div>\n    </ng-container>\n\n    <ng-template #fallbackBlock>\n      <div class=\"d-md-flex justify-content-between align-items-start\">\n        <ng-container *ngTemplateOutlet=\"caseStudyHeaderTemplate\"></ng-container>\n      </div>\n    </ng-template>\n\n    <ng-template #caseStudyHeaderTemplate>\n      <h2 class=\"section-heading d-flex align-items-center\" id=\"case-studies\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\">\n            <span [innerHTML]=\"resourceTitle\"></span>\n          </span>\n          <ng-template #fallback>Case Studies</ng-template>\n          <i *ngIf=\"canEditResourcesValue\"\n             class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\"\n             (click)=\"toggleEditTitle()\"\n             (keydown.enter)=\"toggleEditTitle()\"\n             (keydown.space)=\"toggleEditTitle()\"\n             title=\"Edit Title\"></i>\n        </ng-container>\n\n        <ng-template #editTitleBlock>\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        </ng-template>\n      </h2>\n    </ng-template>\n\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n\n    <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"testimonial-box\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n\n        <pw-resource-edit-card-lazy\n        [canEdit]=\"canEditResourcesValue\"\n        [id]=\"post.id\"\n        [resourceData]=\"post\"\n        (updated)=\"getPosts(1, 100)\">\n        </pw-resource-edit-card-lazy>\n\n        <div>\n          <img *ngIf=\"!post.rectangular_picture.url.includes('default-photo.jpg') \" [src]=\"post.rectangular_picture.url\"\n          alt=\"IT Partners Logo\"\n          class=\"company-logo mb-3\"\n          loading=\"lazy\" />\n\n          <p class=\"mb-4 mt-3 testimonial-section\">\n            <span [innerHTML]=\"post.title\"></span>\n          </p>\n        </div>\n\n        <!-- BOTTOM AVATAR -->\n        <div class=\"avatar-container mt-5\">\n          <img [src]=\"post.picture.url\"\n            alt=\"User Avatar\"\n            *ngIf=\"post.picture.url && !post.picture.url.includes('default-photo.jpg')\"\n            class=\"testimonial-avatar\"\n            loading=\"lazy\" />\n            <a *ngIf=\"post?.external_url; else internalLink\"\n            class=\"read-more-btn-overlay\"\n            aria-label=\"Navigate to external url\"\n            [href]=\"post.external_url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\">\n            <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n            <span class=\"arrow\">\u2192</span>\n          </a>\n\n        <ng-template #internalLink>\n          <a class=\"read-more-btn-overlay\" aria-label=\"Navigate to resource view\" [routerLink]=\"['/resources/view', post?.slug]\">\n            <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n            <span class=\"arrow\">\u2192</span>\n          </a>\n        </ng-template>\n        </div>\n      </div>\n  </div>\n  </div>\n</section>\n", styles: [".resource-vault-section{background:#fff;text-align:center;padding:3rem 0}.section-outer,.container{padding:0 15px}.d-md-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.vault-heading{font-size:2rem;font-weight:700}.video-row{margin-top:3rem;gap:5.5rem!important}.row{display:flex;flex-wrap:wrap}.col-md-6,.col-lg-4{flex:0 0 auto;width:100%}@media (width >= 768px){.col-md-6,.col-lg-4{width:50%}}@media (width >= 992px){.col-md-6,.col-lg-4{width:33.3333%}}.mb-4{margin-bottom:1.5rem}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#000;border-radius:20px;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;height:auto;padding:2.5rem 1.5rem;font-size:1.1rem;min-height:421.4px!important}.testimonial-box .testimonial-section{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black)}.testimonial-box .testimonial-section strong{display:block}.testimonial-box .company-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .avatar-container{margin-top:auto;position:relative;display:inline-block}.testimonial-box .avatar-container .testimonial-avatar{width:60%;aspect-ratio:1/1;height:auto;border-radius:50%;object-fit:fill}.testimonial-box .avatar-container .read-more-btn-overlay{position:absolute;text-decoration:none!important;bottom:0;left:50%;transform:translate(-50%);background-color:var(--text-color, black);color:#fff;width:240px;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.testimonial-box .avatar-container .read-more-btn-overlay:hover{background:#fff;color:var(--text-color, black)!important}.testimonial-box .avatar-container .read-more-btn-overlay .arrow{margin-bottom:.3rem}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: ResourceService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }], propDecorators: { showCaseStudyHeader: [{
+                type: Input
+            }], categoryId: [{
+                type: Input
+            }], postSlice: [{
+                type: Input
+            }], tag: [{
+                type: Input
+            }], resourceTitle: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], userLoggedIn: [{
+                type: Input
+            }] } });
+
+class ResourceCardComponent extends AppBaseComponent {
+    constructor(injector, resourceService, tagService) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.isHeaderVisible = true;
+        this.isRelated = false;
+        this.postSlice = false;
+        this.isLoaded = false;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.posts = [];
+        this.canEditResourcesValue = false;
+    }
+    ngOnInit() {
+        if (this.userLoggedIn) {
+            this.localStorage.getItem$('product').subscribe(res => {
+                const data = res ? JSON.parse(res) : null;
+                this.subscriptionId = data?.subscriptionId;
+            });
+        }
+        this.getPosts(1, 10);
+    }
+    ngOnChanges(changes) {
+        if (changes['user'] || changes['userLoggedIn']) {
+            if (this.userLoggedIn && this.user) {
+                this.updateCanEditResourcesValue();
+            }
+        }
+    }
+    getPosts(page, pageSize) {
+        this.isLoaded = false;
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', this.categoryId)
+            .subscribe(response => {
+            const sortedPosts = (response.posts ?? [])
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.posts = this.postSlice ? sortedPosts : [...sortedPosts].slice(0, 3);
+        })
+            .add(() => {
+            this.isLoaded = true;
+        });
+    }
+    toggleTagEditTitle() {
+        this.isEditingTitle = true;
+        this.editedTitle = this.resourceTitle;
+    }
+    saveEditedTitle() {
+        HelperService.updateTagTitle(this.tag, this.editedTitle, this.tagService, this.getEffectiveSubscriptionId(), this.toast).subscribe(() => {
+            this.resourceTitle = this.editedTitle;
+            this.isEditingTitle = false;
+        });
+    }
+    /** Helper method to get effective subscription ID */
+    getEffectiveSubscriptionId() {
+        return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+    }
+    updateCanEditResourcesValue() {
+        this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardComponent, deps: [{ token: i0.Injector }, { token: ResourceService }, { token: i2.TagService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceCardComponent, selector: "pw-resource-cards", inputs: { categoryId: "categoryId", isHeaderVisible: "isHeaderVisible", isRelated: "isRelated", resourceTitle: "resourceTitle", postSlice: "postSlice", header: "header", tag: "tag", resourceLink: "resourceLink", user: "user", userLoggedIn: "userLoggedIn" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section class=\"resource-vault-section bg-white\">\n    <div class=\"container\">\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\" *ngIf=\"isHeaderVisible\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n            <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n            <ng-template #fallback>Our team\u2019s articles</ng-template>\n            <i  *ngIf=\"!isRelated && canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n          </ng-container>\n\n          <ng-template #editTitleBlock>\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          </ng-template>\n        </h2>\n        <a class=\"view-all\" [routerLink]=\"resourceLink\">VIEW ALL ></a>\n      </div>\n\n      <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div *ngIf=\"posts.length === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n          <div class=\"resource-blog-card p-4\" *ngFor=\"let post of posts\">\n            <pw-resource-edit-card-lazy\n            [canEdit]=\"canEditResourcesValue\"\n            [id]=\"post.id\"\n            [resourceData]=\"post\"\n            (updated)=\"getPosts(1, 100)\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"resource-title\" [innerHTML]=\"post.title \"></p>\n            <a\n            [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"Navigate to resource\"\n          >\n            <img\n              [src]=\"post.picture.url\"\n              class=\"img-fluid my-3 mt-auto\"\n              alt=\"Webinar\"\n            /></a>\n            <a *ngIf=\"post?.external_url; else internalLink\"\n              class=\"resource-btn mt-3\"\n              [href]=\"post.external_url\"\n              aria-label=\"Navigate to external url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\">\n              <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n              <span class=\"arrow\">\u2192</span>\n            </a>\n\n          <ng-template #internalLink>\n            <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n              <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n              <span class=\"arrow\">\u2192</span>\n            </a>\n          </ng-template>\n          </div>\n      </div>\n    </div>\n  </section>", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource-cards', template: "<section class=\"resource-vault-section bg-white\">\n    <div class=\"container\">\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap\" *ngIf=\"isHeaderVisible\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n            <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n            <ng-template #fallback>Our team\u2019s articles</ng-template>\n            <i  *ngIf=\"!isRelated && canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n          </ng-container>\n\n          <ng-template #editTitleBlock>\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          </ng-template>\n        </h2>\n        <a class=\"view-all\" [routerLink]=\"resourceLink\">VIEW ALL ></a>\n      </div>\n\n      <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div *ngIf=\"posts.length === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n\n      <div class=\"row d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n          <div class=\"resource-blog-card p-4\" *ngFor=\"let post of posts\">\n            <pw-resource-edit-card-lazy\n            [canEdit]=\"canEditResourcesValue\"\n            [id]=\"post.id\"\n            [resourceData]=\"post\"\n            (updated)=\"getPosts(1, 100)\">\n            </pw-resource-edit-card-lazy>\n            <p class=\"resource-title\" [innerHTML]=\"post.title \"></p>\n            <a\n            [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"Navigate to resource\"\n          >\n            <img\n              [src]=\"post.picture.url\"\n              class=\"img-fluid my-3 mt-auto\"\n              alt=\"Webinar\"\n            /></a>\n            <a *ngIf=\"post?.external_url; else internalLink\"\n              class=\"resource-btn mt-3\"\n              [href]=\"post.external_url\"\n              aria-label=\"Navigate to external url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\">\n              <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n              <span class=\"arrow\">\u2192</span>\n            </a>\n\n          <ng-template #internalLink>\n            <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n              <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n              <span class=\"arrow\">\u2192</span>\n            </a>\n          </ng-template>\n          </div>\n      </div>\n    </div>\n  </section>", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: ResourceService }, { type: i2.TagService }], propDecorators: { categoryId: [{
+                type: Input
+            }], isHeaderVisible: [{
+                type: Input
+            }], isRelated: [{
+                type: Input
+            }], resourceTitle: [{
+                type: Input
+            }], postSlice: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], tag: [{
+                type: Input
+            }], resourceLink: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], userLoggedIn: [{
+                type: Input
+            }] } });
+
+class BaseResourceComponent extends AppBaseComponent {
+    constructor(resourceService, tagService, authService, injector) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.authService = authService;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.posts = [];
+        this.testimonialsPosts = [];
+        this.isLoaded = false;
+        this.canEditResourcesValue = false;
+    }
+    ngOnInit() {
+        this.getUserSubscriptionId().subscribe(response => {
+            this.subscriptionId = response;
+        });
+        this.authService.getToken$().subscribe(res => {
+            this.userLoggedIn = !!res;
+            if (this.userLoggedIn) {
+                this.localStorage.getItem$('product').subscribe(res => {
+                    const data = res ? JSON.parse(res) : null;
+                    this.subscriptionId = data?.subscriptionId;
+                });
+                this.userService.getUserInfo().subscribe(data => {
+                    this.user = data;
+                    this.updateCanEditResourcesValue();
+                    this.initializeComponent();
+                });
+            }
+            else {
+                this.initializeComponent();
+            }
+        });
+    }
+    initializeComponent() {
+        if (this.shouldUseTagCategories()) {
+            this.getTags();
+        }
+        else {
+            this.getPostTags();
+        }
+        if (this.shouldLoadTestimonials()) {
+            this.getTestimonialTags();
+        }
+    }
+    getTags() {
+        this.isLoaded = false;
+        this.tagService
+            .getAllTagCategories({ search: this.getSearchTerm() }, this.getEffectiveSubscriptionId())
+            .subscribe(response => {
+            this.tagCategory = response.tag_categories[0];
+            this.getPostTags();
+        });
+    }
+    getPostTags() {
+        this.tagService
+            .getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())
+            .subscribe(response => {
+            if (this.shouldUseTagCategories()) {
+                this.blogPostTag = response.tags.find(tag => tag.tag_category_id === this.tagCategory?.id);
+            }
+            else {
+                this.blogPostTag = response.tags.find(tag => tag.name === this.getResourceType());
+            }
+            this.getPosts(1, 100);
+        })
+            .add(() => {
+            this.isLoaded = true;
+        });
+    }
+    getTestimonialTags() {
+        this.tagService
+            .getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())
+            .subscribe(response => {
+            this.blogTestimonialsPostTag = response.tags.find(tag => tag.name === 'Testimonials');
+            this.getTestimonialsPosts(1, 100);
+        });
+    }
+    getPosts(page, pageSize) {
+        this.fetchPosts(page, pageSize, this.blogPostTag?.tag_category_id, 'posts');
+    }
+    getTestimonialsPosts(page, pageSize) {
+        this.fetchPosts(page, pageSize, this.blogTestimonialsPostTag?.tag_category_id, 'testimonialsPosts');
+    }
+    /** Shared method to fetch posts with common filtering, sorting, and slicing logic */
+    fetchPosts(page, pageSize, tagCategoryId, targetProperty) {
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', tagCategoryId)
+            .subscribe(response => {
+            const filteredPosts = response.posts
+                .filter(post => post.tags?.some(tag => tag.tag_category_id === tagCategoryId))
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime())
+                .slice(0, 12);
+            if (targetProperty === 'posts') {
+                this.posts = filteredPosts;
+            }
+            else {
+                this.testimonialsPosts = filteredPosts;
+            }
+        });
+    }
+    /** Helper method to get effective subscription ID */
+    getEffectiveSubscriptionId() {
+        return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+    }
+    // Optional methods that can be overridden
+    getSearchTerm() {
+        return this.getResourceType();
+    }
+    shouldUseTagCategories() {
+        return false;
+    }
+    shouldLoadTestimonials() {
+        return false;
+    }
+    updateCanEditResourcesValue() {
+        if (this.userLoggedIn && this.user) {
+            this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+        }
+        else {
+            this.canEditResourcesValue = false;
+        }
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BaseResourceComponent, deps: [{ token: ResourceService }, { token: i2.TagService }, { token: i2.AuthService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BaseResourceComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BaseResourceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: () => [{ type: ResourceService }, { type: i2.TagService }, { type: i2.AuthService }, { type: i0.Injector }] });
+
+class ResourceVaultComponent extends BaseResourceComponent {
+    constructor(resourceService, tagService, authService, injector) {
+        super(resourceService, tagService, authService, injector);
+        this.showVaultSection = false;
+        this.postSlice = false;
+        this.isEditingTitle = false;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.getPosts(1, 10);
+    }
+    getResourceType() {
+        return 'Vault';
+    }
+    getPosts(page, pageSize) {
+        this.isLoaded = false;
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', this.categoryId)
+            .subscribe(response => {
+            const sortedPosts = (response.posts ?? [])
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.posts = this.postSlice ? sortedPosts : [...sortedPosts].slice(0, 3);
+        })
+            .add(() => {
+            this.isLoaded = true;
+        });
+    }
+    toggleEditTitle() {
+        this.isEditingTitle = true;
+        this.editedTitle = this.resourceTitle;
+    }
+    saveEditedTitle() {
+        HelperService.updateTagTitle(this.tag, this.editedTitle, this.tagService, this.getEffectiveSubscriptionId(), this.toast).subscribe(() => {
+            this.resourceTitle = this.editedTitle;
+            this.isEditingTitle = false;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVaultComponent, deps: [{ token: ResourceService }, { token: i2.TagService }, { token: i2.AuthService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVaultComponent, selector: "pw-resource--vault", inputs: { showVaultSection: "showVaultSection", postSlice: "postSlice", categoryId: "categoryId", resourceTitle: "resourceTitle", tag: "tag" }, usesInheritance: true, ngImport: i0, template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVaultSection\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n    <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n      <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n        <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n        <ng-template #fallback>Whitepapers &amp; Tools</ng-template>\n        <i  *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n      </ng-container>\n\n      <ng-template #editTitleBlock>\n        <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n        <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n        <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n      </ng-template>\n    </h2>\n\n      <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"resource-blog-card text-center p-4\" *ngFor=\"let post of posts\">\n          <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"getPosts(1, 100)\">\n          </pw-resource-edit-card-lazy>\n          <p class=\"mb-4\" [innerHTML]=\"post.title\"></p>\n                <a\n                [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                aria-label=\"Navigate to resource\"\n              >\n                <img\n                  [src]=\"post.picture.url\"\n                  class=\"img-fluid my-3 mt-auto\"\n                  alt=\"Webinar\"\n                  loading=\"lazy\"\n                />\n              </a>\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"resource-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVaultComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource--vault', template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVaultSection\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-5\">\n    <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n      <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n        <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n        <ng-template #fallback>Whitepapers &amp; Tools</ng-template>\n        <i  *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n      </ng-container>\n\n      <ng-template #editTitleBlock>\n        <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n        <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n        <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n      </ng-template>\n    </h2>\n\n      <a class=\"view-all\" routerLink=\"/resources/white-papers\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"d-flex mt-2 flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"resource-blog-card text-center p-4\" *ngFor=\"let post of posts\">\n          <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"getPosts(1, 100)\">\n          </pw-resource-edit-card-lazy>\n          <p class=\"mb-4\" [innerHTML]=\"post.title\"></p>\n                <a\n                [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                aria-label=\"Navigate to resource\"\n              >\n                <img\n                  [src]=\"post.picture.url\"\n                  class=\"img-fluid my-3 mt-auto\"\n                  alt=\"Webinar\"\n                  loading=\"lazy\"\n                />\n              </a>\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"resource-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"] }]
+        }], ctorParameters: () => [{ type: ResourceService }, { type: i2.TagService }, { type: i2.AuthService }, { type: i0.Injector }], propDecorators: { showVaultSection: [{
+                type: Input
+            }], postSlice: [{
+                type: Input
+            }], categoryId: [{
+                type: Input
+            }], resourceTitle: [{
+                type: Input
+            }], tag: [{
+                type: Input
+            }] } });
+
+class ResourceVideoCardComponent extends AppBaseComponent {
+    constructor(sanitizer, resourceService, tagService, cdr, injector) {
+        super(injector);
+        this.sanitizer = sanitizer;
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.cdr = cdr;
+        this.showVideoSection = false;
+        this.postSlice = false;
+        this.canEditResourcesValue = false;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.posts = [];
+        this.isLoaded = false;
+        this.videoStates = {};
+        this.isEditingTitle = false;
+    }
+    ngOnInit() {
+        if (this.userLoggedIn) {
+            this.localStorage.getItem$('product').subscribe(res => {
+                const data = res ? JSON.parse(res) : null;
+                this.subscriptionId = data?.subscriptionId;
+            });
+        }
+        this.getPosts(1, 10);
+    }
+    ngOnChanges(changes) {
+        if (changes['user'] || changes['userLoggedIn']) {
+            if (this.userLoggedIn && this.user) {
+                this.updateCanEditResourcesValue();
+            }
+        }
+    }
+    loadVideo(post) {
+        if (!post.external_url)
+            return;
+        const slug = post.slug;
+        let externalUrl = post.external_url;
+        // Append autoplay only when clicked
+        externalUrl += externalUrl.includes('?') ? '&autoplay=1' : '?autoplay=1';
+        // baseUrl is a trusted internal source (e.g. YouTube embed URL)
+        this.videoStates[slug].url = this.sanitizer.bypassSecurityTrustResourceUrl(externalUrl); //NOSONAR
+    }
+    getPosts(page, pageSize) {
+        this.isLoaded = false;
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', this.categoryId)
+            .subscribe(response => {
+            const sortedPosts = (response.posts ?? [])
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.posts = this.postSlice ? sortedPosts : [...sortedPosts].slice(0, 3);
+            this.posts.forEach(post => {
+                if (post.external_url) {
+                    this.videoStates[post.slug] = {
+                        loaded: true,
+                        // baseUrl is a trusted internal source (e.g. YouTube embed URL)
+                        url: this.sanitizer.bypassSecurityTrustResourceUrl(post.external_url) //NOSONAR
+                    };
+                }
+            });
+        })
+            .add(() => {
+            this.isLoaded = true;
+            this.cdr.markForCheck();
+        });
+    }
+    toggleTagEditTitle() {
+        this.isEditingTitle = true;
+        this.editedTitle = this.resourceTitle;
+    }
+    saveEditedTitle() {
+        HelperService.updateTagTitle(this.tag, this.editedTitle, this.tagService, this.getEffectiveSubscriptionId(), this.toast).subscribe(() => {
+            this.resourceTitle = this.editedTitle;
+            this.isEditingTitle = false;
+            this.cdr.markForCheck();
+        });
+    }
+    /** Helper method to get effective subscription ID */
+    getEffectiveSubscriptionId() {
+        return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+    }
+    updateCanEditResourcesValue() {
+        this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    trackByPostId(index, post) {
+        return post.id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVideoCardComponent, deps: [{ token: i3$1.DomSanitizer }, { token: ResourceService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceVideoCardComponent, selector: "pw-resource-video-card", inputs: { showVideoSection: "showVideoSection", categoryId: "categoryId", tag: "tag", postSlice: "postSlice", resourceTitle: "resourceTitle", user: "user", userLoggedIn: "userLoggedIn" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVideoSection\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n          <ng-template #fallback>On-Demand Videos</ng-template>\n          <i  *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n        </ng-container>\n\n        <ng-template #editTitleBlock>\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        </ng-template>\n      </h2>\n      <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"resource-blog-card\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n        <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"getPosts(1, 10)\">\n        </pw-resource-edit-card-lazy>\n        <p [innerHTML]=\"post.title\" class=\"mb-5\"></p>\n        <a [href]=\" post.external_url\"  target=\"_blank\">\n          <img\n          [src]=\"post.picture?.url\"\n          class=\"img-fluid mb-3\"\n          [alt]=\"post.title\"\n          loading=\"lazy\" />\n        </a>\n\n        <a class=\"resource-btn mt-3\" [href]=\" post.external_url\" target=\"_blank\">\n          <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Watch now'  }}</span>\n          <span class=\"arrow\">\u2192</span>\n        </a>\n      </div>\n    </div>\n  </div>\n\n</section>\n", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceVideoCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource-video-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showVideoSection\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n          <ng-template #fallback>On-Demand Videos</ng-template>\n          <i  *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleTagEditTitle()\" (keydown.enter)=\"toggleTagEditTitle()\" (keydown.space)=\"toggleTagEditTitle()\" title=\"Edit Title\"></i>\n        </ng-container>\n\n        <ng-template #editTitleBlock>\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        </ng-template>\n      </h2>\n      <a class=\"view-all\" routerLink=\"/resources/videos\">VIEW ALL ></a>\n    </div>\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n      <div class=\"resource-blog-card\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n        <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"getPosts(1, 10)\">\n        </pw-resource-edit-card-lazy>\n        <p [innerHTML]=\"post.title\" class=\"mb-5\"></p>\n        <a [href]=\" post.external_url\"  target=\"_blank\">\n          <img\n          [src]=\"post.picture?.url\"\n          class=\"img-fluid mb-3\"\n          [alt]=\"post.title\"\n          loading=\"lazy\" />\n        </a>\n\n        <a class=\"resource-btn mt-3\" [href]=\" post.external_url\" target=\"_blank\">\n          <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Watch now'  }}</span>\n          <span class=\"arrow\">\u2192</span>\n        </a>\n      </div>\n    </div>\n  </div>\n\n</section>\n", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"] }]
+        }], ctorParameters: () => [{ type: i3$1.DomSanitizer }, { type: ResourceService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { showVideoSection: [{
+                type: Input
+            }], categoryId: [{
+                type: Input
+            }], tag: [{
+                type: Input
+            }], postSlice: [{
+                type: Input
+            }], resourceTitle: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], userLoggedIn: [{
+                type: Input
+            }] } });
+
+class UpcomingEventCardComponent extends AppBaseComponent {
+    constructor(resourceService, tagService, cdr, injector) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.tagService = tagService;
+        this.cdr = cdr;
+        this.showEventContent = false;
+        this.postSlice = false;
+        this.canEditResourcesValue = false;
+        this.now = new Date().getTime();
+        this.isEditingTitle = false;
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.posts = [];
+        this.isLoaded = false;
+    }
+    ngOnInit() {
+        if (this.userLoggedIn) {
+            this.localStorage.getItem$('product').subscribe(res => {
+                const data = res ? JSON.parse(res) : null;
+                this.subscriptionId = data?.subscriptionId;
+            });
+            this.getPostTags();
+        }
+        else {
+            this.getPostTags();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['user'] || changes['userLoggedIn']) {
+            if (this.userLoggedIn && this.user) {
+                this.updateCanEditResourcesValue();
+            }
+        }
+    }
+    getPostTags() {
+        this.tagService
+            .getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())
+            .subscribe(response => {
+            this.blogPostTag = response.tags.find(tag => tag.name === 'Events');
+            if (this.blogPostTag?.tag_category_id) {
+                if (this.postSlice) {
+                    this.getPosts(1, 100);
+                }
+                else {
+                    this.getAllPosts(1, 100);
+                }
+            }
+            else {
+                this.isLoaded = true;
+                this.cdr.markForCheck();
+            }
+        });
+    }
+    getPosts(page, pageSize) {
+        this.isLoaded = false;
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', this.categoryId ?? this.blogPostTag?.tag_category_id)
+            .subscribe(response => {
+            const sortedPosts = (response.posts ?? [])
+                .filter(post => post.showcase === true && new Date(post?.when).getTime() > this.now)
+                .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+            this.posts = sortedPosts;
+        })
+            .add(() => {
+            this.isLoaded = true;
+            this.cdr.markForCheck();
+        });
+    }
+    isUpcoming(post) {
+        return new Date(post?.when).getTime() > this.now;
+    }
+    getAllPosts(page, pageSize) {
+        this.isLoaded = false;
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, '', this.categoryId ?? this.blogPostTag?.tag_category_id)
+            .subscribe(response => {
+            const sortedPosts = (response.posts ?? [])
+                .filter(post => post.showcase === true)
+                .sort((a, b) => new Date(b.when).getTime() - new Date(a.when).getTime());
+            this.posts = [...sortedPosts].slice(0, 3).reverse();
+        })
+            .add(() => {
+            this.isLoaded = true;
+            this.cdr.markForCheck();
+        });
+    }
+    toggleEditTitle() {
+        this.isEditingTitle = true;
+        this.editedTitle = this.resourceTitle;
+    }
+    saveEditedTitle() {
+        HelperService.updateTagTitle(this.tag, this.editedTitle, this.tagService, this.getEffectiveSubscriptionId(), this.toast).subscribe(() => {
+            this.resourceTitle = this.editedTitle;
+            this.isEditingTitle = false;
+            this.cdr.markForCheck();
+        });
+    }
+    /** Helper method to get effective subscription ID */
+    getEffectiveSubscriptionId() {
+        return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+    }
+    updateCanEditResourcesValue() {
+        this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    trackByPostId(index, post) {
+        return post.id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UpcomingEventCardComponent, deps: [{ token: ResourceService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: UpcomingEventCardComponent, selector: "pw-upcoming-event-card", inputs: { showEventContent: "showEventContent", categoryId: "categoryId", tag: "tag", postSlice: "postSlice", resourceTitle: "resourceTitle", user: "user", userLoggedIn: "userLoggedIn" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n          <ng-template #fallback>Events &amp; Webinars</ng-template>\n          <i  *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n        </ng-container>\n\n        <ng-template #editTitleBlock>\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        </ng-template>\n      </h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n            <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n            <ng-template #fallback>Upcoming Events</ng-template>\n            <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n          </ng-container>\n\n          <ng-template #editTitleBlock>\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          </ng-template>\n        </h2>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"resource-blog-card d text-center p-4\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n          <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"getAllPosts(1, 100)\">\n          </pw-resource-edit-card-lazy>\n          <ng-container *ngIf=\"postSlice; else conditionalCheck\">\n            <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n          </ng-container>\n\n          <ng-template #conditionalCheck>\n            <h5 class=\"badge-title fw-bold\">\n              {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n            </h5>\n          </ng-template>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n              <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"Navigate to resource\"\n            >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                loading=\"lazy\"\n              />\n            </a>\n\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"resource-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n\n\n<section class=\"bg-white\" *ngIf=\"!showEventContent\">\n  <pw-replay-event-card [resourceTitle]=\"resourceTitle\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-replay-event-card>\n</section>", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: UpcomingEventCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-upcoming-event-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div *ngIf=\"showEventContent\" class=\"d-flex justify-content-between align-items-center flex-wrap\">\n      <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n        <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n          <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n          <ng-template #fallback>Events &amp; Webinars</ng-template>\n          <i  *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n        </ng-container>\n\n        <ng-template #editTitleBlock>\n          <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n          <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n          <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n        </ng-template>\n      </h2>\n      <a class=\"view-all\" routerLink=\"/resources/events\">VIEW ALL ></a>\n    </div>\n    <div *ngIf=\"!showEventContent\" class=\"d-md-flex justify-content-between align-items-start\">\n        <h2 class=\"section-heading d-flex align-items-center\" [ngClass]=\"{ 'w-50': isEditingTitle }\">\n          <ng-container *ngIf=\"!isEditingTitle; else editTitleBlock\">\n            <span *ngIf=\"resourceTitle; else fallback\" [innerHTML]=\"resourceTitle\"></span>\n            <ng-template #fallback>Upcoming Events</ng-template>\n            <i *ngIf=\"canEditResourcesValue\" class=\"fa fa-edit in-page-edit-icon ms-3 cursor-pointer\" (click)=\"toggleEditTitle()\" (keydown.enter)=\"toggleEditTitle()\" (keydown.space)=\"toggleEditTitle()\" title=\"Edit Title\"></i>\n          </ng-container>\n\n          <ng-template #editTitleBlock>\n            <input [(ngModel)]=\"editedTitle\" class=\"form-control d-inline w-auto me-2\" [ngClass]=\"{ 'w-100': isEditingTitle }\" />\n            <button class=\"btn btn-sm btn-primary me-1\" (click)=\"saveEditedTitle()\">Save</button>\n            <button class=\"btn btn-sm btn-secondary\" (click)=\"isEditingTitle = false\">Cancel</button>\n          </ng-template>\n        </h2>\n    </div>\n\n    <div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div *ngIf=\"posts.length === 0 && isLoaded\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n\n    <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\" *ngIf=\"posts.length !== 0 && isLoaded\">\n        <div class=\"resource-blog-card d text-center p-4\" *ngFor=\"let post of posts; trackBy: trackByPostId\">\n          <pw-resource-edit-card-lazy\n          [canEdit]=\"canEditResourcesValue\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"getAllPosts(1, 100)\">\n          </pw-resource-edit-card-lazy>\n          <ng-container *ngIf=\"postSlice; else conditionalCheck\">\n            <h5 class=\"badge-title fw-bold\">UPCOMING:</h5>\n          </ng-container>\n\n          <ng-template #conditionalCheck>\n            <h5 class=\"badge-title fw-bold\">\n              {{ isUpcoming(post) ? 'UPCOMING:' : 'REPLAY:' }}\n            </h5>\n          </ng-template>\n\n          <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n              <a\n              [href]=\"post.external_url || ('/resources/view/' + post?.slug)\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"Navigate to resource\"\n            >\n              <img\n                [src]=\"post.picture.url\"\n                class=\"img-fluid my-3 mt-auto\"\n                alt=\"Webinar\"\n                loading=\"lazy\"\n              />\n            </a>\n\n               <a *ngIf=\"post?.external_url; else internalLink\"\n               class=\"resource-btn mt-3\"\n               aria-label=\"Navigate to external url\"\n               [href]=\"post.external_url\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n\n           <ng-template #internalLink>\n             <a class=\"resource-btn mt-3\" aria-label=\"Navigate to resource view\" [href]=\"'/resources/view/' + post?.slug\" target=\"_blank\">\n               <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n               <span class=\"arrow\">\u2192</span>\n             </a>\n           </ng-template>\n        </div>\n    </div>\n  </div>\n</section>\n\n\n<section class=\"bg-white\" *ngIf=\"!showEventContent\">\n  <pw-replay-event-card [resourceTitle]=\"resourceTitle\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-replay-event-card>\n</section>", styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"] }]
+        }], ctorParameters: () => [{ type: ResourceService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { showEventContent: [{
+                type: Input
+            }], categoryId: [{
+                type: Input
+            }], tag: [{
+                type: Input
+            }], postSlice: [{
+                type: Input
+            }], resourceTitle: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], userLoggedIn: [{
+                type: Input
+            }] } });
+
+/**
+ * Module containing resource card components (lightweight version)
+ * ResourceEditCard is lazy-loaded on demand to save 145 KB
+ * Trial4ContactUs moved to separate module for better tree-shaking
+ * Used by both ResourceRootModule and ResourceSharedModule
+ */
+class ResourceCardsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardsModule, declarations: [ResourceVideoCardComponent,
+            UpcomingEventCardComponent,
+            ResourceCardComponent,
+            CaseStudyCardComponent,
+            ResourceNoteCardComponent,
+            ResourceVaultComponent,
+            ResourceEditCardLazyComponent], imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            PipesModule,
+            PaginatorModule,
+            DropdownModule,
+            ResourceSharedComponentsModule,
+            CoreTranslocoModule,
+            TranslocoModule,
+            DirectivesModule,
+            DragDropModule,
+            NgxCaptchaModule,
+            Trial4ContactUsModule // ✅ Import standalone module
+        ], exports: [ResourceVideoCardComponent,
+            UpcomingEventCardComponent,
+            ResourceCardComponent,
+            CaseStudyCardComponent,
+            ResourceNoteCardComponent,
+            ResourceVaultComponent,
+            Trial4ContactUsModule, // ✅ Re-export for backward compatibility
+            ResourceEditCardLazyComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardsModule, imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            PipesModule,
+            PaginatorModule,
+            DropdownModule,
+            ResourceSharedComponentsModule,
+            CoreTranslocoModule,
+            TranslocoModule,
+            DirectivesModule,
+            DragDropModule,
+            NgxCaptchaModule,
+            Trial4ContactUsModule // ✅ Import standalone module
+            , Trial4ContactUsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCardsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ResourceVideoCardComponent,
+                        UpcomingEventCardComponent,
+                        ResourceCardComponent,
+                        CaseStudyCardComponent,
+                        ResourceNoteCardComponent,
+                        ResourceVaultComponent,
+                        ResourceEditCardLazyComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        PipesModule,
+                        PaginatorModule,
+                        DropdownModule,
+                        ResourceSharedComponentsModule,
+                        CoreTranslocoModule,
+                        TranslocoModule,
+                        DirectivesModule,
+                        DragDropModule,
+                        NgxCaptchaModule,
+                        Trial4ContactUsModule // ✅ Import standalone module
+                    ],
+                    exports: [
+                        ResourceVideoCardComponent,
+                        UpcomingEventCardComponent,
+                        ResourceCardComponent,
+                        CaseStudyCardComponent,
+                        ResourceNoteCardComponent,
+                        ResourceVaultComponent,
+                        Trial4ContactUsModule, // ✅ Re-export for backward compatibility
+                        ResourceEditCardLazyComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+// Shared components used across multiple resource routes
+// Note: Most heavy modules (Quill, Calendar, UiSwitch, etc.) are now in ResourceCardsModule
+class ResourceSharedModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ResourceSharedModule, declarations: [ResourceCompanyCardComponent, ResourceTopBannerEditComponent], imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            PipesModule,
+            ResourceSharedComponentsModule,
+            CoreTranslocoModule,
+            TranslocoModule,
+            DirectivesModule,
+            InputTextModule,
+            InputTextareaModule,
+            ResourceCardsModule], exports: [
+            // Export the 2 components specific to this module
+            ResourceCompanyCardComponent,
+            ResourceTopBannerEditComponent,
+            // Export card components module (includes all heavy modules + card components)
+            ResourceCardsModule,
+            // Export common lightweight modules
+            CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            PipesModule,
+            ResourceSharedComponentsModule,
+            CoreTranslocoModule,
+            TranslocoModule,
+            DirectivesModule,
+            InputTextModule,
+            InputTextareaModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceSharedModule, imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            PipesModule,
+            ResourceSharedComponentsModule,
+            CoreTranslocoModule,
+            TranslocoModule,
+            DirectivesModule,
+            InputTextModule,
+            InputTextareaModule,
+            ResourceCardsModule, 
+            // Export card components module (includes all heavy modules + card components)
+            ResourceCardsModule,
+            // Export common lightweight modules
+            CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            PipesModule,
+            ResourceSharedComponentsModule,
+            CoreTranslocoModule,
+            TranslocoModule,
+            DirectivesModule,
+            InputTextModule,
+            InputTextareaModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ResourceCompanyCardComponent, ResourceTopBannerEditComponent],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        PipesModule,
+                        ResourceSharedComponentsModule,
+                        CoreTranslocoModule,
+                        TranslocoModule,
+                        DirectivesModule,
+                        InputTextModule,
+                        InputTextareaModule,
+                        ResourceCardsModule
+                    ],
+                    exports: [
+                        // Export the 2 components specific to this module
+                        ResourceCompanyCardComponent,
+                        ResourceTopBannerEditComponent,
+                        // Export card components module (includes all heavy modules + card components)
+                        ResourceCardsModule,
+                        // Export common lightweight modules
+                        CommonModule,
+                        RouterModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        PipesModule,
+                        ResourceSharedComponentsModule,
+                        CoreTranslocoModule,
+                        TranslocoModule,
+                        DirectivesModule,
+                        InputTextModule,
+                        InputTextareaModule
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+class ResourceEditCardComponent extends AppBaseComponent {
+    constructor(fb, modalService, resourceService, authService, tagService, injector) {
+        super(injector);
+        this.fb = fb;
+        this.modalService = modalService;
+        this.resourceService = resourceService;
+        this.authService = authService;
+        this.tagService = tagService;
+        this.updated = new EventEmitter();
+        this.image = '';
+        this.rectangularImage = '';
+        this.file = null;
+        this.rectangularFile = null;
+        this.selectedTags = [];
+        this.allTags = [];
+        this.tagsSuggestion = [];
+        this.buttonBusy = false;
+        this.editForm = this.fb.group({
+            title: [''],
+            external_url: [''],
+            cta_text: [''],
+            when: [''],
+            showcase: [false],
+            published_at: [false],
+            accepted_at: [false],
+            body: ['']
+        });
+    }
+    ngOnInit() {
+        this.authService.getToken$().subscribe(res => {
+            this.userLoggedIn = !!res;
+            if (this.userLoggedIn) {
+                this.localStorage.getItem$('product').subscribe(res => {
+                    const data = res ? JSON.parse(res) : null;
+                    this.subscriptionId = data?.subscriptionId;
+                });
+            }
+        });
+    }
+    navigateToResourceEdit() {
+        const basePath = `/admin/resources/${this.resourceData?.slug}`;
+        const fullUrl = `${location.origin}${basePath}`;
+        window.open(fullUrl, '_blank');
+    }
+    openModal(modalTemplate) {
+        if (this.resourceData) {
+            const when = this.resourceData.when ? new Date(this.resourceData.when) : null;
+            this.editForm.setValue({
+                title: this.resourceData.title ?? '',
+                external_url: this.resourceData.external_url ?? '',
+                cta_text: this.resourceData.cta_text ?? '',
+                when: when ?? '',
+                showcase: !!this.resourceData.showcase,
+                published_at: !!this.resourceData.published_at,
+                accepted_at: !!this.resourceData.accepted_at,
+                body: this.resourceData.body
+            });
+            this.image = this.resourceData.picture?.url ?? '';
+            this.selectedTags = this.resourceData?.tags?.length ? [...this.resourceData.tags] : [];
+            this.rectangularImage = this.resourceData.rectangular_picture?.url ?? '';
+        }
+        this.modalService.open(modalTemplate, { centered: true, size: 'lg' });
+        this.getPostTags();
+    }
+    search(event) {
+        let values = [];
+        if (event.query) {
+            values = this.allTags.filter(x => x.name.toLowerCase().includes(event.query.toLowerCase()));
+        }
+        else {
+            this.allTags.forEach(element => {
+                values.push(element);
+            });
+        }
+        this.tagsSuggestion = values;
+    }
+    getPostTags() {
+        this.tagService
+            .getTagsByType('post_categories', {}, this.subscriptionId)
+            .subscribe(response => {
+            this.allTags = response.tags;
+        });
+    }
+    deleteRectangularImage() {
+        this.rectangularImage = null;
+        this.rectangularFile = null;
+    }
+    openImageModal(modalTemplate) {
+        this.imageModalRef = this.modalService.open(modalTemplate, { centered: true, size: 'md' });
+    }
+    onImageSelected(base64) {
+        this.image = base64;
+        this.file = HelperService.convertBase64ToFile(base64);
+        this.imageModalRef?.close();
+    }
+    onRectangularImageSelection(base64) {
+        this.rectangularImage = base64;
+        this.rectangularFile = HelperService.convertBase64ToFile(base64);
+        this.imageModalRef?.close();
+    }
+    removeImage() {
+        this.image = null;
+        this.file = null;
+    }
+    saveResource() {
+        this.buttonBusy = true;
+        this.saveTags(this.id);
+        const payload = {
+            ...this.editForm.value,
+            subscription_id: this.subscriptionId
+        };
+        this.handlePicture(payload);
+        this.handlePublishedAt(payload);
+        this.handleAcceptedAt(payload);
+        this.handleAcceptedAt(payload);
+        this.handleOptionalFields(payload);
+        this.handleRectangularPicture(payload);
+        this.handleRemovals(payload);
+        this.resourceService.updatePost(payload, this.id).subscribe(() => {
+            this.buttonBusy = false;
+            this.toast.success('Blog Post Updated');
+            this.updated.emit();
+            this.modalService.dismissAll();
+        });
+    }
+    saveTags(id) {
+        if (this.selectedTags.length) {
+            const data = {
+                entity_tags: this.selectedTags.map(tag => ({ tag_id: tag.id })),
+                slug: id,
+                tag_entity: 'Post' // or use TAG_ENTITY.POST if you imported it
+            };
+            this.tagService.addTags(data, this.subscriptionId).subscribe();
+        }
+    }
+    handlePicture(data) {
+        if (this.file) {
+            data.picture = this.file;
+        }
+        else {
+            delete data.picture;
+        }
+    }
+    handlePublishedAt(data) {
+        const control = this.editForm.get('published_at');
+        if (control?.dirty) {
+            data.published_at = control.value ? moment().format('DD-MMM-YYYY') : '';
+        }
+        else {
+            delete data.published_at;
+        }
+    }
+    handleAcceptedAt(data) {
+        const control = this.editForm.get('accepted_at');
+        if (control?.dirty) {
+            data.accepted_at = control.value ? moment().format('DD-MMM-YYYY') : '';
+        }
+        else {
+            delete data.accepted_at;
+        }
+    }
+    handleOptionalFields(data) {
+        if (!this.editForm.get('when')?.value) {
+            data.when = '';
+        }
+        if (!this.editForm.get('showcase')?.value) {
+            data.showcase = '';
+        }
+    }
+    handleRectangularPicture(data) {
+        if (this.rectangularFile) {
+            data.rectangular_picture = this.rectangularFile;
+        }
+        else {
+            delete data.rectangular_picture;
+        }
+    }
+    handleRemovals(data) {
+        if (!this.file && !this.image) {
+            data.remove_picture = true;
+        }
+        if (!this.rectangularFile && !this.rectangularImage) {
+            data.remove_rectangular_picture = true;
+        }
+    }
+    openRectModal(content) {
+        this.imageModalRef = this.modalService.open(content, {
+            centered: true,
+            windowClass: 'modal-holder'
+        });
+    }
+    handleImageError(event, fallbackPath) {
+        HelperService.handleImageFallbackPath(event, fallbackPath);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditCardComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.NgbModal }, { token: ResourceService }, { token: i2.AuthService }, { token: i2.TagService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceEditCardComponent, selector: "pw-resource-edit-card", inputs: { id: "id", resourceData: "resourceData" }, outputs: { updated: "updated" }, usesInheritance: true, ngImport: i0, template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n     (click)=\"openModal(editResourceModal)\"\n     (keydown.enter)=\"openModal(editResourceModal)\"\n     (keydown.space)=\"openModal(editResourceModal)\"\n     title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n     (click)=\"navigateToResourceEdit()\"\n     (keydown.enter)=\"navigateToResourceEdit()\"\n     (keydown.space)=\"navigateToResourceEdit()\"\n     title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" />\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" />\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            [errorMsg]=\"'Resource.Posts.Validation.Body' | transloco\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-calendar formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-calendar>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-autoComplete [(ngModel)]=\"selectedTags\"\n              class=\"body-bg\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              field=\"name\"\n              (completeMethod)=\"search($event)\"\n              styleClass=\"w-100\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-autoComplete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <label for=\"coverPicture\">{{ 'Resource.Posts.CoverPicture' | transloco }}</label>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                   (click)=\"openImageModal(imageCropContent)\"\n                   (keydown.enter)=\"openImageModal(imageCropContent)\"\n                   class=\"image w-100\"\n                   alt=\"Modal\"\n                   (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                <i *ngIf=\"image && !image.includes('default-photo.jpg')\"\n                   class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                   title=\"Remove Image\"\n                   (click)=\"removeImage()\"\n                   (keydown.enter)=\"removeImage()\"></i>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <label for=\"rectangularPicture\">Rectangular Picture</label>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                   (click)=\"openRectModal(rectContent)\"\n                   (keydown.enter)=\"openRectModal(rectContent)\"\n                   class=\"image w-100\"\n                   alt=\"Uploaded rectangular media preview\"\n                   (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                <i *ngIf=\"rectangularImage && !rectangularImage.includes('default-photo.jpg')\"\n                   class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                   title=\"Remove Image\"\n                   (click)=\"deleteRectangularImage()\"\n                   (keydown.enter)=\"deleteRectangularImage()\"></i>\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n      nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"modal.close()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n      nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .modal-content{margin-top:5rem!important}\n"], dependencies: [{ kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i7$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i6.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: i10$1.QuillEditorComponent, selector: "quill-editor" }, { kind: "component", type: i11$1.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-resource-edit-card', template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n     (click)=\"openModal(editResourceModal)\"\n     (keydown.enter)=\"openModal(editResourceModal)\"\n     (keydown.space)=\"openModal(editResourceModal)\"\n     title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n     (click)=\"navigateToResourceEdit()\"\n     (keydown.enter)=\"navigateToResourceEdit()\"\n     (keydown.space)=\"navigateToResourceEdit()\"\n     title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" />\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" />\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            [errorMsg]=\"'Resource.Posts.Validation.Body' | transloco\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-calendar formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-calendar>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-autoComplete [(ngModel)]=\"selectedTags\"\n              class=\"body-bg\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              field=\"name\"\n              (completeMethod)=\"search($event)\"\n              styleClass=\"w-100\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-autoComplete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <label for=\"coverPicture\">{{ 'Resource.Posts.CoverPicture' | transloco }}</label>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                   (click)=\"openImageModal(imageCropContent)\"\n                   (keydown.enter)=\"openImageModal(imageCropContent)\"\n                   class=\"image w-100\"\n                   alt=\"Modal\"\n                   (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                <i *ngIf=\"image && !image.includes('default-photo.jpg')\"\n                   class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                   title=\"Remove Image\"\n                   (click)=\"removeImage()\"\n                   (keydown.enter)=\"removeImage()\"></i>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <label for=\"rectangularPicture\">Rectangular Picture</label>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                   (click)=\"openRectModal(rectContent)\"\n                   (keydown.enter)=\"openRectModal(rectContent)\"\n                   class=\"image w-100\"\n                   alt=\"Uploaded rectangular media preview\"\n                   (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                <i *ngIf=\"rectangularImage && !rectangularImage.includes('default-photo.jpg')\"\n                   class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                   title=\"Remove Image\"\n                   (click)=\"deleteRectangularImage()\"\n                   (keydown.enter)=\"deleteRectangularImage()\"></i>\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n      nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"modal.close()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n      nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", styles: ["::ng-deep .modal-content{margin-top:5rem!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: i2$1.NgbModal }, { type: ResourceService }, { type: i2.AuthService }, { type: i2.TagService }, { type: i0.Injector }], propDecorators: { id: [{
+                type: Input
+            }], resourceData: [{
+                type: Input
+            }], updated: [{
+                type: Output
+            }] } });
+
+var resourceEditCard_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ResourceEditCardComponent: ResourceEditCardComponent
+});
+
+/**
+ * Lazy-loadable module for ResourceEditCard
+ * Contains heavy dependencies (Quill, Calendar, etc.) that are only needed for admins
+ * This module is dynamically imported when edit button is clicked
+ */
+class ResourceEditModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditModule, declarations: [ResourceEditCardComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            CalendarModule,
+            AutoCompleteModule,
+            ResourceSharedComponentsModule,
+            CoreTranslocoModule,
+            TranslocoModule,
+            DirectivesModule, i10$1.QuillModule, UiSwitchModule], exports: [ResourceEditCardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            CalendarModule,
+            AutoCompleteModule,
+            ResourceSharedComponentsModule,
+            CoreTranslocoModule,
+            TranslocoModule,
+            DirectivesModule,
+            QuillModule.forRoot(),
+            UiSwitchModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceEditModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ResourceEditCardComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        CalendarModule,
+                        AutoCompleteModule,
+                        ResourceSharedComponentsModule,
+                        CoreTranslocoModule,
+                        TranslocoModule,
+                        DirectivesModule,
+                        QuillModule.forRoot(),
+                        UiSwitchModule
+                    ],
+                    exports: [ResourceEditCardComponent],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                }]
+        }] });
+
+class TestimonialCardListComponent {
+    constructor() {
+        this.editPost = new EventEmitter();
+        this.posts = [];
+        this.postHeader = '';
+        this.canEdit = false;
+    }
+    ngOnChanges(changes) {
+        if (changes.posts && this.posts?.length) {
+            setTimeout(() => this.initSwiper(), 0); // Wait for DOM to render
+        }
+    }
+    async initSwiper() {
+        // Dynamically import Swiper only when needed (lazy-load ~150KB library)
+        const { default: Swiper, Navigation, Pagination } = await import('swiper');
+        this.swiper = new Swiper('.swiper-container', {
+            modules: [Navigation, Pagination],
+            slidesPerView: 1,
+            spaceBetween: 24,
+            centeredSlides: true,
+            touchRatio: 1,
+            touchAngle: 45,
+            grabCursor: true,
+            navigation: {
+                nextEl: '.swiper-button-next',
+                prevEl: '.swiper-button-prev'
+            },
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true
+            },
+            breakpoints: {
+                425: {
+                    slidesPerView: 1.05,
+                    centeredSlides: true
+                },
+                470: {
+                    slidesPerView: 1.25,
+                    centeredSlides: true
+                },
+                564: {
+                    slidesPerView: 1.5,
+                    centeredSlides: true
+                },
+                640: {
+                    slidesPerView: 1.5,
+                    centeredSlides: true
+                },
+                768: {
+                    slidesPerView: 1.5,
+                    centeredSlides: true
+                },
+                1024: {
+                    slidesPerView: 2, // Allow room between cards
+                    centeredSlides: false
+                },
+                1200: {
+                    slidesPerView: 3,
+                    centeredSlides: false
+                }
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TestimonialCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TestimonialCardListComponent, selector: "pw-testimonial-card", inputs: { posts: "posts", postHeader: "postHeader", canEdit: "canEdit" }, outputs: { editPost: "editPost" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"resource-section section-outer bg-white\">\n  <div class=\"container\">\n    <div *ngIf=\"postHeader\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n      <h2 class=\"section-heading\">{{postHeader}}</h2>\n    </div>\n    <div *ngIf=\"posts.length === 0\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n<div [hidden]=\"posts.length === 0\">\n  <div class=\"swiper-container\">\n    <div class=\"swiper-wrapper\">\n      <div class=\"swiper-slide\" *ngFor=\"let post of posts\">\n        <div class=\"testimonial-box\">\n          <pw-resource-edit-card-lazy\n          [canEdit]=\"canEdit\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"editPost.emit(1, 100)\">\n          </pw-resource-edit-card-lazy>\n          <div class=\"stars mb-5\">\u2605\u2605\u2605\u2605\u2605</div>\n          <div class=\"testimonial-content\">\n            <div class=\"ql-container ql-snow ql-res\">\n              <div class=\"ql-editor\"\n                [innerHTML]=\"post?.body\">\n              </div>\n            </div>\n          </div>\n\n          <!-- THIS STAYS AT BOTTOM -->\n          <div class=\"avatar-container\">\n            <img\n              *ngIf=\"!post.rectangular_picture.url.includes('default-photo.jpg') \" [src]=\"post.rectangular_picture.url\"\n              alt=\"Logo\"\n              class=\"testimonial-logo mt-4\"\n            />\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <div class=\"swiper-pagination\"></div>\n    <div class=\"swiper-button-prev\"></div>\n    <div class=\"swiper-button-next\"></div>\n  </div>\n</div>\n  </div>\n</section>", styles: [".resource-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 767px){.container{padding:0 1rem!important}}.ql-res{resize:none!important;border-width:0}.swiper-container{padding:20px;position:relative;overflow:hidden}@media (width >= 768px){.swiper-container{padding:20px 40px}}.resource-card{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:1.5rem;height:100%;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:350px}.resource-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.read-now-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:500}.read-now-btn .arrow{transition:transform .2s ease}.read-now-btn:hover .arrow{transform:translate(5px)}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px}@media (width <= 767px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-pagination{position:relative;margin-top:20px}.swiper-pagination-bullet{background:#000;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;align-items:stretch;height:auto}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;font-size:1.1rem;height:100%;min-height:100%}.testimonial-box span{margin:0;font-size:22px}.testimonial-box .avatar-container{margin-top:auto}.testimonial-box .testimonial-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .stars{font-size:2.2rem;color:#f6b300;margin-bottom:2.5rem}.centaris-text{margin-bottom:3rem!important}@media (width <= 768px){::ng-deep .swiper-wrapper{gap:1rem!important}.testimonial-box{width:300px!important}}\n", ".video-row{gap:5.5rem!important;margin-top:3rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .vault-card{width:100%!important}.resource-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}@media (width >= 768px) and (width <= 1200px){.resource-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.resource-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 2rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1.5rem}.resource-book-section .resource-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:2rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-offer-section .resource-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.resource-offer-section .resource-title strong{font-weight:700}.resource-offer-section .resource-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.resource-offer-section .resource-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.resource-offer-section .resource-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.resource-offer-section .resource-signup{margin-bottom:2.5rem}.resource-offer-section .resource-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.resource-offer-section .resource-book-section{padding-top:2rem!important}.resource-offer-section .container{text-align:left}.resource-offer-section .resource-title{font-size:1.5rem}.resource-offer-section .resource-description,.resource-offer-section .resource-offer-list,.resource-offer-section .resource-signup,.resource-offer-section .signup-link,.resource-offer-section .resource-contact,.resource-offer-section .resource-offer-list p{font-size:1.2rem!important}}.resource-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.resource-book-section{padding-top:2rem!important}.resource-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:900px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:3rem!important}\n"], dependencies: [{ kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TestimonialCardListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-testimonial-card', template: "<section class=\"resource-section section-outer bg-white\">\n  <div class=\"container\">\n    <div *ngIf=\"postHeader\" class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n      <h2 class=\"section-heading\">{{postHeader}}</h2>\n    </div>\n    <div *ngIf=\"posts.length === 0\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n    </div>\n<div [hidden]=\"posts.length === 0\">\n  <div class=\"swiper-container\">\n    <div class=\"swiper-wrapper\">\n      <div class=\"swiper-slide\" *ngFor=\"let post of posts\">\n        <div class=\"testimonial-box\">\n          <pw-resource-edit-card-lazy\n          [canEdit]=\"canEdit\"\n          [id]=\"post.id\"\n          [resourceData]=\"post\"\n          (updated)=\"editPost.emit(1, 100)\">\n          </pw-resource-edit-card-lazy>\n          <div class=\"stars mb-5\">\u2605\u2605\u2605\u2605\u2605</div>\n          <div class=\"testimonial-content\">\n            <div class=\"ql-container ql-snow ql-res\">\n              <div class=\"ql-editor\"\n                [innerHTML]=\"post?.body\">\n              </div>\n            </div>\n          </div>\n\n          <!-- THIS STAYS AT BOTTOM -->\n          <div class=\"avatar-container\">\n            <img\n              *ngIf=\"!post.rectangular_picture.url.includes('default-photo.jpg') \" [src]=\"post.rectangular_picture.url\"\n              alt=\"Logo\"\n              class=\"testimonial-logo mt-4\"\n            />\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <div class=\"swiper-pagination\"></div>\n    <div class=\"swiper-button-prev\"></div>\n    <div class=\"swiper-button-next\"></div>\n  </div>\n</div>\n  </div>\n</section>", styles: [".resource-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 767px){.container{padding:0 1rem!important}}.ql-res{resize:none!important;border-width:0}.swiper-container{padding:20px;position:relative;overflow:hidden}@media (width >= 768px){.swiper-container{padding:20px 40px}}.resource-card{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:1.5rem;height:100%;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:350px}.resource-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.read-now-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:500}.read-now-btn .arrow{transition:transform .2s ease}.read-now-btn:hover .arrow{transform:translate(5px)}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px}@media (width <= 767px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-pagination{position:relative;margin-top:20px}.swiper-pagination-bullet{background:#000;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;align-items:stretch;height:auto}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;font-size:1.1rem;height:100%;min-height:100%}.testimonial-box span{margin:0;font-size:22px}.testimonial-box .avatar-container{margin-top:auto}.testimonial-box .testimonial-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .stars{font-size:2.2rem;color:#f6b300;margin-bottom:2.5rem}.centaris-text{margin-bottom:3rem!important}@media (width <= 768px){::ng-deep .swiper-wrapper{gap:1rem!important}.testimonial-box{width:300px!important}}\n", ".video-row{gap:5.5rem!important;margin-top:3rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .vault-card{width:100%!important}.resource-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}@media (width >= 768px) and (width <= 1200px){.resource-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.resource-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 2rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1.5rem}.resource-book-section .resource-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:2rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-offer-section .resource-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.resource-offer-section .resource-title strong{font-weight:700}.resource-offer-section .resource-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.resource-offer-section .resource-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.resource-offer-section .resource-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.resource-offer-section .resource-signup{margin-bottom:2.5rem}.resource-offer-section .resource-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.resource-offer-section .resource-book-section{padding-top:2rem!important}.resource-offer-section .container{text-align:left}.resource-offer-section .resource-title{font-size:1.5rem}.resource-offer-section .resource-description,.resource-offer-section .resource-offer-list,.resource-offer-section .resource-signup,.resource-offer-section .signup-link,.resource-offer-section .resource-contact,.resource-offer-section .resource-offer-list p{font-size:1.2rem!important}}.resource-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.resource-book-section{padding-top:2rem!important}.resource-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:900px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:3rem!important}\n"] }]
+        }], propDecorators: { editPost: [{
+                type: Output
+            }], posts: [{
+                type: Input
+            }], postHeader: [{
+                type: Input
+            }], canEdit: [{
+                type: Input
+            }] } });
+
+/**
+ * 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