@posiwise/resource-module 0.0.100 → 0.0.101

package/esm2022/lib/public/components/white-papers/white-papers-top-banner/white-papers-top-banner.component.mjs

@@ -28,7 +28,6 @@ export class WhitePaperTopBannerComponent extends AppBaseComponent {
                 this.localStorage.getItem$('product').subscribe(res => {
                     const data = res ? JSON.parse(res) : null;
                     this.subscriptionId = data?.subscriptionId;
-                    console.log(this.subscriptionId);
                 });
             }
             this.getTags();
@@ -60,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             type: Component,
             args: [{ selector: 'pw-white-paper-top-banner', template: "<section class=\"bg-white pricing-section\">\n  <div class=\"nce-banner\">\n    <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\" *ngIf=\"isLoaded\">\n\n      <!-- Left Content -->\n      <div class=\"text-content\">\n        <div class=\"nce-heading\">\n          <h1 class=\"nce-header mb-4\">\n            <span [innerHTML]=\"blogPostTag?.title || 'White papers & Tools'\"></span>\n            <span class=\"blue-text\"></span>\n          </h1>\n        </div>\n      </div>\n\n      <!-- Add directly below .text-content, still inside .container -->\n      <div class=\"text-extension mt-4\">\n\n        <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n          <div class=\"flex-grow-1\">\n            <ng-container *ngIf=\"blogPostTag?.description && blogPostTag.description !== 'null' ; else defaultDescription\">\n              <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n            </ng-container>\n            <ng-template #defaultDescription>\n              <p class=\"intro\">\n                If you like your insights practical and <br>\n                your downloads actually useful - you\u2019re <br>\n                in the right place.\n              </p>\n            </ng-template>\n          </div>\n        </div>\n</div>\n\n      <!-- Right Content -->\n      <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n        <img class=\"nce-math-img\"\n        src=\"/assets/img/resource/math.png\"\n        alt=\"NCEasy laptop screen\" />\n        <img class=\"nce-laptop-img dyn-img\"\n        [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/white-paper-women.png'\"\n          alt=\"NCEasy laptop screen\" />\n      </div>\n\n    </div>\n  </div>\n</section>\n", styles: [".cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}@media (width <= 768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color);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}.nce-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}.nce-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%)}.nce-banner .container{position:relative;z-index:2}.nce-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.nce-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.nce-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.nce-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}.nce-banner .text-content .cta-buttons{margin-top:2rem}.nce-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.nce-banner .nce-header{font-weight:500;color:#fff!important;font-size:4.5rem!important}.nce-banner .blue-text{font-weight:100}@media (width <= 991px){.nce-banner .text-content{margin-top:6.5rem;margin-bottom:0;text-align:center;max-width:360px}.nce-banner .text-content h1{margin-bottom:6.5rem!important}.nce-banner .nce-header{font-size:2.5rem!important}.nce-banner .cta-buttons{margin-top:5rem!important;justify-content:center!important}.nce-banner .note{margin-left:8rem!important}.nce-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.nce-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}.nce-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.nce-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.nce-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.nce-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}.nce-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.nce-banner .image-content .nce-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;left:2%;height:auto!important;top:4rem}.nce-banner .image-content .nce-math-img{max-width:300px;width:100%;position:relative;z-index:3;left:15%;top:18rem}}@media (width >= 991px){.nce-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){.nce-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}.nce-divider{top:63.5rem;position:absolute!important}.nce-banner{padding-bottom:90px!important}}@media (width >= 1200px){.text-extension{max-width:460px;position:absolute;margin-bottom:28rem!important}.nce-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media (width >= 1200px){.nce-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 .nce-laptop-img{top:4rem;left:2rem;position:relative}.image-content .nce-math-img{bottom:9rem;left:61rem;position:relative;width:450px!important}}@media (width <= 786px){.text-extension{position:absolute;margin:3rem;margin-top:18rem!important}}@media (width >= 786px) and (width <= 991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media (width >= 704px) and (width <= 768px){.nce-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media (width >= 786px) and (width <= 991px){.nce-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media (width >= 991px) and (width <= 1200px){.nce-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 .nce-math-img{bottom:9rem;left:34rem;position:relative;width:350px!important}}@media (width <= 991px){.nce-banner{padding-bottom:15rem}}@media (width <= 768px){.nce-math-img{top:18rem}.cta-btn{justify-content:center}.nce-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media (width >= 768px) and (width <= 991px){.cta-btn{justify-content:center}.nce-divider{margin-top:36rem!important}}@media (width >= 991px){.nce-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.nce-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}::ng-deep .vault-card{width:330px!important;height:370px!important}::ng-deep .vault-btn{width:224px!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}}\n", "@media (width <= 768px){.dyn-img{top:6rem!important}}\n", "::ng-deep .navbar-nav .nav-item .nav-link{color:#fff!important}.bold{font-weight:700}.nce-heading{margin-bottom:2rem}.nce-note{margin-top:1rem;font-size:.85rem;color:#555}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}\n", "::ng-deep .ql-editor p{font-size:1.5rem!important;line-height:1.8rem!important;color:#333!important}.video-row{gap:5.5rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}.msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{background-color:#fff;border-radius:30px;box-shadow:0 5px 20px #0000000d;padding:25px;text-align:center;width:338px;height:auto}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:180px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card .vault-btn{background-color:#000!important;margin-top:10px;color:#fff;width:240px;padding:10px 24px;border-radius:24px;border:none;font-size:1.5rem;margin-left:2rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.msp-vault-section .vault-card .vault-btn:hover{background-color:#333}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:7rem 3rem 1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-card{width:100%!important}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}.resource-section{padding:5rem 0;position:relative}.resource-section .section-heading{font-size:3rem!important;font-weight:300!important}.resource-section .view-all{font-size:1.5rem;font-weight:600;color:#000;text-decoration:none;margin-bottom:2.5rem}.resource-section .view-all:hover{color:var(--first)}.resource-section .resource-card{background:#fff;width:338px;border-radius:30px;padding:3rem;box-shadow:0 20px 40px #00000014;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:auto}.resource-section .resource-card .resource-title{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black);text-align:center}.resource-section .resource-card .resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;margin-bottom:20px}.resource-section .resource-card .read-now-btn{background-color:var(--text-color, black);color:#fff;text-decoration:none;padding:14px 20px;font-size:1.5rem;font-weight:500;border-radius:40px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease;width:100%;max-width:240px;margin:0 auto;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.resource-section .resource-card .read-now-btn .arrow{font-weight:600;font-size:1.5rem}.resource-section .resource-card .read-now-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 768px){.resource-section .resource-section .cards-row{gap:3rem;margin-top:3rem!important}.resource-section .section-heading,.resource-section .view-all{width:100%;text-align:center;margin-bottom:1rem}.resource-section .resource-card .read-now-btn{flex-direction:row;justify-content:center;gap:8px}}@media (width >= 768px) and (width <= 1200px){.nce-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.nce-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.nce-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.nce-book-section .nce-contact{line-height:1.6;font-size:1.5rem}.nce-book-section .nce-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.nce-book-section .nce-contact a:hover{color:var(--first)!important}.nce-offer-section{background:#fff;padding-top:2rem}.nce-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.nce-offer-section .nce-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.nce-offer-section .nce-title strong{font-weight:700}.nce-offer-section .nce-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.nce-offer-section .nce-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.nce-offer-section .nce-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.nce-offer-section .nce-signup{margin-bottom:2.5rem}.nce-offer-section .nce-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.nce-offer-section .nce-book-section{padding-top:5rem!important}.nce-offer-section .container{text-align:left}.nce-offer-section .nce-title{font-size:1.5rem}.nce-offer-section .nce-description,.nce-offer-section .nce-offer-list,.nce-offer-section .nce-signup,.nce-offer-section .signup-link,.nce-offer-section .nce-contact,.nce-offer-section .nce-offer-list p{font-size:1.2rem!important}}.nce-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.nce-book-section{padding-top:5rem!important}.nce-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:1000px;display:block;margin-left:auto;margin-right:auto}::ng-deep .ql-editor h1{font-size:2rem!important;line-height:2.3rem!important;color:#333!important}::ng-deep .ql-editor li{font-size:1.3rem!important;color:#333!important}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:6rem!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.ResourceService }, { type: i2.TagService }, { type: i0.Injector }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy93aGl0ZS1wYXBlcnMvd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIvd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy93aGl0ZS1wYXBlcnMvd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIvd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7OztBQVkvRCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsZ0JBQWdCO0lBVzlELFlBQ3FCLGVBQWdDLEVBQ2hDLFVBQXNCLEVBQ3ZDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUpDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWDNDLHlCQUFvQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsbUJBQW1CLENBQUMsZUFBZSxDQUFDO1FBQzFFLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxzQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFLdkIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQVFqQixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVEsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDMUIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDbEQsTUFBTSxJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7b0JBQzFDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxFQUFFLGNBQWMsQ0FBQztvQkFDM0MsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQztZQUNELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxPQUFPO1FBQ1gsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLFVBQVU7YUFDVixtQkFBbUIsQ0FDaEIsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLEVBQzFCLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUNuRDthQUNBLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVPLFdBQVc7UUFDZixJQUFJLENBQUMsVUFBVTthQUNWLGFBQWEsQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUM7YUFDdEYsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQ2pDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLGVBQWUsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FDdEQsQ0FBQztRQUNOLENBQUMsQ0FBQzthQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7K0dBNURRLDRCQUE0QjttR0FBNUIsNEJBQTRCLHdGQ2xCekMsMDFEQThDQTs7NEZENUJhLDRCQUE0QjtrQkFWeEMsU0FBUzsrQkFDSSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bwb3Npd2lzZS9hcHAtYmFzZS1jb21wb25lbnQnO1xuaW1wb3J0IHsgVGFnU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tc2VydmljZXMnO1xuaW1wb3J0IHsgVE9LRU5fS0VZIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi11dGlsaXRpZXMnO1xuXG5pbXBvcnQgeyBSZXNvdXJjZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9yZXNvdXJjZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy13aGl0ZS1wYXBlci10b3AtYmFubmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogW1xuICAgICAgICAnLi4vLi4vcmVzb3VyY2UtY2FzZS1zdHVkaWVzL3Jlc291cmNlLWNhc2Utc3R1ZGllcy5jb21wb25lbnQuc2NzcycsXG4gICAgICAgICcuL3doaXRlLXBhcGVycy10b3AtYmFubmVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICAgICAgJy4uLy4uL3Jlc291cmNlcy9yZXNvdXJjZXMtc2hhcmVkLmNvbXBvbmVudC5zY3NzJyxcbiAgICAgICAgJy4uLy4uL3Jlc291cmNlLXBvc3QvcmVsYXRlZC1yZXNvdXJjZXMvcmVsYXRlZC1yZXNvdXJjZXMuY29tcG9uZW50LnNjc3MnXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBXaGl0ZVBhcGVyVG9wQmFubmVyQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgc3Vic2NyaXB0aW9uSWQ6IG51bWJlcjtcbiAgICBtYXN0ZXJTdWJzY3JpcHRpb25JZCA9IHRoaXMuYXBwQ29uZmlnLm1hc3Rlcl9zdWJzY3JpcHRpb24uc3Vic2NyaXB0aW9uX2lkO1xuICAgIHBvc3RzID0gW107XG4gICAgdGVzdGltb25pYWxzUG9zdHMgPSBbXTtcbiAgICB1c2VyTG9nZ2VkSW46IGJvb2xlYW47XG4gICAgYmxvZ1Bvc3RUYWc7XG4gICAgdGFnQ2F0ZWdvcnk7XG4gICAgYmxvZ1Rlc3RpbW9uaWFsc1Bvc3RUYWc7XG4gICAgaXNMb2FkZWQgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHJlc291cmNlU2VydmljZTogUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHRhZ1NlcnZpY2U6IFRhZ1NlcnZpY2UsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuZ2V0VXNlclN1YnNjcmlwdGlvbklkKCkuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSByZXNwb25zZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0kKFRPS0VOX0tFWSkuc3Vic2NyaWJlKHJlcyA9PiB7XG4gICAgICAgICAgICB0aGlzLnVzZXJMb2dnZWRJbiA9ICEhcmVzO1xuICAgICAgICAgICAgaWYgKHRoaXMudXNlckxvZ2dlZEluKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoJ3Byb2R1Y3QnKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcyA/IEpTT04ucGFyc2UocmVzKSA6IG51bGw7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSBkYXRhPy5zdWJzY3JpcHRpb25JZDtcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2codGhpcy5zdWJzY3JpcHRpb25JZCk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0aGlzLmdldFRhZ3MoKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRUYWdzKCkge1xuICAgICAgICB0aGlzLmlzTG9hZGVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMudGFnU2VydmljZVxuICAgICAgICAgICAgLmdldEFsbFRhZ0NhdGVnb3JpZXMoXG4gICAgICAgICAgICAgICAgeyBzZWFyY2g6ICdXaGl0ZSBQYXBlcnMnIH0sXG4gICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCB8fCB0aGlzLm1hc3RlclN1YnNjcmlwdGlvbklkXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnRhZ0NhdGVnb3J5ID0gcmVzcG9uc2UudGFnX2NhdGVnb3JpZXNbMF07XG4gICAgICAgICAgICAgICAgdGhpcy5nZXRQb3N0VGFncygpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRQb3N0VGFncygpIHtcbiAgICAgICAgdGhpcy50YWdTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0VGFnc0J5VHlwZSgncG9zdF9jYXRlZ29yaWVzJywge30sIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuYmxvZ1Bvc3RUYWcgPSByZXNwb25zZS50YWdzLmZpbmQoXG4gICAgICAgICAgICAgICAgICAgIHRhZyA9PiB0YWcudGFnX2NhdGVnb3J5X2lkID09PSB0aGlzLnRhZ0NhdGVnb3J5Py5pZFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmFkZCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0xvYWRlZCA9IHRydWU7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImJnLXdoaXRlIHByaWNpbmctc2VjdGlvblwiPlxuICA8ZGl2IGNsYXNzPVwibmNlLWJhbm5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXIgZC1mbGV4IGZsZXgtY29sdW1uIGZsZXgtbGctcm93IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiICpuZ0lmPVwiaXNMb2FkZWRcIj5cblxuICAgICAgPCEtLSBMZWZ0IENvbnRlbnQgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJuY2UtaGVhZGluZ1wiPlxuICAgICAgICAgIDxoMSBjbGFzcz1cIm5jZS1oZWFkZXIgbWItNFwiPlxuICAgICAgICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJibG9nUG9zdFRhZz8udGl0bGUgfHwgJ1doaXRlIHBhcGVycyAmIFRvb2xzJ1wiPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmx1ZS10ZXh0XCI+PC9zcGFuPlxuICAgICAgICAgIDwvaDE+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQWRkIGRpcmVjdGx5IGJlbG93IC50ZXh0LWNvbnRlbnQsIHN0aWxsIGluc2lkZSAuY29udGFpbmVyIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtZXh0ZW5zaW9uIG10LTRcIj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiY3RhLWJ1dHRvbnMgZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktYmV0d2VlbiBoLTEwMFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4LWdyb3ctMVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJsb2dQb3N0VGFnPy5kZXNjcmlwdGlvbiAmJiBibG9nUG9zdFRhZy5kZXNjcmlwdGlvbiAhPT0gJ251bGwnIDsgZWxzZSBkZWZhdWx0RGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJpbnRyb1wiIFtpbm5lckhUTUxdPVwiYmxvZ1Bvc3RUYWcuZGVzY3JpcHRpb25cIj48L3A+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdERlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8cCBjbGFzcz1cImludHJvXCI+XG4gICAgICAgICAgICAgICAgSWYgeW91IGxpa2UgeW91ciBpbnNpZ2h0cyBwcmFjdGljYWwgYW5kIDxicj5cbiAgICAgICAgICAgICAgICB5b3VyIGRvd25sb2FkcyBhY3R1YWxseSB1c2VmdWwgLSB5b3XigJlyZSA8YnI+XG4gICAgICAgICAgICAgICAgaW4gdGhlIHJpZ2h0IHBsYWNlLlxuICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbjwvZGl2PlxuXG4gICAgICA8IS0tIFJpZ2h0IENvbnRlbnQgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGVudCBtcy1sZy01IG10LTUgbXQtbGctMFwiPlxuICAgICAgICA8aW1nIGNsYXNzPVwibmNlLW1hdGgtaW1nXCJcbiAgICAgICAgc3JjPVwiL2Fzc2V0cy9pbWcvcmVzb3VyY2UvbWF0aC5wbmdcIlxuICAgICAgICBhbHQ9XCJOQ0Vhc3kgbGFwdG9wIHNjcmVlblwiIC8+XG4gICAgICAgIDxpbWcgY2xhc3M9XCJuY2UtbGFwdG9wLWltZyBkeW4taW1nXCJcbiAgICAgICAgW3NyY109XCIoYmxvZ1Bvc3RUYWc/LmltYWdlPy51cmwgJiYgIShibG9nUG9zdFRhZz8uaW1hZ2U/LnVybC5pbmNsdWRlcygnbm9faW1hZ2VfdXBsb2FkZWRfc3F1YXJlZCcpKSkgPyBibG9nUG9zdFRhZz8uaW1hZ2U/LnVybCA6ICcvYXNzZXRzL2ltZy9yZXNvdXJjZS93aGl0ZS1wYXBlci13b21lbi5wbmcnXCJcbiAgICAgICAgICBhbHQ9XCJOQ0Vhc3kgbGFwdG9wIHNjcmVlblwiIC8+XG4gICAgICA8L2Rpdj5cblxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy93aGl0ZS1wYXBlcnMvd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIvd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9yZXNvdXJjZS1tb2R1bGUvc3JjL2xpYi9wdWJsaWMvY29tcG9uZW50cy93aGl0ZS1wYXBlcnMvd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIvd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7OztBQVkvRCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsZ0JBQWdCO0lBVzlELFlBQ3FCLGVBQWdDLEVBQ2hDLFVBQXNCLEVBQ3ZDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUpDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWDNDLHlCQUFvQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsbUJBQW1CLENBQUMsZUFBZSxDQUFDO1FBQzFFLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxzQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFLdkIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQVFqQixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVEsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDMUIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDbEQsTUFBTSxJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7b0JBQzFDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxFQUFFLGNBQWMsQ0FBQztnQkFDL0MsQ0FBQyxDQUFDLENBQUM7WUFDUCxDQUFDO1lBQ0QsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ25CLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLE9BQU87UUFDWCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsVUFBVTthQUNWLG1CQUFtQixDQUNoQixFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsRUFDMUIsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQ25EO2FBQ0EsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDdkIsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRU8sV0FBVztRQUNmLElBQUksQ0FBQyxVQUFVO2FBQ1YsYUFBYSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxvQkFBb0IsQ0FBQzthQUN0RixTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FDakMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUN0RCxDQUFDO1FBQ04sQ0FBQyxDQUFDO2FBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzsrR0EzRFEsNEJBQTRCO21HQUE1Qiw0QkFBNEIsd0ZDbEJ6QywwMURBOENBOzs0RkQ1QmEsNEJBQTRCO2tCQVZ4QyxTQUFTOytCQUNJLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBUYWdTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBUT0tFTl9LRVkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5cbmltcG9ydCB7IFJlc291cmNlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3Jlc291cmNlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LXdoaXRlLXBhcGVyLXRvcC1iYW5uZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi93aGl0ZS1wYXBlcnMtdG9wLWJhbm5lci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbXG4gICAgICAgICcuLi8uLi9yZXNvdXJjZS1jYXNlLXN0dWRpZXMvcmVzb3VyY2UtY2FzZS1zdHVkaWVzLmNvbXBvbmVudC5zY3NzJyxcbiAgICAgICAgJy4vd2hpdGUtcGFwZXJzLXRvcC1iYW5uZXIuY29tcG9uZW50LnNjc3MnLFxuICAgICAgICAnLi4vLi4vcmVzb3VyY2VzL3Jlc291cmNlcy1zaGFyZWQuY29tcG9uZW50LnNjc3MnLFxuICAgICAgICAnLi4vLi4vcmVzb3VyY2UtcG9zdC9yZWxhdGVkLXJlc291cmNlcy9yZWxhdGVkLXJlc291cmNlcy5jb21wb25lbnQuc2NzcydcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFdoaXRlUGFwZXJUb3BCYW5uZXJDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBzdWJzY3JpcHRpb25JZDogbnVtYmVyO1xuICAgIG1hc3RlclN1YnNjcmlwdGlvbklkID0gdGhpcy5hcHBDb25maWcubWFzdGVyX3N1YnNjcmlwdGlvbi5zdWJzY3JpcHRpb25faWQ7XG4gICAgcG9zdHMgPSBbXTtcbiAgICB0ZXN0aW1vbmlhbHNQb3N0cyA9IFtdO1xuICAgIHVzZXJMb2dnZWRJbjogYm9vbGVhbjtcbiAgICBibG9nUG9zdFRhZztcbiAgICB0YWdDYXRlZ29yeTtcbiAgICBibG9nVGVzdGltb25pYWxzUG9zdFRhZztcbiAgICBpc0xvYWRlZCA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcmVzb3VyY2VTZXJ2aWNlOiBSZXNvdXJjZVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgdGFnU2VydmljZTogVGFnU2VydmljZSxcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5nZXRVc2VyU3Vic2NyaXB0aW9uSWQoKS5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IHJlc3BvbnNlO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoVE9LRU5fS0VZKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgIHRoaXMudXNlckxvZ2dlZEluID0gISFyZXM7XG4gICAgICAgICAgICBpZiAodGhpcy51c2VyTG9nZ2VkSW4pIHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtJCgncHJvZHVjdCcpLnN1YnNjcmliZShyZXMgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVzID8gSlNPTi5wYXJzZShyZXMpIDogbnVsbDtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IGRhdGE/LnN1YnNjcmlwdGlvbklkO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGhpcy5nZXRUYWdzKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0VGFncygpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLnRhZ1NlcnZpY2VcbiAgICAgICAgICAgIC5nZXRBbGxUYWdDYXRlZ29yaWVzKFxuICAgICAgICAgICAgICAgIHsgc2VhcmNoOiAnV2hpdGUgUGFwZXJzJyB9LFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy50YWdDYXRlZ29yeSA9IHJlc3BvbnNlLnRhZ19jYXRlZ29yaWVzWzBdO1xuICAgICAgICAgICAgICAgIHRoaXMuZ2V0UG9zdFRhZ3MoKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0UG9zdFRhZ3MoKSB7XG4gICAgICAgIHRoaXMudGFnU2VydmljZVxuICAgICAgICAgICAgLmdldFRhZ3NCeVR5cGUoJ3Bvc3RfY2F0ZWdvcmllcycsIHt9LCB0aGlzLnN1YnNjcmlwdGlvbklkIHx8IHRoaXMubWFzdGVyU3Vic2NyaXB0aW9uSWQpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmJsb2dQb3N0VGFnID0gcmVzcG9uc2UudGFncy5maW5kKFxuICAgICAgICAgICAgICAgICAgICB0YWcgPT4gdGFnLnRhZ19jYXRlZ29yeV9pZCA9PT0gdGhpcy50YWdDYXRlZ29yeT8uaWRcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZGQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNMb2FkZWQgPSB0cnVlO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJiZy13aGl0ZSBwcmljaW5nLXNlY3Rpb25cIj5cbiAgPGRpdiBjbGFzcz1cIm5jZS1iYW5uZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyIGQtZmxleCBmbGV4LWNvbHVtbiBmbGV4LWxnLXJvdyBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWJldHdlZW5cIiAqbmdJZj1cImlzTG9hZGVkXCI+XG5cbiAgICAgIDwhLS0gTGVmdCBDb250ZW50IC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGVudFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibmNlLWhlYWRpbmdcIj5cbiAgICAgICAgICA8aDEgY2xhc3M9XCJuY2UtaGVhZGVyIG1iLTRcIj5cbiAgICAgICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiYmxvZ1Bvc3RUYWc/LnRpdGxlIHx8ICdXaGl0ZSBwYXBlcnMgJiBUb29scydcIj48L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJsdWUtdGV4dFwiPjwvc3Bhbj5cbiAgICAgICAgICA8L2gxPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIEFkZCBkaXJlY3RseSBiZWxvdyAudGV4dC1jb250ZW50LCBzdGlsbCBpbnNpZGUgLmNvbnRhaW5lciAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWV4dGVuc2lvbiBtdC00XCI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImN0YS1idXR0b25zIGQtZmxleCBmbGV4LWNvbHVtbiBqdXN0aWZ5LWJldHdlZW4gaC0xMDBcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1ncm93LTFcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJibG9nUG9zdFRhZz8uZGVzY3JpcHRpb24gJiYgYmxvZ1Bvc3RUYWcuZGVzY3JpcHRpb24gIT09ICdudWxsJyA7IGVsc2UgZGVmYXVsdERlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgIDxwIGNsYXNzPVwiaW50cm9cIiBbaW5uZXJIVE1MXT1cImJsb2dQb3N0VGFnLmRlc2NyaXB0aW9uXCI+PC9wPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHREZXNjcmlwdGlvbj5cbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJpbnRyb1wiPlxuICAgICAgICAgICAgICAgIElmIHlvdSBsaWtlIHlvdXIgaW5zaWdodHMgcHJhY3RpY2FsIGFuZCA8YnI+XG4gICAgICAgICAgICAgICAgeW91ciBkb3dubG9hZHMgYWN0dWFsbHkgdXNlZnVsIC0geW914oCZcmUgPGJyPlxuICAgICAgICAgICAgICAgIGluIHRoZSByaWdodCBwbGFjZS5cbiAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG48L2Rpdj5cblxuICAgICAgPCEtLSBSaWdodCBDb250ZW50IC0tPlxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRlbnQgbXMtbGctNSBtdC01IG10LWxnLTBcIj5cbiAgICAgICAgPGltZyBjbGFzcz1cIm5jZS1tYXRoLWltZ1wiXG4gICAgICAgIHNyYz1cIi9hc3NldHMvaW1nL3Jlc291cmNlL21hdGgucG5nXCJcbiAgICAgICAgYWx0PVwiTkNFYXN5IGxhcHRvcCBzY3JlZW5cIiAvPlxuICAgICAgICA8aW1nIGNsYXNzPVwibmNlLWxhcHRvcC1pbWcgZHluLWltZ1wiXG4gICAgICAgIFtzcmNdPVwiKGJsb2dQb3N0VGFnPy5pbWFnZT8udXJsICYmICEoYmxvZ1Bvc3RUYWc/LmltYWdlPy51cmwuaW5jbHVkZXMoJ25vX2ltYWdlX3VwbG9hZGVkX3NxdWFyZWQnKSkpID8gYmxvZ1Bvc3RUYWc/LmltYWdlPy51cmwgOiAnL2Fzc2V0cy9pbWcvcmVzb3VyY2Uvd2hpdGUtcGFwZXItd29tZW4ucG5nJ1wiXG4gICAgICAgICAgYWx0PVwiTkNFYXN5IGxhcHRvcCBzY3JlZW5cIiAvPlxuICAgICAgPC9kaXY+XG5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/lib/public/components/white-papers/white-papers.component.mjs

@@ -44,11 +44,9 @@ export class WhitePaperComponent extends AppBaseComponent {
         });
     }
     getPosts(page, pageSize) {
-        console.log(this.blogPostTag);
         this.resourceService
             .getPublicPosts(this.subscriptionId || this.masterSubscriptionId, page, pageSize, '', this.blogPostTag?.tag_category_id)
             .subscribe(response => {
-            console.log(response.posts, this.blogPostTag);
             this.posts = response.posts
                 .filter(post => post.tags?.some(tag => tag.tag_category_id === this.blogPostTag?.tag_category_id))
                 .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime())
@@ -62,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             type: Component,
             args: [{ selector: 'pw-resource-blog', template: "<pw-resource-header></pw-resource-header>\n\n<pw-white-paper-top-banner></pw-white-paper-top-banner>\n\n<pw-resource--vault *ngIf=\"blogPostTag?.tag_category_id\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\"></pw-resource--vault>\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".nce-banner{background-image:url(/assets/img/resource/resource2.png);background-position:center;background-repeat:no-repeat;color:#000}.nce-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.nce-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.nce-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.nce-banner .text-content .cta-buttons{margin-top:2rem}.nce-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.nce-banner .nce-header{font-weight:500;color:#fff!important;font-size:4.5rem!important}.nce-banner .blue-text{font-weight:100}@media (width <= 991px){.nce-banner .text-content{margin-top:6.5rem;margin-bottom:0;text-align:center;max-width:360px}.nce-banner .text-content h1{margin-bottom:6.5rem!important}.nce-banner .nce-header{font-size:2.5rem!important}.nce-banner .cta-buttons{margin-top:5rem!important;justify-content:center!important}.nce-banner .note{margin-left:8rem!important}.nce-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.nce-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}.nce-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.nce-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.nce-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.nce-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}.nce-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.nce-banner .image-content .nce-laptop-img{max-width:350px;width:100%;position:relative;z-index:3;left:2%;height:auto!important;top:36rem}.nce-banner .image-content .nce-math-img{max-width:300px;width:100%;position:relative;z-index:3;left:15%;top:51rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:27rem!important}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .cta-btn.filled{background-color:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1rem 2rem;border-radius:40px;font-size:1.1rem;text-decoration:none;font-weight:500}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}.text-extension{max-width:560px;margin-top:6rem}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .cta-btn.filled{background-color:#000;color:#fff;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .cta-btn.outline{background-color:transparent;border:2px solid #000;color:#000;padding:1.2rem 2rem;border-radius:40px;font-size:1.6rem;font-weight:500;text-decoration:none}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}@media (width >= 991px){.nce-laptop-img{max-width:800px;max-height:800px;width:100%;height:auto}.section-outer{padding-top:7rem!important}}@media (width >= 991px) and (width <= 1200px){.pricing-section{height:900px!important}.nce-divider{top:61rem;position:absolute!important}.image-content .nce-laptop-img{top:5rem!important;right:15%;position:relative}.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .nce-math-img{position:relative;bottom:5rem;left:37rem;width:50%}}@media (width >= 704px) and (width <= 768px){.nce-laptop-img{top:27rem!important;left:-15rem!important}}@media (width <= 704px){.nce-laptop-img{top:16rem!important}}@media (width >= 1200px){.nce-divider{top:61rem;position:absolute!important}}@media (width >= 768px) and (width <= 991px){.nce-divider{margin-top:23rem!important}.nce-math-img{top:28rem!important;left:24%}.nce-laptop-img{top:27rem!important;left:-15rem!important}.pricing-section{height:890px!important}.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .nce-laptop-img{height:500px!important;bottom:5rem;right:10%;position:relative;width:63%!important}.image-content .nce-math-img{position:relative;bottom:5rem;left:37rem;width:50%}}@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 .nce-laptop-img{top:5rem;right:10rem;position:relative}.image-content .nce-math-img{bottom:5rem;left:64rem;position:relative;width:450px!important}}@media (width >= 786px) and (width <= 991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media (width >= 991px){.nce-banner{padding-top:768px;padding-bottom:65px;margin-bottom:1rem;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.nce-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}::ng-deep .vault-card{width:330px!important;height:410px!important}::ng-deep .vault-btn{width:224px!important}}@media (width <= 991px){.pricing-section{height:1200px}.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}.nce-banner{background-image:url(/assets/img/resource/resource2.png)}}@media (width <= 768px){.text-extension{position:absolute;margin:3rem;margin-top:19rem!important}.pricing-section{height:1000px!important}.nce-divider{margin-top:25rem!important}.intro{font-size:1.5rem!important}.nce-math-img{top:30rem!important}.nce-laptop-img{top:16rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media (width <= 768px){.container{padding:7rem 3rem 1rem!important}}\n", "::ng-deep .navbar-nav .nav-item .nav-link{color:#fff!important}.bold{font-weight:700}.nce-heading{margin-bottom:2rem}.nce-note{margin-top:1rem;font-size:.85rem;color:#555}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}\n", "::ng-deep .ql-editor p{font-size:1.5rem!important;line-height:1.8rem!important;color:#333!important}.video-row{gap:5.5rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}.msp-vault-section{padding:60px 0;background:#fff}.msp-vault-section .vault-heading{font-size:4.5rem;font-weight:300;color:#000!important}.msp-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.msp-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}.msp-vault-section .vault-card{background-color:#fff;border-radius:30px;box-shadow:0 5px 20px #0000000d;padding:25px;text-align:center;width:338px;height:auto}.msp-vault-section .vault-card h5{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card p{font-size:1.5rem;color:var(--text-color, black)}.msp-vault-section .vault-card img,.msp-vault-section .vault-card iframe{height:180px;border-radius:10px;object-fit:cover}.msp-vault-section .vault-card .vault-btn{background-color:#000!important;margin-top:10px;color:#fff;width:240px;padding:10px 24px;border-radius:24px;border:none;font-size:1.5rem;margin-left:2rem;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.msp-vault-section .vault-card .vault-btn:hover{background-color:#333}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:7rem 3rem 1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.msp-vault-section .vault-heading{font-size:3.5rem}.msp-vault-section .vault-description{margin-top:1.35rem}.msp-vault-section .vault-card{width:100%!important}.msp-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}.resource-section{padding:5rem 0;position:relative}.resource-section .section-heading{font-size:3rem!important;font-weight:300!important}.resource-section .view-all{font-size:1.5rem;font-weight:600;color:#000;text-decoration:none;margin-bottom:2.5rem}.resource-section .view-all:hover{color:var(--first)}.resource-section .resource-card{background:#fff;width:338px;border-radius:30px;padding:3rem;box-shadow:0 20px 40px #00000014;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:auto}.resource-section .resource-card .resource-title{font-size:1.5rem;line-height:2rem;font-weight:400;color:var(--text-color, black);text-align:center}.resource-section .resource-card .resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;margin-bottom:20px}.resource-section .resource-card .read-now-btn{background-color:var(--text-color, black);color:#fff;text-decoration:none;padding:14px 20px;font-size:1.5rem;font-weight:500;border-radius:40px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease;width:100%;max-width:240px;margin:0 auto;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.resource-section .resource-card .read-now-btn .arrow{font-weight:600;font-size:1.5rem}.resource-section .resource-card .read-now-btn:hover{background:#fff;color:var(--text-color, black)!important}@media (width <= 768px){.resource-section .resource-section .cards-row{gap:3rem;margin-top:3rem!important}.resource-section .section-heading,.resource-section .view-all{width:100%;text-align:center;margin-bottom:1rem}.resource-section .resource-card .read-now-btn{flex-direction:row;justify-content:center;gap:8px}}@media (width >= 768px) and (width <= 1200px){.nce-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.nce-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.nce-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.nce-book-section .nce-contact{line-height:1.6;font-size:1.5rem}.nce-book-section .nce-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.nce-book-section .nce-contact a:hover{color:var(--first)!important}.nce-offer-section{background:#fff;padding-top:2rem}.nce-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.nce-offer-section .nce-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.nce-offer-section .nce-title strong{font-weight:700}.nce-offer-section .nce-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.nce-offer-section .nce-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.nce-offer-section .nce-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.nce-offer-section .nce-signup{margin-bottom:2.5rem}.nce-offer-section .nce-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.nce-offer-section .nce-book-section{padding-top:5rem!important}.nce-offer-section .container{text-align:left}.nce-offer-section .nce-title{font-size:1.5rem}.nce-offer-section .nce-description,.nce-offer-section .nce-offer-list,.nce-offer-section .nce-signup,.nce-offer-section .signup-link,.nce-offer-section .nce-contact,.nce-offer-section .nce-offer-list p{font-size:1.2rem!important}}.nce-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.nce-book-section{padding-top:5rem!important}.nce-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:1000px;display:block;margin-left:auto;margin-right:auto}::ng-deep .ql-editor h1{font-size:2rem!important;line-height:2.3rem!important;color:#333!important}::ng-deep .ql-editor li{font-size:1.3rem!important;color:#333!important}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:6rem!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.ResourceService }, { type: i2.TagService }, { type: i0.Injector }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2hpdGUtcGFwZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcmVzb3VyY2UtbW9kdWxlL3NyYy9saWIvcHVibGljL2NvbXBvbmVudHMvd2hpdGUtcGFwZXJzL3doaXRlLXBhcGVycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3doaXRlLXBhcGVycy93aGl0ZS1wYXBlcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7OztBQVc1RCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsZ0JBQWdCO0lBT3JELFlBQ3FCLGVBQWdDLEVBQ2hDLFVBQXNCLEVBQ3ZDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUpDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBUDNDLHlCQUFvQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsbUJBQW1CLENBQUMsZUFBZSxDQUFDO1FBQzFFLFVBQUssR0FBRyxFQUFFLENBQUM7SUFVWCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVEsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDMUIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDbEQsTUFBTSxJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7b0JBQzFDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxFQUFFLGNBQWMsQ0FBQztvQkFDM0MsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQztZQUNELElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxXQUFXO1FBQ2YsSUFBSSxDQUFDLFVBQVU7YUFDVixhQUFhLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFDO2FBQ3RGLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLElBQUksS0FBSyxjQUFjLENBQUMsQ0FBQztZQUMxRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBWSxFQUFFLFFBQWdCO1FBQ25DLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxlQUFlO2FBQ2YsY0FBYyxDQUNYLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLG9CQUFvQixFQUNoRCxJQUFJLEVBQ0osUUFBUSxFQUNSLEVBQUUsRUFDRixJQUFJLENBQUMsV0FBVyxFQUFFLGVBQWUsQ0FDcEM7YUFDQSxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxLQUFLO2lCQUN0QixNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FDWCxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FDWCxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxlQUFlLEtBQUssSUFBSSxDQUFDLFdBQVcsRUFBRSxlQUFlLENBQ25FLENBQ0o7aUJBQ0EsSUFBSSxDQUNELENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQ0wsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLE9BQU8sRUFBRSxHQUFHLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FDOUU7aUJBQ0EsS0FBSyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUN0QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7K0dBakVRLG1CQUFtQjttR0FBbkIsbUJBQW1CLCtFQ2pCaEMseVZBT0E7OzRGRFVhLG1CQUFtQjtrQkFUL0IsU0FBUzsrQkFDSSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bwb3Npd2lzZS9hcHAtYmFzZS1jb21wb25lbnQnO1xuaW1wb3J0IHsgVGFnU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tc2VydmljZXMnO1xuaW1wb3J0IHsgVE9LRU5fS0VZIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi11dGlsaXRpZXMnO1xuXG5pbXBvcnQgeyBSZXNvdXJjZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9yZXNvdXJjZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1yZXNvdXJjZS1ibG9nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vd2hpdGUtcGFwZXJzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFtcbiAgICAgICAgJy4vd2hpdGUtcGFwZXJzLmNvbXBvbmVudC5zY3NzJyxcbiAgICAgICAgJy4uL3Jlc291cmNlcy9yZXNvdXJjZXMtc2hhcmVkLmNvbXBvbmVudC5zY3NzJyxcbiAgICAgICAgJy4uL3Jlc291cmNlLXBvc3QvcmVsYXRlZC1yZXNvdXJjZXMvcmVsYXRlZC1yZXNvdXJjZXMuY29tcG9uZW50LnNjc3MnXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBXaGl0ZVBhcGVyQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgc3Vic2NyaXB0aW9uSWQ6IG51bWJlcjtcbiAgICBtYXN0ZXJTdWJzY3JpcHRpb25JZCA9IHRoaXMuYXBwQ29uZmlnLm1hc3Rlcl9zdWJzY3JpcHRpb24uc3Vic2NyaXB0aW9uX2lkO1xuICAgIHBvc3RzID0gW107XG4gICAgdXNlckxvZ2dlZEluOiBib29sZWFuO1xuICAgIGJsb2dQb3N0VGFnO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcmVzb3VyY2VTZXJ2aWNlOiBSZXNvdXJjZVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgdGFnU2VydmljZTogVGFnU2VydmljZSxcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5nZXRVc2VyU3Vic2NyaXB0aW9uSWQoKS5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IHJlc3BvbnNlO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoVE9LRU5fS0VZKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgIHRoaXMudXNlckxvZ2dlZEluID0gISFyZXM7XG4gICAgICAgICAgICBpZiAodGhpcy51c2VyTG9nZ2VkSW4pIHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtJCgncHJvZHVjdCcpLnN1YnNjcmliZShyZXMgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBkYXRhID0gcmVzID8gSlNPTi5wYXJzZShyZXMpIDogbnVsbDtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IGRhdGE/LnN1YnNjcmlwdGlvbklkO1xuICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyh0aGlzLnN1YnNjcmlwdGlvbklkKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMuZ2V0UG9zdFRhZ3MoKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRQb3N0VGFncygpIHtcbiAgICAgICAgdGhpcy50YWdTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0VGFnc0J5VHlwZSgncG9zdF9jYXRlZ29yaWVzJywge30sIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuYmxvZ1Bvc3RUYWcgPSByZXNwb25zZS50YWdzLmZpbmQodGFnID0+IHRhZy5uYW1lID09PSAnV2hpdGUgUGFwZXJzJyk7XG4gICAgICAgICAgICAgICAgdGhpcy5nZXRQb3N0cygxLCAxMDApO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZ2V0UG9zdHMocGFnZTogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyKSB7XG4gICAgICAgIGNvbnNvbGUubG9nKHRoaXMuYmxvZ1Bvc3RUYWcpO1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZVxuICAgICAgICAgICAgLmdldFB1YmxpY1Bvc3RzKFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICBwYWdlLFxuICAgICAgICAgICAgICAgIHBhZ2VTaXplLFxuICAgICAgICAgICAgICAgICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuYmxvZ1Bvc3RUYWc/LnRhZ19jYXRlZ29yeV9pZFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2cocmVzcG9uc2UucG9zdHMsIHRoaXMuYmxvZ1Bvc3RUYWcpO1xuICAgICAgICAgICAgICAgIHRoaXMucG9zdHMgPSByZXNwb25zZS5wb3N0c1xuICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKHBvc3QgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc3QudGFncz8uc29tZShcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YWcgPT4gdGFnLnRhZ19jYXRlZ29yeV9pZCA9PT0gdGhpcy5ibG9nUG9zdFRhZz8udGFnX2NhdGVnb3J5X2lkXG4gICAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgLnNvcnQoXG4gICAgICAgICAgICAgICAgICAgICAgICAoYSwgYikgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuZXcgRGF0ZShiLnB1Ymxpc2hlZF9hdCkuZ2V0VGltZSgpIC0gbmV3IERhdGUoYS5wdWJsaXNoZWRfYXQpLmdldFRpbWUoKVxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIC5zbGljZSgwLCAxMik7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8cHctcmVzb3VyY2UtaGVhZGVyPjwvcHctcmVzb3VyY2UtaGVhZGVyPlxuXG48cHctd2hpdGUtcGFwZXItdG9wLWJhbm5lcj48L3B3LXdoaXRlLXBhcGVyLXRvcC1iYW5uZXI+XG5cbjxwdy1yZXNvdXJjZS0tdmF1bHQgKm5nSWY9XCJibG9nUG9zdFRhZz8udGFnX2NhdGVnb3J5X2lkXCIgW2NhdGVnb3J5SWRdPVwiYmxvZ1Bvc3RUYWc/LnRhZ19jYXRlZ29yeV9pZFwiIFtyZXNvdXJjZVRpdGxlXT1cImJsb2dQb3N0VGFnPy50aXRsZVwiIFtwb3N0U2xpY2VdPVwidHJ1ZVwiPjwvcHctcmVzb3VyY2UtLXZhdWx0PlxuXG48cHctdHJpYWwtNC1jb250YWN0LXVzPjwvcHctdHJpYWwtNC1jb250YWN0LXVzPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2hpdGUtcGFwZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcmVzb3VyY2UtbW9kdWxlL3NyYy9saWIvcHVibGljL2NvbXBvbmVudHMvd2hpdGUtcGFwZXJzL3doaXRlLXBhcGVycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3doaXRlLXBhcGVycy93aGl0ZS1wYXBlcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7OztBQVc1RCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsZ0JBQWdCO0lBT3JELFlBQ3FCLGVBQWdDLEVBQ2hDLFVBQXNCLEVBQ3ZDLFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUpDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBUDNDLHlCQUFvQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsbUJBQW1CLENBQUMsZUFBZSxDQUFDO1FBQzFFLFVBQUssR0FBRyxFQUFFLENBQUM7SUFVWCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVEsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDMUIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDbEQsTUFBTSxJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7b0JBQzFDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxFQUFFLGNBQWMsQ0FBQztvQkFDM0MsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQztZQUNELElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxXQUFXO1FBQ2YsSUFBSSxDQUFDLFVBQVU7YUFDVixhQUFhLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFDO2FBQ3RGLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLElBQUksS0FBSyxjQUFjLENBQUMsQ0FBQztZQUMxRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBWSxFQUFFLFFBQWdCO1FBQ25DLElBQUksQ0FBQyxlQUFlO2FBQ2YsY0FBYyxDQUNYLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLG9CQUFvQixFQUNoRCxJQUFJLEVBQ0osUUFBUSxFQUNSLEVBQUUsRUFDRixJQUFJLENBQUMsV0FBVyxFQUFFLGVBQWUsQ0FDcEM7YUFDQSxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUMsS0FBSztpQkFDdEIsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQ1gsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQ1gsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUUsZUFBZSxDQUNuRSxDQUNKO2lCQUNBLElBQUksQ0FDRCxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUNMLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxPQUFPLEVBQUUsR0FBRyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsT0FBTyxFQUFFLENBQzlFO2lCQUNBLEtBQUssQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDOytHQS9EUSxtQkFBbUI7bUdBQW5CLG1CQUFtQiwrRUNqQmhDLHlWQU9BOzs0RkRVYSxtQkFBbUI7a0JBVC9CLFNBQVM7K0JBQ0ksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcbmltcG9ydCB7IFRhZ1NlcnZpY2UgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXNlcnZpY2VzJztcbmltcG9ydCB7IFRPS0VOX0tFWSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tdXRpbGl0aWVzJztcblxuaW1wb3J0IHsgUmVzb3VyY2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vcmVzb3VyY2Uuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncHctcmVzb3VyY2UtYmxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3doaXRlLXBhcGVycy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbXG4gICAgICAgICcuL3doaXRlLXBhcGVycy5jb21wb25lbnQuc2NzcycsXG4gICAgICAgICcuLi9yZXNvdXJjZXMvcmVzb3VyY2VzLXNoYXJlZC5jb21wb25lbnQuc2NzcycsXG4gICAgICAgICcuLi9yZXNvdXJjZS1wb3N0L3JlbGF0ZWQtcmVzb3VyY2VzL3JlbGF0ZWQtcmVzb3VyY2VzLmNvbXBvbmVudC5zY3NzJ1xuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgV2hpdGVQYXBlckNvbXBvbmVudCBleHRlbmRzIEFwcEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG4gICAgbWFzdGVyU3Vic2NyaXB0aW9uSWQgPSB0aGlzLmFwcENvbmZpZy5tYXN0ZXJfc3Vic2NyaXB0aW9uLnN1YnNjcmlwdGlvbl9pZDtcbiAgICBwb3N0cyA9IFtdO1xuICAgIHVzZXJMb2dnZWRJbjogYm9vbGVhbjtcbiAgICBibG9nUG9zdFRhZztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHJlc291cmNlU2VydmljZTogUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHRhZ1NlcnZpY2U6IFRhZ1NlcnZpY2UsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuZ2V0VXNlclN1YnNjcmlwdGlvbklkKCkuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSByZXNwb25zZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0kKFRPS0VOX0tFWSkuc3Vic2NyaWJlKHJlcyA9PiB7XG4gICAgICAgICAgICB0aGlzLnVzZXJMb2dnZWRJbiA9ICEhcmVzO1xuICAgICAgICAgICAgaWYgKHRoaXMudXNlckxvZ2dlZEluKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbSQoJ3Byb2R1Y3QnKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZGF0YSA9IHJlcyA/IEpTT04ucGFyc2UocmVzKSA6IG51bGw7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgPSBkYXRhPy5zdWJzY3JpcHRpb25JZDtcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2codGhpcy5zdWJzY3JpcHRpb25JZCk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0aGlzLmdldFBvc3RUYWdzKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0UG9zdFRhZ3MoKSB7XG4gICAgICAgIHRoaXMudGFnU2VydmljZVxuICAgICAgICAgICAgLmdldFRhZ3NCeVR5cGUoJ3Bvc3RfY2F0ZWdvcmllcycsIHt9LCB0aGlzLnN1YnNjcmlwdGlvbklkIHx8IHRoaXMubWFzdGVyU3Vic2NyaXB0aW9uSWQpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmJsb2dQb3N0VGFnID0gcmVzcG9uc2UudGFncy5maW5kKHRhZyA9PiB0YWcubmFtZSA9PT0gJ1doaXRlIFBhcGVycycpO1xuICAgICAgICAgICAgICAgIHRoaXMuZ2V0UG9zdHMoMSwgMTAwKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIGdldFBvc3RzKHBhZ2U6IG51bWJlciwgcGFnZVNpemU6IG51bWJlcikge1xuICAgICAgICB0aGlzLnJlc291cmNlU2VydmljZVxuICAgICAgICAgICAgLmdldFB1YmxpY1Bvc3RzKFxuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uSWQgfHwgdGhpcy5tYXN0ZXJTdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICBwYWdlLFxuICAgICAgICAgICAgICAgIHBhZ2VTaXplLFxuICAgICAgICAgICAgICAgICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuYmxvZ1Bvc3RUYWc/LnRhZ19jYXRlZ29yeV9pZFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5wb3N0cyA9IHJlc3BvbnNlLnBvc3RzXG4gICAgICAgICAgICAgICAgICAgIC5maWx0ZXIocG9zdCA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgcG9zdC50YWdzPy5zb21lKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRhZyA9PiB0YWcudGFnX2NhdGVnb3J5X2lkID09PSB0aGlzLmJsb2dQb3N0VGFnPy50YWdfY2F0ZWdvcnlfaWRcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAuc29ydChcbiAgICAgICAgICAgICAgICAgICAgICAgIChhLCBiKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5ldyBEYXRlKGIucHVibGlzaGVkX2F0KS5nZXRUaW1lKCkgLSBuZXcgRGF0ZShhLnB1Ymxpc2hlZF9hdCkuZ2V0VGltZSgpXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgLnNsaWNlKDAsIDEyKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxwdy1yZXNvdXJjZS1oZWFkZXI+PC9wdy1yZXNvdXJjZS1oZWFkZXI+XG5cbjxwdy13aGl0ZS1wYXBlci10b3AtYmFubmVyPjwvcHctd2hpdGUtcGFwZXItdG9wLWJhbm5lcj5cblxuPHB3LXJlc291cmNlLS12YXVsdCAqbmdJZj1cImJsb2dQb3N0VGFnPy50YWdfY2F0ZWdvcnlfaWRcIiBbY2F0ZWdvcnlJZF09XCJibG9nUG9zdFRhZz8udGFnX2NhdGVnb3J5X2lkXCIgW3Jlc291cmNlVGl0bGVdPVwiYmxvZ1Bvc3RUYWc/LnRpdGxlXCIgW3Bvc3RTbGljZV09XCJ0cnVlXCI+PC9wdy1yZXNvdXJjZS0tdmF1bHQ+XG5cbjxwdy10cmlhbC00LWNvbnRhY3QtdXM+PC9wdy10cmlhbC00LWNvbnRhY3QtdXM+XG4iXX0=

package/fesm2022/posiwise-resource-module.mjs

@@ -643,6 +643,7 @@ class ResourceIntegrationComponent extends AppBaseComponent {
         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';
@@ -709,11 +710,8 @@ class ResourceIntegrationComponent extends AppBaseComponent {
             this.isLoaded = true;
         });
     }
-    loadMicrosoftVideo() {
-        const baseUrl = `https://www.youtube.com/embed/${this.youtubeVideoId}?autoplay=1`;
-        // baseUrl is a trusted internal source (e.g. YouTube embed URL)
-        this.sanitizedMicrosoftVideoUrl = this.sanitizer.bypassSecurityTrustResourceUrl(baseUrl); // NOSONAR
-        this.videoDemoLoaded = true;
+    loadMicrosoftVideo(videoUrl) {
+        window.open(videoUrl, '_blank');
     }
     loadKeseyaVideo() {
         const baseUrl = `https://www.youtube.com/embed/${this.youtubeVideoId}?autoplay=1`;
@@ -722,11 +720,11 @@ class ResourceIntegrationComponent extends AppBaseComponent {
         this.videoWebinarLoaded = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceIntegrationComponent, deps: [{ token: i2$1.DomSanitizer }, { token: ResourceService }, { token: i2.TagService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceIntegrationComponent, selector: "pw-resource-integration", usesInheritance: true, ngImport: i0, template: "<pw-resource-header></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div  *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations (& counting)</h1>\n        <p class=\"int-text\"> Search the current list of {{companyName}} vendor and distributor integrations below. <br />\n        </p>\n        <pw-resource-company-card [header]=\"'integrated vendor'\"\n          [data]=\"posts\"></pw-resource-company-card>\n      </div>\n      <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n       *ngIf=\"isLoaded && integrationCountDisplay > 0\"\n        [vendor]=\"true\"\n        [data]=\"distributerPosts\"></pw-resource-company-card>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      <div class=\"text-center pt-3\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a href=\"/book-a-demo\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <h1 class=\"it-works-title mb-0\">How it works</h1>\n        <p class=\"pb-20\">View short example videos to understand how these integrations can work for your MSP:</p>\n        <div class=\"row section-row\">\n          <div class=\"col-md-6\">\n            <div class=\"d-flex justify-content-center\">\n              <img src=\"/assets/img/resource/how-it-works1.png\"\n                *ngIf=\"!videoDemoLoaded\"\n                (click)=\"loadMicrosoftVideo()\"\n                class=\"how-it-works-img\"\n                alt=\"\" />\n              <iframe *ngIf=\"videoDemoLoaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"sanitizedMicrosoftVideoUrl\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n              </iframe>\n            </div>\n          </div>\n          <div class=\"col-md-6\">\n            <div class=\"d-flex justify-content-center\">\n              <img src=\"/assets/img/resource/how-it-works2.png\"\n                *ngIf=\"!videoWebinarLoaded\"\n                (click)=\"loadKeseyaVideo()\"\n                class=\"how-it-works-img\"\n                alt=\"\" />\n              <iframe *ngIf=\"videoWebinarLoaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"sanitizedKesyaVideoUrl\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n              </iframe>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <!-- Left Content -->\n        <div class=\"col-md-6 text-md-start text-center\">\n          <h1 class=\"guide-title mb-3\">A guide to implementing CloudOlive in your business</h1>\n          <p class=\"guide-subtext\">\n            View where CloudOlive sits in your internal technology stack and monthly workflows, and see how easy\n            it is to get started.\n          </p>\n          <p class=\"guide-note mb-4\">View the quick guide now:</p>\n          <button class=\"vault-btn\"\n            onclick=\"window.open('https://hubspot.com', '_blank')\">View the guide</button>\n        </div>\n\n        <!-- Right Image -->\n        <div class=\"col-md-6 text-center\">\n          <img src=\"/assets/img/resource/guide.png\"\n            alt=\"Guide\"\n            class=\"img-fluid guide-img\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:200!important;padding-bottom:12px!important}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important}.how-it-works-wrapper p{padding-top:1rem;font-size:2rem;color:#000;font-weight:100;margin-bottom:4rem}.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 .guideimg{margin:0 auto}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}@media (width >= 768px){.cloudolive-guide-section .vault-btn{width:50%!important}.cloudolive-guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.cloudolive-guide-section .container-section{padding:3rem!important}.cloudolive-guide-section .guide-title{font-size:3.25rem!important}.cloudolive-guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.cloudolive-guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.cloudolive-guide-section .guide-title{font-size:3rem;font-weight:200}.cloudolive-guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.cloudolive-guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.cloudolive-guide-section .vault-btn{background:var(--text-color, black);color:#fff;padding:18px 34px;border-radius:30px;font-weight:600;margin-top:1rem!important;font-size:1.7rem;cursor:pointer;transition:background .3s ease;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.cloudolive-guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.cloudolive-guide-section .guide-img{width:70%!important;height:auto;box-shadow:0 5px 20px #00000026}@media (width >= 768px){.release-notes-section .release-heading{font-size:3rem;font-weight:300}.release-notes-section .view-all-link{margin-right:4rem}.release-notes-section .container-section{padding:20px 120px 20px 80px!important}.release-notes-section .release-section{justify-content:space-between!important}}@media (width <= 768px){.release-notes-section .release-heading{font-size:2.5rem;font-weight:400}.release-notes-section .release-section{justify-content:center!important}.release-notes-section .view-all-link{margin-right:19rem}.release-notes-section .release-card{width:80%!important}}.release-notes-section .view-all-link{font-size:1.5rem;font-weight:700;margin-bottom:1.2rem;text-decoration:none;color:#000}.release-notes-section .q2-icon{margin-bottom:3.25rem!important}.release-notes-section .release-card{background:#fff;border-radius:30px;padding:30px;box-shadow:0 10px 30px #00000014;text-align:center;max-width:330px;margin:0 auto;transition:all .3s ease}.release-notes-section .release-card .release-header{margin-bottom:1.5rem}.release-notes-section .release-card .release-header .quarter{font-size:1.2rem;font-weight:700;margin-bottom:.3rem;color:#000}.release-notes-section .release-card .release-header .title{font-size:1.2rem;margin-top:.4rem;margin-bottom:.6rem;color:#000}.release-notes-section .release-card .release-header .desc{font-size:1.35rem;line-height:1.87rem;color:#000}.release-notes-section .release-card .release-icon{width:80px;height:auto;margin:0 auto 2rem;display:block}.release-notes-section .release-card .release-btn{background-color:#000;color:#fff;padding:10px 24px;border-radius:24px;border:none;font-size:1.1rem;font-weight:500;display:inline-flex;align-items:center;gap:10px;transition:background .3s ease;margin-top:10px}.release-notes-section .release-card .release-btn .arrow{font-weight:700;font-size:1.2rem}.release-notes-section .release-card .release-btn:hover{background-color:#000}.release-notes-section .row{--bs-gutter-x: 1rem}.sub-text-extension{max-width:560px}.sub-text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:var(--text-color);margin-bottom:1rem}.sub-text-extension .cta-buttons{margin-top:2rem!important}.sub-text-extension .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.sub-text-extension .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.sub-text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}.trial-form-section{padding-bottom:8rem!important}.trial-form-section:before{top:20px;left:0}.trial-form-section:after{top:20px;right:-16px}.nce-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}.nce-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%)}.nce-banner .container{position:relative;z-index:2}.nce-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.nce-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.nce-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.nce-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}.nce-banner .text-content .cta-buttons{margin-top:2rem}.nce-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.nce-banner .nce-header{font-weight:500;color:#fff!important;font-size:4.5rem!important}.nce-banner .blue-text{font-weight:100}@media (width <= 991px){.nce-banner .text-content{margin-top:6.5rem;margin-bottom:0;text-align:center;max-width:360px}.nce-banner .text-content h1{margin-bottom:6.5rem!important}.nce-banner .nce-header{font-size:2.5rem!important}.nce-banner .cta-buttons{margin-top:5rem!important;justify-content:center!important}.nce-banner .text-extension{position:absolute;margin:3rem;margin-top:24rem!important}.nce-banner .note{margin-left:8rem!important}.nce-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.nce-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}.nce-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.nce-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.nce-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.nce-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}.nce-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.nce-banner .image-content .nce-laptop-img{max-width:315px;width:100%;position:relative;z-index:3;left:1rem;top:19rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:36rem!important}}.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}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:var(--text-color);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}@media (width >= 768px) and (width <= 1200px){.image-content .person-integration-img{position:relative;width:320px;margin-bottom:0;bottom:5rem;left:58rem}.image-content .nce-integration-img{top:3rem;right:6rem;position:relative;width:800px!important}}@media (width >= 1200px){.image-content{position:unset!important;height:634px!important}.image-content .person-integration-img{width:500px;position:relative;min-width:420px;margin-bottom:0;bottom:1rem;left:63rem}.image-content .nce-integration-img{top:3rem;right:17rem;position:relative;width:950px!important}}@media (width <= 991px){.mobile-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa);margin-top:59rem!important;position:absolute}.sub-text-extension{position:absolute;margin-top:21rem!important;padding:3rem!important}.section-integration{height:850px!important}.vendor-container{padding-left:2rem!important;padding-right:2rem!important}.image-content .person-integration-img{max-width:200px;width:100%;position:relative;z-index:3;left:12rem;top:19.35rem}.image-content .nce-integration-img{max-width:315px;width:100%;position:relative;z-index:3;top:4.5rem}}@media (width >= 991px){.section-outer{padding-bottom:7rem!important}.text-content{margin-bottom:27rem!important}.nce-banner{padding-top:132px!important;padding-bottom:20px!important;overflow:hidden}.nce-banner:before{top:587px!important;left:0}.cloudolive-guide-section{position:relative}.cloudolive-guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.responsive-social-container{min-width:1580px!important}.nce-vendor-heading{width:1000px!important}.vendor-container{padding-left:19rem!important;max-height:600px}.sub-text-extension{max-width:760px;position:absolute;margin-top:20rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width >= 786px) and (width <= 991px){.nce-banner{background-position:bottom!important}.nce-integration-img{bottom:12.3rem!important;top:unset!important}}@media (width >= 991px){.section-outer{padding-top:7rem!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 .nce-laptop-img{bottom:5rem;left:40rem;position:relative;width:850px!important}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .nce-laptop-img{bottom:5rem;left:31rem;position:relative;width:850px!important}}@media (width >= 991px){.nce-banner{padding-top:768px;padding-bottom:20px;overflow:hidden}.section-fadeout{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0;position:absolute;top:58rem!important}.nce-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}::ng-deep .vault-card{width:330px!important;height:370px!important}::ng-deep .vault-btn{width:224px!important}}@media (width <= 991px){.mobile-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa);margin-top:60rem!important;position:absolute}.pricing-section{height:890px!important}.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}.nce-banner{padding-bottom:15rem!important}}@media (width <= 991px){.sec-container{padding:7rem 3rem 1rem!important}}@media (width >= 768px) and (width <= 1200px){.outer-section-fadeout{top:62rem!important}}@media (width >= 768px){iframe{width:85%!important;height:375px!important}}@media (width <= 768px){.how-it-works-wrapper{padding:20px 40px}p{font-size:1.7rem!important;line-height:1.7rem!important}.section-row{gap:3rem!important}iframe{width:100%!important}}\n", "::ng-deep .navbar-nav .nav-item .nav-link{color:#fff!important}.bold{font-weight:700}.nce-heading{margin-bottom:2rem}.nce-note{margin-top:1rem;font-size:.85rem;color:#555}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName"] }, { kind: "component", type: i5.ResourceHeaderComponent, selector: "pw-resource-header" }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i6.LazyImgDirective, selector: "img" }, { kind: "component", type: IntegrationTopBannerComponent, selector: "pw-integration-top-banner" }, { kind: "component", type: ResourceNoteCardComponent, selector: "pw-resource-note-card", inputs: ["releaseHeader", "categoryId", "postSlice", "resourceTitle"] }, { kind: "component", type: ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: ["header", "data", "vendor"] }, { kind: "pipe", type: i7.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceIntegrationComponent, selector: "pw-resource-integration", usesInheritance: true, ngImport: i0, template: "<pw-resource-header></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div  *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations (& counting)</h1>\n        <p class=\"int-text\"> Search the current list of {{companyName}} vendor and distributor integrations below. <br />\n        </p>\n        <pw-resource-company-card [header]=\"'integrated vendor'\"\n          [data]=\"posts\"></pw-resource-company-card>\n      </div>\n      <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n       *ngIf=\"isLoaded && integrationCountDisplay > 0\"\n        [vendor]=\"true\"\n        [data]=\"distributerPosts\"></pw-resource-company-card>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      <div class=\"text-center pt-3\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a href=\"/book-a-demo\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\" *ngIf=\"integrations\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <h1 class=\"it-works-title mb-0\">{{integrations?.title || 'How it works'}}</h1>\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\">\n          <ng-container *ngIf=\"integrations?.items?.length > 0; else noIntegrations\">\n            <ng-container *ngFor=\"let integration of integrations?.items\">\n              <div\n                class=\"col-md-6\"\n                *ngIf=\"integration?.image_url || integration?.title || integration?.description\"\n              >\n              <ng-container *ngIf=\"integration?.video_url && integration?.video_url.includes('https'); else noVideo\">\n                <div class=\"d-flex justify-content-center\">\n                  <img\n                    *ngIf=\"integration?.video_url\"\n                    [src]=\"integration?.image_url\"\n                    (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    class=\"how-it-works-img\"\n                    alt=\"\"\n                  />\n                </div>\n              </ng-container>\n\n              <ng-template #noVideo>\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              </ng-template>\n              </div>\n            </ng-container>\n          </ng-container>\n          <ng-template #noIntegrations>\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          </ng-template>\n\n        </div>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <!-- <section class=\"cloudolive-guide-section bg-white py-5 section-outer\"> -->\n    <!-- <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <!-- Left Content -->\n        <!-- <div class=\"col-md-6 text-md-start text-center\">\n          <h1 class=\"guide-title mb-3\">A guide to implementing CloudOlive in your business</h1>\n          <p class=\"guide-subtext\">\n            View where CloudOlive sits in your internal technology stack and monthly workflows, and see how easy\n            it is to get started.\n          </p>\n          <p class=\"guide-note mb-4\">View the quick guide now:</p>\n          <button class=\"vault-btn\"\n            onclick=\"window.open('https://hubspot.com', '_blank')\">View the guide</button>\n        </div> -->\n\n        <!-- Right Image -->\n        <!-- <div class=\"col-md-6 text-center\">\n          <img src=\"/assets/img/resource/guide.png\"\n            alt=\"Guide\"\n            class=\"img-fluid guide-img\" /> -->\n        <!-- </div> -->\n      <!-- </div> -->\n  <!-- </div> -->\n    <!-- <div class=\"integration-fadeout\"></div> -->\n  <!-- </section> -->\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:200!important;padding-bottom:12px!important}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important}.how-it-works-wrapper p{padding-top:1rem;font-size:2rem;color:#000;font-weight:100;margin-bottom:4rem}.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 .guideimg{margin:0 auto}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}@media (width >= 768px){.cloudolive-guide-section .vault-btn{width:50%!important}.cloudolive-guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.cloudolive-guide-section .container-section{padding:3rem!important}.cloudolive-guide-section .guide-title{font-size:3.25rem!important}.cloudolive-guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.cloudolive-guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.cloudolive-guide-section .guide-title{font-size:3rem;font-weight:200}.cloudolive-guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.cloudolive-guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.cloudolive-guide-section .vault-btn{background:var(--text-color, black);color:#fff;padding:18px 34px;border-radius:30px;font-weight:600;margin-top:1rem!important;font-size:1.7rem;cursor:pointer;transition:background .3s ease;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.cloudolive-guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.cloudolive-guide-section .guide-img{width:70%!important;height:auto;box-shadow:0 5px 20px #00000026}@media (width >= 768px){.release-notes-section .release-heading{font-size:3rem;font-weight:300}.release-notes-section .view-all-link{margin-right:4rem}.release-notes-section .container-section{padding:20px 120px 20px 80px!important}.release-notes-section .release-section{justify-content:space-between!important}}@media (width <= 768px){.release-notes-section .release-heading{font-size:2.5rem;font-weight:400}.release-notes-section .release-section{justify-content:center!important}.release-notes-section .view-all-link{margin-right:19rem}.release-notes-section .release-card{width:80%!important}}.release-notes-section .view-all-link{font-size:1.5rem;font-weight:700;margin-bottom:1.2rem;text-decoration:none;color:#000}.release-notes-section .q2-icon{margin-bottom:3.25rem!important}.release-notes-section .release-card{background:#fff;border-radius:30px;padding:30px;box-shadow:0 10px 30px #00000014;text-align:center;max-width:330px;margin:0 auto;transition:all .3s ease}.release-notes-section .release-card .release-header{margin-bottom:1.5rem}.release-notes-section .release-card .release-header .quarter{font-size:1.2rem;font-weight:700;margin-bottom:.3rem;color:#000}.release-notes-section .release-card .release-header .title{font-size:1.2rem;margin-top:.4rem;margin-bottom:.6rem;color:#000}.release-notes-section .release-card .release-header .desc{font-size:1.35rem;line-height:1.87rem;color:#000}.release-notes-section .release-card .release-icon{width:80px;height:auto;margin:0 auto 2rem;display:block}.release-notes-section .release-card .release-btn{background-color:#000;color:#fff;padding:10px 24px;border-radius:24px;border:none;font-size:1.1rem;font-weight:500;display:inline-flex;align-items:center;gap:10px;transition:background .3s ease;margin-top:10px}.release-notes-section .release-card .release-btn .arrow{font-weight:700;font-size:1.2rem}.release-notes-section .release-card .release-btn:hover{background-color:#000}.release-notes-section .row{--bs-gutter-x: 1rem}.sub-text-extension{max-width:560px}.sub-text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:var(--text-color);margin-bottom:1rem}.sub-text-extension .cta-buttons{margin-top:2rem!important}.sub-text-extension .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.sub-text-extension .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.sub-text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}.trial-form-section{padding-bottom:8rem!important}.trial-form-section:before{top:20px;left:0}.trial-form-section:after{top:20px;right:-16px}.nce-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}.nce-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%)}.nce-banner .container{position:relative;z-index:2}.nce-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.nce-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.nce-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.nce-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}.nce-banner .text-content .cta-buttons{margin-top:2rem}.nce-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.nce-banner .nce-header{font-weight:500;color:#fff!important;font-size:4.5rem!important}.nce-banner .blue-text{font-weight:100}@media (width <= 991px){.nce-banner .text-content{margin-top:6.5rem;margin-bottom:0;text-align:center;max-width:360px}.nce-banner .text-content h1{margin-bottom:6.5rem!important}.nce-banner .nce-header{font-size:2.5rem!important}.nce-banner .cta-buttons{margin-top:5rem!important;justify-content:center!important}.nce-banner .text-extension{position:absolute;margin:3rem;margin-top:24rem!important}.nce-banner .note{margin-left:8rem!important}.nce-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.nce-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}.nce-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.nce-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.nce-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.nce-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}.nce-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.nce-banner .image-content .nce-laptop-img{max-width:315px;width:100%;position:relative;z-index:3;left:1rem;top:19rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:36rem!important}}.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}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:var(--text-color);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}@media (width >= 768px) and (width <= 1200px){.image-content .person-integration-img{position:relative;width:320px;margin-bottom:0;bottom:5rem;left:58rem}.image-content .nce-integration-img{top:3rem;right:6rem;position:relative;width:800px!important}}@media (width >= 1200px){.image-content{position:unset!important;height:634px!important}.image-content .person-integration-img{width:500px;position:relative;min-width:420px;margin-bottom:0;bottom:1rem;left:63rem}.image-content .nce-integration-img{top:3rem;right:17rem;position:relative;width:950px!important}}@media (width <= 991px){.mobile-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa);margin-top:59rem!important;position:absolute}.sub-text-extension{position:absolute;margin-top:21rem!important;padding:3rem!important}.section-integration{height:850px!important}.vendor-container{padding-left:2rem!important;padding-right:2rem!important}.image-content .person-integration-img{max-width:200px;width:100%;position:relative;z-index:3;left:12rem;top:19.35rem}.image-content .nce-integration-img{max-width:315px;width:100%;position:relative;z-index:3;top:4.5rem}}@media (width >= 991px){.section-outer{padding-bottom:7rem!important}.text-content{margin-bottom:27rem!important}.nce-banner{padding-top:132px!important;padding-bottom:20px!important;overflow:hidden}.nce-banner:before{top:587px!important;left:0}.cloudolive-guide-section{position:relative}.cloudolive-guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.responsive-social-container{min-width:1580px!important}.nce-vendor-heading{width:1000px!important}.vendor-container{padding-left:19rem!important;max-height:600px}.sub-text-extension{max-width:760px;position:absolute;margin-top:20rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width >= 786px) and (width <= 991px){.nce-banner{background-position:bottom!important}.nce-integration-img{bottom:12.3rem!important;top:unset!important}}@media (width >= 991px){.section-outer{padding-top:7rem!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 .nce-laptop-img{bottom:5rem;left:40rem;position:relative;width:850px!important}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .nce-laptop-img{bottom:5rem;left:31rem;position:relative;width:850px!important}}@media (width >= 991px){.nce-banner{padding-top:768px;padding-bottom:20px;overflow:hidden}.section-fadeout{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0;position:absolute;top:58rem!important}.nce-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}::ng-deep .vault-card{width:330px!important;height:370px!important}::ng-deep .vault-btn{width:224px!important}}@media (width <= 991px){.mobile-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa);margin-top:60rem!important;position:absolute}.pricing-section{height:890px!important}.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}.nce-banner{padding-bottom:15rem!important}}@media (width <= 991px){.sec-container{padding:7rem 3rem 1rem!important}}@media (width >= 768px) and (width <= 1200px){.outer-section-fadeout{top:62rem!important}}@media (width >= 768px){iframe{width:85%!important;height:375px!important}}@media (width <= 768px){.how-it-works-wrapper{padding:20px 40px}p{font-size:1.7rem!important;line-height:1.7rem!important}.section-row{gap:3rem!important}iframe{width:100%!important}}\n", "::ng-deep .navbar-nav .nav-item .nav-link{color:#fff!important}.bold{font-weight:700}.nce-heading{margin-bottom:2rem}.nce-note{margin-top:1rem;font-size:.85rem;color:#555}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName"] }, { kind: "component", type: i5.ResourceHeaderComponent, selector: "pw-resource-header" }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i6.LazyImgDirective, selector: "img" }, { kind: "component", type: IntegrationTopBannerComponent, selector: "pw-integration-top-banner" }, { kind: "component", type: ResourceNoteCardComponent, selector: "pw-resource-note-card", inputs: ["releaseHeader", "categoryId", "postSlice", "resourceTitle"] }, { kind: "component", type: ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: ["header", "data", "vendor"] }, { kind: "pipe", type: i7.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceIntegrationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-integration', template: "<pw-resource-header></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div  *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations (& counting)</h1>\n        <p class=\"int-text\"> Search the current list of {{companyName}} vendor and distributor integrations below. <br />\n        </p>\n        <pw-resource-company-card [header]=\"'integrated vendor'\"\n          [data]=\"posts\"></pw-resource-company-card>\n      </div>\n      <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n       *ngIf=\"isLoaded && integrationCountDisplay > 0\"\n        [vendor]=\"true\"\n        [data]=\"distributerPosts\"></pw-resource-company-card>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      <div class=\"text-center pt-3\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a href=\"/book-a-demo\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <h1 class=\"it-works-title mb-0\">How it works</h1>\n        <p class=\"pb-20\">View short example videos to understand how these integrations can work for your MSP:</p>\n        <div class=\"row section-row\">\n          <div class=\"col-md-6\">\n            <div class=\"d-flex justify-content-center\">\n              <img src=\"/assets/img/resource/how-it-works1.png\"\n                *ngIf=\"!videoDemoLoaded\"\n                (click)=\"loadMicrosoftVideo()\"\n                class=\"how-it-works-img\"\n                alt=\"\" />\n              <iframe *ngIf=\"videoDemoLoaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"sanitizedMicrosoftVideoUrl\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n              </iframe>\n            </div>\n          </div>\n          <div class=\"col-md-6\">\n            <div class=\"d-flex justify-content-center\">\n              <img src=\"/assets/img/resource/how-it-works2.png\"\n                *ngIf=\"!videoWebinarLoaded\"\n                (click)=\"loadKeseyaVideo()\"\n                class=\"how-it-works-img\"\n                alt=\"\" />\n              <iframe *ngIf=\"videoWebinarLoaded\"\n                class=\"embed-responsive-item\"\n                [title]=\"videoTitle\"\n                [src]=\"sanitizedKesyaVideoUrl\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n              </iframe>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <!-- Left Content -->\n        <div class=\"col-md-6 text-md-start text-center\">\n          <h1 class=\"guide-title mb-3\">A guide to implementing CloudOlive in your business</h1>\n          <p class=\"guide-subtext\">\n            View where CloudOlive sits in your internal technology stack and monthly workflows, and see how easy\n            it is to get started.\n          </p>\n          <p class=\"guide-note mb-4\">View the quick guide now:</p>\n          <button class=\"vault-btn\"\n            onclick=\"window.open('https://hubspot.com', '_blank')\">View the guide</button>\n        </div>\n\n        <!-- Right Image -->\n        <div class=\"col-md-6 text-center\">\n          <img src=\"/assets/img/resource/guide.png\"\n            alt=\"Guide\"\n            class=\"img-fluid guide-img\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:200!important;padding-bottom:12px!important}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important}.how-it-works-wrapper p{padding-top:1rem;font-size:2rem;color:#000;font-weight:100;margin-bottom:4rem}.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 .guideimg{margin:0 auto}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}@media (width >= 768px){.cloudolive-guide-section .vault-btn{width:50%!important}.cloudolive-guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.cloudolive-guide-section .container-section{padding:3rem!important}.cloudolive-guide-section .guide-title{font-size:3.25rem!important}.cloudolive-guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.cloudolive-guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.cloudolive-guide-section .guide-title{font-size:3rem;font-weight:200}.cloudolive-guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.cloudolive-guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.cloudolive-guide-section .vault-btn{background:var(--text-color, black);color:#fff;padding:18px 34px;border-radius:30px;font-weight:600;margin-top:1rem!important;font-size:1.7rem;cursor:pointer;transition:background .3s ease;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.cloudolive-guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.cloudolive-guide-section .guide-img{width:70%!important;height:auto;box-shadow:0 5px 20px #00000026}@media (width >= 768px){.release-notes-section .release-heading{font-size:3rem;font-weight:300}.release-notes-section .view-all-link{margin-right:4rem}.release-notes-section .container-section{padding:20px 120px 20px 80px!important}.release-notes-section .release-section{justify-content:space-between!important}}@media (width <= 768px){.release-notes-section .release-heading{font-size:2.5rem;font-weight:400}.release-notes-section .release-section{justify-content:center!important}.release-notes-section .view-all-link{margin-right:19rem}.release-notes-section .release-card{width:80%!important}}.release-notes-section .view-all-link{font-size:1.5rem;font-weight:700;margin-bottom:1.2rem;text-decoration:none;color:#000}.release-notes-section .q2-icon{margin-bottom:3.25rem!important}.release-notes-section .release-card{background:#fff;border-radius:30px;padding:30px;box-shadow:0 10px 30px #00000014;text-align:center;max-width:330px;margin:0 auto;transition:all .3s ease}.release-notes-section .release-card .release-header{margin-bottom:1.5rem}.release-notes-section .release-card .release-header .quarter{font-size:1.2rem;font-weight:700;margin-bottom:.3rem;color:#000}.release-notes-section .release-card .release-header .title{font-size:1.2rem;margin-top:.4rem;margin-bottom:.6rem;color:#000}.release-notes-section .release-card .release-header .desc{font-size:1.35rem;line-height:1.87rem;color:#000}.release-notes-section .release-card .release-icon{width:80px;height:auto;margin:0 auto 2rem;display:block}.release-notes-section .release-card .release-btn{background-color:#000;color:#fff;padding:10px 24px;border-radius:24px;border:none;font-size:1.1rem;font-weight:500;display:inline-flex;align-items:center;gap:10px;transition:background .3s ease;margin-top:10px}.release-notes-section .release-card .release-btn .arrow{font-weight:700;font-size:1.2rem}.release-notes-section .release-card .release-btn:hover{background-color:#000}.release-notes-section .row{--bs-gutter-x: 1rem}.sub-text-extension{max-width:560px}.sub-text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:var(--text-color);margin-bottom:1rem}.sub-text-extension .cta-buttons{margin-top:2rem!important}.sub-text-extension .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.sub-text-extension .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.sub-text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}.trial-form-section{padding-bottom:8rem!important}.trial-form-section:before{top:20px;left:0}.trial-form-section:after{top:20px;right:-16px}.nce-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}.nce-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%)}.nce-banner .container{position:relative;z-index:2}.nce-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.nce-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.nce-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.nce-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}.nce-banner .text-content .cta-buttons{margin-top:2rem}.nce-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.nce-banner .nce-header{font-weight:500;color:#fff!important;font-size:4.5rem!important}.nce-banner .blue-text{font-weight:100}@media (width <= 991px){.nce-banner .text-content{margin-top:6.5rem;margin-bottom:0;text-align:center;max-width:360px}.nce-banner .text-content h1{margin-bottom:6.5rem!important}.nce-banner .nce-header{font-size:2.5rem!important}.nce-banner .cta-buttons{margin-top:5rem!important;justify-content:center!important}.nce-banner .text-extension{position:absolute;margin:3rem;margin-top:24rem!important}.nce-banner .note{margin-left:8rem!important}.nce-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.nce-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}.nce-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.nce-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.nce-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.nce-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}.nce-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.nce-banner .image-content .nce-laptop-img{max-width:315px;width:100%;position:relative;z-index:3;left:1rem;top:19rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:36rem!important}}.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}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:var(--text-color);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}@media (width >= 768px) and (width <= 1200px){.image-content .person-integration-img{position:relative;width:320px;margin-bottom:0;bottom:5rem;left:58rem}.image-content .nce-integration-img{top:3rem;right:6rem;position:relative;width:800px!important}}@media (width >= 1200px){.image-content{position:unset!important;height:634px!important}.image-content .person-integration-img{width:500px;position:relative;min-width:420px;margin-bottom:0;bottom:1rem;left:63rem}.image-content .nce-integration-img{top:3rem;right:17rem;position:relative;width:950px!important}}@media (width <= 991px){.mobile-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa);margin-top:59rem!important;position:absolute}.sub-text-extension{position:absolute;margin-top:21rem!important;padding:3rem!important}.section-integration{height:850px!important}.vendor-container{padding-left:2rem!important;padding-right:2rem!important}.image-content .person-integration-img{max-width:200px;width:100%;position:relative;z-index:3;left:12rem;top:19.35rem}.image-content .nce-integration-img{max-width:315px;width:100%;position:relative;z-index:3;top:4.5rem}}@media (width >= 991px){.section-outer{padding-bottom:7rem!important}.text-content{margin-bottom:27rem!important}.nce-banner{padding-top:132px!important;padding-bottom:20px!important;overflow:hidden}.nce-banner:before{top:587px!important;left:0}.cloudolive-guide-section{position:relative}.cloudolive-guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.responsive-social-container{min-width:1580px!important}.nce-vendor-heading{width:1000px!important}.vendor-container{padding-left:19rem!important;max-height:600px}.sub-text-extension{max-width:760px;position:absolute;margin-top:20rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width >= 786px) and (width <= 991px){.nce-banner{background-position:bottom!important}.nce-integration-img{bottom:12.3rem!important;top:unset!important}}@media (width >= 991px){.section-outer{padding-top:7rem!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 .nce-laptop-img{bottom:5rem;left:40rem;position:relative;width:850px!important}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .nce-laptop-img{bottom:5rem;left:31rem;position:relative;width:850px!important}}@media (width >= 991px){.nce-banner{padding-top:768px;padding-bottom:20px;overflow:hidden}.section-fadeout{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0;position:absolute;top:58rem!important}.nce-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}::ng-deep .vault-card{width:330px!important;height:370px!important}::ng-deep .vault-btn{width:224px!important}}@media (width <= 991px){.mobile-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa);margin-top:60rem!important;position:absolute}.pricing-section{height:890px!important}.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}.nce-banner{padding-bottom:15rem!important}}@media (width <= 991px){.sec-container{padding:7rem 3rem 1rem!important}}@media (width >= 768px) and (width <= 1200px){.outer-section-fadeout{top:62rem!important}}@media (width >= 768px){iframe{width:85%!important;height:375px!important}}@media (width <= 768px){.how-it-works-wrapper{padding:20px 40px}p{font-size:1.7rem!important;line-height:1.7rem!important}.section-row{gap:3rem!important}iframe{width:100%!important}}\n", "::ng-deep .navbar-nav .nav-item .nav-link{color:#fff!important}.bold{font-weight:700}.nce-heading{margin-bottom:2rem}.nce-note{margin-top:1rem;font-size:.85rem;color:#555}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}\n"] }]
+            args: [{ selector: 'pw-resource-integration', template: "<pw-resource-header></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div  *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations (& counting)</h1>\n        <p class=\"int-text\"> Search the current list of {{companyName}} vendor and distributor integrations below. <br />\n        </p>\n        <pw-resource-company-card [header]=\"'integrated vendor'\"\n          [data]=\"posts\"></pw-resource-company-card>\n      </div>\n      <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n       *ngIf=\"isLoaded && integrationCountDisplay > 0\"\n        [vendor]=\"true\"\n        [data]=\"distributerPosts\"></pw-resource-company-card>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n      <div class=\"text-center pt-3\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a href=\"/book-a-demo\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <section class=\"cloudolive-guide-section bg-white py-5 section-outer\" *ngIf=\"integrations\">\n    <div class=\"container\">\n      <div class=\"how-it-works-wrapper\">\n        <h1 class=\"it-works-title mb-0\">{{integrations?.title || 'How it works'}}</h1>\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\">\n          <ng-container *ngIf=\"integrations?.items?.length > 0; else noIntegrations\">\n            <ng-container *ngFor=\"let integration of integrations?.items\">\n              <div\n                class=\"col-md-6\"\n                *ngIf=\"integration?.image_url || integration?.title || integration?.description\"\n              >\n              <ng-container *ngIf=\"integration?.video_url && integration?.video_url.includes('https'); else noVideo\">\n                <div class=\"d-flex justify-content-center\">\n                  <img\n                    *ngIf=\"integration?.video_url\"\n                    [src]=\"integration?.image_url\"\n                    (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    class=\"how-it-works-img\"\n                    alt=\"\"\n                  />\n                </div>\n              </ng-container>\n\n              <ng-template #noVideo>\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              </ng-template>\n              </div>\n            </ng-container>\n          </ng-container>\n          <ng-template #noIntegrations>\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          </ng-template>\n\n        </div>\n      </div>\n    </div>\n    <div class=\"integration-fadeout\"></div>\n  </section>\n  <!-- <section class=\"cloudolive-guide-section bg-white py-5 section-outer\"> -->\n    <!-- <div class=\"container\">\n      <div class=\"row align-items-start\">\n        <!-- Left Content -->\n        <!-- <div class=\"col-md-6 text-md-start text-center\">\n          <h1 class=\"guide-title mb-3\">A guide to implementing CloudOlive in your business</h1>\n          <p class=\"guide-subtext\">\n            View where CloudOlive sits in your internal technology stack and monthly workflows, and see how easy\n            it is to get started.\n          </p>\n          <p class=\"guide-note mb-4\">View the quick guide now:</p>\n          <button class=\"vault-btn\"\n            onclick=\"window.open('https://hubspot.com', '_blank')\">View the guide</button>\n        </div> -->\n\n        <!-- Right Image -->\n        <!-- <div class=\"col-md-6 text-center\">\n          <img src=\"/assets/img/resource/guide.png\"\n            alt=\"Guide\"\n            class=\"img-fluid guide-img\" /> -->\n        <!-- </div> -->\n      <!-- </div> -->\n  <!-- </div> -->\n    <!-- <div class=\"integration-fadeout\"></div> -->\n  <!-- </section> -->\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us></pw-trial-4-contact-us>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:200!important;padding-bottom:12px!important}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important}.how-it-works-wrapper p{padding-top:1rem;font-size:2rem;color:#000;font-weight:100;margin-bottom:4rem}.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 .guideimg{margin:0 auto}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}@media (width >= 768px){.cloudolive-guide-section .vault-btn{width:50%!important}.cloudolive-guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.cloudolive-guide-section .container-section{padding:3rem!important}.cloudolive-guide-section .guide-title{font-size:3.25rem!important}.cloudolive-guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.cloudolive-guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.cloudolive-guide-section .guide-title{font-size:3rem;font-weight:200}.cloudolive-guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.cloudolive-guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.cloudolive-guide-section .vault-btn{background:var(--text-color, black);color:#fff;padding:18px 34px;border-radius:30px;font-weight:600;margin-top:1rem!important;font-size:1.7rem;cursor:pointer;transition:background .3s ease;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.cloudolive-guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.cloudolive-guide-section .guide-img{width:70%!important;height:auto;box-shadow:0 5px 20px #00000026}@media (width >= 768px){.release-notes-section .release-heading{font-size:3rem;font-weight:300}.release-notes-section .view-all-link{margin-right:4rem}.release-notes-section .container-section{padding:20px 120px 20px 80px!important}.release-notes-section .release-section{justify-content:space-between!important}}@media (width <= 768px){.release-notes-section .release-heading{font-size:2.5rem;font-weight:400}.release-notes-section .release-section{justify-content:center!important}.release-notes-section .view-all-link{margin-right:19rem}.release-notes-section .release-card{width:80%!important}}.release-notes-section .view-all-link{font-size:1.5rem;font-weight:700;margin-bottom:1.2rem;text-decoration:none;color:#000}.release-notes-section .q2-icon{margin-bottom:3.25rem!important}.release-notes-section .release-card{background:#fff;border-radius:30px;padding:30px;box-shadow:0 10px 30px #00000014;text-align:center;max-width:330px;margin:0 auto;transition:all .3s ease}.release-notes-section .release-card .release-header{margin-bottom:1.5rem}.release-notes-section .release-card .release-header .quarter{font-size:1.2rem;font-weight:700;margin-bottom:.3rem;color:#000}.release-notes-section .release-card .release-header .title{font-size:1.2rem;margin-top:.4rem;margin-bottom:.6rem;color:#000}.release-notes-section .release-card .release-header .desc{font-size:1.35rem;line-height:1.87rem;color:#000}.release-notes-section .release-card .release-icon{width:80px;height:auto;margin:0 auto 2rem;display:block}.release-notes-section .release-card .release-btn{background-color:#000;color:#fff;padding:10px 24px;border-radius:24px;border:none;font-size:1.1rem;font-weight:500;display:inline-flex;align-items:center;gap:10px;transition:background .3s ease;margin-top:10px}.release-notes-section .release-card .release-btn .arrow{font-weight:700;font-size:1.2rem}.release-notes-section .release-card .release-btn:hover{background-color:#000}.release-notes-section .row{--bs-gutter-x: 1rem}.sub-text-extension{max-width:560px}.sub-text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:var(--text-color);margin-bottom:1rem}.sub-text-extension .cta-buttons{margin-top:2rem!important}.sub-text-extension .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.sub-text-extension .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.sub-text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}.trial-form-section{padding-bottom:8rem!important}.trial-form-section:before{top:20px;left:0}.trial-form-section:after{top:20px;right:-16px}.nce-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}.nce-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%)}.nce-banner .container{position:relative;z-index:2}.nce-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.nce-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.nce-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.nce-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}.nce-banner .text-content .cta-buttons{margin-top:2rem}.nce-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.nce-banner .nce-header{font-weight:500;color:#fff!important;font-size:4.5rem!important}.nce-banner .blue-text{font-weight:100}@media (width <= 991px){.nce-banner .text-content{margin-top:6.5rem;margin-bottom:0;text-align:center;max-width:360px}.nce-banner .text-content h1{margin-bottom:6.5rem!important}.nce-banner .nce-header{font-size:2.5rem!important}.nce-banner .cta-buttons{margin-top:5rem!important;justify-content:center!important}.nce-banner .text-extension{position:absolute;margin:3rem;margin-top:24rem!important}.nce-banner .note{margin-left:8rem!important}.nce-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.nce-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}.nce-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.nce-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.nce-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.nce-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}.nce-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.nce-banner .image-content .nce-laptop-img{max-width:315px;width:100%;position:relative;z-index:3;left:1rem;top:19rem}}@media (width >= 991px){.nce-banner .text-content{position:absolute;width:760px}.nce-banner .text-extension{max-width:760px;position:absolute;margin-bottom:36rem!important}}.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}.text-extension{max-width:560px;margin-top:6rem!important}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:100;color:var(--text-color);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}@media (width >= 768px) and (width <= 1200px){.image-content .person-integration-img{position:relative;width:320px;margin-bottom:0;bottom:5rem;left:58rem}.image-content .nce-integration-img{top:3rem;right:6rem;position:relative;width:800px!important}}@media (width >= 1200px){.image-content{position:unset!important;height:634px!important}.image-content .person-integration-img{width:500px;position:relative;min-width:420px;margin-bottom:0;bottom:1rem;left:63rem}.image-content .nce-integration-img{top:3rem;right:17rem;position:relative;width:950px!important}}@media (width <= 991px){.mobile-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa);margin-top:59rem!important;position:absolute}.sub-text-extension{position:absolute;margin-top:21rem!important;padding:3rem!important}.section-integration{height:850px!important}.vendor-container{padding-left:2rem!important;padding-right:2rem!important}.image-content .person-integration-img{max-width:200px;width:100%;position:relative;z-index:3;left:12rem;top:19.35rem}.image-content .nce-integration-img{max-width:315px;width:100%;position:relative;z-index:3;top:4.5rem}}@media (width >= 991px){.section-outer{padding-bottom:7rem!important}.text-content{margin-bottom:27rem!important}.nce-banner{padding-top:132px!important;padding-bottom:20px!important;overflow:hidden}.nce-banner:before{top:587px!important;left:0}.cloudolive-guide-section{position:relative}.cloudolive-guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.responsive-social-container{min-width:1580px!important}.nce-vendor-heading{width:1000px!important}.vendor-container{padding-left:19rem!important;max-height:600px}.sub-text-extension{max-width:760px;position:absolute;margin-top:20rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width >= 786px) and (width <= 991px){.nce-banner{background-position:bottom!important}.nce-integration-img{bottom:12.3rem!important;top:unset!important}}@media (width >= 991px){.section-outer{padding-top:7rem!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 .nce-laptop-img{bottom:5rem;left:40rem;position:relative;width:850px!important}}@media (width >= 786px) and (width <= 1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .nce-laptop-img{bottom:5rem;left:31rem;position:relative;width:850px!important}}@media (width >= 991px){.nce-banner{padding-top:768px;padding-bottom:20px;overflow:hidden}.section-fadeout{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0;position:absolute;top:58rem!important}.nce-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}::ng-deep .vault-card{width:330px!important;height:370px!important}::ng-deep .vault-btn{width:224px!important}}@media (width <= 991px){.mobile-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa);margin-top:60rem!important;position:absolute}.pricing-section{height:890px!important}.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}.nce-banner{padding-bottom:15rem!important}}@media (width <= 991px){.sec-container{padding:7rem 3rem 1rem!important}}@media (width >= 768px) and (width <= 1200px){.outer-section-fadeout{top:62rem!important}}@media (width >= 768px){iframe{width:85%!important;height:375px!important}}@media (width <= 768px){.how-it-works-wrapper{padding:20px 40px}p{font-size:1.7rem!important;line-height:1.7rem!important}.section-row{gap:3rem!important}iframe{width:100%!important}}\n", "::ng-deep .navbar-nav .nav-item .nav-link{color:#fff!important}.bold{font-weight:700}.nce-heading{margin-bottom:2rem}.nce-note{margin-top:1rem;font-size:.85rem;color:#555}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.DomSanitizer }, { type: ResourceService }, { type: i2.TagService }, { type: i0.Injector }] });
 
 class ResourceBlog {
@@ -870,11 +868,11 @@ class ResourcePostDetailsComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourcePostDetailsComponent, deps: [{ token: ResourceService }, { token: i0.Injector }, { token: i2$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourcePostDetailsComponent, selector: "pw-resource-post-details", usesInheritance: true, ngImport: i0, template: "<section class=\"nce-hero-section\">\n    <div class=\"container d-flex flex-wrap\">\n      <div class=\"hero-left\">\n        <p class=\"blog-label\">BLOG</p>\n\n        <h1 class=\"hero-title\">\n          <strong>{{post?.title}}</strong>\n        </h1>\n\n        <div class=\"author-info\">\n          <img [src]=\"post?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\" alt=\"User Profile Logo\" class=\"author-img\" />\n          <div class=\"author-meta\">\n            <p>Article by {{ post?.author?.first_name }} {{ post?.author?.last_name }}</p>\n            <p class=\"date\">{{post?.published_at}}</p>\n          </div>\n          <img src=\"/assets/img/resource/math.png\" alt=\"User Profile Logo\" class=\"d-md-none d-block mobile-math-image\" />\n        </div>\n      </div>\n\n      <div class=\"hero-right d-none d-md-block\">\n        <img src=\"/assets/img/resource/math.png\" alt=\"Math Icon Blob\" class=\"hero-image\" />\n      </div>\n    </div>\n  <hr class=\"nce-divider\" />\n  </section>\n", styles: [".outer-section-fadeout{position:absolute;top:46rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.container{padding-bottom:3.5rem!important;padding-top:232px!important}.nce-hero-section{background:#fff}.nce-hero-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nce-hero-section .blog-label{font-weight:700;font-size:1.7rem;margin-bottom:3rem}.nce-hero-section .hero-title{font-size:3.75rem;font-weight:300;line-height:1.3;color:#000;margin-bottom:2rem}.nce-hero-section .hero-title strong{font-weight:800}.nce-hero-section .hero-left{max-width:700px}.nce-hero-section .author-info{display:flex;align-items:center;gap:1rem;max-width:100%;overflow:hidden}.nce-hero-section .author-info .mobile-math-image{margin-right:0!important;margin-bottom:1rem;height:100px!important}.nce-hero-section .author-info .author-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.nce-hero-section .author-info .author-meta p{font-size:1.2rem;margin-bottom:0!important}.nce-hero-section .author-info .author-meta .date{font-size:.95rem;color:#333}.nce-hero-section .hero-right{flex-shrink:0}.nce-hero-section .hero-right .hero-image{width:300px;height:auto}@media (width <= 768px){.nce-hero-section .hero-title{font-size:2rem}.nce-hero-section .hero-right{margin-top:2rem;width:100%;text-align:center}.nce-hero-section .hero-right .hero-image{max-width:460px}.nce-hero-section .author-info{flex-direction:row;justify-content:flex-start}}@media (width >= 1200px){.hero-image{width:630px!important;height:auto;left:50%;position:absolute!important;top:6rem}}@media (width >= 1020px) and (width <= 1200px){.outer-section-fadeout{top:34rem!important}}@media (width >= 768px) and (width <= 869px){.hero-image{width:200px!important;height:auto}.hero-left{max-width:500px!important}.nce-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 869px) and (width <= 1200px){.hero-image{width:400px!important;height:auto}.hero-left{max-width:500px!important}.nce-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 768px) and (width <= 991px){.container{padding:18rem 6rem 6rem!important}}@media (width >= 991px) and (width <= 1200px){.container{padding:14rem 6rem 6rem!important}}@media (width >= 768px) and (width <= 1200px){.nce-hero-section{padding:0!important}.outer-section-fadeout{top:53rem}.hero-title{font-size:2.75rem!important}.hero-right{text-align:center}}@media (width <= 768px){.container{padding:16rem 3rem 2rem!important}.outer-section-fadeout{top:50rem}}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0;padding-left:0!important}@media (width <= 400px){.author-info{flex-wrap:wrap}.mobile-math-image{margin-left:-1rem!important}}\n"], dependencies: [{ kind: "directive", type: i6.LazyImgDirective, selector: "img" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourcePostDetailsComponent, selector: "pw-resource-post-details", usesInheritance: true, ngImport: i0, template: "<section class=\"nce-hero-section\">\n    <div class=\"container d-flex flex-wrap\">\n      <div class=\"hero-left\">\n        <p class=\"blog-label\">BLOG</p>\n\n        <h1 class=\"hero-title\" [innerHTML]=\"post?.title\">\n        </h1>\n\n        <div class=\"author-info\">\n          <img [src]=\"post?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\" alt=\"User Profile Logo\" class=\"author-img\" />\n          <div class=\"author-meta\">\n            <p>Article by {{ post?.author?.first_name }} {{ post?.author?.last_name }}</p>\n            <p class=\"date\">{{post?.published_at}}</p>\n          </div>\n          <img src=\"/assets/img/resource/math.png\" alt=\"User Profile Logo\" class=\"d-md-none d-block mobile-math-image\" />\n        </div>\n      </div>\n\n      <div class=\"hero-right d-none d-md-block\">\n        <img src=\"/assets/img/resource/math.png\" alt=\"Math Icon Blob\" class=\"hero-image\" />\n      </div>\n    </div>\n  <hr class=\"nce-divider\" />\n  </section>\n", styles: [".outer-section-fadeout{position:absolute;top:46rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.container{padding-bottom:3.5rem!important;padding-top:232px!important}.nce-hero-section{background:#fff}.nce-hero-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nce-hero-section .blog-label{font-weight:700;font-size:1.7rem;margin-bottom:3rem}.nce-hero-section .hero-title{font-size:3.75rem;font-weight:300;line-height:1.3;color:#000;margin-bottom:2rem}.nce-hero-section .hero-title strong{font-weight:800}.nce-hero-section .hero-left{max-width:700px}.nce-hero-section .author-info{display:flex;align-items:center;gap:1rem;max-width:100%;overflow:hidden}.nce-hero-section .author-info .mobile-math-image{margin-right:0!important;margin-bottom:1rem;height:100px!important}.nce-hero-section .author-info .author-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.nce-hero-section .author-info .author-meta p{font-size:1.2rem;margin-bottom:0!important}.nce-hero-section .author-info .author-meta .date{font-size:.95rem;color:#333}.nce-hero-section .hero-right{flex-shrink:0}.nce-hero-section .hero-right .hero-image{width:300px;height:auto}@media (width <= 768px){.nce-hero-section .hero-title{font-size:2rem}.nce-hero-section .hero-right{margin-top:2rem;width:100%;text-align:center}.nce-hero-section .hero-right .hero-image{max-width:460px}.nce-hero-section .author-info{flex-direction:row;justify-content:flex-start}}@media (width >= 1200px){.hero-image{width:630px!important;height:auto;left:50%;position:absolute!important;top:6rem}}@media (width >= 1020px) and (width <= 1200px){.outer-section-fadeout{top:34rem!important}}@media (width >= 768px) and (width <= 869px){.hero-image{width:200px!important;height:auto}.hero-left{max-width:500px!important}.nce-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 869px) and (width <= 1200px){.hero-image{width:400px!important;height:auto}.hero-left{max-width:500px!important}.nce-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 768px) and (width <= 991px){.container{padding:18rem 6rem 6rem!important}}@media (width >= 991px) and (width <= 1200px){.container{padding:14rem 6rem 6rem!important}}@media (width >= 768px) and (width <= 1200px){.nce-hero-section{padding:0!important}.outer-section-fadeout{top:53rem}.hero-title{font-size:2.75rem!important}.hero-right{text-align:center}}@media (width <= 768px){.container{padding:16rem 3rem 2rem!important}.outer-section-fadeout{top:50rem}}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0;padding-left:0!important}@media (width <= 400px){.author-info{flex-wrap:wrap}.mobile-math-image{margin-left:-1rem!important}}\n"], dependencies: [{ kind: "directive", type: i6.LazyImgDirective, selector: "img" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourcePostDetailsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-resource-post-details', template: "<section class=\"nce-hero-section\">\n    <div class=\"container d-flex flex-wrap\">\n      <div class=\"hero-left\">\n        <p class=\"blog-label\">BLOG</p>\n\n        <h1 class=\"hero-title\">\n          <strong>{{post?.title}}</strong>\n        </h1>\n\n        <div class=\"author-info\">\n          <img [src]=\"post?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\" alt=\"User Profile Logo\" class=\"author-img\" />\n          <div class=\"author-meta\">\n            <p>Article by {{ post?.author?.first_name }} {{ post?.author?.last_name }}</p>\n            <p class=\"date\">{{post?.published_at}}</p>\n          </div>\n          <img src=\"/assets/img/resource/math.png\" alt=\"User Profile Logo\" class=\"d-md-none d-block mobile-math-image\" />\n        </div>\n      </div>\n\n      <div class=\"hero-right d-none d-md-block\">\n        <img src=\"/assets/img/resource/math.png\" alt=\"Math Icon Blob\" class=\"hero-image\" />\n      </div>\n    </div>\n  <hr class=\"nce-divider\" />\n  </section>\n", styles: [".outer-section-fadeout{position:absolute;top:46rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.container{padding-bottom:3.5rem!important;padding-top:232px!important}.nce-hero-section{background:#fff}.nce-hero-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nce-hero-section .blog-label{font-weight:700;font-size:1.7rem;margin-bottom:3rem}.nce-hero-section .hero-title{font-size:3.75rem;font-weight:300;line-height:1.3;color:#000;margin-bottom:2rem}.nce-hero-section .hero-title strong{font-weight:800}.nce-hero-section .hero-left{max-width:700px}.nce-hero-section .author-info{display:flex;align-items:center;gap:1rem;max-width:100%;overflow:hidden}.nce-hero-section .author-info .mobile-math-image{margin-right:0!important;margin-bottom:1rem;height:100px!important}.nce-hero-section .author-info .author-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.nce-hero-section .author-info .author-meta p{font-size:1.2rem;margin-bottom:0!important}.nce-hero-section .author-info .author-meta .date{font-size:.95rem;color:#333}.nce-hero-section .hero-right{flex-shrink:0}.nce-hero-section .hero-right .hero-image{width:300px;height:auto}@media (width <= 768px){.nce-hero-section .hero-title{font-size:2rem}.nce-hero-section .hero-right{margin-top:2rem;width:100%;text-align:center}.nce-hero-section .hero-right .hero-image{max-width:460px}.nce-hero-section .author-info{flex-direction:row;justify-content:flex-start}}@media (width >= 1200px){.hero-image{width:630px!important;height:auto;left:50%;position:absolute!important;top:6rem}}@media (width >= 1020px) and (width <= 1200px){.outer-section-fadeout{top:34rem!important}}@media (width >= 768px) and (width <= 869px){.hero-image{width:200px!important;height:auto}.hero-left{max-width:500px!important}.nce-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 869px) and (width <= 1200px){.hero-image{width:400px!important;height:auto}.hero-left{max-width:500px!important}.nce-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 768px) and (width <= 991px){.container{padding:18rem 6rem 6rem!important}}@media (width >= 991px) and (width <= 1200px){.container{padding:14rem 6rem 6rem!important}}@media (width >= 768px) and (width <= 1200px){.nce-hero-section{padding:0!important}.outer-section-fadeout{top:53rem}.hero-title{font-size:2.75rem!important}.hero-right{text-align:center}}@media (width <= 768px){.container{padding:16rem 3rem 2rem!important}.outer-section-fadeout{top:50rem}}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0;padding-left:0!important}@media (width <= 400px){.author-info{flex-wrap:wrap}.mobile-math-image{margin-left:-1rem!important}}\n"] }]
+            args: [{ selector: 'pw-resource-post-details', template: "<section class=\"nce-hero-section\">\n    <div class=\"container d-flex flex-wrap\">\n      <div class=\"hero-left\">\n        <p class=\"blog-label\">BLOG</p>\n\n        <h1 class=\"hero-title\" [innerHTML]=\"post?.title\">\n        </h1>\n\n        <div class=\"author-info\">\n          <img [src]=\"post?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\" alt=\"User Profile Logo\" class=\"author-img\" />\n          <div class=\"author-meta\">\n            <p>Article by {{ post?.author?.first_name }} {{ post?.author?.last_name }}</p>\n            <p class=\"date\">{{post?.published_at}}</p>\n          </div>\n          <img src=\"/assets/img/resource/math.png\" alt=\"User Profile Logo\" class=\"d-md-none d-block mobile-math-image\" />\n        </div>\n      </div>\n\n      <div class=\"hero-right d-none d-md-block\">\n        <img src=\"/assets/img/resource/math.png\" alt=\"Math Icon Blob\" class=\"hero-image\" />\n      </div>\n    </div>\n  <hr class=\"nce-divider\" />\n  </section>\n", styles: [".outer-section-fadeout{position:absolute;top:46rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.container{padding-bottom:3.5rem!important;padding-top:232px!important}.nce-hero-section{background:#fff}.nce-hero-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nce-hero-section .blog-label{font-weight:700;font-size:1.7rem;margin-bottom:3rem}.nce-hero-section .hero-title{font-size:3.75rem;font-weight:300;line-height:1.3;color:#000;margin-bottom:2rem}.nce-hero-section .hero-title strong{font-weight:800}.nce-hero-section .hero-left{max-width:700px}.nce-hero-section .author-info{display:flex;align-items:center;gap:1rem;max-width:100%;overflow:hidden}.nce-hero-section .author-info .mobile-math-image{margin-right:0!important;margin-bottom:1rem;height:100px!important}.nce-hero-section .author-info .author-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.nce-hero-section .author-info .author-meta p{font-size:1.2rem;margin-bottom:0!important}.nce-hero-section .author-info .author-meta .date{font-size:.95rem;color:#333}.nce-hero-section .hero-right{flex-shrink:0}.nce-hero-section .hero-right .hero-image{width:300px;height:auto}@media (width <= 768px){.nce-hero-section .hero-title{font-size:2rem}.nce-hero-section .hero-right{margin-top:2rem;width:100%;text-align:center}.nce-hero-section .hero-right .hero-image{max-width:460px}.nce-hero-section .author-info{flex-direction:row;justify-content:flex-start}}@media (width >= 1200px){.hero-image{width:630px!important;height:auto;left:50%;position:absolute!important;top:6rem}}@media (width >= 1020px) and (width <= 1200px){.outer-section-fadeout{top:34rem!important}}@media (width >= 768px) and (width <= 869px){.hero-image{width:200px!important;height:auto}.hero-left{max-width:500px!important}.nce-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 869px) and (width <= 1200px){.hero-image{width:400px!important;height:auto}.hero-left{max-width:500px!important}.nce-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 768px) and (width <= 991px){.container{padding:18rem 6rem 6rem!important}}@media (width >= 991px) and (width <= 1200px){.container{padding:14rem 6rem 6rem!important}}@media (width >= 768px) and (width <= 1200px){.nce-hero-section{padding:0!important}.outer-section-fadeout{top:53rem}.hero-title{font-size:2.75rem!important}.hero-right{text-align:center}}@media (width <= 768px){.container{padding:16rem 3rem 2rem!important}.outer-section-fadeout{top:50rem}}.nce-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0;padding-left:0!important}@media (width <= 400px){.author-info{flex-wrap:wrap}.mobile-math-image{margin-left:-1rem!important}}\n"] }]
         }], ctorParameters: () => [{ type: ResourceService }, { type: i0.Injector }, { type: i2$1.DomSanitizer }] });
 
 class ResourcePostComponent {
@@ -1477,11 +1475,11 @@ class VaultSectionComponent extends AppBaseComponent {
         this.companyName = this.appConfig?.company.name;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: VaultSectionComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: VaultSectionComponent, selector: "pw-vault-section", usesInheritance: true, ngImport: i0, template: "<section class=\"vault-section\">\n    <div class=\"skewed-bg\"></div>\n    <div class=\"container\">\n      <div class=\"row align-items-center vault-row\">\n        <!-- Left Content -->\n        <div class=\"col-lg-6 col-12 text-content\">\n          <h2 class=\"headline\">{{resourceTagLine}}</h2>\n          <div class=\"description-content\">\n              <p class=\"description\" [innerHTML]=\"resourceDescription\">\n              </p>\n              <a class=\"cta-btn\" href=\"/resources#msp-case-studies\">Jump to {{companyName}} Solutions</a>\n          </div>\n        </div>\n\n        <!-- Right Content -->\n        <div class=\"col-lg-6 col-12 img-wrapper\">\n          <img [src]=\"resourceImage\" alt=\"Vault Mockup\" class=\"img-fluid\" />\n        </div>\n      </div>\n    </div>\n  </section>\n", styles: [".vault-section{position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden}.vault-section: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%);z-index:1}.vault-section .container{position:relative;z-index:2}.vault-section .row{min-height:600px;align-items:center}.vault-section .text-content{max-width:550px;height:100%;display:flex;flex-direction:column;justify-content:center}.vault-section .text-content .headline{font-weight:500;color:#fff!important;font-size:4.5rem!important}.vault-section .text-content .description{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, black);margin-bottom:1rem}.vault-section .text-content .description strong{font-weight:700}.vault-section .text-content .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.vault-section .text-content .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.vault-section .img-wrapper{text-align:center}.vault-section .img-wrapper img{max-width:800px;max-height:800px;height:auto}@media (width >= 991px){.vault-section img{max-width:800px;width:100%;height:auto;position:relative;top:11.6rem}.vault-section .description-content{top:26rem;position:absolute;max-width:500px}.vault-section .headline{margin-bottom:21rem!important}}@media (width >= 1100px){.vault-section img{left:25%}}@media (width >= 991px) and (width <= 1100px){.vault-section img{top:12.9rem!important;left:19%}}@media (width <= 991px){.vault-section .vault-row{text-align:center;justify-content:center}.vault-section img{top:5rem!important;position:relative}}@media (width <= 768px){.vault-section .text-content{text-align:center;margin-bottom:2rem;margin-top:3rem!important}.vault-section .text-content .headline{font-size:3rem!important}.vault-section .text-content .description{font-size:1.5rem;line-height:2rem}}\n"], dependencies: [{ kind: "directive", type: i6.LazyImgDirective, selector: "img" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: VaultSectionComponent, selector: "pw-vault-section", usesInheritance: true, ngImport: i0, template: "<section class=\"vault-section\">\n    <div class=\"skewed-bg\"></div>\n    <div class=\"container\">\n      <div class=\"row align-items-center vault-row\">\n        <!-- Left Content -->\n        <div class=\"col-lg-6 col-12 text-content\">\n          <h2 class=\"headline\">{{resourceTagLine}}</h2>\n          <div class=\"description-content\">\n              <p class=\"description\" [innerHTML]=\"resourceDescription\">\n              </p>\n          </div>\n        </div>\n\n        <!-- Right Content -->\n        <div class=\"col-lg-6 col-12 img-wrapper\">\n          <img [src]=\"resourceImage\" alt=\"Vault Mockup\" class=\"img-fluid\" />\n        </div>\n      </div>\n    </div>\n  </section>\n", styles: [".vault-section{position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden}.vault-section: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%);z-index:1}.vault-section .container{position:relative;z-index:2}.vault-section .row{min-height:600px;align-items:center}.vault-section .text-content{max-width:550px;height:100%;display:flex;flex-direction:column;justify-content:center}.vault-section .text-content .headline{font-weight:500;color:#fff!important;font-size:4.5rem!important}.vault-section .text-content .description{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, black);margin-bottom:1rem}.vault-section .text-content .description strong{font-weight:700}.vault-section .text-content .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.vault-section .text-content .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.vault-section .img-wrapper{text-align:center}.vault-section .img-wrapper img{max-width:800px;max-height:800px;height:auto}@media (width >= 991px){.vault-section img{max-width:800px;width:100%;height:auto;position:relative;top:11.6rem}.vault-section .description-content{top:26rem;position:absolute;max-width:500px}.vault-section .headline{margin-bottom:21rem!important}}@media (width >= 1100px){.vault-section img{left:25%}}@media (width >= 991px) and (width <= 1100px){.vault-section img{top:12.9rem!important;left:19%}}@media (width <= 991px){.vault-section .vault-row{text-align:center;justify-content:center}.vault-section img{top:5rem!important;position:relative}}@media (width <= 768px){.vault-section .text-content{text-align:center;margin-bottom:2rem;margin-top:3rem!important}.vault-section .text-content .headline{font-size:3rem!important}.vault-section .text-content .description{font-size:1.5rem;line-height:2rem}}\n"], dependencies: [{ kind: "directive", type: i6.LazyImgDirective, selector: "img" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: VaultSectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-vault-section', template: "<section class=\"vault-section\">\n    <div class=\"skewed-bg\"></div>\n    <div class=\"container\">\n      <div class=\"row align-items-center vault-row\">\n        <!-- Left Content -->\n        <div class=\"col-lg-6 col-12 text-content\">\n          <h2 class=\"headline\">{{resourceTagLine}}</h2>\n          <div class=\"description-content\">\n              <p class=\"description\" [innerHTML]=\"resourceDescription\">\n              </p>\n              <a class=\"cta-btn\" href=\"/resources#msp-case-studies\">Jump to {{companyName}} Solutions</a>\n          </div>\n        </div>\n\n        <!-- Right Content -->\n        <div class=\"col-lg-6 col-12 img-wrapper\">\n          <img [src]=\"resourceImage\" alt=\"Vault Mockup\" class=\"img-fluid\" />\n        </div>\n      </div>\n    </div>\n  </section>\n", styles: [".vault-section{position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden}.vault-section: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%);z-index:1}.vault-section .container{position:relative;z-index:2}.vault-section .row{min-height:600px;align-items:center}.vault-section .text-content{max-width:550px;height:100%;display:flex;flex-direction:column;justify-content:center}.vault-section .text-content .headline{font-weight:500;color:#fff!important;font-size:4.5rem!important}.vault-section .text-content .description{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, black);margin-bottom:1rem}.vault-section .text-content .description strong{font-weight:700}.vault-section .text-content .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.vault-section .text-content .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.vault-section .img-wrapper{text-align:center}.vault-section .img-wrapper img{max-width:800px;max-height:800px;height:auto}@media (width >= 991px){.vault-section img{max-width:800px;width:100%;height:auto;position:relative;top:11.6rem}.vault-section .description-content{top:26rem;position:absolute;max-width:500px}.vault-section .headline{margin-bottom:21rem!important}}@media (width >= 1100px){.vault-section img{left:25%}}@media (width >= 991px) and (width <= 1100px){.vault-section img{top:12.9rem!important;left:19%}}@media (width <= 991px){.vault-section .vault-row{text-align:center;justify-content:center}.vault-section img{top:5rem!important;position:relative}}@media (width <= 768px){.vault-section .text-content{text-align:center;margin-bottom:2rem;margin-top:3rem!important}.vault-section .text-content .headline{font-size:3rem!important}.vault-section .text-content .description{font-size:1.5rem;line-height:2rem}}\n"] }]
+            args: [{ selector: 'pw-vault-section', template: "<section class=\"vault-section\">\n    <div class=\"skewed-bg\"></div>\n    <div class=\"container\">\n      <div class=\"row align-items-center vault-row\">\n        <!-- Left Content -->\n        <div class=\"col-lg-6 col-12 text-content\">\n          <h2 class=\"headline\">{{resourceTagLine}}</h2>\n          <div class=\"description-content\">\n              <p class=\"description\" [innerHTML]=\"resourceDescription\">\n              </p>\n          </div>\n        </div>\n\n        <!-- Right Content -->\n        <div class=\"col-lg-6 col-12 img-wrapper\">\n          <img [src]=\"resourceImage\" alt=\"Vault Mockup\" class=\"img-fluid\" />\n        </div>\n      </div>\n    </div>\n  </section>\n", styles: [".vault-section{position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden}.vault-section: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%);z-index:1}.vault-section .container{position:relative;z-index:2}.vault-section .row{min-height:600px;align-items:center}.vault-section .text-content{max-width:550px;height:100%;display:flex;flex-direction:column;justify-content:center}.vault-section .text-content .headline{font-weight:500;color:#fff!important;font-size:4.5rem!important}.vault-section .text-content .description{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, black);margin-bottom:1rem}.vault-section .text-content .description strong{font-weight:700}.vault-section .text-content .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.vault-section .text-content .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.vault-section .img-wrapper{text-align:center}.vault-section .img-wrapper img{max-width:800px;max-height:800px;height:auto}@media (width >= 991px){.vault-section img{max-width:800px;width:100%;height:auto;position:relative;top:11.6rem}.vault-section .description-content{top:26rem;position:absolute;max-width:500px}.vault-section .headline{margin-bottom:21rem!important}}@media (width >= 1100px){.vault-section img{left:25%}}@media (width >= 991px) and (width <= 1100px){.vault-section img{top:12.9rem!important;left:19%}}@media (width <= 991px){.vault-section .vault-row{text-align:center;justify-content:center}.vault-section img{top:5rem!important;position:relative}}@media (width <= 768px){.vault-section .text-content{text-align:center;margin-bottom:2rem;margin-top:3rem!important}.vault-section .text-content .headline{font-size:3rem!important}.vault-section .text-content .description{font-size:1.5rem;line-height:2rem}}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
 class ResourceComponent {
@@ -1812,7 +1810,6 @@ class WhitePaperTopBannerComponent extends AppBaseComponent {
                 this.localStorage.getItem$('product').subscribe(res => {
                     const data = res ? JSON.parse(res) : null;
                     this.subscriptionId = data?.subscriptionId;
-                    console.log(this.subscriptionId);
                 });
             }
             this.getTags();
@@ -1878,11 +1875,9 @@ class WhitePaperComponent extends AppBaseComponent {
         });
     }
     getPosts(page, pageSize) {
-        console.log(this.blogPostTag);
         this.resourceService
             .getPublicPosts(this.subscriptionId || this.masterSubscriptionId, page, pageSize, '', this.blogPostTag?.tag_category_id)
             .subscribe(response => {
-            console.log(response.posts, this.blogPostTag);
             this.posts = response.posts
                 .filter(post => post.tags?.some(tag => tag.tag_category_id === this.blogPostTag?.tag_category_id))
                 .sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime())