@posiwise/resource-module 0.0.192 → 0.0.193

package/fesm2022/{posiwise-resource-module-resource-integrations.module-D7idZK_y.mjs → posiwise-resource-module-resource-integrations.module-HnP4CCtr.mjs}

@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component, ViewChild, NgModule } from '@angular/core';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i3 from '@angular/platform-browser';
+import { B as BaseTopBannerComponent } from './posiwise-resource-module-base-top-banner.component-CD5atqs7.mjs';
+import { e as ResourceService, h as ResourceTopBannerEditComponent, i as ResourceCompanyCardComponent, b as ResourceNoteCardComponent, g as ResourceSharedModule } from './posiwise-resource-module-posiwise-resource-module-C-e2dNwR.mjs';
 import * as i2 from '@posiwise/common-services';
-import { e as ResourceService, h as ResourceTopBannerEditComponent, i as ResourceCompanyCardComponent, b as ResourceNoteCardComponent, g as ResourceSharedModule } from './posiwise-resource-module-posiwise-resource-module-QIX6Y1Ol.mjs';
-import { B as BaseTopBannerComponent } from './posiwise-resource-module-base-top-banner.component-CIvGr9du.mjs';
+import * as i3 from '@angular/platform-browser';
 import * as i5 from '@posiwise/directives';
 import * as i14 from '@angular/cdk/drag-drop';
 import { moveItemInArray } from '@angular/cdk/drag-drop';
-import * as i2$2 from '@posiwise/admin-module-utils';
 import { AppBaseComponent } from '@posiwise/app-base-component';
 import { CompanyData } from '@posiwise/common-utilities';
 import { HelperService } from '@posiwise/helper-service';
 import { forkJoin } from 'rxjs';
 import * as i2$1 from '@ng-bootstrap/ng-bootstrap';
+import * as i2$2 from '@posiwise/admin-module-utils';
 import * as i4 from '@posiwise/resource-contact-us';
 import * as i3$1 from '@angular/common';
 import * as i5$1 from '@angular/forms';
@@ -110,7 +110,7 @@ class ResourceIntegrationComponent extends AppBaseComponent {
         });
     }
     openEditIntegrationsModal(modalRef) {
-        this.editingIntegrations = JSON.parse(JSON.stringify(this.integrations));
+        this.editingIntegrations = structuredClone(this.integrations);
         this.modalService.open(modalRef, {
             size: 'lg',
             centered: true,
@@ -216,7 +216,7 @@ class ResourceIntegrationComponent extends AppBaseComponent {
         });
     }
     openGuidesModal(template) {
-        this.editingGuides = JSON.parse(JSON.stringify(this.guideData ?? { items: [] }));
+        this.editingGuides = structuredClone(this.guideData ?? { items: [] });
         this.modalService.open(template, { size: 'xl' });
     }
     addGuide() {
@@ -257,11 +257,11 @@ class ResourceIntegrationComponent extends AppBaseComponent {
         return this.canEditResourcesValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ResourceIntegrationComponent, deps: [{ token: i3.DomSanitizer }, { token: ResourceService }, { token: i2$1.NgbModal }, { token: i2.TagService }, { token: i2.AuthService }, { token: i2$2.AdminService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ResourceIntegrationComponent, isStandalone: false, selector: "pw-resource-integration", viewQueries: [{ propertyName: "editIntegrationsModal", first: true, predicate: ["editIntegrationsModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div>\n          <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations <span class=\"int-title__sub\">(&amp; counting)</span></h1>\n          <p class=\"int-text\">Search the current list of {{ companyName }} vendor and distributor integrations below.</p>\n        </div>\n      }\n      @if (isLoaded) {\n        <pw-resource-company-card [header]=\"'integrated vendors'\"\n          (getPosts)=\"getPostTags()\"\n          [integrationCountDisplay]=\"integrationCountDisplay\"\n          [data]=\"posts\"\n          [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n      }\n      @if (!isLoaded) {\n        <div class=\"w-100 text-center mt-3\"\n          >\n          <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n        </div>\n      }\n      @if (integrationCountDisplay === 0 && isLoaded) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      }\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div class=\"text-center pt-3 mt-4\">\n          <p class=\"see-span\">Don&rsquo;t see what you&rsquo;re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"int-span team-span\">Speak with our team to request a connection <i class=\"fa fa-chevron-right team-span__icon\" aria-hidden=\"true\"></i></a>\n        </p>\n      </div>\n    }\n  </div>\n\n</section>\n<section class=\"guide-section bg-white py-5 section-outer\">\n  <div class=\"container\">\n    @if (isLoaded) {\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n      [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\"\n        >\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n    }\n    @if (integrationCountDisplay === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n  </div>\n\n</section>\n@if (integrations) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h2 class=\"it-works-title mb-0\">{{ integrations?.title || 'How it works' }}</h2>\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n              (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n            title=\"Edit Integrations Section\"></i>\n          }\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          @if (integrations?.items?.length > 0) {\n            @for (integration of integrations?.items; track integration) {\n              @if (integration?.image_url || integration?.title || integration?.description) {\n                <div\n                  class=\"col-md-6\"\n                  >\n                  @if (integration?.video_url && integration?.video_url.includes('https')) {\n                    <div class=\"d-flex justify-content-center cursor-pointer\">\n                      @if (integration?.video_url) {\n                        <img\n                          [src]=\"integration?.image_url\"\n                          (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          class=\"how-it-works-img\"\n                          alt=\"Integration Video Thumbnail\"\n                          />\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"d-flex justify-content-center\">\n                      <div class=\"w-100\">\n                        <pw-no-data [withImage]=\"true\" [message]=\"'No video found' | transloco\">\n                        </pw-no-data>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            }\n          } @else {\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n@if (showIntegrations()) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <div class=\"col-md-6 text-md-start text-center\">\n          <div class=\"d-flex\">\n            <h2 class=\"guide-title mb-3\">{{ guideData?.items?.[0]?.title || 'Featured guide' }}</h2>\n            @if (canEditResourcesValue) {\n              <button type=\"button\"\n                class=\"in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n                (click)=\"openGuidesModal(guidesEditModal)\"\n                title=\"Edit featured guide\"\n                aria-label=\"Edit featured guide\">\n                <i class=\"fa fa-edit\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </div>\n          <p class=\"guide-subtext\"\n            [innerHTML]=\"guideData?.items?.[0]?.description || (canEditResourcesValue ? 'Add a featured guide via Admin &rarr; Domain config &rarr; Integrations.' : 'A practical walkthrough of how to get the most from your integrations.')\">\n          </p>\n          @if (guideData?.items?.[0]?.guide_url) {\n            <a class=\"vault-btn\"\n              [href]=\"guideData?.items?.[0]?.guide_url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\">\n              {{ guideData?.items?.[0]?.button_text || 'View the guide' }} <i class=\"fa fa-chevron-right vault-btn__icon\" aria-hidden=\"true\"></i>\n            </a>\n          }\n        </div>\n        <div class=\"col-md-6 text-center\">\n          @if (guideData?.items?.[0]?.image_url && !guideData?.items?.[0]?.image_url?.includes('default-photo.jpg')) {\n            <img\n              [src]=\"guideData?.items?.[0]?.image_url\"\n              alt=\"\"\n              class=\"guide-img\"\n              loading=\"lazy\" />\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n</div>\n\n@if (resourcePostTag?.tag_category_id) {\n  <pw-resource-note-card [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n}\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      @for (integration of editingIntegrations.items; track integration; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <span class=\"pw-label-style form-label mb-0\" id=\"integration-item-label\">Integration Item</span>\n            <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" id=\"input_integration.title_7712\" name=\"input_integration.title_7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n              <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" id=\"input_integration.description_9056\" name=\"input_integration.description_9056\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" id=\"input_integration.blog_url_7856\" name=\"input_integration.blog_url_7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" id=\"input_integration.image_url_9056\" name=\"input_integration.image_url_9056\" />\n            </div>\n            <div class=\"col-md-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" id=\"input_integration.video_url_9056\" name=\"input_integration.video_url_9056\" />\n            </div>\n          </div>\n          <div class=\"d-flex justify-content-end\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n            (keydown.space)=\"removeIntegrationItem(i)\"></i>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</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)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</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\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      @for (guide of editingGuides.items; track guide; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" id=\"input_guide.title_7072\" name=\"input_guide.title_7072\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n              <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" id=\"input_guide.button_text_7712\" name=\"input_guide.button_text_7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" id=\"input_guide.image_url_7856\" name=\"input_guide.image_url_7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n              <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" id=\"input_guide.guide_url_6944\" name=\"input_guide.guide_url_6944\" />\n            </div>\n            <div class=\"col-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n              <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" [name]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n            </div>\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n              <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</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)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:var(--first, #1968e1)}.team-span{font-size:2rem;color:var(--first, #1968e1);font-weight:400;text-decoration:none;border-radius:4px;transition:color .15s ease,text-decoration-color .15s ease}.team-span:hover{color:var(--first, #1968e1);text-decoration:underline;text-underline-offset:4px}.team-span:focus-visible{outline:2px solid var(--first, #1968e1);outline-offset:3px}.team-span__icon{font-size:1.4rem;margin-left:.4rem;vertical-align:.05em}.see-span{font-size:2rem;font-weight:300;color:#182527}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:300!important;padding-bottom:12px!important;line-height:1.15}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.how-it-works-wrapper .how-it-works-img:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px #00000059}.how-it-works-wrapper p{padding-top:1rem;font-size:1.8rem;color:#182527;font-weight:300;line-height:1.45;margin-bottom:3rem}.guide-wrapper{padding:55px 47px 220px}.guide-wrapper .horizontal{position:absolute;left:0;bottom:24%;width:100%}.guide-wrapper .pb-20{padding-bottom:20px}.guide-wrapper .flex{display:flex}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media(width>=768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media(width<=768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:2.6rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:1.7rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:300;line-height:1.15}.guide-section .guide-subtext{font-size:1.6rem;line-height:2.4rem;color:var(--text-color, black);font-weight:300;margin-bottom:2rem}.guide-section .guide-note{font-size:1.6rem;color:#182527;font-weight:300}.guide-section .vault-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, currentcolor);transition:background .15s ease,color .15s ease,transform .15s ease}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important;transform:translateY(-1px)}.guide-section .vault-btn:focus-visible{outline:2px solid var(--text-color, black);outline-offset:3px}.guide-section .vault-btn__icon{font-size:1.1rem}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto;border-radius:12px}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400;line-height:1.1}.int-title__sub{font-size:.55em;font-weight:300;opacity:.7;margin-left:.4rem;vertical-align:.3em}.int-text{font-size:1.4rem;font-weight:400;color:#182527;line-height:1.6;margin-top:.6rem}@media(width<=768px){.int-title{font-size:3rem!important}.int-span,.team-span,.see-span{font-size:1.6rem}}@media(width>=991px){.section-outer{padding-top:4.5rem!important}}\n", ".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: "component", type: ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: ["header", "data", "integrationCountDisplay", "vendor", "user", "userLoggedIn"], outputs: ["getPosts"] }, { kind: "component", type: ResourceNoteCardComponent, selector: "pw-resource-note-card", inputs: ["releaseHeader", "categoryId", "isReleasePress", "isResource", "postSlice", "resourceTitle", "tag", "user", "userLoggedIn"] }, { kind: "component", type: i4.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5$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: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: i8.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i14.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i14.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i14.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: IntegrationTopBannerComponent, selector: "pw-integration-top-banner" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ResourceIntegrationComponent, isStandalone: false, selector: "pw-resource-integration", viewQueries: [{ propertyName: "editIntegrationsModal", first: true, predicate: ["editIntegrationsModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div>\n          <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations <span class=\"int-title__sub\">(&amp; counting)</span></h1>\n          <p class=\"int-text\">Search the current list of {{ companyName }} vendor and distributor integrations below.</p>\n        </div>\n      }\n      @if (isLoaded) {\n        <pw-resource-company-card [header]=\"'integrated vendors'\"\n          (getPosts)=\"getPostTags()\"\n          [integrationCountDisplay]=\"integrationCountDisplay\"\n          [data]=\"posts\"\n          [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n      }\n      @if (!isLoaded) {\n        <div class=\"w-100 text-center mt-3\"\n          >\n          <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n        </div>\n      }\n      @if (integrationCountDisplay === 0 && isLoaded) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      }\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div class=\"text-center pt-3 mt-4\">\n          <p class=\"see-span\">Don&rsquo;t see what you&rsquo;re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"int-span team-span\">Speak with our team to request a connection <i class=\"fa fa-chevron-right team-span__icon\" aria-hidden=\"true\"></i></a>\n        </p>\n      </div>\n    }\n  </div>\n\n</section>\n<section class=\"guide-section bg-white py-5 section-outer\">\n  <div class=\"container\">\n    @if (isLoaded) {\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n      [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\"\n        >\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n    }\n    @if (integrationCountDisplay === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n  </div>\n\n</section>\n@if (integrations) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h2 class=\"it-works-title mb-0\">{{ integrations?.title || 'How it works' }}</h2>\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n              (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n            title=\"Edit Integrations Section\"></i>\n          }\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          @if (integrations?.items?.length > 0) {\n            @for (integration of integrations?.items; track integration) {\n              @if (integration?.image_url || integration?.title || integration?.description) {\n                <div\n                  class=\"col-md-6\"\n                  >\n                  @if (integration?.video_url && integration?.video_url.includes('https')) {\n                    <div class=\"d-flex justify-content-center cursor-pointer\">\n                      @if (integration?.video_url) {\n                        <img\n                          [src]=\"integration?.image_url\"\n                          (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          class=\"how-it-works-img\"\n                          alt=\"Integration Video Thumbnail\"\n                          />\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"d-flex justify-content-center\">\n                      <div class=\"w-100\">\n                        <pw-no-data [withImage]=\"true\" [message]=\"'No video found' | transloco\">\n                        </pw-no-data>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            }\n          } @else {\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n@if (showIntegrations()) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <div class=\"col-md-6 text-md-start text-center\">\n          <div class=\"d-flex\">\n            <h2 class=\"guide-title mb-3\">{{ guideData?.items?.[0]?.title || 'Featured guide' }}</h2>\n            @if (canEditResourcesValue) {\n              <button type=\"button\"\n                class=\"in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n                (click)=\"openGuidesModal(guidesEditModal)\"\n                title=\"Edit featured guide\"\n                aria-label=\"Edit featured guide\">\n                <i class=\"fa fa-edit\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </div>\n          <p class=\"guide-subtext\"\n            [innerHTML]=\"guideData?.items?.[0]?.description || (canEditResourcesValue ? 'Add a featured guide via Admin &rarr; Domain config &rarr; Integrations.' : 'A practical walkthrough of how to get the most from your integrations.')\">\n          </p>\n          @if (guideData?.items?.[0]?.guide_url) {\n            <a class=\"vault-btn\"\n              [href]=\"guideData?.items?.[0]?.guide_url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\">\n              {{ guideData?.items?.[0]?.button_text || 'View the guide' }} <i class=\"fa fa-chevron-right vault-btn__icon\" aria-hidden=\"true\"></i>\n            </a>\n          }\n        </div>\n        <div class=\"col-md-6 text-center\">\n          @if (guideData?.items?.[0]?.image_url && !guideData?.items?.[0]?.image_url?.includes('default-photo.jpg')) {\n            <img\n              [src]=\"guideData?.items?.[0]?.image_url\"\n              alt=\"\"\n              class=\"guide-img\"\n              loading=\"lazy\" />\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n</div>\n\n@if (resourcePostTag?.tag_category_id) {\n  <pw-resource-note-card [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n}\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\"\n          aria-label=\"Integration Title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"\n          aria-label=\"Integration Description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      @for (integration of editingIntegrations.items; track integration; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <span class=\"pw-label-style form-label mb-0\" id=\"integration-item-label\">Integration Item</span>\n            <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" id=\"input_integration.title_7712\" name=\"input_integration.title_7712\"\n                  aria-label=\"Input Integration.title 7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n              <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" id=\"input_integration.description_9056\" name=\"input_integration.description_9056\"\n                  aria-label=\"Input Integration.description 9056\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" id=\"input_integration.blog_url_7856\" name=\"input_integration.blog_url_7856\"\n                  aria-label=\"Input Integration.blog Url 7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" id=\"input_integration.image_url_9056\" name=\"input_integration.image_url_9056\"\n                  aria-label=\"Input Integration.image Url 9056\" />\n            </div>\n            <div class=\"col-md-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" id=\"input_integration.video_url_9056\" name=\"input_integration.video_url_9056\"\n                  aria-label=\"Input Integration.video Url 9056\" />\n            </div>\n          </div>\n          <div class=\"d-flex justify-content-end\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n            (keydown.space)=\"removeIntegrationItem(i)\"></i>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</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)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</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\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      @for (guide of editingGuides.items; track guide; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" id=\"input_guide.title_7072\" name=\"input_guide.title_7072\"\n                  aria-label=\"Input Guide.title 7072\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n              <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" id=\"input_guide.button_text_7712\" name=\"input_guide.button_text_7712\"\n                  aria-label=\"Input Guide.button Text 7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" id=\"input_guide.image_url_7856\" name=\"input_guide.image_url_7856\"\n                  aria-label=\"Input Guide.image Url 7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n              <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" id=\"input_guide.guide_url_6944\" name=\"input_guide.guide_url_6944\"\n                  aria-label=\"Input Guide.guide Url 6944\" />\n            </div>\n            <div class=\"col-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n              <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" [name]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n            </div>\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n              <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</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)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:var(--first, #1968e1)}.team-span{font-size:2rem;color:var(--first, #1968e1);font-weight:400;text-decoration:none;border-radius:4px;transition:color .15s ease,text-decoration-color .15s ease}.team-span:hover{color:var(--first, #1968e1);text-decoration:underline;text-underline-offset:4px}.team-span:focus-visible{outline:2px solid var(--first, #1968e1);outline-offset:3px}.team-span__icon{font-size:1.4rem;margin-left:.4rem;vertical-align:.05em}.see-span{font-size:2rem;font-weight:300;color:#182527}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:300!important;padding-bottom:12px!important;line-height:1.15}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.how-it-works-wrapper .how-it-works-img:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px #00000059}.how-it-works-wrapper p{padding-top:1rem;font-size:1.8rem;color:#182527;font-weight:300;line-height:1.45;margin-bottom:3rem}.guide-wrapper{padding:55px 47px 220px}.guide-wrapper .horizontal{position:absolute;left:0;bottom:24%;width:100%}.guide-wrapper .pb-20{padding-bottom:20px}.guide-wrapper .flex{display:flex}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media(width>=768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media(width<=768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:2.6rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:1.7rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:300;line-height:1.15}.guide-section .guide-subtext{font-size:1.6rem;line-height:2.4rem;color:var(--text-color, black);font-weight:300;margin-bottom:2rem}.guide-section .guide-note{font-size:1.6rem;color:#182527;font-weight:300}.guide-section .vault-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, currentcolor);transition:background .15s ease,color .15s ease,transform .15s ease}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important;transform:translateY(-1px)}.guide-section .vault-btn:focus-visible{outline:2px solid var(--text-color, black);outline-offset:3px}.guide-section .vault-btn__icon{font-size:1.1rem}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto;border-radius:12px}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400;line-height:1.1}.int-title__sub{font-size:.55em;font-weight:300;opacity:.7;margin-left:.4rem;vertical-align:.3em}.int-text{font-size:1.4rem;font-weight:400;color:#182527;line-height:1.6;margin-top:.6rem}@media(width<=768px){.int-title{font-size:3rem!important}.int-span,.team-span,.see-span{font-size:1.6rem}}@media(width>=991px){.section-outer{padding-top:4.5rem!important}}\n", ".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: "component", type: ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: ["header", "data", "integrationCountDisplay", "vendor", "user", "userLoggedIn"], outputs: ["getPosts"] }, { kind: "component", type: ResourceNoteCardComponent, selector: "pw-resource-note-card", inputs: ["releaseHeader", "categoryId", "isReleasePress", "isResource", "postSlice", "resourceTitle", "tag", "user", "userLoggedIn"] }, { kind: "component", type: i4.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5$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: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.LazyImgDirective, selector: "img" }, { kind: "component", type: i8.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i14.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i14.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i14.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: IntegrationTopBannerComponent, selector: "pw-integration-top-banner" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ResourceIntegrationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-integration', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div>\n          <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations <span class=\"int-title__sub\">(&amp; counting)</span></h1>\n          <p class=\"int-text\">Search the current list of {{ companyName }} vendor and distributor integrations below.</p>\n        </div>\n      }\n      @if (isLoaded) {\n        <pw-resource-company-card [header]=\"'integrated vendors'\"\n          (getPosts)=\"getPostTags()\"\n          [integrationCountDisplay]=\"integrationCountDisplay\"\n          [data]=\"posts\"\n          [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n      }\n      @if (!isLoaded) {\n        <div class=\"w-100 text-center mt-3\"\n          >\n          <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n        </div>\n      }\n      @if (integrationCountDisplay === 0 && isLoaded) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      }\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div class=\"text-center pt-3 mt-4\">\n          <p class=\"see-span\">Don&rsquo;t see what you&rsquo;re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"int-span team-span\">Speak with our team to request a connection <i class=\"fa fa-chevron-right team-span__icon\" aria-hidden=\"true\"></i></a>\n        </p>\n      </div>\n    }\n  </div>\n\n</section>\n<section class=\"guide-section bg-white py-5 section-outer\">\n  <div class=\"container\">\n    @if (isLoaded) {\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n      [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\"\n        >\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n    }\n    @if (integrationCountDisplay === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n  </div>\n\n</section>\n@if (integrations) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h2 class=\"it-works-title mb-0\">{{ integrations?.title || 'How it works' }}</h2>\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n              (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n            title=\"Edit Integrations Section\"></i>\n          }\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          @if (integrations?.items?.length > 0) {\n            @for (integration of integrations?.items; track integration) {\n              @if (integration?.image_url || integration?.title || integration?.description) {\n                <div\n                  class=\"col-md-6\"\n                  >\n                  @if (integration?.video_url && integration?.video_url.includes('https')) {\n                    <div class=\"d-flex justify-content-center cursor-pointer\">\n                      @if (integration?.video_url) {\n                        <img\n                          [src]=\"integration?.image_url\"\n                          (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          class=\"how-it-works-img\"\n                          alt=\"Integration Video Thumbnail\"\n                          />\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"d-flex justify-content-center\">\n                      <div class=\"w-100\">\n                        <pw-no-data [withImage]=\"true\" [message]=\"'No video found' | transloco\">\n                        </pw-no-data>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            }\n          } @else {\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n@if (showIntegrations()) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <div class=\"col-md-6 text-md-start text-center\">\n          <div class=\"d-flex\">\n            <h2 class=\"guide-title mb-3\">{{ guideData?.items?.[0]?.title || 'Featured guide' }}</h2>\n            @if (canEditResourcesValue) {\n              <button type=\"button\"\n                class=\"in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n                (click)=\"openGuidesModal(guidesEditModal)\"\n                title=\"Edit featured guide\"\n                aria-label=\"Edit featured guide\">\n                <i class=\"fa fa-edit\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </div>\n          <p class=\"guide-subtext\"\n            [innerHTML]=\"guideData?.items?.[0]?.description || (canEditResourcesValue ? 'Add a featured guide via Admin &rarr; Domain config &rarr; Integrations.' : 'A practical walkthrough of how to get the most from your integrations.')\">\n          </p>\n          @if (guideData?.items?.[0]?.guide_url) {\n            <a class=\"vault-btn\"\n              [href]=\"guideData?.items?.[0]?.guide_url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\">\n              {{ guideData?.items?.[0]?.button_text || 'View the guide' }} <i class=\"fa fa-chevron-right vault-btn__icon\" aria-hidden=\"true\"></i>\n            </a>\n          }\n        </div>\n        <div class=\"col-md-6 text-center\">\n          @if (guideData?.items?.[0]?.image_url && !guideData?.items?.[0]?.image_url?.includes('default-photo.jpg')) {\n            <img\n              [src]=\"guideData?.items?.[0]?.image_url\"\n              alt=\"\"\n              class=\"guide-img\"\n              loading=\"lazy\" />\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n</div>\n\n@if (resourcePostTag?.tag_category_id) {\n  <pw-resource-note-card [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n}\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      @for (integration of editingIntegrations.items; track integration; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <span class=\"pw-label-style form-label mb-0\" id=\"integration-item-label\">Integration Item</span>\n            <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" id=\"input_integration.title_7712\" name=\"input_integration.title_7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n              <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" id=\"input_integration.description_9056\" name=\"input_integration.description_9056\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" id=\"input_integration.blog_url_7856\" name=\"input_integration.blog_url_7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" id=\"input_integration.image_url_9056\" name=\"input_integration.image_url_9056\" />\n            </div>\n            <div class=\"col-md-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" id=\"input_integration.video_url_9056\" name=\"input_integration.video_url_9056\" />\n            </div>\n          </div>\n          <div class=\"d-flex justify-content-end\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n            (keydown.space)=\"removeIntegrationItem(i)\"></i>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</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)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</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\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      @for (guide of editingGuides.items; track guide; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" id=\"input_guide.title_7072\" name=\"input_guide.title_7072\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n              <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" id=\"input_guide.button_text_7712\" name=\"input_guide.button_text_7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" id=\"input_guide.image_url_7856\" name=\"input_guide.image_url_7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n              <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" id=\"input_guide.guide_url_6944\" name=\"input_guide.guide_url_6944\" />\n            </div>\n            <div class=\"col-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n              <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" [name]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n            </div>\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n              <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</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)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:var(--first, #1968e1)}.team-span{font-size:2rem;color:var(--first, #1968e1);font-weight:400;text-decoration:none;border-radius:4px;transition:color .15s ease,text-decoration-color .15s ease}.team-span:hover{color:var(--first, #1968e1);text-decoration:underline;text-underline-offset:4px}.team-span:focus-visible{outline:2px solid var(--first, #1968e1);outline-offset:3px}.team-span__icon{font-size:1.4rem;margin-left:.4rem;vertical-align:.05em}.see-span{font-size:2rem;font-weight:300;color:#182527}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:300!important;padding-bottom:12px!important;line-height:1.15}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.how-it-works-wrapper .how-it-works-img:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px #00000059}.how-it-works-wrapper p{padding-top:1rem;font-size:1.8rem;color:#182527;font-weight:300;line-height:1.45;margin-bottom:3rem}.guide-wrapper{padding:55px 47px 220px}.guide-wrapper .horizontal{position:absolute;left:0;bottom:24%;width:100%}.guide-wrapper .pb-20{padding-bottom:20px}.guide-wrapper .flex{display:flex}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media(width>=768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media(width<=768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:2.6rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:1.7rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:300;line-height:1.15}.guide-section .guide-subtext{font-size:1.6rem;line-height:2.4rem;color:var(--text-color, black);font-weight:300;margin-bottom:2rem}.guide-section .guide-note{font-size:1.6rem;color:#182527;font-weight:300}.guide-section .vault-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, currentcolor);transition:background .15s ease,color .15s ease,transform .15s ease}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important;transform:translateY(-1px)}.guide-section .vault-btn:focus-visible{outline:2px solid var(--text-color, black);outline-offset:3px}.guide-section .vault-btn__icon{font-size:1.1rem}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto;border-radius:12px}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400;line-height:1.1}.int-title__sub{font-size:.55em;font-weight:300;opacity:.7;margin-left:.4rem;vertical-align:.3em}.int-text{font-size:1.4rem;font-weight:400;color:#182527;line-height:1.6;margin-top:.6rem}@media(width<=768px){.int-title{font-size:3rem!important}.int-span,.team-span,.see-span{font-size:1.6rem}}@media(width>=991px){.section-outer{padding-top:4.5rem!important}}\n", ".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media(width>=991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=768px){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"] }]
+            args: [{ selector: 'pw-resource-integration', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div>\n          <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations <span class=\"int-title__sub\">(&amp; counting)</span></h1>\n          <p class=\"int-text\">Search the current list of {{ companyName }} vendor and distributor integrations below.</p>\n        </div>\n      }\n      @if (isLoaded) {\n        <pw-resource-company-card [header]=\"'integrated vendors'\"\n          (getPosts)=\"getPostTags()\"\n          [integrationCountDisplay]=\"integrationCountDisplay\"\n          [data]=\"posts\"\n          [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n      }\n      @if (!isLoaded) {\n        <div class=\"w-100 text-center mt-3\"\n          >\n          <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n        </div>\n      }\n      @if (integrationCountDisplay === 0 && isLoaded) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      }\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div class=\"text-center pt-3 mt-4\">\n          <p class=\"see-span\">Don&rsquo;t see what you&rsquo;re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"int-span team-span\">Speak with our team to request a connection <i class=\"fa fa-chevron-right team-span__icon\" aria-hidden=\"true\"></i></a>\n        </p>\n      </div>\n    }\n  </div>\n\n</section>\n<section class=\"guide-section bg-white py-5 section-outer\">\n  <div class=\"container\">\n    @if (isLoaded) {\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n      [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\"\n        >\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n    }\n    @if (integrationCountDisplay === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n  </div>\n\n</section>\n@if (integrations) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h2 class=\"it-works-title mb-0\">{{ integrations?.title || 'How it works' }}</h2>\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n              (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n            title=\"Edit Integrations Section\"></i>\n          }\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          @if (integrations?.items?.length > 0) {\n            @for (integration of integrations?.items; track integration) {\n              @if (integration?.image_url || integration?.title || integration?.description) {\n                <div\n                  class=\"col-md-6\"\n                  >\n                  @if (integration?.video_url && integration?.video_url.includes('https')) {\n                    <div class=\"d-flex justify-content-center cursor-pointer\">\n                      @if (integration?.video_url) {\n                        <img\n                          [src]=\"integration?.image_url\"\n                          (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          class=\"how-it-works-img\"\n                          alt=\"Integration Video Thumbnail\"\n                          />\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"d-flex justify-content-center\">\n                      <div class=\"w-100\">\n                        <pw-no-data [withImage]=\"true\" [message]=\"'No video found' | transloco\">\n                        </pw-no-data>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            }\n          } @else {\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n@if (showIntegrations()) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <div class=\"col-md-6 text-md-start text-center\">\n          <div class=\"d-flex\">\n            <h2 class=\"guide-title mb-3\">{{ guideData?.items?.[0]?.title || 'Featured guide' }}</h2>\n            @if (canEditResourcesValue) {\n              <button type=\"button\"\n                class=\"in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n                (click)=\"openGuidesModal(guidesEditModal)\"\n                title=\"Edit featured guide\"\n                aria-label=\"Edit featured guide\">\n                <i class=\"fa fa-edit\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </div>\n          <p class=\"guide-subtext\"\n            [innerHTML]=\"guideData?.items?.[0]?.description || (canEditResourcesValue ? 'Add a featured guide via Admin &rarr; Domain config &rarr; Integrations.' : 'A practical walkthrough of how to get the most from your integrations.')\">\n          </p>\n          @if (guideData?.items?.[0]?.guide_url) {\n            <a class=\"vault-btn\"\n              [href]=\"guideData?.items?.[0]?.guide_url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\">\n              {{ guideData?.items?.[0]?.button_text || 'View the guide' }} <i class=\"fa fa-chevron-right vault-btn__icon\" aria-hidden=\"true\"></i>\n            </a>\n          }\n        </div>\n        <div class=\"col-md-6 text-center\">\n          @if (guideData?.items?.[0]?.image_url && !guideData?.items?.[0]?.image_url?.includes('default-photo.jpg')) {\n            <img\n              [src]=\"guideData?.items?.[0]?.image_url\"\n              alt=\"\"\n              class=\"guide-img\"\n              loading=\"lazy\" />\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n</div>\n\n@if (resourcePostTag?.tag_category_id) {\n  <pw-resource-note-card [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n}\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\"\n          aria-label=\"Integration Title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"\n          aria-label=\"Integration Description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      @for (integration of editingIntegrations.items; track integration; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <span class=\"pw-label-style form-label mb-0\" id=\"integration-item-label\">Integration Item</span>\n            <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" id=\"input_integration.title_7712\" name=\"input_integration.title_7712\"\n                  aria-label=\"Input Integration.title 7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n              <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" id=\"input_integration.description_9056\" name=\"input_integration.description_9056\"\n                  aria-label=\"Input Integration.description 9056\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" id=\"input_integration.blog_url_7856\" name=\"input_integration.blog_url_7856\"\n                  aria-label=\"Input Integration.blog Url 7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" id=\"input_integration.image_url_9056\" name=\"input_integration.image_url_9056\"\n                  aria-label=\"Input Integration.image Url 9056\" />\n            </div>\n            <div class=\"col-md-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" id=\"input_integration.video_url_9056\" name=\"input_integration.video_url_9056\"\n                  aria-label=\"Input Integration.video Url 9056\" />\n            </div>\n          </div>\n          <div class=\"d-flex justify-content-end\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n            (keydown.space)=\"removeIntegrationItem(i)\"></i>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</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)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</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\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      @for (guide of editingGuides.items; track guide; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" id=\"input_guide.title_7072\" name=\"input_guide.title_7072\"\n                  aria-label=\"Input Guide.title 7072\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n              <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" id=\"input_guide.button_text_7712\" name=\"input_guide.button_text_7712\"\n                  aria-label=\"Input Guide.button Text 7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" id=\"input_guide.image_url_7856\" name=\"input_guide.image_url_7856\"\n                  aria-label=\"Input Guide.image Url 7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n              <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" id=\"input_guide.guide_url_6944\" name=\"input_guide.guide_url_6944\"\n                  aria-label=\"Input Guide.guide Url 6944\" />\n            </div>\n            <div class=\"col-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n              <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" [name]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n            </div>\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n              <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</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)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:var(--first, #1968e1)}.team-span{font-size:2rem;color:var(--first, #1968e1);font-weight:400;text-decoration:none;border-radius:4px;transition:color .15s ease,text-decoration-color .15s ease}.team-span:hover{color:var(--first, #1968e1);text-decoration:underline;text-underline-offset:4px}.team-span:focus-visible{outline:2px solid var(--first, #1968e1);outline-offset:3px}.team-span__icon{font-size:1.4rem;margin-left:.4rem;vertical-align:.05em}.see-span{font-size:2rem;font-weight:300;color:#182527}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:300!important;padding-bottom:12px!important;line-height:1.15}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.how-it-works-wrapper .how-it-works-img:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px #00000059}.how-it-works-wrapper p{padding-top:1rem;font-size:1.8rem;color:#182527;font-weight:300;line-height:1.45;margin-bottom:3rem}.guide-wrapper{padding:55px 47px 220px}.guide-wrapper .horizontal{position:absolute;left:0;bottom:24%;width:100%}.guide-wrapper .pb-20{padding-bottom:20px}.guide-wrapper .flex{display:flex}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media(width>=768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media(width<=768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:2.6rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:1.7rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:300;line-height:1.15}.guide-section .guide-subtext{font-size:1.6rem;line-height:2.4rem;color:var(--text-color, black);font-weight:300;margin-bottom:2rem}.guide-section .guide-note{font-size:1.6rem;color:#182527;font-weight:300}.guide-section .vault-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, currentcolor);transition:background .15s ease,color .15s ease,transform .15s ease}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important;transform:translateY(-1px)}.guide-section .vault-btn:focus-visible{outline:2px solid var(--text-color, black);outline-offset:3px}.guide-section .vault-btn__icon{font-size:1.1rem}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto;border-radius:12px}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400;line-height:1.1}.int-title__sub{font-size:.55em;font-weight:300;opacity:.7;margin-left:.4rem;vertical-align:.3em}.int-text{font-size:1.4rem;font-weight:400;color:#182527;line-height:1.6;margin-top:.6rem}@media(width<=768px){.int-title{font-size:3rem!important}.int-span,.team-span,.see-span{font-size:1.6rem}}@media(width>=991px){.section-outer{padding-top:4.5rem!important}}\n", ".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.DomSanitizer }, { type: ResourceService }, { type: i2$1.NgbModal }, { type: i2.TagService }, { type: i2.AuthService }, { type: i2$2.AdminService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { editIntegrationsModal: [{
                 type: ViewChild,
                 args: ['editIntegrationsModal']
@@ -292,4 +292,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
         }] });
 
 export { ResourceIntegrationsModule };
-//# sourceMappingURL=posiwise-resource-module-resource-integrations.module-D7idZK_y.mjs.map
+//# sourceMappingURL=posiwise-resource-module-resource-integrations.module-HnP4CCtr.mjs.map

package/fesm2022/posiwise-resource-module-resource-integrations.module-HnP4CCtr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"posiwise-resource-module-resource-integrations.module-HnP4CCtr.mjs","sources":["../../../../libs/resource-module/src/lib/public/components/resource-integration/integration-top-banner/integration-top-banner.component.ts","../../../../libs/resource-module/src/lib/public/components/resource-integration/integration-top-banner/integration-top-banner.component.html","../../../../libs/resource-module/src/lib/public/components/resource-integration/resource-integration.component.ts","../../../../libs/resource-module/src/lib/public/components/resource-integration/resource-integration.component.html","../../../../libs/resource-module/src/lib/public/modules/integrations/resource-integrations.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy,\n    ChangeDetectorRef, Component, Injector } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\n\nimport { AuthService, TagService } from '@posiwise/common-services';\n\nimport { ResourceService } from '../../../../resource.service';\nimport { BaseTopBannerComponent } from '../../base/base-top-banner.component';\n\n@Component({\n    selector: 'pw-integration-top-banner',\n    templateUrl: './integration-top-banner.component.html',\n    styleUrls: [\n        '../../resource-case-studies/resource-case-studies.component.scss',\n        '../../resources/resources-shared.component.scss',\n        '../../resource-post/related-resources/related-resources.component.scss'\n    ],\n\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class IntegrationTopBannerComponent extends BaseTopBannerComponent {\n    contactUsUrl = this.appConfig?.pages_config?.contact_us?.url;\n\n    constructor(\n        resourceService: ResourceService,\n        tagService: TagService,\n        authService: AuthService,\n        titleService: Title,\n        cdr: ChangeDetectorRef,\n        injector: Injector\n    ) {\n        super(resourceService, tagService, authService, titleService, cdr, injector);\n    }\n\n    protected getSearchTerm(): string {\n        return 'Integrations';\n    }\n}\n","<section class=\"bg-white pricing-section\">\n  <div class=\"resource-banner\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'Integrated vendors'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n              <span class=\"blue-text\"></span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension mt-4\">\n          <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n            <div class=\"flex-grow-1\">\n              @if (blogPostTag?.description && blogPostTag.description !== 'null' ) {\n                <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n              } @else {\n                <p class=\"intro\">\n                  Browse below the vendor integrations<br />\n                  we support.\n                </p>\n              }\n            </div>\n            <div class=\"d-flex gap-3 flex-wrap mt-3\">\n              <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n              class=\"cta-btn filled\">Speak to sales <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n            </div>\n          </div>\n        </div>\n        <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n          <div class=\"resource-math-img\"></div>\n          <img class=\"resource-laptop-img dyn-img\"\n            [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/men.png'\"\n            alt=\"Integrated vendors banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n","import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Injector,\n    OnInit,\n    TemplateRef,\n    ViewChild\n} from '@angular/core';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\n\nimport { AdminService } from '@posiwise/admin-module-utils';\nimport { AppBaseComponent } from '@posiwise/app-base-component';\nimport { AuthService, TagService } from '@posiwise/common-services';\nimport { CompanyData, Resource, User } from '@posiwise/common-utilities';\nimport { HelperService } from '@posiwise/helper-service';\nimport { CustomUploaderComponent } from '@posiwise/utils';\n\nimport { forkJoin } from 'rxjs';\n\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\n\nimport { ResourceService } from '../../../resource.service';\n\n@Component({\n    selector: 'pw-resource-integration',\n    templateUrl: './resource-integration.component.html',\n    styleUrls: [\n        './resource-integration.component.scss',\n        '../resources/resources-shared.component.scss'\n    ],\n\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class ResourceIntegrationComponent extends AppBaseComponent implements OnInit {\n    @ViewChild('editIntegrationsModal') editIntegrationsModal: TemplateRef<CustomUploaderComponent>;\n    editingIntegrations;\n    distributorsData = CompanyData?.distributorsData;\n    vendorsData = CompanyData?.vendorsData;\n\n    textColor = this.appConfig?.color_codes?.text;\n\n    subscriptionId: number;\n    masterSubscriptionId = this.appConfig.master_subscription.subscription_id;\n    posts: Resource[] = [];\n    distributerPosts = [];\n    userLoggedIn: boolean;\n    blogPostTag;\n    isLoaded = false;\n    resourcePostTag;\n    blogPostVendorTag;\n    isMasterSubscription;\n\n    integrations = this.appConfig?.pages_config?.integrations;\n\n    releaseNotesLink = '/resources/product-release-notes';\n    q1NotesLink = '/resources/product-release-q1-2025';\n    q3NotesLink = '/resources/product-release-q3-2024';\n    q4NotesLink = '/resources/product-release-q4-2024';\n    companyName;\n\n    videoWebinarLoaded = false;\n    videoDemoLoaded = false;\n    youtubeVideoId = 'R7Vk219zbhA';\n    videoTitle = 'CloudOlive Overview';\n    sanitizedMicrosoftVideoUrl: SafeResourceUrl;\n    sanitizedKesyaVideoUrl: SafeResourceUrl;\n    integrationCountDisplay: number;\n    contactUsUrl = this.appConfig?.pages_config?.contact_us?.url;\n    tagCategory;\n    totalPosts: number;\n\n    guideData = this.appConfig?.pages_config?.guides;\n    editingGuides = { items: [] };\n    user: User;\n\n    canEditResourcesValue = false;\n    domainId = this.appConfig.domain_id;\n\n    constructor(\n        private readonly sanitizer: DomSanitizer,\n        private readonly resourceService: ResourceService,\n        private readonly modalService: NgbModal,\n        private readonly tagService: TagService,\n        private readonly authService: AuthService,\n        private readonly adminService: AdminService,\n        private readonly cdr: ChangeDetectorRef,\n        injector: Injector\n    ) {\n        super(injector);\n    }\n\n    ngOnInit() {\n        this.companyName = this.appConfig.company.name;\n\n        document.documentElement.style.setProperty('--text-color', this.textColor);\n        this.getUserSubscriptionId().subscribe(response => {\n            this.subscriptionId = response;\n            this.cdr.markForCheck();\n        });\n        this.authService.getToken$().subscribe(res => {\n            this.userLoggedIn = !!res;\n            if (this.userLoggedIn) {\n                this.localStorage.getItem$('product').subscribe(res => {\n                    const data = res ? JSON.parse(res) : null;\n                    this.subscriptionId = data?.subscriptionId;\n                    this.cdr.markForCheck();\n                });\n                this.userService.getUserInfo().subscribe(data => {\n                    this.user = data;\n\n                    this.getTags();\n                    this.updateCanEditResourcesValue();\n                    this.cdr.markForCheck();\n                });\n            } else {\n                this.getTags();\n            }\n            this.cdr.markForCheck();\n        });\n    }\n\n    private getTags() {\n        this.isLoaded = false;\n        this.tagService\n            .getAllTagCategories({ search: 'Integrations' }, this.getEffectiveSubscriptionId())\n            .subscribe(response => {\n                this.tagCategory = response?.tag_categories?.[0];\n                this.getPostTags();\n                this.cdr.markForCheck();\n            });\n    }\n\n    openEditIntegrationsModal(modalRef) {\n        this.editingIntegrations = structuredClone(this.integrations);\n        this.modalService.open(modalRef, {\n            size: 'lg',\n            centered: true,\n            windowClass: 'modal-holder'\n        });\n    }\n\n    showIntegrations(): boolean {\n        if (this.userLoggedIn) {\n            return true;\n        }\n\n        if (Array.isArray(this.guideData?.items) && this.guideData.items.length) {\n            const item = this.guideData.items[0];\n            return (\n                !!item?.title ||\n                !!item?.description ||\n                !!item?.guide_url ||\n                (!!item?.image_url && !item.image_url.includes('default-image.png'))\n            );\n        }\n\n        return false;\n    }\n\n    private getPostTags() {\n        this.tagService\n            .getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())\n            .subscribe(response => {\n                this.resourcePostTag = response.tags.find(\n                    tag => tag.name === 'Product Release Notes'\n                );\n                this.blogPostTag = response.tags.find(\n                    tag =>\n                        tag.name === 'Integrated Distributors' &&\n                        tag.tag_category_id === this.tagCategory?.id\n                );\n                this.blogPostVendorTag = response.tags.find(\n                    tag =>\n                        tag.name === 'Integrated Vendors' &&\n                        tag.tag_category_id === this.tagCategory?.id\n                );\n\n                // use forkJoin to fetch both sets of posts in parallel\n                forkJoin({\n                    vendorResponse: this.resourceService.getPublicPosts(\n                        this.getEffectiveSubscriptionId(),\n                        1,\n                        100,\n                        '',\n                        '',\n                        this.blogPostVendorTag?.id\n                    ),\n                    distributorResponse: this.resourceService.getPublicPosts(\n                        this.getEffectiveSubscriptionId(),\n                        1,\n                        100,\n                        '',\n                        '',\n                        this.blogPostTag?.id\n                    )\n                }).subscribe(({ vendorResponse, distributorResponse }) => {\n                    const sortedVendors = vendorResponse.posts.sort(\n                        (a, b) =>\n                            new Date(b.published_at).getTime() - new Date(a.published_at).getTime()\n                    );\n                    const sortedDistributors = distributorResponse.posts.sort(\n                        (a, b) =>\n                            new Date(b.published_at).getTime() - new Date(a.published_at).getTime()\n                    );\n\n                    // Show only integrations that have an image; count still includes all\n                    this.posts = sortedVendors.filter(post => this.hasDisplayableImage(post));\n                    this.distributerPosts = sortedDistributors.filter(post =>\n                        this.hasDisplayableImage(post)\n                    );\n\n                    const vendorCount = vendorResponse?.object_count ?? 0;\n                    const distributorCount = distributorResponse?.object_count ?? 0;\n                    const total = vendorCount + distributorCount;\n\n                    this.integrationCountDisplay = total === 0 ? 0 : Math.ceil(total / 10) * 10;\n                    this.isLoaded = true;\n                    this.cdr.markForCheck();\n                });\n                this.cdr.markForCheck();\n            });\n    }\n\n    loadMicrosoftVideo(videoUrl) {\n        window.open(videoUrl, '_blank', 'noopener,noreferrer');\n    }\n\n    loadKeseyaVideo(): void {\n        const baseUrl = `https://www.youtube.com/embed/${this.youtubeVideoId}?autoplay=1`;\n        // baseUrl is a trusted internal source (e.g. YouTube embed URL)\n        this.sanitizedKesyaVideoUrl = this.sanitizer.bypassSecurityTrustResourceUrl(baseUrl); // NOSONAR\n        this.videoWebinarLoaded = true;\n    }\n\n    addIntegrationItem() {\n        this.editingIntegrations.items.push({\n            title: '',\n            description: '',\n            blog_url: '',\n            image_url: '',\n            video_url: ''\n        });\n    }\n\n    removeIntegrationItem(index: number) {\n        this.editingIntegrations.items.splice(index, 1);\n    }\n\n    dropIntegrationItems(event) {\n        moveItemInArray(this.editingIntegrations.items, event.previousIndex, event.currentIndex);\n    }\n\n    saveIntegrations(modalRef) {\n        const updatedIntegrations = {\n            ...this.editingIntegrations\n        };\n\n        this.adminService\n            .updateDomainConfig(this.domainId, {\n                integrations: updatedIntegrations,\n                subscription_id: this.getEffectiveSubscriptionId()\n            })\n            .subscribe(() => {\n                this.integrations = updatedIntegrations;\n                this.toast.success('Integrations updated');\n                modalRef.close();\n                this.cdr.markForCheck();\n            });\n    }\n\n    saveGuides(modalRef) {\n        const updatedGuides = {\n            ...this.editingGuides\n        };\n\n        this.adminService\n            .updateDomainConfig(this.domainId, {\n                guides: updatedGuides,\n                subscription_id: this.getEffectiveSubscriptionId()\n            })\n            .subscribe(() => {\n                this.guideData = updatedGuides;\n                this.toast.success('Guides updated');\n                modalRef.close();\n                this.cdr.markForCheck();\n            });\n    }\n\n    openGuidesModal(template) {\n        this.editingGuides = structuredClone(this.guideData ?? { items: [] });\n        this.modalService.open(template, { size: 'xl' });\n    }\n\n    addGuide() {\n        this.editingGuides.items.push({\n            title: '',\n            button_text: '',\n            image_url: '',\n            guide_url: '',\n            description: ''\n        });\n    }\n\n    removeGuide(index: number) {\n        this.editingGuides.items.splice(index, 1);\n    }\n\n    dropGuides(event: CdkDragDrop<string[]>) {\n        moveItemInArray(this.editingGuides.items, event.previousIndex, event.currentIndex);\n    }\n\n    private hasDisplayableImage(post: {\n        companyImg?: string;\n        rectangular_picture?: { url?: string };\n    }): boolean {\n        if (post?.companyImg) {\n            return true;\n        }\n        const url = post?.rectangular_picture?.url;\n        return !!url && !url.includes('default-photo');\n    }\n\n    /** Helper method to get effective subscription ID */\n    private getEffectiveSubscriptionId(): number {\n        return HelperService.getEffectiveSubscriptionId(\n            this.user,\n            this.subscriptionId,\n            this.masterSubscriptionId\n        );\n    }\n\n    private updateCanEditResourcesValue(): void {\n        if (this.userLoggedIn && this.user) {\n            this.canEditResourcesValue = HelperService.canEditResources(\n                this.user,\n                this.userLoggedIn,\n                this.permissionService\n            );\n        } else {\n            this.canEditResourcesValue = false;\n        }\n    }\n\n    canEditResources(): boolean {\n        return this.canEditResourcesValue;\n    }\n}\n","<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div>\n          <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations <span class=\"int-title__sub\">(&amp; counting)</span></h1>\n          <p class=\"int-text\">Search the current list of {{ companyName }} vendor and distributor integrations below.</p>\n        </div>\n      }\n      @if (isLoaded) {\n        <pw-resource-company-card [header]=\"'integrated vendors'\"\n          (getPosts)=\"getPostTags()\"\n          [integrationCountDisplay]=\"integrationCountDisplay\"\n          [data]=\"posts\"\n          [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n      }\n      @if (!isLoaded) {\n        <div class=\"w-100 text-center mt-3\"\n          >\n          <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n        </div>\n      }\n      @if (integrationCountDisplay === 0 && isLoaded) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      }\n      @if (isLoaded && (posts.length + distributerPosts.length) > 0) {\n        <div class=\"text-center pt-3 mt-4\">\n          <p class=\"see-span\">Don&rsquo;t see what you&rsquo;re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"int-span team-span\">Speak with our team to request a connection <i class=\"fa fa-chevron-right team-span__icon\" aria-hidden=\"true\"></i></a>\n        </p>\n      </div>\n    }\n  </div>\n\n</section>\n<section class=\"guide-section bg-white py-5 section-outer\">\n  <div class=\"container\">\n    @if (isLoaded) {\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n      [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n    }\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\"\n        >\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n    }\n    @if (integrationCountDisplay === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n  </div>\n\n</section>\n@if (integrations) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h2 class=\"it-works-title mb-0\">{{ integrations?.title || 'How it works' }}</h2>\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n              (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n              (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n            title=\"Edit Integrations Section\"></i>\n          }\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          @if (integrations?.items?.length > 0) {\n            @for (integration of integrations?.items; track integration) {\n              @if (integration?.image_url || integration?.title || integration?.description) {\n                <div\n                  class=\"col-md-6\"\n                  >\n                  @if (integration?.video_url && integration?.video_url.includes('https')) {\n                    <div class=\"d-flex justify-content-center cursor-pointer\">\n                      @if (integration?.video_url) {\n                        <img\n                          [src]=\"integration?.image_url\"\n                          (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                          class=\"how-it-works-img\"\n                          alt=\"Integration Video Thumbnail\"\n                          />\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"d-flex justify-content-center\">\n                      <div class=\"w-100\">\n                        <pw-no-data [withImage]=\"true\" [message]=\"'No video found' | transloco\">\n                        </pw-no-data>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            }\n          } @else {\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n@if (showIntegrations()) {\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <div class=\"col-md-6 text-md-start text-center\">\n          <div class=\"d-flex\">\n            <h2 class=\"guide-title mb-3\">{{ guideData?.items?.[0]?.title || 'Featured guide' }}</h2>\n            @if (canEditResourcesValue) {\n              <button type=\"button\"\n                class=\"in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n                (click)=\"openGuidesModal(guidesEditModal)\"\n                title=\"Edit featured guide\"\n                aria-label=\"Edit featured guide\">\n                <i class=\"fa fa-edit\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </div>\n          <p class=\"guide-subtext\"\n            [innerHTML]=\"guideData?.items?.[0]?.description || (canEditResourcesValue ? 'Add a featured guide via Admin &rarr; Domain config &rarr; Integrations.' : 'A practical walkthrough of how to get the most from your integrations.')\">\n          </p>\n          @if (guideData?.items?.[0]?.guide_url) {\n            <a class=\"vault-btn\"\n              [href]=\"guideData?.items?.[0]?.guide_url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\">\n              {{ guideData?.items?.[0]?.button_text || 'View the guide' }} <i class=\"fa fa-chevron-right vault-btn__icon\" aria-hidden=\"true\"></i>\n            </a>\n          }\n        </div>\n        <div class=\"col-md-6 text-center\">\n          @if (guideData?.items?.[0]?.image_url && !guideData?.items?.[0]?.image_url?.includes('default-photo.jpg')) {\n            <img\n              [src]=\"guideData?.items?.[0]?.image_url\"\n              alt=\"\"\n              class=\"guide-img\"\n              loading=\"lazy\" />\n          }\n        </div>\n      </div>\n    </div>\n  </section>\n}\n</div>\n\n@if (resourcePostTag?.tag_category_id) {\n  <pw-resource-note-card [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n}\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\"\n          aria-label=\"Integration Title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"\n          aria-label=\"Integration Description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      @for (integration of editingIntegrations.items; track integration; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <span class=\"pw-label-style form-label mb-0\" id=\"integration-item-label\">Integration Item</span>\n            <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" id=\"input_integration.title_7712\" name=\"input_integration.title_7712\"\n                  aria-label=\"Input Integration.title 7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n              <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" id=\"input_integration.description_9056\" name=\"input_integration.description_9056\"\n                  aria-label=\"Input Integration.description 9056\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" id=\"input_integration.blog_url_7856\" name=\"input_integration.blog_url_7856\"\n                  aria-label=\"Input Integration.blog Url 7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" id=\"input_integration.image_url_9056\" name=\"input_integration.image_url_9056\"\n                  aria-label=\"Input Integration.image Url 9056\" />\n            </div>\n            <div class=\"col-md-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n              <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" id=\"input_integration.video_url_9056\" name=\"input_integration.video_url_9056\"\n                  aria-label=\"Input Integration.video Url 9056\" />\n            </div>\n          </div>\n          <div class=\"d-flex justify-content-end\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n            (keydown.space)=\"removeIntegrationItem(i)\"></i>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</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)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</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\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      @for (guide of editingGuides.items; track guide; let i = $index) {\n        <div class=\"border p-3 mb-3\" cdkDrag>\n          <div class=\"row\">\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n              <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" id=\"input_guide.title_7072\" name=\"input_guide.title_7072\"\n                  aria-label=\"Input Guide.title 7072\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n              <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" id=\"input_guide.button_text_7712\" name=\"input_guide.button_text_7712\"\n                  aria-label=\"Input Guide.button Text 7712\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n              <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" id=\"input_guide.image_url_7856\" name=\"input_guide.image_url_7856\"\n                  aria-label=\"Input Guide.image Url 7856\" />\n            </div>\n            <div class=\"col-md-6 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n              <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" id=\"input_guide.guide_url_6944\" name=\"input_guide.guide_url_6944\"\n                  aria-label=\"Input Guide.guide Url 6944\" />\n            </div>\n            <div class=\"col-12 mb-2\">\n              <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n              <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" [name]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n            </div>\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n              <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</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)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nimport { IntegrationTopBannerComponent } from '../../components/resource-integration/integration-top-banner/integration-top-banner.component';\nimport { ResourceIntegrationComponent } from '../../components/resource-integration/resource-integration.component';\nimport { ResourceSharedModule } from '../../shared/resource-shared.module';\n\nconst routes: Routes = [\n    {\n        path: '',\n        component: ResourceIntegrationComponent,\n        data: {\n            title: 'Resources - Integrations',\n            permission: 'Pages.Blog',\n            preload: false\n        }\n    }\n];\n\n@NgModule({\n    declarations: [ResourceIntegrationComponent, IntegrationTopBannerComponent],\n    imports: [ResourceSharedModule, RouterModule.forChild(routes)]\n})\nexport class ResourceIntegrationsModule {}\n"],"names":["i1.ResourceService","i4.ResourceTopBannerEditComponent","i1","i2.ResourceService","i3","i4","i5","i6.ResourceCompanyCardComponent","i7.ResourceNoteCardComponent","i8","i9","i10","i11","i12","i13","i15","i16.IntegrationTopBannerComponent","i17"],"mappings":"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"}

package/fesm2022/{posiwise-resource-module-resource-post.module-CR9sCgeR.mjs → posiwise-resource-module-resource-post.module-D1Y2bs-g.mjs}

@@ -4,13 +4,13 @@ import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i8$1 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import * as i3 from '@angular/platform-browser';
 import { AppBaseComponent } from '@posiwise/app-base-component';
-import * as i2 from '@posiwise/common-services';
 import { HelperService } from '@posiwise/helper-service';
-import { e as ResourceService, a as ResourceCardComponent, g as ResourceSharedModule } from './posiwise-resource-module-posiwise-resource-module-QIX6Y1Ol.mjs';
 import * as i5 from '@angular/forms';
 import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { e as ResourceService, a as ResourceCardComponent, g as ResourceSharedModule } from './posiwise-resource-module-posiwise-resource-module-C-e2dNwR.mjs';
+import * as i3 from '@angular/platform-browser';
+import * as i2 from '@posiwise/common-services';
 import * as i5$1 from '@posiwise/directives';
 import * as i8 from '@posiwise/alpha-module';
 import * as i9 from 'primeng/textarea';
@@ -139,11 +139,11 @@ class RelatedResourcesComponent extends AppBaseComponent {
         return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: RelatedResourcesComponent, deps: [{ token: ResourceService }, { token: i0.Injector }, { token: i3.DomSanitizer }, { token: i2.TagService }, { token: i2.AuthService }, { token: i2.CustomToastService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: RelatedResourcesComponent, isStandalone: false, selector: "pw-related-resources", usesInheritance: true, ngImport: i0, template: "\n\n<section class=\"resource-body-section\">\n  <div class=\"container\">\n    <div class=\"ql-snow body-quill\"\n      >\n      <div class=\"ql-editor body post-body-text\"\n        [innerHTML]=\"post?.body\">\n      </div>\n    </div>\n    <section class=\"resource-offer-section\">\n\n      <div class=\"row mt-5 mb-4 response-row\">\n        <div class=\"col-12\">\n          @if (userLoggedIn) {\n            <form\n              class=\"p-fluid mb-5\"\n              [formGroup]=\"commentForm\"\n              (ngSubmit)=\"onComment()\"\n              >\n              <div class=\"card shadow-sm no-border p-4\">\n                <div class=\"field\">\n                  <label for=\"related-resources-comment\" class=\"font-bold text-lg mb-4 comment-label\">\uD83D\uDCAC LEAVE A COMMENT</label>\n                  <textarea\n                    id=\"related-resources-comment\"\n                    pInputTextarea\n                    formControlName=\"comment\"\n                    rows=\"6\"\n                    fluid\n                    placeholder=\"What's on your mind?\"\n                  ></textarea>\n                  @if (commentForm.get('comment')?.invalid && commentForm.get('comment')?.touched) {\n                    <small\n                      class=\"text-danger\"\n                      >Please enter comment</small\n                      >\n                    }\n                  </div>\n                  <div class=\"text-end mt-3\">\n                    <button type=\"submit\"\n                      [buttonBusy]=\"buttonBusy\"\n                      class=\"sign-btn sign-header-btn\">\n                      {{ 'Button.Submit' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            } @else {\n              <p class=\"text-center pt-3 pb-3 user-not-logged-in text-muted shadow-sm mb-5\">\n                <a [routerLink]=\"['/login']\" class=\"text-primary fw-bold\">Log in</a> to leave a comment!\n              </p>\n            }\n          </div>\n        </div>\n\n        @if (postComments.length > 0) {\n          <div class=\"row mt-5 comment-row\">\n            @for (comment of postComments; track trackByComment($index, comment)) {\n              <div class=\"col-12\">\n                <div class=\"card no-border shadow-sm p-3 mb-3\">\n                  <div class=\"d-flex align-items-start\">\n                    <img\n                      [src]=\"comment?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\"\n                      alt=\"avatar\"\n                      class=\"rounded-circle me-3\"\n                      width=\"50\"\n                      height=\"50\"\n                      (error)=\"handleImageError($event, 'assets/img/icons/male.png')\"\n                      />\n                    <div class=\"flex-grow-1\">\n                      <div class=\"fw-bold text-dark\">\n                        {{ comment.user?.first_name || '' }} {{ comment.user?.last_name || '' }}\n                      </div>\n                      <div class=\"text-muted small mb-2\">{{ comment.created_at | date: 'dd MMM yyyy, h:mm a' }}</div>\n                      <div class=\"text-body\">\n                        {{ comment.comment }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n\n\n      </section>\n    </div>\n    <hr class=\"resource-divider\" />\n  </section>\n\n  @if (hasValidDemoLinks) {\n    <section class=\"resource-book-section\">\n      <div class=\"container\">\n        <p class=\"resource-contact\">\n          Any questions, get in touch <a href=\"mailto:{{ company_email }}\">here</a>,\n          <a [href]=\"linkedInUrl\" target=\"_blank\">connect on LinkedIn</a>, or book a meeting below:\n        </p>\n      </div>\n      <pw-book-a-demo [isBlog]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-book-a-demo>\n      <hr class=\"resource-divider\" />\n    </section>\n  }\n\n\n  @if (blogPostTag?.tag_category_id) {\n    <pw-resource-cards [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [isHeaderVisible]=\"true\" resourceLink=\"/resources/blogs\" [isRelated]=\"true\" [resourceTitle]=\"'Other resources you may be interested in:'\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n  }\n", styles: ["textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"], dependencies: [{ kind: "component", type: ResourceCardComponent, selector: "pw-resource-cards", inputs: ["categoryId", "isHeaderVisible", "isRelated", "resourceTitle", "postSlice", "header", "tag", "resourceLink", "user", "userLoggedIn"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.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: i5$1.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5$1.LazyImgDirective, selector: "img" }, { kind: "component", type: i8.HubSpotMeetingsComponent, selector: "pw-book-a-demo", inputs: ["isBlog", "user", "userLoggedIn"] }, { kind: "directive", type: i9.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: RelatedResourcesComponent, isStandalone: false, selector: "pw-related-resources", usesInheritance: true, ngImport: i0, template: "\n\n<section class=\"resource-body-section\">\n  <div class=\"container\">\n    <div class=\"ql-snow body-quill\"\n      >\n      <div class=\"ql-editor body post-body-text\"\n        [innerHTML]=\"post?.body\">\n      </div>\n    </div>\n    <section class=\"resource-offer-section\">\n\n      <div class=\"row mt-5 mb-4 response-row\">\n        <div class=\"col-12\">\n          @if (userLoggedIn) {\n            <form\n              class=\"p-fluid mb-5\"\n              [formGroup]=\"commentForm\"\n              (ngSubmit)=\"onComment()\"\n              >\n              <div class=\"card shadow-sm no-border p-4\">\n                <div class=\"field\">\n                  <label for=\"related-resources-comment\" class=\"font-bold text-lg mb-4 comment-label\">\uD83D\uDCAC LEAVE A COMMENT</label>\n                  <textarea\n                    id=\"related-resources-comment\"\n                    pInputTextarea\n                    formControlName=\"comment\"\n                    rows=\"6\"\n                    fluid\n                    placeholder=\"What's on your mind?\"\n\n                    aria-label=\"What's on your mind?\"                  ></textarea>\n                  @if (commentForm.get('comment')?.invalid && commentForm.get('comment')?.touched) {\n                    <small\n                      class=\"text-danger\"\n                      >Please enter comment</small\n                      >\n                    }\n                  </div>\n                  <div class=\"text-end mt-3\">\n                    <button type=\"submit\"\n                      [buttonBusy]=\"buttonBusy\"\n                      class=\"sign-btn sign-header-btn\">\n                      {{ 'Button.Submit' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            } @else {\n              <p class=\"text-center pt-3 pb-3 user-not-logged-in text-muted shadow-sm mb-5\">\n                <a [routerLink]=\"['/login']\" class=\"text-primary fw-bold\">Log in</a> to leave a comment!\n              </p>\n            }\n          </div>\n        </div>\n\n        @if (postComments.length > 0) {\n          <div class=\"row mt-5 comment-row\">\n            @for (comment of postComments; track trackByComment($index, comment)) {\n              <div class=\"col-12\">\n                <div class=\"card no-border shadow-sm p-3 mb-3\">\n                  <div class=\"d-flex align-items-start\">\n                    <img\n                      [src]=\"comment?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\"\n                      alt=\"avatar\"\n                      class=\"rounded-circle me-3\"\n                      width=\"50\"\n                      height=\"50\"\n                      (error)=\"handleImageError($event, 'assets/img/icons/male.png')\"\n                      />\n                    <div class=\"flex-grow-1\">\n                      <div class=\"fw-bold text-dark\">\n                        {{ comment.user?.first_name || '' }} {{ comment.user?.last_name || '' }}\n                      </div>\n                      <div class=\"text-muted small mb-2\">{{ comment.created_at | date: 'dd MMM yyyy, h:mm a' }}</div>\n                      <div class=\"text-body\">\n                        {{ comment.comment }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n\n\n      </section>\n    </div>\n    <hr class=\"resource-divider\" />\n  </section>\n\n  @if (hasValidDemoLinks) {\n    <section class=\"resource-book-section\">\n      <div class=\"container\">\n        <p class=\"resource-contact\">\n          Any questions, get in touch <a href=\"mailto:{{ company_email }}\">here</a>,\n          <a [href]=\"linkedInUrl\" target=\"_blank\">connect on LinkedIn</a>, or book a meeting below:\n        </p>\n      </div>\n      <pw-book-a-demo [isBlog]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-book-a-demo>\n      <hr class=\"resource-divider\" />\n    </section>\n  }\n\n\n  @if (blogPostTag?.tag_category_id) {\n    <pw-resource-cards [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [isHeaderVisible]=\"true\" resourceLink=\"/resources/blogs\" [isRelated]=\"true\" [resourceTitle]=\"'Other resources you may be interested in:'\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n  }\n", styles: ["textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"], dependencies: [{ kind: "component", type: ResourceCardComponent, selector: "pw-resource-cards", inputs: ["categoryId", "isHeaderVisible", "isRelated", "resourceTitle", "postSlice", "header", "tag", "resourceLink", "user", "userLoggedIn"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.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: i5$1.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5$1.LazyImgDirective, selector: "img" }, { kind: "component", type: i8.HubSpotMeetingsComponent, selector: "pw-book-a-demo", inputs: ["isBlog", "user", "userLoggedIn"] }, { kind: "directive", type: i9.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: RelatedResourcesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-related-resources', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "\n\n<section class=\"resource-body-section\">\n  <div class=\"container\">\n    <div class=\"ql-snow body-quill\"\n      >\n      <div class=\"ql-editor body post-body-text\"\n        [innerHTML]=\"post?.body\">\n      </div>\n    </div>\n    <section class=\"resource-offer-section\">\n\n      <div class=\"row mt-5 mb-4 response-row\">\n        <div class=\"col-12\">\n          @if (userLoggedIn) {\n            <form\n              class=\"p-fluid mb-5\"\n              [formGroup]=\"commentForm\"\n              (ngSubmit)=\"onComment()\"\n              >\n              <div class=\"card shadow-sm no-border p-4\">\n                <div class=\"field\">\n                  <label for=\"related-resources-comment\" class=\"font-bold text-lg mb-4 comment-label\">\uD83D\uDCAC LEAVE A COMMENT</label>\n                  <textarea\n                    id=\"related-resources-comment\"\n                    pInputTextarea\n                    formControlName=\"comment\"\n                    rows=\"6\"\n                    fluid\n                    placeholder=\"What's on your mind?\"\n                  ></textarea>\n                  @if (commentForm.get('comment')?.invalid && commentForm.get('comment')?.touched) {\n                    <small\n                      class=\"text-danger\"\n                      >Please enter comment</small\n                      >\n                    }\n                  </div>\n                  <div class=\"text-end mt-3\">\n                    <button type=\"submit\"\n                      [buttonBusy]=\"buttonBusy\"\n                      class=\"sign-btn sign-header-btn\">\n                      {{ 'Button.Submit' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            } @else {\n              <p class=\"text-center pt-3 pb-3 user-not-logged-in text-muted shadow-sm mb-5\">\n                <a [routerLink]=\"['/login']\" class=\"text-primary fw-bold\">Log in</a> to leave a comment!\n              </p>\n            }\n          </div>\n        </div>\n\n        @if (postComments.length > 0) {\n          <div class=\"row mt-5 comment-row\">\n            @for (comment of postComments; track trackByComment($index, comment)) {\n              <div class=\"col-12\">\n                <div class=\"card no-border shadow-sm p-3 mb-3\">\n                  <div class=\"d-flex align-items-start\">\n                    <img\n                      [src]=\"comment?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\"\n                      alt=\"avatar\"\n                      class=\"rounded-circle me-3\"\n                      width=\"50\"\n                      height=\"50\"\n                      (error)=\"handleImageError($event, 'assets/img/icons/male.png')\"\n                      />\n                    <div class=\"flex-grow-1\">\n                      <div class=\"fw-bold text-dark\">\n                        {{ comment.user?.first_name || '' }} {{ comment.user?.last_name || '' }}\n                      </div>\n                      <div class=\"text-muted small mb-2\">{{ comment.created_at | date: 'dd MMM yyyy, h:mm a' }}</div>\n                      <div class=\"text-body\">\n                        {{ comment.comment }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n\n\n      </section>\n    </div>\n    <hr class=\"resource-divider\" />\n  </section>\n\n  @if (hasValidDemoLinks) {\n    <section class=\"resource-book-section\">\n      <div class=\"container\">\n        <p class=\"resource-contact\">\n          Any questions, get in touch <a href=\"mailto:{{ company_email }}\">here</a>,\n          <a [href]=\"linkedInUrl\" target=\"_blank\">connect on LinkedIn</a>, or book a meeting below:\n        </p>\n      </div>\n      <pw-book-a-demo [isBlog]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-book-a-demo>\n      <hr class=\"resource-divider\" />\n    </section>\n  }\n\n\n  @if (blogPostTag?.tag_category_id) {\n    <pw-resource-cards [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [isHeaderVisible]=\"true\" resourceLink=\"/resources/blogs\" [isRelated]=\"true\" [resourceTitle]=\"'Other resources you may be interested in:'\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n  }\n", styles: ["textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"] }]
+            args: [{ selector: 'pw-related-resources', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "\n\n<section class=\"resource-body-section\">\n  <div class=\"container\">\n    <div class=\"ql-snow body-quill\"\n      >\n      <div class=\"ql-editor body post-body-text\"\n        [innerHTML]=\"post?.body\">\n      </div>\n    </div>\n    <section class=\"resource-offer-section\">\n\n      <div class=\"row mt-5 mb-4 response-row\">\n        <div class=\"col-12\">\n          @if (userLoggedIn) {\n            <form\n              class=\"p-fluid mb-5\"\n              [formGroup]=\"commentForm\"\n              (ngSubmit)=\"onComment()\"\n              >\n              <div class=\"card shadow-sm no-border p-4\">\n                <div class=\"field\">\n                  <label for=\"related-resources-comment\" class=\"font-bold text-lg mb-4 comment-label\">\uD83D\uDCAC LEAVE A COMMENT</label>\n                  <textarea\n                    id=\"related-resources-comment\"\n                    pInputTextarea\n                    formControlName=\"comment\"\n                    rows=\"6\"\n                    fluid\n                    placeholder=\"What's on your mind?\"\n\n                    aria-label=\"What's on your mind?\"                  ></textarea>\n                  @if (commentForm.get('comment')?.invalid && commentForm.get('comment')?.touched) {\n                    <small\n                      class=\"text-danger\"\n                      >Please enter comment</small\n                      >\n                    }\n                  </div>\n                  <div class=\"text-end mt-3\">\n                    <button type=\"submit\"\n                      [buttonBusy]=\"buttonBusy\"\n                      class=\"sign-btn sign-header-btn\">\n                      {{ 'Button.Submit' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            } @else {\n              <p class=\"text-center pt-3 pb-3 user-not-logged-in text-muted shadow-sm mb-5\">\n                <a [routerLink]=\"['/login']\" class=\"text-primary fw-bold\">Log in</a> to leave a comment!\n              </p>\n            }\n          </div>\n        </div>\n\n        @if (postComments.length > 0) {\n          <div class=\"row mt-5 comment-row\">\n            @for (comment of postComments; track trackByComment($index, comment)) {\n              <div class=\"col-12\">\n                <div class=\"card no-border shadow-sm p-3 mb-3\">\n                  <div class=\"d-flex align-items-start\">\n                    <img\n                      [src]=\"comment?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\"\n                      alt=\"avatar\"\n                      class=\"rounded-circle me-3\"\n                      width=\"50\"\n                      height=\"50\"\n                      (error)=\"handleImageError($event, 'assets/img/icons/male.png')\"\n                      />\n                    <div class=\"flex-grow-1\">\n                      <div class=\"fw-bold text-dark\">\n                        {{ comment.user?.first_name || '' }} {{ comment.user?.last_name || '' }}\n                      </div>\n                      <div class=\"text-muted small mb-2\">{{ comment.created_at | date: 'dd MMM yyyy, h:mm a' }}</div>\n                      <div class=\"text-body\">\n                        {{ comment.comment }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n\n\n      </section>\n    </div>\n    <hr class=\"resource-divider\" />\n  </section>\n\n  @if (hasValidDemoLinks) {\n    <section class=\"resource-book-section\">\n      <div class=\"container\">\n        <p class=\"resource-contact\">\n          Any questions, get in touch <a href=\"mailto:{{ company_email }}\">here</a>,\n          <a [href]=\"linkedInUrl\" target=\"_blank\">connect on LinkedIn</a>, or book a meeting below:\n        </p>\n      </div>\n      <pw-book-a-demo [isBlog]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-book-a-demo>\n      <hr class=\"resource-divider\" />\n    </section>\n  }\n\n\n  @if (blogPostTag?.tag_category_id) {\n    <pw-resource-cards [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [isHeaderVisible]=\"true\" resourceLink=\"/resources/blogs\" [isRelated]=\"true\" [resourceTitle]=\"'Other resources you may be interested in:'\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n  }\n", styles: ["textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"] }]
         }], ctorParameters: () => [{ type: ResourceService }, { type: i0.Injector }, { type: i3.DomSanitizer }, { type: i2.TagService }, { type: i2.AuthService }, { type: i2.CustomToastService }, { type: i0.ChangeDetectorRef }] });
 
 class ResourcePostDetailsComponent extends AppBaseComponent {
@@ -331,4 +331,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
         }] });
 
 export { ResourcePostModule };
-//# sourceMappingURL=posiwise-resource-module-resource-post.module-CR9sCgeR.mjs.map
+//# sourceMappingURL=posiwise-resource-module-resource-post.module-D1Y2bs-g.mjs.map