@posiwise/resource-module 0.0.193 → 0.0.194

package/fesm2022/posiwise-resource-module-resource-integrations.module-qudabfwX.mjs

@@ -0,0 +1,604 @@
+import { t as ResourceService } from "./posiwise-resource-module-resource.service-DjeMJX1O.mjs";
+import { c as ResourceNoteCardComponent } from "./posiwise-resource-module-resource-cards.module-Bp4BgXL2.mjs";
+import { ResourceCompanyCardComponent, ResourceSharedModule, ResourceTopBannerEditComponent } from "./posiwise-resource-module.mjs";
+import { t as BaseTopBannerComponent } from "./posiwise-resource-module-base-top-banner.component-DSirXfem.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule, ViewChild } from "@angular/core";
+import { HelperService } from "@posiwise/helper-service";
+import * as i2 from "@posiwise/common-services";
+import * as i1 from "@angular/router";
+import { RouterModule } from "@angular/router";
+import * as i8 from "@posiwise/resource-contact-us";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/forms";
+import * as i5$1 from "@posiwise/directives";
+import * as i13 from "@posiwise/shared-components";
+import * as i17 from "@jsverse/transloco";
+import { AppBaseComponent } from "@posiwise/app-base-component";
+import { forkJoin } from "rxjs";
+import * as i3 from "@ng-bootstrap/ng-bootstrap";
+import * as i12 from "@posiwise/utils";
+import * as i14 from "@angular/cdk/drag-drop";
+import { moveItemInArray } from "@angular/cdk/drag-drop";
+import * as i15 from "primeng/progressspinner";
+import * as i3$1 from "@angular/platform-browser";
+import { CompanyData } from "@posiwise/common-utilities";
+import * as i5 from "@posiwise/admin-module-utils";
+var IntegrationTopBannerComponent = class IntegrationTopBannerComponent extends BaseTopBannerComponent {
+	constructor(resourceService, tagService, authService, titleService, cdr, injector) {
+		super(resourceService, tagService, authService, titleService, cdr, injector);
+		this.contactUsUrl = this.appConfig?.pages_config?.contact_us?.url;
+	}
+	getSearchTerm() {
+		return "Integrations";
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: IntegrationTopBannerComponent,
+			deps: [
+				{ token: ResourceService },
+				{ token: i2.TagService },
+				{ token: i2.AuthService },
+				{ token: i3$1.Title },
+				{ token: i0.ChangeDetectorRef },
+				{ token: i0.Injector }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.0",
+			type: IntegrationTopBannerComponent,
+			isStandalone: false,
+			selector: "pw-integration-top-banner",
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<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",
+			styles: [
+				"@charset \"UTF-8\";.cta-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, currentcolor);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid var(--text-color, currentcolor);box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, currentcolor)!important;transform:translateY(-1px)}.cta-btn:focus-visible{outline:2px solid var(--text-color, currentcolor);outline-offset:3px}.cta-btn__icon{font-size:1.1rem;line-height:1}@media(width<=768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, currentColor);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.resource-banner{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden;z-index:2}@media(width<=1200px){.resource-banner .container{padding:7rem 3rem 0rem!important}}.resource-banner:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%)}.resource-banner .container{position:relative;z-index:2}.resource-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.resource-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.resource-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.resource-banner .text-content .cta-btn{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem}.resource-banner .text-content .cta-buttons{margin-top:2rem}.resource-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.resource-banner .resource-header-text{max-width:500px;font-weight:500;color:#fff!important;font-size:4.5rem!important}.resource-banner .blue-text{font-weight:100}@media(width<=991px){.resource-banner .text-content{margin-top:1.5rem;margin-bottom:0;text-align:center;max-width:360px}.resource-banner .text-content h1{margin-bottom:6.5rem!important}.resource-banner .resource-header-text{font-size:2.5rem!important}.resource-banner .cta-buttons{margin-top:0rem!important;justify-content:center!important}.resource-banner .note{margin-left:8rem!important}.resource-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.resource-banner .image-content .floating-box{position:absolute;top:25px;left:3rem;transform:translate(-50%) rotate(-10deg);background:#fff;padding:.75rem 1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;z-index:3;display:inline-block;width:auto}.resource-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.resource-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.resource-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.resource-banner .image-content .screen-img{max-width:280px;position:absolute;bottom:0;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003}.resource-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.resource-banner .image-content .resource-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;margin-top:3rem;left:2%;height:auto!important;top:4rem}}@media(width>=991px){.resource-banner .text-content{position:absolute;width:760px}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}@media(width>=991px){.section-outer{padding-top:7rem!important}}@media(width>=768px)and (width<=991px){.resource-math-img{left:36%!important;top:22rem!important}}@media(width>=991px)and (width<=1200px){.text-extension{max-width:760px;position:absolute;margin-bottom:23rem!important}.resource-divider{top:63.5rem;position:absolute!important}.resource-banner{padding-bottom:90px!important}}@media(width>=1200px){.text-extension{max-width:500px;position:absolute;margin-bottom:31rem!important}.resource-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media(width>=1200px){.resource-divider{top:59.5rem;position:absolute!important}.cta-tab{margin-bottom:5rem!important}}@media(width>=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-laptop-img{top:4rem;left:2rem;position:relative}.image-content .resource-math-img{bottom:9rem;left:61rem;position:relative;height:312px;margin-right:1rem;min-width:450px!important}}@media(width<=786px){.text-extension{position:absolute;margin:3rem;margin-top:11rem!important}}@media(width>=786px)and (width<=991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media(width>=704px)and (width<=768px){.resource-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media(width>=786px)and (width<=991px){.resource-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media(width>=991px)and (width<=1200px){.resource-laptop-img{top:7rem;left:3%;position:relative;width:100%;max-width:600px!important;height:auto}}@media(width>=786px)and (width<=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-math-img{height:243px!important;min-width:350px;bottom:9rem;left:34rem;position:relative;width:350px!important}}@media(width<=991px){.resource-banner{padding-bottom:15rem}}@media(width<=768px){.resource-math-img{top:18rem}.cta-btn{justify-content:center}.resource-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media(width>=768px)and (width<=991px){.cta-btn{justify-content:center}.resource-divider{margin-top:36rem!important}}@media(width>=991px){.resource-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.resource-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}}@media(width<=991px){.billing-section{flex-direction:column!important;gap:3rem}.billing-section .billing-section1,.billing-section .billing-section2{width:90%!important}.billing-section .billing-section1{margin-left:1.5rem;margin-top:4rem}}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media(max-width:991px){.resource-banner .container{display:flex;flex-direction:column;align-items:flex-start;min-height:auto}.resource-banner .text-content,.resource-banner .text-extension,.resource-banner .image-content{position:static!important;left:auto;top:auto;max-width:100%;margin:0!important}.resource-banner .text-content{margin-bottom:0!important}.text-extension{margin-top:1rem!important}.resource-banner .image-content{width:100%;height:auto;align-self:center;margin-top:auto!important}.resource-banner .resource-laptop-img{position:static!important;max-width:260px;width:100%;height:auto!important}.resource-banner{padding:2rem 0 0rem!important}}@media(max-width:575px){.resource-banner:after{height:45%}}\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",
+				"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: ResourceTopBannerEditComponent,
+				selector: "pw-resource-top-banner-edit",
+				inputs: [
+					"blogPostTag",
+					"user",
+					"userLoggedIn"
+				],
+				outputs: ["getUpdatedTag"]
+			}, {
+				kind: "directive",
+				type: i5$1.LazyImgDirective,
+				selector: "img"
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: IntegrationTopBannerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-integration-top-banner",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "<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",
+			styles: [
+				"@charset \"UTF-8\";.cta-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, currentcolor);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid var(--text-color, currentcolor);box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, currentcolor)!important;transform:translateY(-1px)}.cta-btn:focus-visible{outline:2px solid var(--text-color, currentcolor);outline-offset:3px}.cta-btn__icon{font-size:1.1rem;line-height:1}@media(width<=768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, currentColor);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.resource-banner{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden;z-index:2}@media(width<=1200px){.resource-banner .container{padding:7rem 3rem 0rem!important}}.resource-banner:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%)}.resource-banner .container{position:relative;z-index:2}.resource-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.resource-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.resource-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.resource-banner .text-content .cta-btn{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem}.resource-banner .text-content .cta-buttons{margin-top:2rem}.resource-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.resource-banner .resource-header-text{max-width:500px;font-weight:500;color:#fff!important;font-size:4.5rem!important}.resource-banner .blue-text{font-weight:100}@media(width<=991px){.resource-banner .text-content{margin-top:1.5rem;margin-bottom:0;text-align:center;max-width:360px}.resource-banner .text-content h1{margin-bottom:6.5rem!important}.resource-banner .resource-header-text{font-size:2.5rem!important}.resource-banner .cta-buttons{margin-top:0rem!important;justify-content:center!important}.resource-banner .note{margin-left:8rem!important}.resource-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.resource-banner .image-content .floating-box{position:absolute;top:25px;left:3rem;transform:translate(-50%) rotate(-10deg);background:#fff;padding:.75rem 1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;z-index:3;display:inline-block;width:auto}.resource-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.resource-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.resource-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.resource-banner .image-content .screen-img{max-width:280px;position:absolute;bottom:0;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003}.resource-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.resource-banner .image-content .resource-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;margin-top:3rem;left:2%;height:auto!important;top:4rem}}@media(width>=991px){.resource-banner .text-content{position:absolute;width:760px}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}@media(width>=991px){.section-outer{padding-top:7rem!important}}@media(width>=768px)and (width<=991px){.resource-math-img{left:36%!important;top:22rem!important}}@media(width>=991px)and (width<=1200px){.text-extension{max-width:760px;position:absolute;margin-bottom:23rem!important}.resource-divider{top:63.5rem;position:absolute!important}.resource-banner{padding-bottom:90px!important}}@media(width>=1200px){.text-extension{max-width:500px;position:absolute;margin-bottom:31rem!important}.resource-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media(width>=1200px){.resource-divider{top:59.5rem;position:absolute!important}.cta-tab{margin-bottom:5rem!important}}@media(width>=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-laptop-img{top:4rem;left:2rem;position:relative}.image-content .resource-math-img{bottom:9rem;left:61rem;position:relative;height:312px;margin-right:1rem;min-width:450px!important}}@media(width<=786px){.text-extension{position:absolute;margin:3rem;margin-top:11rem!important}}@media(width>=786px)and (width<=991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media(width>=704px)and (width<=768px){.resource-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media(width>=786px)and (width<=991px){.resource-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media(width>=991px)and (width<=1200px){.resource-laptop-img{top:7rem;left:3%;position:relative;width:100%;max-width:600px!important;height:auto}}@media(width>=786px)and (width<=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-math-img{height:243px!important;min-width:350px;bottom:9rem;left:34rem;position:relative;width:350px!important}}@media(width<=991px){.resource-banner{padding-bottom:15rem}}@media(width<=768px){.resource-math-img{top:18rem}.cta-btn{justify-content:center}.resource-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media(width>=768px)and (width<=991px){.cta-btn{justify-content:center}.resource-divider{margin-top:36rem!important}}@media(width>=991px){.resource-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.resource-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}}@media(width<=991px){.billing-section{flex-direction:column!important;gap:3rem}.billing-section .billing-section1,.billing-section .billing-section2{width:90%!important}.billing-section .billing-section1{margin-left:1.5rem;margin-top:4rem}}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media(max-width:991px){.resource-banner .container{display:flex;flex-direction:column;align-items:flex-start;min-height:auto}.resource-banner .text-content,.resource-banner .text-extension,.resource-banner .image-content{position:static!important;left:auto;top:auto;max-width:100%;margin:0!important}.resource-banner .text-content{margin-bottom:0!important}.text-extension{margin-top:1rem!important}.resource-banner .image-content{width:100%;height:auto;align-self:center;margin-top:auto!important}.resource-banner .resource-laptop-img{position:static!important;max-width:260px;width:100%;height:auto!important}.resource-banner{padding:2rem 0 0rem!important}}@media(max-width:575px){.resource-banner:after{height:45%}}\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",
+				"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: i2.TagService },
+		{ type: i2.AuthService },
+		{ type: i3$1.Title },
+		{ type: i0.ChangeDetectorRef },
+		{ type: i0.Injector }
+	]
+});
+var ResourceIntegrationComponent = class ResourceIntegrationComponent extends AppBaseComponent {
+	constructor(sanitizer, resourceService, modalService, tagService, authService, adminService, cdr, injector) {
+		super(injector);
+		this.sanitizer = sanitizer;
+		this.resourceService = resourceService;
+		this.modalService = modalService;
+		this.tagService = tagService;
+		this.authService = authService;
+		this.adminService = adminService;
+		this.cdr = cdr;
+		this.distributorsData = CompanyData?.distributorsData;
+		this.vendorsData = CompanyData?.vendorsData;
+		this.textColor = this.appConfig?.color_codes?.text;
+		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+		this.posts = [];
+		this.distributerPosts = [];
+		this.isLoaded = false;
+		this.integrations = this.appConfig?.pages_config?.integrations;
+		this.releaseNotesLink = "/resources/product-release-notes";
+		this.q1NotesLink = "/resources/product-release-q1-2025";
+		this.q3NotesLink = "/resources/product-release-q3-2024";
+		this.q4NotesLink = "/resources/product-release-q4-2024";
+		this.videoWebinarLoaded = false;
+		this.videoDemoLoaded = false;
+		this.youtubeVideoId = "R7Vk219zbhA";
+		this.videoTitle = "CloudOlive Overview";
+		this.contactUsUrl = this.appConfig?.pages_config?.contact_us?.url;
+		this.guideData = this.appConfig?.pages_config?.guides;
+		this.editingGuides = { items: [] };
+		this.canEditResourcesValue = false;
+		this.domainId = this.appConfig.domain_id;
+	}
+	ngOnInit() {
+		this.companyName = this.appConfig.company.name;
+		document.documentElement.style.setProperty("--text-color", this.textColor);
+		this.getUserSubscriptionId().subscribe((response) => {
+			this.subscriptionId = response;
+			this.cdr.markForCheck();
+		});
+		this.authService.getToken$().subscribe((res) => {
+			this.userLoggedIn = !!res;
+			if (this.userLoggedIn) {
+				this.localStorage.getItem$("product").subscribe((res) => {
+					const data = res ? JSON.parse(res) : null;
+					this.subscriptionId = data?.subscriptionId;
+					this.cdr.markForCheck();
+				});
+				this.userService.getUserInfo().subscribe((data) => {
+					this.user = data;
+					this.getTags();
+					this.updateCanEditResourcesValue();
+					this.cdr.markForCheck();
+				});
+			} else this.getTags();
+			this.cdr.markForCheck();
+		});
+	}
+	getTags() {
+		this.isLoaded = false;
+		this.tagService.getAllTagCategories({ search: "Integrations" }, this.getEffectiveSubscriptionId()).subscribe((response) => {
+			this.tagCategory = response?.tag_categories?.[0];
+			this.getPostTags();
+			this.cdr.markForCheck();
+		});
+	}
+	openEditIntegrationsModal(modalRef) {
+		this.editingIntegrations = structuredClone(this.integrations);
+		this.modalService.open(modalRef, {
+			size: "lg",
+			centered: true,
+			windowClass: "modal-holder"
+		});
+	}
+	showIntegrations() {
+		if (this.userLoggedIn) return true;
+		if (Array.isArray(this.guideData?.items) && this.guideData.items.length) {
+			const item = this.guideData.items[0];
+			return !!item?.title || !!item?.description || !!item?.guide_url || !!item?.image_url && !item.image_url.includes("default-image.png");
+		}
+		return false;
+	}
+	getPostTags() {
+		this.tagService.getTagsByType("post_categories", {}, this.getEffectiveSubscriptionId()).subscribe((response) => {
+			this.resourcePostTag = response.tags.find((tag) => tag.name === "Product Release Notes");
+			this.blogPostTag = response.tags.find((tag) => tag.name === "Integrated Distributors" && tag.tag_category_id === this.tagCategory?.id);
+			this.blogPostVendorTag = response.tags.find((tag) => tag.name === "Integrated Vendors" && tag.tag_category_id === this.tagCategory?.id);
+			forkJoin({
+				vendorResponse: this.resourceService.getPublicPosts(this.getEffectiveSubscriptionId(), 1, 100, "", "", this.blogPostVendorTag?.id),
+				distributorResponse: this.resourceService.getPublicPosts(this.getEffectiveSubscriptionId(), 1, 100, "", "", this.blogPostTag?.id)
+			}).subscribe(({ vendorResponse, distributorResponse }) => {
+				const sortedVendors = vendorResponse.posts.sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+				const sortedDistributors = distributorResponse.posts.sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+				this.posts = sortedVendors.filter((post) => this.hasDisplayableImage(post));
+				this.distributerPosts = sortedDistributors.filter((post) => this.hasDisplayableImage(post));
+				const total = (vendorResponse?.object_count ?? 0) + (distributorResponse?.object_count ?? 0);
+				this.integrationCountDisplay = total === 0 ? 0 : Math.ceil(total / 10) * 10;
+				this.isLoaded = true;
+				this.cdr.markForCheck();
+			});
+			this.cdr.markForCheck();
+		});
+	}
+	loadMicrosoftVideo(videoUrl) {
+		window.open(videoUrl, "_blank", "noopener,noreferrer");
+	}
+	loadKeseyaVideo() {
+		const baseUrl = `https://www.youtube.com/embed/${this.youtubeVideoId}?autoplay=1`;
+		this.sanitizedKesyaVideoUrl = this.sanitizer.bypassSecurityTrustResourceUrl(baseUrl);
+		this.videoWebinarLoaded = true;
+	}
+	addIntegrationItem() {
+		this.editingIntegrations.items.push({
+			title: "",
+			description: "",
+			blog_url: "",
+			image_url: "",
+			video_url: ""
+		});
+	}
+	removeIntegrationItem(index) {
+		this.editingIntegrations.items.splice(index, 1);
+	}
+	dropIntegrationItems(event) {
+		moveItemInArray(this.editingIntegrations.items, event.previousIndex, event.currentIndex);
+	}
+	saveIntegrations(modalRef) {
+		const updatedIntegrations = { ...this.editingIntegrations };
+		this.adminService.updateDomainConfig(this.domainId, {
+			integrations: updatedIntegrations,
+			subscription_id: this.getEffectiveSubscriptionId()
+		}).subscribe(() => {
+			this.integrations = updatedIntegrations;
+			this.toast.success("Integrations updated");
+			modalRef.close();
+			this.cdr.markForCheck();
+		});
+	}
+	saveGuides(modalRef) {
+		const updatedGuides = { ...this.editingGuides };
+		this.adminService.updateDomainConfig(this.domainId, {
+			guides: updatedGuides,
+			subscription_id: this.getEffectiveSubscriptionId()
+		}).subscribe(() => {
+			this.guideData = updatedGuides;
+			this.toast.success("Guides updated");
+			modalRef.close();
+			this.cdr.markForCheck();
+		});
+	}
+	openGuidesModal(template) {
+		this.editingGuides = structuredClone(this.guideData ?? { items: [] });
+		this.modalService.open(template, { size: "xl" });
+	}
+	addGuide() {
+		this.editingGuides.items.push({
+			title: "",
+			button_text: "",
+			image_url: "",
+			guide_url: "",
+			description: ""
+		});
+	}
+	removeGuide(index) {
+		this.editingGuides.items.splice(index, 1);
+	}
+	dropGuides(event) {
+		moveItemInArray(this.editingGuides.items, event.previousIndex, event.currentIndex);
+	}
+	hasDisplayableImage(post) {
+		if (post?.companyImg) return true;
+		const url = post?.rectangular_picture?.url;
+		return !!url && !url.includes("default-photo");
+	}
+	getEffectiveSubscriptionId() {
+		return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+	}
+	updateCanEditResourcesValue() {
+		if (this.userLoggedIn && this.user) this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+		else this.canEditResourcesValue = false;
+	}
+	canEditResources() {
+		return this.canEditResourcesValue;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceIntegrationComponent,
+			deps: [
+				{ token: i3$1.DomSanitizer },
+				{ token: ResourceService },
+				{ token: i3.NgbModal },
+				{ token: i2.TagService },
+				{ token: i2.AuthService },
+				{ token: i5.AdminService },
+				{ token: i0.ChangeDetectorRef },
+				{ token: i0.Injector }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.0",
+			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-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\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-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\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: i8.Trial4ContactUsComponent,
+					selector: "pw-trial-4-contact-us",
+					inputs: [
+						"subscriptionId",
+						"sourceId",
+						"masterSubscriptionId",
+						"experimentName",
+						"microserviceName",
+						"shardName",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "directive",
+					type: i9.NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "directive",
+					type: i10.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					kind: "directive",
+					type: i10.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i10.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "directive",
+					type: i5$1.LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "component",
+					type: i12.ResourceHeaderComponent,
+					selector: "pw-resource-header",
+					inputs: ["user", "userLoggedIn"]
+				},
+				{
+					kind: "component",
+					type: i13.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: i15.ProgressSpinner,
+					selector: "p-progress-spinner, p-progressspinner",
+					inputs: [
+						"value",
+						"strokeWidth",
+						"animationDuration",
+						"min",
+						"max",
+						"ariaLabel",
+						"fill"
+					]
+				},
+				{
+					kind: "component",
+					type: IntegrationTopBannerComponent,
+					selector: "pw-integration-top-banner"
+				},
+				{
+					kind: "pipe",
+					type: i17.TranslocoPipe,
+					name: "transloco"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	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-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\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-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\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$1.DomSanitizer },
+		{ type: ResourceService },
+		{ type: i3.NgbModal },
+		{ type: i2.TagService },
+		{ type: i2.AuthService },
+		{ type: i5.AdminService },
+		{ type: i0.ChangeDetectorRef },
+		{ type: i0.Injector }
+	],
+	propDecorators: { editIntegrationsModal: [{
+		type: ViewChild,
+		args: ["editIntegrationsModal"]
+	}] }
+});
+const routes = [{
+	path: "",
+	component: ResourceIntegrationComponent,
+	data: {
+		title: "Resources - Integrations",
+		permission: "Pages.Blog",
+		preload: false
+	}
+}];
+var ResourceIntegrationsModule = class ResourceIntegrationsModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceIntegrationsModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceIntegrationsModule,
+			declarations: [ResourceIntegrationComponent, IntegrationTopBannerComponent],
+			imports: [ResourceSharedModule, i1.RouterModule]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceIntegrationsModule,
+			imports: [ResourceSharedModule, RouterModule.forChild(routes)]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourceIntegrationsModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [ResourceIntegrationComponent, IntegrationTopBannerComponent],
+			imports: [ResourceSharedModule, RouterModule.forChild(routes)]
+		}]
+	}]
+});
+export { ResourceIntegrationsModule };
+
+//# sourceMappingURL=posiwise-resource-module-resource-integrations.module-qudabfwX.mjs.map