@posiwise/resource-module 0.0.203 → 0.0.205

package/fesm2022/{posiwise-resource-module-resource-white-papers.module-DBjSfwx4.mjs → posiwise-resource-module-resource-white-papers.module-pn6rtDc3.mjs}

@@ -35,7 +35,7 @@ var WhitePaperTopBannerComponent = class WhitePaperTopBannerComponent extends Ba
 			selector: "pw-white-paper-top-banner",
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<section class=\"bg-white pricing-section\">\n  <div class=\"resource-banner\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <!-- Left Content -->\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'White papers &amp; Tools'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getPostTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension mt-4\">\n          <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n            <div class=\"flex-grow-1\">\n              @if (blogPostTag?.description && blogPostTag.description !== 'null' ) {\n                <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n              } @else {\n                <p class=\"intro\">\n                  If you like your insights practical and your downloads actually useful &mdash; you&rsquo;re in the right place.\n                </p>\n              }\n            </div>\n            <div class=\"d-flex gap-3 flex-wrap mt-3\">\n              <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n                class=\"cta-btn filled\">Talk to us <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n            </div>\n          </div>\n        </div>\n        <!-- Right Content -->\n        <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n          <div class=\"resource-math-img\"></div>\n          <img class=\"resource-laptop-img dyn-img\"\n            [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/white-paper-women.png'\"\n            alt=\"White papers and tools banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n",
+			template: "<section class=\"bg-white pricing-section\">\n  <div class=\"resource-banner\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <!-- Left Content -->\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'White papers &amp; Tools'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getPostTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension mt-4\">\n          <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n            <div class=\"flex-grow-1\">\n              @if (blogPostTag?.description && blogPostTag.description !== 'null' ) {\n                <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n              } @else {\n                <p class=\"intro\">\n                  If you like your insights practical and your downloads actually useful &mdash; you&rsquo;re in the right place.\n                </p>\n              }\n            </div>\n            <div class=\"d-flex gap-3 flex-wrap mt-3\">\n              <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n                class=\"cta-btn filled\">Talk to us <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n            </div>\n          </div>\n        </div>\n        <!-- Right Content -->\n        <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n          <div class=\"resource-math-img\"></div>\n          <img class=\"resource-laptop-img dyn-img\"\n            [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/white-paper-women.webp'\"\n            alt=\"White papers and tools banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n",
 			styles: [
 				"@charset \"UTF-8\";.cta-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, currentcolor);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid var(--text-color, currentcolor);box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, currentcolor)!important;transform:translateY(-1px)}.cta-btn:focus-visible{outline:2px solid var(--text-color, currentcolor);outline-offset:3px}.cta-btn__icon{font-size:1.1rem;line-height:1}@media(width<=768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, currentColor);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.resource-banner{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden;z-index:2}@media(width<=1200px){.resource-banner .container{padding:7rem 3rem 0rem!important}}.resource-banner:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%)}.resource-banner .container{position:relative;z-index:2}.resource-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.resource-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.resource-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.resource-banner .text-content .cta-btn{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem}.resource-banner .text-content .cta-buttons{margin-top:2rem}.resource-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.resource-banner .resource-header-text{max-width:500px;font-weight:500;color:#fff!important;font-size:4.5rem!important}.resource-banner .blue-text{font-weight:100}@media(width<=991px){.resource-banner .text-content{margin-top:1.5rem;margin-bottom:0;text-align:center;max-width:360px}.resource-banner .text-content h1{margin-bottom:6.5rem!important}.resource-banner .resource-header-text{font-size:2.5rem!important}.resource-banner .cta-buttons{margin-top:0rem!important;justify-content:center!important}.resource-banner .note{margin-left:8rem!important}.resource-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.resource-banner .image-content .floating-box{position:absolute;top:25px;left:3rem;transform:translate(-50%) rotate(-10deg);background:#fff;padding:.75rem 1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;z-index:3;display:inline-block;width:auto}.resource-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.resource-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.resource-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.resource-banner .image-content .screen-img{max-width:280px;position:absolute;bottom:0;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003}.resource-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.resource-banner .image-content .resource-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;margin-top:3rem;left:2%;height:auto!important;top:4rem}}@media(width>=991px){.resource-banner .text-content{position:absolute;width:760px}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}@media(width>=991px){.section-outer{padding-top:7rem!important}}@media(width>=768px)and (width<=991px){.resource-math-img{left:36%!important;top:22rem!important}}@media(width>=991px)and (width<=1200px){.text-extension{max-width:760px;position:absolute;margin-bottom:23rem!important}.resource-divider{top:63.5rem;position:absolute!important}.resource-banner{padding-bottom:90px!important}}@media(width>=1200px){.text-extension{max-width:500px;position:absolute;margin-bottom:31rem!important}.resource-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media(width>=1200px){.resource-divider{top:59.5rem;position:absolute!important}.cta-tab{margin-bottom:5rem!important}}@media(width>=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-laptop-img{top:4rem;left:2rem;position:relative}.image-content .resource-math-img{bottom:9rem;left:61rem;position:relative;height:312px;margin-right:1rem;min-width:450px!important}}@media(width<=786px){.text-extension{position:absolute;margin:3rem;margin-top:11rem!important}}@media(width>=786px)and (width<=991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media(width>=704px)and (width<=768px){.resource-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media(width>=786px)and (width<=991px){.resource-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media(width>=991px)and (width<=1200px){.resource-laptop-img{top:7rem;left:3%;position:relative;width:100%;max-width:600px!important;height:auto}}@media(width>=786px)and (width<=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-math-img{height:243px!important;min-width:350px;bottom:9rem;left:34rem;position:relative;width:350px!important}}@media(width<=991px){.resource-banner{padding-bottom:15rem}}@media(width<=768px){.resource-math-img{top:18rem}.cta-btn{justify-content:center}.resource-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media(width>=768px)and (width<=991px){.cta-btn{justify-content:center}.resource-divider{margin-top:36rem!important}}@media(width>=991px){.resource-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.resource-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}}@media(width<=991px){.billing-section{flex-direction:column!important;gap:3rem}.billing-section .billing-section1,.billing-section .billing-section2{width:90%!important}.billing-section .billing-section1{margin-left:1.5rem;margin-top:4rem}}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media(max-width:991px){.resource-banner .container{display:flex;flex-direction:column;align-items:flex-start;min-height:auto}.resource-banner .text-content,.resource-banner .text-extension,.resource-banner .image-content{position:static!important;left:auto;top:auto;max-width:100%;margin:0!important}.resource-banner .text-content{margin-bottom:0!important}.text-extension{margin-top:1rem!important}.resource-banner .image-content{width:100%;height:auto;align-self:center;margin-top:auto!important}.resource-banner .resource-laptop-img{position:static!important;max-width:260px;width:100%;height:auto!important}.resource-banner{padding:2rem 0 0rem!important}}@media(max-width:575px){.resource-banner:after{height:45%}}\n",
 				"@media(width<=768px){.dyn-img{top:6rem!important}}\n",
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			imports: [ResourceTopBannerEditComponent, LazyImgDirective],
 			schemas: [CUSTOM_ELEMENTS_SCHEMA],
-			template: "<section class=\"bg-white pricing-section\">\n  <div class=\"resource-banner\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <!-- Left Content -->\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'White papers &amp; Tools'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getPostTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension mt-4\">\n          <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n            <div class=\"flex-grow-1\">\n              @if (blogPostTag?.description && blogPostTag.description !== 'null' ) {\n                <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n              } @else {\n                <p class=\"intro\">\n                  If you like your insights practical and your downloads actually useful &mdash; you&rsquo;re in the right place.\n                </p>\n              }\n            </div>\n            <div class=\"d-flex gap-3 flex-wrap mt-3\">\n              <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n                class=\"cta-btn filled\">Talk to us <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n            </div>\n          </div>\n        </div>\n        <!-- Right Content -->\n        <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n          <div class=\"resource-math-img\"></div>\n          <img class=\"resource-laptop-img dyn-img\"\n            [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/white-paper-women.png'\"\n            alt=\"White papers and tools banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n",
+			template: "<section class=\"bg-white pricing-section\">\n  <div class=\"resource-banner\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <!-- Left Content -->\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'White papers &amp; Tools'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getPostTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension mt-4\">\n          <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n            <div class=\"flex-grow-1\">\n              @if (blogPostTag?.description && blogPostTag.description !== 'null' ) {\n                <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n              } @else {\n                <p class=\"intro\">\n                  If you like your insights practical and your downloads actually useful &mdash; you&rsquo;re in the right place.\n                </p>\n              }\n            </div>\n            <div class=\"d-flex gap-3 flex-wrap mt-3\">\n              <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n                class=\"cta-btn filled\">Talk to us <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n            </div>\n          </div>\n        </div>\n        <!-- Right Content -->\n        <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n          <div class=\"resource-math-img\"></div>\n          <img class=\"resource-laptop-img dyn-img\"\n            [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/white-paper-women.webp'\"\n            alt=\"White papers and tools banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n",
 			styles: [
 				"@charset \"UTF-8\";.cta-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, currentcolor);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid var(--text-color, currentcolor);box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, currentcolor)!important;transform:translateY(-1px)}.cta-btn:focus-visible{outline:2px solid var(--text-color, currentcolor);outline-offset:3px}.cta-btn__icon{font-size:1.1rem;line-height:1}@media(width<=768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, currentColor);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.resource-banner{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden;z-index:2}@media(width<=1200px){.resource-banner .container{padding:7rem 3rem 0rem!important}}.resource-banner:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%)}.resource-banner .container{position:relative;z-index:2}.resource-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.resource-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.resource-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.resource-banner .text-content .cta-btn{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem}.resource-banner .text-content .cta-buttons{margin-top:2rem}.resource-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.resource-banner .resource-header-text{max-width:500px;font-weight:500;color:#fff!important;font-size:4.5rem!important}.resource-banner .blue-text{font-weight:100}@media(width<=991px){.resource-banner .text-content{margin-top:1.5rem;margin-bottom:0;text-align:center;max-width:360px}.resource-banner .text-content h1{margin-bottom:6.5rem!important}.resource-banner .resource-header-text{font-size:2.5rem!important}.resource-banner .cta-buttons{margin-top:0rem!important;justify-content:center!important}.resource-banner .note{margin-left:8rem!important}.resource-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.resource-banner .image-content .floating-box{position:absolute;top:25px;left:3rem;transform:translate(-50%) rotate(-10deg);background:#fff;padding:.75rem 1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;z-index:3;display:inline-block;width:auto}.resource-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.resource-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.resource-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.resource-banner .image-content .screen-img{max-width:280px;position:absolute;bottom:0;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003}.resource-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.resource-banner .image-content .resource-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;margin-top:3rem;left:2%;height:auto!important;top:4rem}}@media(width>=991px){.resource-banner .text-content{position:absolute;width:760px}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}@media(width>=991px){.section-outer{padding-top:7rem!important}}@media(width>=768px)and (width<=991px){.resource-math-img{left:36%!important;top:22rem!important}}@media(width>=991px)and (width<=1200px){.text-extension{max-width:760px;position:absolute;margin-bottom:23rem!important}.resource-divider{top:63.5rem;position:absolute!important}.resource-banner{padding-bottom:90px!important}}@media(width>=1200px){.text-extension{max-width:500px;position:absolute;margin-bottom:31rem!important}.resource-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media(width>=1200px){.resource-divider{top:59.5rem;position:absolute!important}.cta-tab{margin-bottom:5rem!important}}@media(width>=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-laptop-img{top:4rem;left:2rem;position:relative}.image-content .resource-math-img{bottom:9rem;left:61rem;position:relative;height:312px;margin-right:1rem;min-width:450px!important}}@media(width<=786px){.text-extension{position:absolute;margin:3rem;margin-top:11rem!important}}@media(width>=786px)and (width<=991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media(width>=704px)and (width<=768px){.resource-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media(width>=786px)and (width<=991px){.resource-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media(width>=991px)and (width<=1200px){.resource-laptop-img{top:7rem;left:3%;position:relative;width:100%;max-width:600px!important;height:auto}}@media(width>=786px)and (width<=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-math-img{height:243px!important;min-width:350px;bottom:9rem;left:34rem;position:relative;width:350px!important}}@media(width<=991px){.resource-banner{padding-bottom:15rem}}@media(width<=768px){.resource-math-img{top:18rem}.cta-btn{justify-content:center}.resource-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media(width>=768px)and (width<=991px){.cta-btn{justify-content:center}.resource-divider{margin-top:36rem!important}}@media(width>=991px){.resource-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.resource-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}}@media(width<=991px){.billing-section{flex-direction:column!important;gap:3rem}.billing-section .billing-section1,.billing-section .billing-section2{width:90%!important}.billing-section .billing-section1{margin-left:1.5rem;margin-top:4rem}}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media(max-width:991px){.resource-banner .container{display:flex;flex-direction:column;align-items:flex-start;min-height:auto}.resource-banner .text-content,.resource-banner .text-extension,.resource-banner .image-content{position:static!important;left:auto;top:auto;max-width:100%;margin:0!important}.resource-banner .text-content{margin-bottom:0!important}.text-extension{margin-top:1rem!important}.resource-banner .image-content{width:100%;height:auto;align-self:center;margin-top:auto!important}.resource-banner .resource-laptop-img{position:static!important;max-width:260px;width:100%;height:auto!important}.resource-banner{padding:2rem 0 0rem!important}}@media(max-width:575px){.resource-banner:after{height:45%}}\n",
 				"@media(width<=768px){.dyn-img{top:6rem!important}}\n",
@@ -106,7 +106,7 @@ var WhitePaperComponent = class WhitePaperComponent extends BaseResourceComponen
 			selector: "pw-resource-white-papers",
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<pw-white-paper-top-banner></pw-white-paper-top-banner>\n\n@if (blogPostTag?.tag_category_id) {\n  <pw-resource--vault [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource--vault>\n}\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n",
+			template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<main>\n\n<pw-white-paper-top-banner></pw-white-paper-top-banner>\n\n@if (blogPostTag?.tag_category_id) {\n  <pw-resource--vault [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource--vault>\n}\n\n</main>\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n",
 			dependencies: [
 				{
 					kind: "component",
@@ -169,7 +169,7 @@ i0.ɵɵngDeclareClassMetadata({
 				Trial4ContactUsComponent
 			],
 			schemas: [CUSTOM_ELEMENTS_SCHEMA],
-			template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<pw-white-paper-top-banner></pw-white-paper-top-banner>\n\n@if (blogPostTag?.tag_category_id) {\n  <pw-resource--vault [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource--vault>\n}\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n"
+			template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<main>\n\n<pw-white-paper-top-banner></pw-white-paper-top-banner>\n\n@if (blogPostTag?.tag_category_id) {\n  <pw-resource--vault [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource--vault>\n}\n\n</main>\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n"
 		}]
 	}]
 });
@@ -242,4 +242,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ResourceWhitePapersModule };
 
-//# sourceMappingURL=posiwise-resource-module-resource-white-papers.module-DBjSfwx4.mjs.map
+//# sourceMappingURL=posiwise-resource-module-resource-white-papers.module-pn6rtDc3.mjs.map

package/fesm2022/posiwise-resource-module-resource-white-papers.module-pn6rtDc3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"posiwise-resource-module-resource-white-papers.module-pn6rtDc3.mjs","names":[],"sources":["../../../../libs/resource-module/src/lib/public/components/white-papers/white-papers-top-banner/white-papers-top-banner.component.ts","../../../../libs/resource-module/src/lib/public/components/white-papers/white-papers-top-banner/white-papers-top-banner.component.html","../../../../libs/resource-module/src/lib/public/components/white-papers/white-papers.component.ts","../../../../libs/resource-module/src/lib/public/components/white-papers/white-papers.component.html","../../../../libs/resource-module/src/lib/public/modules/white-papers/resource-white-papers.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\n\nimport { LazyImgDirective } from '@posiwise/directives';\n\nimport { BaseTopBannerComponent } from '../../base/base-top-banner.component';\nimport { ResourceTopBannerEditComponent } from '../../resource-top-banner-edit/resource-top-banner-edit.component';\n\n@Component({\n    selector: 'pw-white-paper-top-banner',\n    templateUrl: './white-papers-top-banner.component.html',\n    styleUrls: [\n        '../../resource-case-studies/resource-case-studies.component.scss',\n        './white-papers-top-banner.component.scss',\n        '../../resources/resources-shared.component.scss',\n        '../../resource-post/related-resources/related-resources.component.scss'\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [ResourceTopBannerEditComponent, LazyImgDirective],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class WhitePaperTopBannerComponent extends BaseTopBannerComponent {\n    contactUsUrl = this.appConfig?.pages_config?.contact_us?.url;\n\n    protected getSearchTerm(): string {\n        return 'White Papers';\n    }\n}\n","<section class=\"bg-white pricing-section\">\n  <div class=\"resource-banner\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <!-- Left Content -->\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'White papers &amp; Tools'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getPostTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension mt-4\">\n          <div class=\"cta-buttons d-flex flex-column justify-between h-100\">\n            <div class=\"flex-grow-1\">\n              @if (blogPostTag?.description && blogPostTag.description !== 'null' ) {\n                <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n              } @else {\n                <p class=\"intro\">\n                  If you like your insights practical and your downloads actually useful &mdash; you&rsquo;re in the right place.\n                </p>\n              }\n            </div>\n            <div class=\"d-flex gap-3 flex-wrap mt-3\">\n              <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n                class=\"cta-btn filled\">Talk to us <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n            </div>\n          </div>\n        </div>\n        <!-- Right Content -->\n        <div class=\"image-content ms-lg-5 mt-5 mt-lg-0\">\n          <div class=\"resource-math-img\"></div>\n          <img class=\"resource-laptop-img dyn-img\"\n            [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource/white-paper-women.webp'\"\n            alt=\"White papers and tools banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\n\nimport { Trial4ContactUsComponent } from '@posiwise/resource-contact-us';\nimport { ResourceHeaderComponent } from '@posiwise/utils';\n\nimport { BaseResourceComponent } from '../base/base-resource.component';\nimport { ResourceVaultComponent } from '../resource-vault/resource-vault.component';\n\nimport { WhitePaperTopBannerComponent } from './white-papers-top-banner/white-papers-top-banner.component';\n\n@Component({\n    selector: 'pw-resource-white-papers',\n    templateUrl: './white-papers.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        ResourceHeaderComponent,\n        WhitePaperTopBannerComponent,\n        ResourceVaultComponent,\n        Trial4ContactUsComponent\n    ],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class WhitePaperComponent extends BaseResourceComponent {\n    protected getResourceType(): string {\n        return 'White Papers';\n    }\n}\n","<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<main>\n\n<pw-white-paper-top-banner></pw-white-paper-top-banner>\n\n@if (blogPostTag?.tag_category_id) {\n  <pw-resource--vault [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource--vault>\n}\n\n</main>\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nimport { WhitePaperComponent } from '../../components/white-papers/white-papers.component';\nimport { WhitePaperTopBannerComponent } from '../../components/white-papers/white-papers-top-banner/white-papers-top-banner.component';\nimport { ResourceSharedModule } from '../../shared/resource-shared.module';\n\nconst routes: Routes = [\n    {\n        path: '',\n        component: WhitePaperComponent,\n        data: {\n            title: 'Resources - White Papers',\n            permission: 'Pages.Blog',\n            preload: false\n        }\n    }\n];\n\n@NgModule({\n    imports: [\n        ResourceSharedModule,\n        RouterModule.forChild(routes),\n        WhitePaperComponent,\n        WhitePaperTopBannerComponent\n    ],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class ResourceWhitePapersModule {}\n"],"mappings":"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"}