@posiwise/resource-module 0.0.157 → 0.0.159

package/esm2022/index.mjs

@@ -2,7 +2,6 @@ export * from './lib/resource.module';
 // Public
 // export * from './lib/public/components/resources-read/resources-read.component';
 // export * from './lib/public/components/resources-hub/resources-hub.component';
-export * from './lib/public/components/resource-contact-us/resource-contact-us.component';
 export * from './lib/public/components/resource-contact-us/resource-contact-us.module';
 export * from './lib/public/resource-public.module';
 export * from './lib/public/shared/resource-shared.module';
@@ -23,4 +22,4 @@ export * from './lib/public/components/resource-vault/resource-vault.component';
 export * from './lib/public/components/resource-videos/resource-video-cards/resource-video-cards.component';
 export * from './lib/public/components/resource-webinars/upcoming-event-cards/upcoming-event-cards.component';
 export * from './lib/public/components/testimonial-card/testimonial-card.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQztBQUV0QyxTQUFTO0FBQ1QsbUZBQW1GO0FBQ25GLGlGQUFpRjtBQUNqRixjQUFjLDJFQUEyRSxDQUFDO0FBQzFGLGNBQWMsd0VBQXdFLENBQUM7QUFDdkYsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLG9CQUFvQjtBQUNwQixjQUFjLHVDQUF1QyxDQUFDO0FBRXRELHdGQUF3RjtBQUN4RixjQUFjLHdFQUF3RSxDQUFDO0FBQ3ZGLGNBQWMsK0ZBQStGLENBQUM7QUFDOUcsY0FBYywrRUFBK0UsQ0FBQztBQUM5RixjQUFjLHlFQUF5RSxDQUFDO0FBQ3hGLGNBQWMsbUZBQW1GLENBQUM7QUFDbEcsY0FBYyxpR0FBaUcsQ0FBQztBQUNoSCxjQUFjLHFGQUFxRixDQUFDO0FBQ3BHLGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYyw2RkFBNkYsQ0FBQztBQUM1RyxjQUFjLCtGQUErRixDQUFDO0FBQzlHLGNBQWMscUVBQXFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9yZXNvdXJjZS5tb2R1bGUnO1xuXG4vLyBQdWJsaWNcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlcy1yZWFkL3Jlc291cmNlcy1yZWFkLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZXMtaHViL3Jlc291cmNlcy1odWIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLWNvbnRhY3QtdXMvcmVzb3VyY2UtY29udGFjdC11cy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2UtY29udGFjdC11cy9yZXNvdXJjZS1jb250YWN0LXVzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvcmVzb3VyY2UtcHVibGljLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvc2hhcmVkL3Jlc291cmNlLXNoYXJlZC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL3NoYXJlZC9yZXNvdXJjZS1jYXJkcy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL3NoYXJlZC9yZXNvdXJjZS1lZGl0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yZXNvdXJjZS5zZXJ2aWNlJztcblxuLy8gU2hhcmVkIGludGVyZmFjZXNcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NoYXJlZC9yZXNvdXJjZS1tb2RhbC5pbnRlcmZhY2UnO1xuXG4vLyBFeHBvcnQgaW50ZXJuYWwgY29tcG9uZW50cyB1c2VkIGJ5IFJlc291cmNlU2hhcmVkTW9kdWxlIChyZXF1aXJlZCBmb3IgbGlicmFyeSBleHBvcnQpXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNsZWFzZS1ub3RlLWNhcmQvcmVsZWFzZS1ub3RlLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLWNhc2Utc3R1ZGllcy9jYXNlLXN0dWRpZXMtY2FyZHMvY2FzZS1zdHVkaWVzLWNhcmRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS1jb21wYW55LWNhcmQvcmVzb3VyY2UtY29tcGFueS1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS1lZGl0LWNhcmQvcmVzb3VyY2UtZWRpdC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS1lZGl0LWNhcmQtbGF6eS9yZXNvdXJjZS1lZGl0LWNhcmQtbGF6eS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2UtcG9zdC9yZWxhdGVkLXJlc291cmNlcy9yZXNvdXJjZS1jYXJkcy9yZXNvdXJjZS1jYXJkcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2UtdG9wLWJhbm5lci1lZGl0L3Jlc291cmNlLXRvcC1iYW5uZXItZWRpdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2UtdmF1bHQvcmVzb3VyY2UtdmF1bHQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLXZpZGVvcy9yZXNvdXJjZS12aWRlby1jYXJkcy9yZXNvdXJjZS12aWRlby1jYXJkcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2Utd2ViaW5hcnMvdXBjb21pbmctZXZlbnQtY2FyZHMvdXBjb21pbmctZXZlbnQtY2FyZHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Rlc3RpbW9uaWFsLWNhcmQvdGVzdGltb25pYWwtY2FyZC5jb21wb25lbnQnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQztBQUV0QyxTQUFTO0FBQ1QsbUZBQW1GO0FBQ25GLGlGQUFpRjtBQUNqRixjQUFjLHdFQUF3RSxDQUFDO0FBQ3ZGLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyx3QkFBd0IsQ0FBQztBQUV2QyxvQkFBb0I7QUFDcEIsY0FBYyx1Q0FBdUMsQ0FBQztBQUV0RCx3RkFBd0Y7QUFDeEYsY0FBYyx3RUFBd0UsQ0FBQztBQUN2RixjQUFjLCtGQUErRixDQUFDO0FBQzlHLGNBQWMsK0VBQStFLENBQUM7QUFDOUYsY0FBYyx5RUFBeUUsQ0FBQztBQUN4RixjQUFjLG1GQUFtRixDQUFDO0FBQ2xHLGNBQWMsaUdBQWlHLENBQUM7QUFDaEgsY0FBYyxxRkFBcUYsQ0FBQztBQUNwRyxjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsNkZBQTZGLENBQUM7QUFDNUcsY0FBYywrRkFBK0YsQ0FBQztBQUM5RyxjQUFjLHFFQUFxRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvcmVzb3VyY2UubW9kdWxlJztcblxuLy8gUHVibGljXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZXMtcmVhZC9yZXNvdXJjZXMtcmVhZC5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2VzLWh1Yi9yZXNvdXJjZXMtaHViLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS1jb250YWN0LXVzL3Jlc291cmNlLWNvbnRhY3QtdXMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9yZXNvdXJjZS1wdWJsaWMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9zaGFyZWQvcmVzb3VyY2Utc2hhcmVkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvc2hhcmVkL3Jlc291cmNlLWNhcmRzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvc2hhcmVkL3Jlc291cmNlLWVkaXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Jlc291cmNlLnNlcnZpY2UnO1xuXG4vLyBTaGFyZWQgaW50ZXJmYWNlc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2hhcmVkL3Jlc291cmNlLW1vZGFsLmludGVyZmFjZSc7XG5cbi8vIEV4cG9ydCBpbnRlcm5hbCBjb21wb25lbnRzIHVzZWQgYnkgUmVzb3VyY2VTaGFyZWRNb2R1bGUgKHJlcXVpcmVkIGZvciBsaWJyYXJ5IGV4cG9ydClcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc2xlYXNlLW5vdGUtY2FyZC9yZWxlYXNlLW5vdGUtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2UtY2FzZS1zdHVkaWVzL2Nhc2Utc3R1ZGllcy1jYXJkcy9jYXNlLXN0dWRpZXMtY2FyZHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLWNvbXBhbnktY2FyZC9yZXNvdXJjZS1jb21wYW55LWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLWVkaXQtY2FyZC9yZXNvdXJjZS1lZGl0LWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLWVkaXQtY2FyZC1sYXp5L3Jlc291cmNlLWVkaXQtY2FyZC1sYXp5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS1wb3N0L3JlbGF0ZWQtcmVzb3VyY2VzL3Jlc291cmNlLWNhcmRzL3Jlc291cmNlLWNhcmRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS10b3AtYmFubmVyLWVkaXQvcmVzb3VyY2UtdG9wLWJhbm5lci1lZGl0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS12YXVsdC9yZXNvdXJjZS12YXVsdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvcmVzb3VyY2UtdmlkZW9zL3Jlc291cmNlLXZpZGVvLWNhcmRzL3Jlc291cmNlLXZpZGVvLWNhcmRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wdWJsaWMvY29tcG9uZW50cy9yZXNvdXJjZS13ZWJpbmFycy91cGNvbWluZy1ldmVudC1jYXJkcy91cGNvbWluZy1ldmVudC1jYXJkcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHVibGljL2NvbXBvbmVudHMvdGVzdGltb25pYWwtY2FyZC90ZXN0aW1vbmlhbC1jYXJkLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/lib/public/components/resource-blogs/resource-blog.component.mjs

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../../resource.service";
 import * as i2 from "@posiwise/common-services";
 import * as i3 from "../resource-post/related-resources/resource-cards/resource-cards.component";
-import * as i4 from "../resource-contact-us/resource-contact-us.component";
+import * as i4 from "@posiwise/resource-contact-us";
 import * as i5 from "@angular/common";
 import * as i6 from "@posiwise/utils";
 import * as i7 from "./resource-blog-top-banner/resource-blog-top-banner.component";

package/esm2022/lib/public/components/resource-case-studies/resource-case-studies.component.mjs

@@ -9,10 +9,10 @@ import * as i2 from "@posiwise/common-services";
 import * as i3 from "@angular/platform-browser";
 import * as i4 from "../resource-top-banner-edit/resource-top-banner-edit.component";
 import * as i5 from "./case-studies-cards/case-studies-cards.component";
-import * as i6 from "../resource-contact-us/resource-contact-us.component";
+import * as i6 from "@posiwise/resource-contact-us";
 import * as i7 from "@angular/common";
-import * as i8 from "@posiwise/utils";
-import * as i9 from "@posiwise/directives";
+import * as i8 from "@posiwise/directives";
+import * as i9 from "@posiwise/utils";
 import * as i10 from "../testimonial-card/testimonial-card.component";
 export class ResourceCaseStudiesComponent extends BaseResourceComponent {
     constructor(resourceService, tagService, authService, titleService, injector) {
@@ -69,7 +69,7 @@ export class ResourceCaseStudiesComponent extends BaseResourceComponent {
         metaDescription.setAttribute('content', description);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCaseStudiesComponent, deps: [{ token: i1.ResourceService }, { token: i2.TagService }, { token: i2.AuthService }, { token: i3.Title }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceCaseStudiesComponent, selector: "pw-resource-case-studies", usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<section class=\"bg-white pricing-section\">\n  <div class=\"resource-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=\"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 || 'Case Studies'\"></span>\n              <pw-resource-top-banner-edit\n                *ngIf=\"canEditResourcesValue\"\n                [blogPostTag]=\"blogPostTag\"\n                [user]=\"user\"\n                [userLoggedIn]=\"userLoggedIn\"\n                (getUpdatedTag)=\"getPostTags()\"\n              ></pw-resource-top-banner-edit>\n            </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\" *ngIf=\"!blogPostTag?.description\">Real solutions - real results.<br /></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        <div class=\"resource-math-img\" ></div>\n        <img class=\"resource-laptop-img\"\n        [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource//case-studies-man.png'\"\n          alt=\"Case studies Tag\"\n          alt=\"Case studies banner\"\n          loading=\"eager\"\n          fetchpriority=\"high\" />\n      </div>\n\n    </div>\n  </div>\n</section>\n\n<pw-testimonial-card [posts]=\"testimonialsPosts\" [postHeader]=\"'Testimonials'\" [canEdit]=\"canEditResourcesValue\" (editPost)=\"getTestimonialsPosts(1, 100)\" id=\"reviews\"></pw-testimonial-card>\n<pw-case-studies-card *ngIf=\"blogPostTag?.tag_category_id\" [tag]=\"blogPostTag\" id=\"case-studies\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-case-studies-card>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n", styles: ["@charset \"UTF-8\";.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}.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}.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"], dependencies: [{ kind: "component", type: i4.ResourceTopBannerEditComponent, selector: "pw-resource-top-banner-edit", inputs: ["blogPostTag", "user", "userLoggedIn"], outputs: ["getUpdatedTag"] }, { kind: "component", type: i5.CaseStudyCardComponent, selector: "pw-case-studies-card", inputs: ["showCaseStudyHeader", "categoryId", "postSlice", "tag", "resourceTitle", "user", "userLoggedIn"] }, { kind: "component", type: i6.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "directive", type: i9.LazyImgDirective, selector: "img" }, { kind: "component", type: i10.TestimonialCardListComponent, selector: "pw-testimonial-card", inputs: ["posts", "postHeader", "canEdit"], outputs: ["editPost"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceCaseStudiesComponent, selector: "pw-resource-case-studies", usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<section class=\"bg-white pricing-section\">\n  <div class=\"resource-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=\"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 || 'Case Studies'\"></span>\n              <pw-resource-top-banner-edit\n                *ngIf=\"canEditResourcesValue\"\n                [blogPostTag]=\"blogPostTag\"\n                [user]=\"user\"\n                [userLoggedIn]=\"userLoggedIn\"\n                (getUpdatedTag)=\"getPostTags()\"\n              ></pw-resource-top-banner-edit>\n            </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\" *ngIf=\"!blogPostTag?.description\">Real solutions - real results.<br /></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        <div class=\"resource-math-img\" ></div>\n        <img class=\"resource-laptop-img\"\n        [src]=\"(blogPostTag?.image?.url && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared'))) ? blogPostTag?.image?.url : '/assets/img/resource//case-studies-man.png'\"\n          alt=\"Case studies Tag\"\n          alt=\"Case studies banner\"\n          loading=\"eager\"\n          fetchpriority=\"high\" />\n      </div>\n\n    </div>\n  </div>\n</section>\n\n<pw-testimonial-card [posts]=\"testimonialsPosts\" [postHeader]=\"'Testimonials'\" [canEdit]=\"canEditResourcesValue\" (editPost)=\"getTestimonialsPosts(1, 100)\" id=\"reviews\"></pw-testimonial-card>\n<pw-case-studies-card *ngIf=\"blogPostTag?.tag_category_id\" [tag]=\"blogPostTag\" id=\"case-studies\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-case-studies-card>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n", styles: ["@charset \"UTF-8\";.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}.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}.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"], dependencies: [{ kind: "component", type: i4.ResourceTopBannerEditComponent, selector: "pw-resource-top-banner-edit", inputs: ["blogPostTag", "user", "userLoggedIn"], outputs: ["getUpdatedTag"] }, { kind: "component", type: i5.CaseStudyCardComponent, selector: "pw-case-studies-card", inputs: ["showCaseStudyHeader", "categoryId", "postSlice", "tag", "resourceTitle", "user", "userLoggedIn"] }, { kind: "component", type: i6.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: i9.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i10.TestimonialCardListComponent, selector: "pw-testimonial-card", inputs: ["posts", "postHeader", "canEdit"], outputs: ["editPost"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceCaseStudiesComponent, decorators: [{
             type: Component,

package/esm2022/lib/public/components/resource-contact-us/resource-contact-us.module.mjs

@@ -1,74 +1,16 @@
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { AdminModuleUtilsModule } from '@posiwise/admin-module-utils';
-import { CoreTranslocoModule } from '@posiwise/core-transloco';
-import { DirectivesModule } from '@posiwise/directives';
-import { PipesModule } from '@posiwise/pipes';
-import { ProfileImageCropperModule } from '@posiwise/utils';
-import { NgxCaptchaModule } from 'ngx-captcha';
-import { DropdownModule } from 'primeng/dropdown';
-import { NgbModalModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-import { Trial4ContactUsComponent } from './resource-contact-us.component';
+import { Trial4SharedContactUsModule } from '@posiwise/resource-contact-us';
 import * as i0 from "@angular/core";
-/**
- * Standalone module for Trial4ContactUsComponent (pw-trial-4-contact-us)
- * Lightweight alternative to importing entire ResourceSharedModule
- */
 export class Trial4ContactUsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, declarations: [Trial4ContactUsComponent], imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            RouterModule,
-            DragDropModule,
-            NgbModalModule,
-            NgbTooltipModule,
-            DirectivesModule,
-            PipesModule,
-            CoreTranslocoModule,
-            NgxCaptchaModule,
-            DropdownModule,
-            ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
-            AdminModuleUtilsModule], exports: [Trial4ContactUsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            RouterModule,
-            DragDropModule,
-            NgbModalModule,
-            NgbTooltipModule,
-            DirectivesModule,
-            PipesModule,
-            CoreTranslocoModule,
-            NgxCaptchaModule,
-            DropdownModule,
-            ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
-            AdminModuleUtilsModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, imports: [Trial4SharedContactUsModule], exports: [Trial4SharedContactUsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, imports: [Trial4SharedContactUsModule, Trial4SharedContactUsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: Trial4ContactUsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [Trial4ContactUsComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        RouterModule,
-                        DragDropModule,
-                        NgbModalModule,
-                        NgbTooltipModule,
-                        DirectivesModule,
-                        PipesModule,
-                        CoreTranslocoModule,
-                        NgxCaptchaModule,
-                        DropdownModule,
-                        ProfileImageCropperModule, // For pw-custom-uploader + pw-image-cropper
-                        AdminModuleUtilsModule
-                    ],
-                    exports: [Trial4ContactUsComponent]
+                    imports: [Trial4SharedContactUsModule],
+                    exports: [Trial4SharedContactUsModule]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtY29udGFjdC11cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLWNvbnRhY3QtdXMvcmVzb3VyY2UtY29udGFjdC11cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFbEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRTlFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQUUzRTs7O0dBR0c7QUFxQkgsTUFBTSxPQUFPLHFCQUFxQjsrR0FBckIscUJBQXFCO2dIQUFyQixxQkFBcUIsaUJBbkJmLHdCQUF3QixhQUVuQyxZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQjtZQUNuQixZQUFZO1lBQ1osY0FBYztZQUNkLGNBQWM7WUFDZCxnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGNBQWM7WUFDZCx5QkFBeUIsRUFBRSw0Q0FBNEM7WUFDdkUsc0JBQXNCLGFBRWhCLHdCQUF3QjtnSEFFekIscUJBQXFCLFlBakIxQixZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQjtZQUNuQixZQUFZO1lBQ1osY0FBYztZQUNkLGNBQWM7WUFDZCxnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGNBQWM7WUFDZCx5QkFBeUIsRUFBRSw0Q0FBNEM7WUFDdkUsc0JBQXNCOzs0RkFJakIscUJBQXFCO2tCQXBCakMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDeEMsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixjQUFjO3dCQUNkLHlCQUF5QixFQUFFLDRDQUE0Qzt3QkFDdkUsc0JBQXNCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEcmFnRHJvcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IEFkbWluTW9kdWxlVXRpbHNNb2R1bGUgfSBmcm9tICdAcG9zaXdpc2UvYWRtaW4tbW9kdWxlLXV0aWxzJztcbmltcG9ydCB7IENvcmVUcmFuc2xvY29Nb2R1bGUgfSBmcm9tICdAcG9zaXdpc2UvY29yZS10cmFuc2xvY28nO1xuaW1wb3J0IHsgRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJ0Bwb3Npd2lzZS9kaXJlY3RpdmVzJztcbmltcG9ydCB7IFBpcGVzTW9kdWxlIH0gZnJvbSAnQHBvc2l3aXNlL3BpcGVzJztcbmltcG9ydCB7IFByb2ZpbGVJbWFnZUNyb3BwZXJNb2R1bGUgfSBmcm9tICdAcG9zaXdpc2UvdXRpbHMnO1xuXG5pbXBvcnQgeyBOZ3hDYXB0Y2hhTW9kdWxlIH0gZnJvbSAnbmd4LWNhcHRjaGEnO1xuaW1wb3J0IHsgRHJvcGRvd25Nb2R1bGUgfSBmcm9tICdwcmltZW5nL2Ryb3Bkb3duJztcblxuaW1wb3J0IHsgTmdiTW9kYWxNb2R1bGUsIE5nYlRvb2x0aXBNb2R1bGUgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5cbmltcG9ydCB7IFRyaWFsNENvbnRhY3RVc0NvbXBvbmVudCB9IGZyb20gJy4vcmVzb3VyY2UtY29udGFjdC11cy5jb21wb25lbnQnO1xuXG4vKipcbiAqIFN0YW5kYWxvbmUgbW9kdWxlIGZvciBUcmlhbDRDb250YWN0VXNDb21wb25lbnQgKHB3LXRyaWFsLTQtY29udGFjdC11cylcbiAqIExpZ2h0d2VpZ2h0IGFsdGVybmF0aXZlIHRvIGltcG9ydGluZyBlbnRpcmUgUmVzb3VyY2VTaGFyZWRNb2R1bGVcbiAqL1xuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUcmlhbDRDb250YWN0VXNDb21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAgICAgUm91dGVyTW9kdWxlLFxuICAgICAgICBEcmFnRHJvcE1vZHVsZSxcbiAgICAgICAgTmdiTW9kYWxNb2R1bGUsXG4gICAgICAgIE5nYlRvb2x0aXBNb2R1bGUsXG4gICAgICAgIERpcmVjdGl2ZXNNb2R1bGUsXG4gICAgICAgIFBpcGVzTW9kdWxlLFxuICAgICAgICBDb3JlVHJhbnNsb2NvTW9kdWxlLFxuICAgICAgICBOZ3hDYXB0Y2hhTW9kdWxlLFxuICAgICAgICBEcm9wZG93bk1vZHVsZSxcbiAgICAgICAgUHJvZmlsZUltYWdlQ3JvcHBlck1vZHVsZSwgLy8gRm9yIHB3LWN1c3RvbS11cGxvYWRlciArIHB3LWltYWdlLWNyb3BwZXJcbiAgICAgICAgQWRtaW5Nb2R1bGVVdGlsc01vZHVsZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1RyaWFsNENvbnRhY3RVc0NvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgVHJpYWw0Q29udGFjdFVzTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtY29udGFjdC11cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Jlc291cmNlLW1vZHVsZS9zcmMvbGliL3B1YmxpYy9jb21wb25lbnRzL3Jlc291cmNlLWNvbnRhY3QtdXMvcmVzb3VyY2UtY29udGFjdC11cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFNNUUsTUFBTSxPQUFPLHFCQUFxQjsrR0FBckIscUJBQXFCO2dIQUFyQixxQkFBcUIsWUFIdEIsMkJBQTJCLGFBQzNCLDJCQUEyQjtnSEFFMUIscUJBQXFCLFlBSHRCLDJCQUEyQixFQUMzQiwyQkFBMkI7OzRGQUUxQixxQkFBcUI7a0JBSmpDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2lCQUN2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFRyaWFsNFNoYXJlZENvbnRhY3RVc01vZHVsZSB9IGZyb20gJ0Bwb3Npd2lzZS9yZXNvdXJjZS1jb250YWN0LXVzJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1RyaWFsNFNoYXJlZENvbnRhY3RVc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtUcmlhbDRTaGFyZWRDb250YWN0VXNNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIFRyaWFsNENvbnRhY3RVc01vZHVsZSB7fVxuIl19

package/esm2022/lib/public/components/resource-integration/resource-integration.component.mjs

@@ -17,14 +17,14 @@ import * as i4 from "@posiwise/common-services";
 import * as i5 from "@posiwise/admin-module-utils";
 import * as i6 from "../resource-company-card/resource-company-card.component";
 import * as i7 from "../reslease-note-card/release-note-card.component";
-import * as i8 from "../resource-contact-us/resource-contact-us.component";
+import * as i8 from "@posiwise/resource-contact-us";
 import * as i9 from "@angular/common";
 import * as i10 from "@angular/forms";
-import * as i11 from "@posiwise/utils";
-import * as i12 from "@posiwise/shared-components";
-import * as i13 from "@angular/cdk/drag-drop";
-import * as i14 from "primeng/progressspinner";
-import * as i15 from "@posiwise/directives";
+import * as i11 from "@posiwise/directives";
+import * as i12 from "@posiwise/utils";
+import * as i13 from "@posiwise/shared-components";
+import * as i14 from "@angular/cdk/drag-drop";
+import * as i15 from "primeng/progressspinner";
 import * as i16 from "./integration-top-banner/integration-top-banner.component";
 import * as i17 from "@jsverse/transloco";
 export class ResourceIntegrationComponent extends AppBaseComponent {
@@ -225,7 +225,7 @@ export class ResourceIntegrationComponent extends AppBaseComponent {
         return this.canEditResourcesValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceIntegrationComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.ResourceService }, { token: i3.NgbModal }, { token: i4.TagService }, { token: i4.AuthService }, { token: i5.AdminService }, { 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", viewQueries: [{ propertyName: "editIntegrationsModal", first: true, predicate: ["editIntegrationsModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <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      </div>\n      <pw-resource-company-card *ngIf=\"isLoaded\" [header]=\"'integrated vendors'\"\n        (getPosts)=\"getPostTags()\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [data]=\"posts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\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 mt-4\" *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n      [integrationCountDisplay]=\"integrationCountDisplay\"\n      *ngIf=\"isLoaded\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"integrations\">\n    <div class=\"container\">\n\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h1 class=\"it-works-title mb-0\">{{integrations?.title || 'How it works'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          <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 cursor-pointer\">\n                  <img\n                    *ngIf=\"integration?.video_url\"\n                    [src]=\"integration?.image_url\"\n                    (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    class=\"how-it-works-img\"\n                    alt=\"Integration Video Thumbnail\"\n                  />\n                </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\n  </section>\n <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"showIntegrations()\">\n   <div class=\"container\">\n      <div class=\"row align-items-start\">\n       <div class=\"col-md-6 text-md-start text-center\">\n        <div class=\"d-flex\">\n          <h1 class=\"guide-title mb-3\">{{guideData?.items[0]?.title || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.enter)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.space)=\"openGuidesModal(guidesEditModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n          <p class=\"guide-subtext\"\n          [innerHTML]=\"guideData?.items[0]?.description || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'\">\n       </p>\n          <a class=\"vault-btn\"\n            [href]=\"guideData?.items[0]?.guide_url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\">\n            {{guideData?.items[0]?.button_text || 'View the guide'}}\n          </a>\n\n        </div>\n\n       <div class=\"col-md-6 text-center\">\n        <ng-container *ngIf=\"guideData?.items[0]?.image_url && !guideData?.items[0].image_url.includes('default-photo.jpg'); else noDataTemplate\">\n          <img\n            [src]=\"guideData?.items[0].image_url\"\n            alt=\"Guide\"\n            class=\"guide-img\" />\n        </ng-container>\n\n        <ng-template #noDataTemplate>\n          <div>\n            <pw-no-data [withImage]=\"true\" [message]=\"'--ADD ME ON THE ADMIN/DOMAINS MODULE--' | transloco\" />\n          </div>\n        </ng-template>\n       </div>\n     </div>\n </div>\n </section>\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      <div *ngFor=\"let integration of editingIntegrations.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n          <label class=\"form-label mb-0\" for=\"integration-item\">Integration Item</label>\n          <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n            <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" />\n          </div>\n          <div class=\"col-md-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" />\n          </div>\n        </div>\n\n        <div class=\"d-flex justify-content-end\">\n          <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n          (keydown.space)=\"removeIntegrationItem(i)\"></i>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      <div *ngFor=\"let guide of editingGuides.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n            <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n            <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" />\n          </div>\n          <div class=\"col-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n            <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center mt-2\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n            <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight: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}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media (width >= 768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:3.25rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:200}.guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.guide-section .vault-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}@media (width >= 991px){.section-outer{padding-top:7rem!important}}\n", ".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"], dependencies: [{ kind: "component", type: i6.ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: ["header", "data", "integrationCountDisplay", "vendor", "user", "userLoggedIn"], outputs: ["getPosts"] }, { kind: "component", type: i7.ResourceNoteCardComponent, selector: "pw-resource-note-card", inputs: ["releaseHeader", "categoryId", "isReleasePress", "isResource", "postSlice", "resourceTitle", "tag", "user", "userLoggedIn"] }, { kind: "component", type: i8.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i12.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i13.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i13.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i13.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i14.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i15.LazyImgDirective, selector: "img" }, { kind: "component", type: i16.IntegrationTopBannerComponent, selector: "pw-integration-top-banner" }, { kind: "pipe", type: i17.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceIntegrationComponent, selector: "pw-resource-integration", viewQueries: [{ propertyName: "editIntegrationsModal", first: true, predicate: ["editIntegrationsModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <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      </div>\n      <pw-resource-company-card *ngIf=\"isLoaded\" [header]=\"'integrated vendors'\"\n        (getPosts)=\"getPostTags()\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [data]=\"posts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\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 mt-4\" *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n      [integrationCountDisplay]=\"integrationCountDisplay\"\n      *ngIf=\"isLoaded\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"integrations\">\n    <div class=\"container\">\n\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h1 class=\"it-works-title mb-0\">{{integrations?.title || 'How it works'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          <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 cursor-pointer\">\n                  <img\n                    *ngIf=\"integration?.video_url\"\n                    [src]=\"integration?.image_url\"\n                    (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    class=\"how-it-works-img\"\n                    alt=\"Integration Video Thumbnail\"\n                  />\n                </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\n  </section>\n <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"showIntegrations()\">\n   <div class=\"container\">\n      <div class=\"row align-items-start\">\n       <div class=\"col-md-6 text-md-start text-center\">\n        <div class=\"d-flex\">\n          <h1 class=\"guide-title mb-3\">{{guideData?.items[0]?.title || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.enter)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.space)=\"openGuidesModal(guidesEditModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n          <p class=\"guide-subtext\"\n          [innerHTML]=\"guideData?.items[0]?.description || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'\">\n       </p>\n          <a class=\"vault-btn\"\n            [href]=\"guideData?.items[0]?.guide_url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\">\n            {{guideData?.items[0]?.button_text || 'View the guide'}}\n          </a>\n\n        </div>\n\n       <div class=\"col-md-6 text-center\">\n        <ng-container *ngIf=\"guideData?.items[0]?.image_url && !guideData?.items[0].image_url.includes('default-photo.jpg'); else noDataTemplate\">\n          <img\n            [src]=\"guideData?.items[0].image_url\"\n            alt=\"Guide\"\n            class=\"guide-img\" />\n        </ng-container>\n\n        <ng-template #noDataTemplate>\n          <div>\n            <pw-no-data [withImage]=\"true\" [message]=\"'--ADD ME ON THE ADMIN/DOMAINS MODULE--' | transloco\" />\n          </div>\n        </ng-template>\n       </div>\n     </div>\n </div>\n </section>\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      <div *ngFor=\"let integration of editingIntegrations.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n          <label class=\"form-label mb-0\" for=\"integration-item\">Integration Item</label>\n          <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n            <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" />\n          </div>\n          <div class=\"col-md-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" />\n          </div>\n        </div>\n\n        <div class=\"d-flex justify-content-end\">\n          <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n          (keydown.space)=\"removeIntegrationItem(i)\"></i>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      <div *ngFor=\"let guide of editingGuides.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n            <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n            <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" />\n          </div>\n          <div class=\"col-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n            <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center mt-2\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n            <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight: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}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media (width >= 768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:3.25rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:200}.guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.guide-section .vault-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}@media (width >= 991px){.section-outer{padding-top:7rem!important}}\n", ".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"], dependencies: [{ kind: "component", type: i6.ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: ["header", "data", "integrationCountDisplay", "vendor", "user", "userLoggedIn"], outputs: ["getPosts"] }, { kind: "component", type: i7.ResourceNoteCardComponent, selector: "pw-resource-note-card", inputs: ["releaseHeader", "categoryId", "isReleasePress", "isResource", "postSlice", "resourceTitle", "tag", "user", "userLoggedIn"] }, { kind: "component", type: i8.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i11.LazyImgDirective, selector: "img" }, { kind: "component", type: i12.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i13.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i14.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i14.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i14.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i15.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i16.IntegrationTopBannerComponent, selector: "pw-integration-top-banner" }, { kind: "pipe", type: i17.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceIntegrationComponent, decorators: [{
             type: Component,

package/esm2022/lib/public/components/resource-post/related-resources/related-resources.component.mjs

@@ -11,8 +11,8 @@ import * as i2 from "@angular/platform-browser";
 import * as i3 from "@posiwise/common-services";
 import * as i4 from "./resource-cards/resource-cards.component";
 import * as i5 from "@angular/common";
-import * as i6 from "@angular/router";
-import * as i7 from "@angular/forms";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/router";
 import * as i8 from "@posiwise/directives";
 import * as i9 from "primeng/inputtextarea";
 import * as i10 from "@jsverse/transloco";
@@ -114,7 +114,7 @@ export class RelatedResourcesComponent extends AppBaseComponent {
         return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RelatedResourcesComponent, deps: [{ token: i1.ResourceService }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i3.TagService }, { token: i3.AuthService }, { token: i3.CustomToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RelatedResourcesComponent, selector: "pw-related-resources", usesInheritance: true, ngImport: i0, template: "\n\n<section class=\"resource-body-section\">\n  <div class=\"container\">\n    <div class=\"ql-snow body-quill\"\n    >\n    <div class=\"ql-editor body post-body-text\"\n      [innerHTML]=\"post?.body\">\n    </div>\n  </div>\n  <section class=\"resource-offer-section\">\n\n      <div class=\"row mt-5 mb-4 response-row\">\n        <div class=\"col-12\">\n          <form\n            class=\"p-fluid mb-5\"\n            [formGroup]=\"commentForm\"\n            (ngSubmit)=\"onComment()\"\n            *ngIf=\"userLoggedIn; else userLoggedOut\"\n          >\n            <div class=\"card shadow-sm no-border p-4\">\n              <div class=\"field\">\n                <label for=\"comment\" class=\"font-bold text-lg mb-4 comment-label\">\uD83D\uDCAC Leave a comment</label>\n                <textarea\n                  pInputTextarea\n                  formControlName=\"comment\"\n                  rows=\"6\"\n                  autoResize=\"true\"\n                  class=\"p-inputtext p-component p-inputtextarea\"\n                  placeholder=\"What's on your mind?\"\n                ></textarea>\n                <small\n                  class=\"text-danger\"\n                  *ngIf=\"commentForm.get('comment')?.invalid && commentForm.get('comment')?.touched\"\n                  >Please enter comment</small\n                >\n              </div>\n              <div class=\"text-end mt-3\">\n                <button type=\"submit\"\n                [buttonBusy]=\"buttonBusy\"\n                class=\"sign-btn sign-header-btn\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n              </div>\n            </div>\n          </form>\n          <ng-template #userLoggedOut>\n            <p class=\"text-center pt-3 pb-3 user-not-logged-in text-muted shadow-sm mb-5\">\n              <a [routerLink]=\"['/login']\" class=\"text-primary fw-bold\">Log in</a> to leave a comment!\n            </p>\n          </ng-template>\n        </div>\n      </div>\n\n      <div class=\"row mt-5 comment-row\" *ngIf=\"postComments.length > 0\">\n        <div class=\"col-12\" *ngFor=\"let comment of postComments; trackBy: trackByComment\">\n          <div class=\"card no-border shadow-sm p-3 mb-3\">\n            <div class=\"d-flex align-items-start\">\n              <img\n                [src]=\"comment?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\"\n                alt=\"avatar\"\n                class=\"rounded-circle me-3\"\n                width=\"50\"\n                height=\"50\"\n                (error)=\"handleImageError($event, 'assets/img/icons/male.png')\"\n              />\n              <div class=\"flex-grow-1\">\n                <div class=\"fw-bold text-dark\">\n                  {{ comment.user?.first_name || '' }} {{ comment.user?.last_name || '' }}\n                </div>\n                <div class=\"text-muted small mb-2\">{{ comment.created_at | date: 'dd MMM yyyy, h:mm a' }}</div>\n                <div class=\"text-body\">\n                  {{ comment.comment }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n\n  </section>\n  </div>\n  <hr class=\"resource-divider\" />\n</section>\n\n<section class=\"resource-book-section\" *ngIf=\"hasValidDemoLinks\">\n  <div class=\"container\">\n\n    <p class=\"resource-contact\">\n      Any questions, get in touch <a href=\"mailto:{{ company_email }}\">here</a>,\n      <a [href]=\"linkedInUrl\" target=\"_blank\">connect on LinkedIn</a>, or book a meeting below:\n    </p>\n  </div>\n  <pw-book-a-demo [isBlog]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-book-a-demo>\n  <hr class=\"resource-divider\" />\n</section>\n\n\n<pw-resource-cards *ngIf=\"blogPostTag?.tag_category_id\" [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [isHeaderVisible]=\"true\" resourceLink=\"/resources/blogs\" [isRelated]=\"true\" [resourceTitle]=\"'Other resources you may be interested in:'\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n", styles: [".video-row{gap:5.5rem!important;margin-top:3rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .vault-card{width:100%!important}.resource-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}@media (width >= 768px) and (width <= 1200px){.resource-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.resource-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 2rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1.5rem}.resource-book-section .resource-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:2rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-offer-section .resource-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.resource-offer-section .resource-title strong{font-weight:700}.resource-offer-section .resource-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.resource-offer-section .resource-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.resource-offer-section .resource-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.resource-offer-section .resource-signup{margin-bottom:2.5rem}.resource-offer-section .resource-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.resource-offer-section .resource-book-section{padding-top:2rem!important}.resource-offer-section .container{text-align:left}.resource-offer-section .resource-title{font-size:1.5rem}.resource-offer-section .resource-description,.resource-offer-section .resource-offer-list,.resource-offer-section .resource-signup,.resource-offer-section .signup-link,.resource-offer-section .resource-contact,.resource-offer-section .resource-offer-list p{font-size:1.2rem!important}}.resource-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.resource-book-section{padding-top:2rem!important}.resource-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:900px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:3rem!important}\n"], dependencies: [{ kind: "component", type: i4.ResourceCardComponent, selector: "pw-resource-cards", inputs: ["categoryId", "isHeaderVisible", "isRelated", "resourceTitle", "postSlice", "header", "tag", "resourceLink", "user", "userLoggedIn"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "directive", type: i9.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RelatedResourcesComponent, selector: "pw-related-resources", usesInheritance: true, ngImport: i0, template: "\n\n<section class=\"resource-body-section\">\n  <div class=\"container\">\n    <div class=\"ql-snow body-quill\"\n    >\n    <div class=\"ql-editor body post-body-text\"\n      [innerHTML]=\"post?.body\">\n    </div>\n  </div>\n  <section class=\"resource-offer-section\">\n\n      <div class=\"row mt-5 mb-4 response-row\">\n        <div class=\"col-12\">\n          <form\n            class=\"p-fluid mb-5\"\n            [formGroup]=\"commentForm\"\n            (ngSubmit)=\"onComment()\"\n            *ngIf=\"userLoggedIn; else userLoggedOut\"\n          >\n            <div class=\"card shadow-sm no-border p-4\">\n              <div class=\"field\">\n                <label for=\"comment\" class=\"font-bold text-lg mb-4 comment-label\">\uD83D\uDCAC Leave a comment</label>\n                <textarea\n                  pInputTextarea\n                  formControlName=\"comment\"\n                  rows=\"6\"\n                  autoResize=\"true\"\n                  class=\"p-inputtext p-component p-inputtextarea\"\n                  placeholder=\"What's on your mind?\"\n                ></textarea>\n                <small\n                  class=\"text-danger\"\n                  *ngIf=\"commentForm.get('comment')?.invalid && commentForm.get('comment')?.touched\"\n                  >Please enter comment</small\n                >\n              </div>\n              <div class=\"text-end mt-3\">\n                <button type=\"submit\"\n                [buttonBusy]=\"buttonBusy\"\n                class=\"sign-btn sign-header-btn\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n              </div>\n            </div>\n          </form>\n          <ng-template #userLoggedOut>\n            <p class=\"text-center pt-3 pb-3 user-not-logged-in text-muted shadow-sm mb-5\">\n              <a [routerLink]=\"['/login']\" class=\"text-primary fw-bold\">Log in</a> to leave a comment!\n            </p>\n          </ng-template>\n        </div>\n      </div>\n\n      <div class=\"row mt-5 comment-row\" *ngIf=\"postComments.length > 0\">\n        <div class=\"col-12\" *ngFor=\"let comment of postComments; trackBy: trackByComment\">\n          <div class=\"card no-border shadow-sm p-3 mb-3\">\n            <div class=\"d-flex align-items-start\">\n              <img\n                [src]=\"comment?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\"\n                alt=\"avatar\"\n                class=\"rounded-circle me-3\"\n                width=\"50\"\n                height=\"50\"\n                (error)=\"handleImageError($event, 'assets/img/icons/male.png')\"\n              />\n              <div class=\"flex-grow-1\">\n                <div class=\"fw-bold text-dark\">\n                  {{ comment.user?.first_name || '' }} {{ comment.user?.last_name || '' }}\n                </div>\n                <div class=\"text-muted small mb-2\">{{ comment.created_at | date: 'dd MMM yyyy, h:mm a' }}</div>\n                <div class=\"text-body\">\n                  {{ comment.comment }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n\n  </section>\n  </div>\n  <hr class=\"resource-divider\" />\n</section>\n\n<section class=\"resource-book-section\" *ngIf=\"hasValidDemoLinks\">\n  <div class=\"container\">\n\n    <p class=\"resource-contact\">\n      Any questions, get in touch <a href=\"mailto:{{ company_email }}\">here</a>,\n      <a [href]=\"linkedInUrl\" target=\"_blank\">connect on LinkedIn</a>, or book a meeting below:\n    </p>\n  </div>\n  <pw-book-a-demo [isBlog]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-book-a-demo>\n  <hr class=\"resource-divider\" />\n</section>\n\n\n<pw-resource-cards *ngIf=\"blogPostTag?.tag_category_id\" [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [isHeaderVisible]=\"true\" resourceLink=\"/resources/blogs\" [isRelated]=\"true\" [resourceTitle]=\"'Other resources you may be interested in:'\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n", styles: [".video-row{gap:5.5rem!important;margin-top:3rem!important}::ng-deep .resource-section{box-shadow:0 4px 32px -14px #40576d4d!important}.release-icon{height:auto;margin:0 11px 1.9rem;display:block;align-self:center}@media (width >= 768px) and (width <= 1200px){.resource-title{font-size:1.4rem!important}}textarea{font-size:1.4rem!important}@media (width <= 768px){.resource-title{font-size:1.2rem!important}.container{padding:1rem!important}}@media (width >= 768px) and (width <= 1200px){.container{padding:1rem 3rem!important}}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .vault-card{width:100%!important}.resource-vault-section .vault-btn{margin-left:0!important;width:100%!important}}@media (width >= 991px){::ng-deep .trial-meeting-section:before{top:600px!important}::ng-deep .dashboard{margin-bottom:1rem!important}section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}section.bg-white.text-center.extra-top-padding:before,section.bg-white.text-center.extra-top-padding:after{content:\"\";position:absolute;background:url(/assets/img/logos/background-banner.png) no-repeat;background-size:contain;width:160px;height:450px;z-index:0;opacity:.8}section.bg-white.text-center.extra-top-padding:before{top:500px;left:0}section.bg-white.text-center.extra-top-padding:after{top:90px;right:0}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 1200px){.resource-card{width:100%!important}.release-notes-section{padding:7rem 0!important}}@media (width >= 768px) and (width <= 1200px){.resource-hero-section{padding:0 6rem!important}.cards-row{justify-content:center}}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:0 1.5rem;padding-bottom:4rem!important;padding-top:7rem!important;max-width:850px;margin:0 auto;text-align:left}.user-not-logged-in{background:#f7f7f7;border:1px solid rgb(238,238,238);font-weight:400}.user-not-logged-in a{color:var(--first)!important;text-decoration:none;font-weight:500}.resource-book-section{background:#fff;padding-top:7rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 2rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1.5rem}.resource-book-section .resource-contact a{text-decoration:underline;color:#000;margin:0 .2rem}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:2rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-offer-section .resource-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.25em!important}.resource-offer-section .resource-title strong{font-weight:700}.resource-offer-section .resource-description{font-size:1.5rem;line-height:1.8rem;color:#333;margin-bottom:1.5rem}.resource-offer-section .resource-offer-list{font-size:1.1rem;line-height:1.5rem;margin-bottom:2.5rem;margin-top:2.5rem}.resource-offer-section .resource-offer-list p{font-size:1.5rem;margin:.5rem 0;font-weight:400}.resource-offer-section .resource-signup{margin-bottom:2.5rem}.resource-offer-section .resource-signup .signup-link{font-size:1.5rem;font-weight:400;text-decoration:underline;color:#000}@media (width <= 768px){.resource-offer-section .resource-book-section{padding-top:2rem!important}.resource-offer-section .container{text-align:left}.resource-offer-section .resource-title{font-size:1.5rem}.resource-offer-section .resource-description,.resource-offer-section .resource-offer-list,.resource-offer-section .resource-signup,.resource-offer-section .signup-link,.resource-offer-section .resource-contact,.resource-offer-section .resource-offer-list p{font-size:1.2rem!important}}.resource-offer-intro{font-size:1.5rem;font-weight:400}.outer-section-fadeout{position:absolute;top:139rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.body-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}@media (width <= 768px){.resource-book-section{padding-top:2rem!important}.resource-contact{font-size:1.2rem!important}}::ng-deep .body-quill{border-width:0!important;max-width:900px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-inputtextarea{border-radius:.5rem;border-color:#ced4da;font-size:1rem}.card{background-color:#fff;border-radius:12px}.comment-row{gap:2rem;padding-bottom:5rem;max-width:1000px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:1.5rem!important}.response-row{max-width:1000px;display:block;margin-left:auto;margin-right:auto;margin-top:3rem!important}\n"], dependencies: [{ kind: "component", type: i4.ResourceCardComponent, selector: "pw-resource-cards", inputs: ["categoryId", "isHeaderVisible", "isRelated", "resourceTitle", "postSlice", "header", "tag", "resourceLink", "user", "userLoggedIn"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "directive", type: i9.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RelatedResourcesComponent, decorators: [{
             type: Component,

package/esm2022/lib/public/components/resource-post/resource-post-details/resource-post-details.component.mjs

@@ -11,8 +11,8 @@ import * as i2 from "@posiwise/common-services";
 import * as i3 from "@angular/platform-browser";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/router";
-import * as i6 from "@posiwise/shared-components";
-import * as i7 from "@posiwise/directives";
+import * as i6 from "@posiwise/directives";
+import * as i7 from "@posiwise/shared-components";
 import * as i8 from "@posiwise/pipes";
 import * as i9 from "@jsverse/transloco";
 export class ResourcePostDetailsComponent extends AppBaseComponent {
@@ -119,7 +119,7 @@ export class ResourcePostDetailsComponent extends AppBaseComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourcePostDetailsComponent, deps: [{ token: i1.ResourceService }, { token: i2.TagService }, { token: i2.AuthService }, { token: i3.Title }, { token: i3.Meta }, { token: i0.Injector }, { token: i3.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=\"resource-hero-section\">\n    <div class=\"container d-flex flex-wrap\" [ngClass]=\"getImageUrl() ? 'container-top' : 'container-no-image'\">\n      <div class=\"hero-left\">\n        <p class=\"blog-label\">BLOG</p>\n\n        <h1 class=\"hero-title\">\n          <span *ngIf=\"post?.title; else emptySpace\" [innerHTML]=\"post.title\"></span>\n          <ng-template #emptySpace>\n            &nbsp;\n          </ng-template>\n          <a *ngIf=\"userLoggedIn && hasBlogAccess\"\n             class=\"ms-3 text-decoration-none\"\n             ngbTooltip=\"Edit this post\"\n             aria-label=\"Edit this blog post\"\n             [routerLink]=\"['/admin/resources/', post?.slug]\"\n             target=\"_blank\">\n            <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n          </a>\n        </h1>\n\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 | dateFormat}}</p>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"hero-right\" *ngIf=\"isLoaded\">\n        <img\n        *ngIf=\"getImageUrl(); else noImage\"\n        [src]=\"getImageUrl()\"\n        alt=\"Blog Post\"\n        class=\"hero-image\"\n      />\n\n      <ng-template #noImage>\n        <pw-no-data\n          class=\"data-image\"\n          [withImage]=\"true\"\n          [message]=\"'Resource.Tag.NoImageMessage' | transloco\"\n          [description]=\"'Resource.Tag.NoDataMessage' | transloco\"\n        ></pw-no-data>\n      </ng-template>\n      </div>\n    </div>\n  </section>\n", styles: [".outer-section-fadeout{position:absolute;top:46rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.container-top{padding-top:6rem!important}.container-no-image{padding-top:15rem!important}.container{padding-bottom:2.5rem!important}.edit-icon{vertical-align:middle!important}.resource-hero-section{background:#fff;box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.resource-hero-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.resource-hero-section .blog-label{font-weight:700;font-size:1.7rem;margin-bottom:3rem}.resource-hero-section .hero-title{font-size:3.75rem;font-weight:300;line-height:1.3;color:#000;margin-bottom:2rem}.resource-hero-section .hero-title strong{font-weight:800}.resource-hero-section .hero-left{max-width:700px}.resource-hero-section .author-info{display:flex;align-items:center;gap:1rem;max-width:100%;overflow:hidden}.resource-hero-section .author-info .mobile-math-image{margin-right:0!important;margin-bottom:1rem;height:100px!important}.resource-hero-section .author-info .author-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.resource-hero-section .author-info .author-meta p{font-size:1.2rem;margin-bottom:0!important}.resource-hero-section .author-info .author-meta .date{font-size:.95rem;color:#333}.resource-hero-section .hero-right{flex-shrink:0;width:40%}.resource-hero-section .hero-right .hero-image{height:auto}@media (width <= 768px){.resource-hero-section .hero-title{font-size:2rem}.resource-hero-section .hero-right{margin-top:2rem;text-align:center;width:100%}.resource-hero-section .hero-right .data-image{width:100%}.resource-hero-section .hero-right .hero-image{max-width:300px;width:100%;position:relative;z-index:3;left:4%;height:auto!important;top:2rem}.resource-hero-section .author-info{flex-direction:row;justify-content:flex-start}}@media (width >= 1200px){.hero-image{max-width:500px!important;max-height:500px!important;height:auto;position:relative!important;top:2.5rem}}@media (width >= 1020px) and (width <= 1200px){.outer-section-fadeout{top:34rem!important}}@media (width >= 768px) and (width <= 869px){.hero-image{width:320px!important;height:auto;position:relative;top:7.7rem}.hero-left{max-width:500px!important}.resource-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 869px) and (width <= 1199px){.hero-image{left:3%;position:relative;width:100%;max-width:600px!important;top:6.1rem;height:auto}.hero-left{max-width:500px!important}.resource-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){.resource-hero-section{padding:0!important}.outer-section-fadeout{top:53rem}.hero-title{font-size:2.75rem!important}.hero-right{text-align:center;width:40%}}@media (width <= 768px){.container{padding:8rem 2rem 2rem!important}.outer-section-fadeout{top:50rem}}@media (width <= 400px){.mobile-math-image{margin-left:-1rem!important}}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i7.LazyImgDirective, selector: "img" }, { kind: "pipe", type: i8.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i9.TranslocoPipe, name: "transloco" }] }); }
+    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=\"resource-hero-section\">\n    <div class=\"container d-flex flex-wrap\" [ngClass]=\"getImageUrl() ? 'container-top' : 'container-no-image'\">\n      <div class=\"hero-left\">\n        <p class=\"blog-label\">BLOG</p>\n\n        <h1 class=\"hero-title\">\n          <span *ngIf=\"post?.title; else emptySpace\" [innerHTML]=\"post.title\"></span>\n          <ng-template #emptySpace>\n            &nbsp;\n          </ng-template>\n          <a *ngIf=\"userLoggedIn && hasBlogAccess\"\n             class=\"ms-3 text-decoration-none\"\n             ngbTooltip=\"Edit this post\"\n             aria-label=\"Edit this blog post\"\n             [routerLink]=\"['/admin/resources/', post?.slug]\"\n             target=\"_blank\">\n            <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n          </a>\n        </h1>\n\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 | dateFormat}}</p>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"hero-right\" *ngIf=\"isLoaded\">\n        <img\n        *ngIf=\"getImageUrl(); else noImage\"\n        [src]=\"getImageUrl()\"\n        alt=\"Blog Post\"\n        class=\"hero-image\"\n      />\n\n      <ng-template #noImage>\n        <pw-no-data\n          class=\"data-image\"\n          [withImage]=\"true\"\n          [message]=\"'Resource.Tag.NoImageMessage' | transloco\"\n          [description]=\"'Resource.Tag.NoDataMessage' | transloco\"\n        ></pw-no-data>\n      </ng-template>\n      </div>\n    </div>\n  </section>\n", styles: [".outer-section-fadeout{position:absolute;top:46rem;height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.container-top{padding-top:6rem!important}.container-no-image{padding-top:15rem!important}.container{padding-bottom:2.5rem!important}.edit-icon{vertical-align:middle!important}.resource-hero-section{background:#fff;box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.resource-hero-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.resource-hero-section .blog-label{font-weight:700;font-size:1.7rem;margin-bottom:3rem}.resource-hero-section .hero-title{font-size:3.75rem;font-weight:300;line-height:1.3;color:#000;margin-bottom:2rem}.resource-hero-section .hero-title strong{font-weight:800}.resource-hero-section .hero-left{max-width:700px}.resource-hero-section .author-info{display:flex;align-items:center;gap:1rem;max-width:100%;overflow:hidden}.resource-hero-section .author-info .mobile-math-image{margin-right:0!important;margin-bottom:1rem;height:100px!important}.resource-hero-section .author-info .author-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.resource-hero-section .author-info .author-meta p{font-size:1.2rem;margin-bottom:0!important}.resource-hero-section .author-info .author-meta .date{font-size:.95rem;color:#333}.resource-hero-section .hero-right{flex-shrink:0;width:40%}.resource-hero-section .hero-right .hero-image{height:auto}@media (width <= 768px){.resource-hero-section .hero-title{font-size:2rem}.resource-hero-section .hero-right{margin-top:2rem;text-align:center;width:100%}.resource-hero-section .hero-right .data-image{width:100%}.resource-hero-section .hero-right .hero-image{max-width:300px;width:100%;position:relative;z-index:3;left:4%;height:auto!important;top:2rem}.resource-hero-section .author-info{flex-direction:row;justify-content:flex-start}}@media (width >= 1200px){.hero-image{max-width:500px!important;max-height:500px!important;height:auto;position:relative!important;top:2.5rem}}@media (width >= 1020px) and (width <= 1200px){.outer-section-fadeout{top:34rem!important}}@media (width >= 768px) and (width <= 869px){.hero-image{width:320px!important;height:auto;position:relative;top:7.7rem}.hero-left{max-width:500px!important}.resource-hero-section .container{flex-wrap:nowrap!important}}@media (width >= 869px) and (width <= 1199px){.hero-image{left:3%;position:relative;width:100%;max-width:600px!important;top:6.1rem;height:auto}.hero-left{max-width:500px!important}.resource-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){.resource-hero-section{padding:0!important}.outer-section-fadeout{top:53rem}.hero-title{font-size:2.75rem!important}.hero-right{text-align:center;width:40%}}@media (width <= 768px){.container{padding:8rem 2rem 2rem!important}.outer-section-fadeout{top:50rem}}@media (width <= 400px){.mobile-math-image{margin-left:-1rem!important}}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.LazyImgDirective, selector: "img" }, { kind: "component", type: i7.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i8.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i9.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourcePostDetailsComponent, decorators: [{
             type: Component,

package/esm2022/lib/public/components/resource-post/resource-post.component.mjs

@@ -5,7 +5,7 @@ import { AuthService } from '@posiwise/common-services';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/platform-browser";
 import * as i2 from "@posiwise/common-services";
-import * as i3 from "../resource-contact-us/resource-contact-us.component";
+import * as i3 from "@posiwise/resource-contact-us";
 import * as i4 from "@posiwise/utils";
 import * as i5 from "./resource-post-details/resource-post-details.component";
 import * as i6 from "./related-resources/related-resources.component";

package/esm2022/lib/public/components/resource-release-notes/resource-release-notes.component.mjs

@@ -5,7 +5,7 @@ import { HelperService } from '@posiwise/helper-service';
 import * as i0 from "@angular/core";
 import * as i1 from "@posiwise/common-services";
 import * as i2 from "../reslease-note-card/release-note-card.component";
-import * as i3 from "../resource-contact-us/resource-contact-us.component";
+import * as i3 from "@posiwise/resource-contact-us";
 import * as i4 from "@angular/common";
 import * as i5 from "@posiwise/utils";
 import * as i6 from "./resource-release-notes-top-banner/resource-release-notes-top-banner.component";

package/esm2022/lib/public/components/resource-videos/resource-videos.component.mjs

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../../resource.service";
 import * as i2 from "@posiwise/common-services";
 import * as i3 from "./resource-video-cards/resource-video-cards.component";
-import * as i4 from "../resource-contact-us/resource-contact-us.component";
+import * as i4 from "@posiwise/resource-contact-us";
 import * as i5 from "@angular/common";
 import * as i6 from "@posiwise/utils";
 import * as i7 from "./resource-videos-top-banner/resource-videos-top-banner.component";