@posiwise/resource-module 0.0.193 → 0.0.194

package/fesm2022/posiwise-resource-module-resource-events.module-BwK6UfCq.mjs

@@ -0,0 +1,460 @@
+import { t as ResourceService } from "./posiwise-resource-module-resource.service-DjeMJX1O.mjs";
+import { l as ResourceEditCardLazyComponent, n as UpcomingEventCardComponent } from "./posiwise-resource-module-resource-cards.module-Bp4BgXL2.mjs";
+import { ResourceSharedModule, ResourceTopBannerEditComponent } from "./posiwise-resource-module.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, NgModule } from "@angular/core";
+import { HelperService } from "@posiwise/helper-service";
+import * as i2 from "@posiwise/common-services";
+import * as i3$1 from "@angular/router";
+import { RouterModule } from "@angular/router";
+import * as i6 from "@posiwise/resource-contact-us";
+import * as i4 from "@posiwise/directives";
+import * as i6$1 from "@posiwise/shared-components";
+import * as i8$1 from "@jsverse/transloco";
+import { AppBaseComponent } from "@posiwise/app-base-component";
+import * as i8 from "@posiwise/utils";
+import * as i7 from "primeng/progressspinner";
+import * as i3 from "@angular/platform-browser";
+var ReplayEventCardComponent = class ReplayEventCardComponent extends AppBaseComponent {
+	constructor(resourceService, tagService, cdr, injector) {
+		super(injector);
+		this.resourceService = resourceService;
+		this.tagService = tagService;
+		this.cdr = cdr;
+		this.showEventContent = false;
+		this.canEditResourcesValue = false;
+		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+		this.posts = [];
+		this.isLoaded = false;
+	}
+	ngOnInit() {
+		if (this.userLoggedIn) {
+			this.localStorage.getItem$("product").subscribe((res) => {
+				const data = res ? JSON.parse(res) : null;
+				this.subscriptionId = data?.subscriptionId;
+				this.cdr.markForCheck();
+			});
+			this.getPostTags();
+		} else this.getPostTags();
+	}
+	ngOnChanges(changes) {
+		if (changes["user"] || changes["userLoggedIn"]) {
+			if (this.userLoggedIn && this.user) this.updateCanEditResourcesValue();
+		}
+	}
+	getPostTags() {
+		this.tagService.getTagsByType("post_categories", {}, this.getEffectiveSubscriptionId()).subscribe((response) => {
+			this.blogPostTag = response.tags.find((tag) => tag.name === "Events");
+			if (this.blogPostTag?.tag_category_id) this.getPosts(1, 100);
+			else this.isLoaded = true;
+			this.cdr.markForCheck();
+		});
+	}
+	getPosts(page, pageSize) {
+		this.isLoaded = false;
+		this.resourceService.getPublicPosts(this.getEffectiveSubscriptionId(), page, pageSize, "", this.blogPostTag?.tag_category_id).subscribe((response) => {
+			const now = Date.now();
+			const sortedPosts = (response.posts ?? []).filter((post) => post.showcase === true && new Date(post?.when).getTime() < now).sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime());
+			this.posts = sortedPosts;
+			this.cdr.markForCheck();
+		}).add(() => {
+			this.isLoaded = true;
+			this.cdr.markForCheck();
+		});
+	}
+	getEffectiveSubscriptionId() {
+		return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+	}
+	updateCanEditResourcesValue() {
+		this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+	}
+	canEditResources() {
+		return this.canEditResourcesValue;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ReplayEventCardComponent,
+			deps: [
+				{ token: ResourceService },
+				{ token: i2.TagService },
+				{ token: i0.ChangeDetectorRef },
+				{ token: i0.Injector }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.0",
+			type: ReplayEventCardComponent,
+			isStandalone: false,
+			selector: "pw-replay-event-card",
+			inputs: {
+				showEventContent: "showEventContent",
+				categoryId: "categoryId",
+				resourceTitle: "resourceTitle",
+				user: "user",
+				userLoggedIn: "userLoggedIn"
+			},
+			usesInheritance: true,
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        @if (resourceTitle) {\n          <h2 class=\"vault-heading\">{{resourceTitle}} Replays</h2>\n        } @else {\n          <h2 class=\"vault-heading\">Events &amp; Webinars Replays</h2>\n        }\n      </div>\n    </div>\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card vault-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, 100)\">\n            </pw-resource-edit-card-lazy>\n            <h5 class=\"badge-title fw-bold\">REPLAY:</h5>\n            <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n            <img\n              [src]=\"post.picture.url\"\n              class=\"img-fluid my-3 mt-auto\"\n              alt=\"Webinar\" />\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [href]=\"post.external_url\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</section>\n",
+			styles: [".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: "directive",
+					type: i3$1.RouterLink,
+					selector: "[routerLink]",
+					inputs: [
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
+					]
+				},
+				{
+					kind: "directive",
+					type: i4.LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "component",
+					type: ResourceEditCardLazyComponent,
+					selector: "pw-resource-edit-card-lazy",
+					inputs: [
+						"id",
+						"resourceData",
+						"canEdit"
+					],
+					outputs: ["updated"]
+				},
+				{
+					kind: "component",
+					type: i6$1.NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
+				},
+				{
+					kind: "component",
+					type: i7.ProgressSpinner,
+					selector: "p-progress-spinner, p-progressspinner",
+					inputs: [
+						"value",
+						"strokeWidth",
+						"animationDuration",
+						"min",
+						"max",
+						"ariaLabel",
+						"fill"
+					]
+				},
+				{
+					kind: "pipe",
+					type: i8$1.TranslocoPipe,
+					name: "transloco"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ReplayEventCardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-replay-event-card",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        @if (resourceTitle) {\n          <h2 class=\"vault-heading\">{{resourceTitle}} Replays</h2>\n        } @else {\n          <h2 class=\"vault-heading\">Events &amp; Webinars Replays</h2>\n        }\n      </div>\n    </div>\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card vault-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, 100)\">\n            </pw-resource-edit-card-lazy>\n            <h5 class=\"badge-title fw-bold\">REPLAY:</h5>\n            <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n            <img\n              [src]=\"post.picture.url\"\n              class=\"img-fluid my-3 mt-auto\"\n              alt=\"Webinar\" />\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [href]=\"post.external_url\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</section>\n",
+			styles: [".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media(width>=991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=768px){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: ResourceService },
+		{ type: i2.TagService },
+		{ type: i0.ChangeDetectorRef },
+		{ type: i0.Injector }
+	],
+	propDecorators: {
+		showEventContent: [{ type: Input }],
+		categoryId: [{ type: Input }],
+		resourceTitle: [{ type: Input }],
+		user: [{ type: Input }],
+		userLoggedIn: [{ type: Input }]
+	}
+});
+var ResourceWebinarComponent = class ResourceWebinarComponent extends AppBaseComponent {
+	constructor(resourceService, authService, tagService, titleService, cdr, injector) {
+		super(injector);
+		this.resourceService = resourceService;
+		this.authService = authService;
+		this.tagService = tagService;
+		this.titleService = titleService;
+		this.cdr = cdr;
+		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+		this.posts = [];
+		this.upcomingPosts = [];
+		this.isLoaded = false;
+		this.canEditResourcesValue = false;
+		this.contactUsUrl = this.appConfig?.pages_config?.contact_us?.url;
+	}
+	ngOnInit() {
+		this.getUserSubscriptionId().subscribe((response) => {
+			this.subscriptionId = response;
+			this.cdr.markForCheck();
+		});
+		this.authService.getToken$().subscribe((res) => {
+			this.userLoggedIn = !!res;
+			if (this.userLoggedIn) {
+				this.localStorage.getItem$("product").subscribe((res) => {
+					const data = res ? JSON.parse(res) : null;
+					this.subscriptionId = data?.subscriptionId;
+					this.cdr.markForCheck();
+				});
+				this.userService.getUserInfo().subscribe((data) => {
+					this.user = data;
+					this.getTags();
+					this.updateCanEditResourcesValue();
+					this.cdr.markForCheck();
+				});
+			} else this.getTags();
+			this.cdr.markForCheck();
+		});
+	}
+	getTags() {
+		this.isLoaded = false;
+		this.tagService.getAllTagCategories({ search: "Events" }, this.getEffectiveSubscriptionId()).subscribe((response) => {
+			this.tagCategory = response?.tag_categories?.[0];
+			this.getPostTags();
+			this.cdr.markForCheck();
+		});
+	}
+	getPostTags() {
+		this.tagService.getTagsByType("post_categories", {}, this.getEffectiveSubscriptionId()).subscribe((response) => {
+			this.blogPostTag = response.tags.find((tag) => tag.tag_category_id === this.tagCategory?.id);
+			this.updateSEOMetadata();
+			this.cdr.markForCheck();
+		}).add(() => {
+			this.isLoaded = true;
+			this.cdr.markForCheck();
+		});
+	}
+	updateSEOMetadata() {
+		if (this.blogPostTag) {
+			if (this.blogPostTag.meta_title) this.titleService.setTitle(this.blogPostTag.meta_title);
+			if (this.blogPostTag.meta_description) this.updateMetaDescription(this.blogPostTag.meta_description);
+		}
+	}
+	updateMetaDescription(description) {
+		let metaDescription = document.querySelector("meta[name=\"description\"]");
+		if (!metaDescription) {
+			metaDescription = document.createElement("meta");
+			metaDescription.setAttribute("name", "description");
+			document.head.appendChild(metaDescription);
+		}
+		metaDescription.setAttribute("content", description);
+	}
+	getEffectiveSubscriptionId() {
+		return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+	}
+	updateCanEditResourcesValue() {
+		if (this.userLoggedIn && this.user) this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+		else this.canEditResourcesValue = false;
+	}
+	canEditResources() {
+		return this.canEditResourcesValue;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceWebinarComponent,
+			deps: [
+				{ token: ResourceService },
+				{ token: i2.AuthService },
+				{ token: i2.TagService },
+				{ token: i3.Title },
+				{ token: i0.ChangeDetectorRef },
+				{ token: i0.Injector }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.0",
+			type: ResourceWebinarComponent,
+			isStandalone: false,
+			selector: "pw-resource-webinars",
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<section class=\"bg-white\">\n  <div class=\"resource-banner resource-section\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'Events & Webinars'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getPostTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension\">\n          @if (!blogPostTag?.description || blogPostTag.description === 'null') {\n            <p class=\"intro\">\n              We&rsquo;re big on community and even bigger on sharing what works.\n            </p>\n          } @else {\n            <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n          }\n          <div class=\"cta-buttons d-flex gap-3 flex-wrap mt-3\">\n            <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n              class=\"cta-btn filled\">Speak to sales <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n          </div>\n        </div>\n        <div 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 !== null && !blogPostTag?.image?.url?.includes('default-photo.jpg') && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared')) ) ? blogPostTag?.image?.url : 'assets/img/resource/events-women.png'\"\n            alt=\"Events and webinars banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n\n<section class=\"bg-white\">\n  <pw-upcoming-event-card [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-upcoming-event-card>\n</section>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n",
+			styles: [
+				"@media(width<=991px){.resource-section .image-content .resource-laptop-img{top:6rem!important}}\n",
+				"@charset \"UTF-8\";.cta-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, currentcolor);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid var(--text-color, currentcolor);box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, currentcolor)!important;transform:translateY(-1px)}.cta-btn:focus-visible{outline:2px solid var(--text-color, currentcolor);outline-offset:3px}.cta-btn__icon{font-size:1.1rem;line-height:1}@media(width<=768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, currentColor);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.resource-banner{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden;z-index:2}@media(width<=1200px){.resource-banner .container{padding:7rem 3rem 0rem!important}}.resource-banner:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%)}.resource-banner .container{position:relative;z-index:2}.resource-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.resource-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.resource-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.resource-banner .text-content .cta-btn{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem}.resource-banner .text-content .cta-buttons{margin-top:2rem}.resource-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.resource-banner .resource-header-text{max-width:500px;font-weight:500;color:#fff!important;font-size:4.5rem!important}.resource-banner .blue-text{font-weight:100}@media(width<=991px){.resource-banner .text-content{margin-top:1.5rem;margin-bottom:0;text-align:center;max-width:360px}.resource-banner .text-content h1{margin-bottom:6.5rem!important}.resource-banner .resource-header-text{font-size:2.5rem!important}.resource-banner .cta-buttons{margin-top:0rem!important;justify-content:center!important}.resource-banner .note{margin-left:8rem!important}.resource-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.resource-banner .image-content .floating-box{position:absolute;top:25px;left:3rem;transform:translate(-50%) rotate(-10deg);background:#fff;padding:.75rem 1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;z-index:3;display:inline-block;width:auto}.resource-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.resource-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.resource-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.resource-banner .image-content .screen-img{max-width:280px;position:absolute;bottom:0;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003}.resource-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.resource-banner .image-content .resource-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;margin-top:3rem;left:2%;height:auto!important;top:4rem}}@media(width>=991px){.resource-banner .text-content{position:absolute;width:760px}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}@media(width>=991px){.section-outer{padding-top:7rem!important}}@media(width>=768px)and (width<=991px){.resource-math-img{left:36%!important;top:22rem!important}}@media(width>=991px)and (width<=1200px){.text-extension{max-width:760px;position:absolute;margin-bottom:23rem!important}.resource-divider{top:63.5rem;position:absolute!important}.resource-banner{padding-bottom:90px!important}}@media(width>=1200px){.text-extension{max-width:500px;position:absolute;margin-bottom:31rem!important}.resource-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media(width>=1200px){.resource-divider{top:59.5rem;position:absolute!important}.cta-tab{margin-bottom:5rem!important}}@media(width>=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-laptop-img{top:4rem;left:2rem;position:relative}.image-content .resource-math-img{bottom:9rem;left:61rem;position:relative;height:312px;margin-right:1rem;min-width:450px!important}}@media(width<=786px){.text-extension{position:absolute;margin:3rem;margin-top:11rem!important}}@media(width>=786px)and (width<=991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media(width>=704px)and (width<=768px){.resource-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media(width>=786px)and (width<=991px){.resource-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media(width>=991px)and (width<=1200px){.resource-laptop-img{top:7rem;left:3%;position:relative;width:100%;max-width:600px!important;height:auto}}@media(width>=786px)and (width<=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-math-img{height:243px!important;min-width:350px;bottom:9rem;left:34rem;position:relative;width:350px!important}}@media(width<=991px){.resource-banner{padding-bottom:15rem}}@media(width<=768px){.resource-math-img{top:18rem}.cta-btn{justify-content:center}.resource-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media(width>=768px)and (width<=991px){.cta-btn{justify-content:center}.resource-divider{margin-top:36rem!important}}@media(width>=991px){.resource-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.resource-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}}@media(width<=991px){.billing-section{flex-direction:column!important;gap:3rem}.billing-section .billing-section1,.billing-section .billing-section2{width:90%!important}.billing-section .billing-section1{margin-left:1.5rem;margin-top:4rem}}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media(max-width:991px){.resource-banner .container{display:flex;flex-direction:column;align-items:flex-start;min-height:auto}.resource-banner .text-content,.resource-banner .text-extension,.resource-banner .image-content{position:static!important;left:auto;top:auto;max-width:100%;margin:0!important}.resource-banner .text-content{margin-bottom:0!important}.text-extension{margin-top:1rem!important}.resource-banner .image-content{width:100%;height:auto;align-self:center;margin-top:auto!important}.resource-banner .resource-laptop-img{position:static!important;max-width:260px;width:100%;height:auto!important}.resource-banner{padding:2rem 0 0rem!important}}@media(max-width:575px){.resource-banner:after{height:45%}}\n",
+				".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media(width>=991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=768px){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"
+			],
+			dependencies: [
+				{
+					kind: "component",
+					type: ResourceTopBannerEditComponent,
+					selector: "pw-resource-top-banner-edit",
+					inputs: [
+						"blogPostTag",
+						"user",
+						"userLoggedIn"
+					],
+					outputs: ["getUpdatedTag"]
+				},
+				{
+					kind: "component",
+					type: UpcomingEventCardComponent,
+					selector: "pw-upcoming-event-card",
+					inputs: [
+						"showEventContent",
+						"categoryId",
+						"tag",
+						"postSlice",
+						"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: i4.LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "component",
+					type: i8.ResourceHeaderComponent,
+					selector: "pw-resource-header",
+					inputs: ["user", "userLoggedIn"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourceWebinarComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-resource-webinars",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<section class=\"bg-white\">\n  <div class=\"resource-banner resource-section\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'Events & Webinars'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getPostTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension\">\n          @if (!blogPostTag?.description || blogPostTag.description === 'null') {\n            <p class=\"intro\">\n              We&rsquo;re big on community and even bigger on sharing what works.\n            </p>\n          } @else {\n            <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n          }\n          <div class=\"cta-buttons d-flex gap-3 flex-wrap mt-3\">\n            <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n              class=\"cta-btn filled\">Speak to sales <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n          </div>\n        </div>\n        <div 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 !== null && !blogPostTag?.image?.url?.includes('default-photo.jpg') && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared')) ) ? blogPostTag?.image?.url : 'assets/img/resource/events-women.png'\"\n            alt=\"Events and webinars banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n\n<section class=\"bg-white\">\n  <pw-upcoming-event-card [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-upcoming-event-card>\n</section>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n",
+			styles: [
+				"@media(width<=991px){.resource-section .image-content .resource-laptop-img{top:6rem!important}}\n",
+				"@charset \"UTF-8\";.cta-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--text-color, currentcolor);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid var(--text-color, currentcolor);box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .15s ease}.cta-btn:hover{background-color:#fff!important;color:var(--text-color, currentcolor)!important;transform:translateY(-1px)}.cta-btn:focus-visible{outline:2px solid var(--text-color, currentcolor);outline-offset:3px}.cta-btn__icon{font-size:1.1rem;line-height:1}@media(width<=768px){.dyn-img{top:-3rem!important}}.text-extension{max-width:560px}.text-extension .intro{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, currentColor);margin-bottom:1rem}.text-extension .cta-buttons{margin-top:2rem!important}.text-extension .note{font-size:1.2rem;color:#000;margin-top:1rem;margin-left:3rem}.resource-banner{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden;z-index:2}@media(width<=1200px){.resource-banner .container{padding:7rem 3rem 0rem!important}}.resource-banner:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%)}.resource-banner .container{position:relative;z-index:2}.resource-banner .text-content{max-width:500px;text-align:left;margin-bottom:75rem}.resource-banner .text-content h1{margin-bottom:1.5rem;line-height:1.2}.resource-banner .text-content .intro{font-size:1.2rem;margin:1rem 0;color:#000}.resource-banner .text-content .cta-btn{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem}.resource-banner .text-content .cta-buttons{margin-top:2rem}.resource-banner .text-content .note{margin-top:1rem;margin-left:5.6rem;font-size:.9rem;color:#555}.resource-banner .resource-header-text{max-width:500px;font-weight:500;color:#fff!important;font-size:4.5rem!important}.resource-banner .blue-text{font-weight:100}@media(width<=991px){.resource-banner .text-content{margin-top:1.5rem;margin-bottom:0;text-align:center;max-width:360px}.resource-banner .text-content h1{margin-bottom:6.5rem!important}.resource-banner .resource-header-text{font-size:2.5rem!important}.resource-banner .cta-buttons{margin-top:0rem!important;justify-content:center!important}.resource-banner .note{margin-left:8rem!important}.resource-banner .image-content{position:relative;margin-bottom:3rem;height:230px}.resource-banner .image-content .floating-box{position:absolute;top:25px;left:3rem;transform:translate(-50%) rotate(-10deg);background:#fff;padding:.75rem 1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;z-index:3;display:inline-block;width:auto}.resource-banner .image-content .floating-box img{width:24px;margin-bottom:.4rem}.resource-banner .image-content .floating-box .label{font-size:.75rem;color:#333;margin:0;line-height:1.2}.resource-banner .image-content .floating-box .count{font-size:1.2rem;font-weight:700;color:#000;margin-top:.25rem}.resource-banner .image-content .screen-img{max-width:280px;position:absolute;bottom:0;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003}.resource-banner .image-content .person-img{max-width:170px;width:100%;position:relative;z-index:3;left:13rem;top:-11.35rem}.resource-banner .image-content .resource-laptop-img{max-width:300px;width:100%;position:relative;z-index:3;margin-top:3rem;left:2%;height:auto!important;top:4rem}}@media(width>=991px){.resource-banner .text-content{position:absolute;width:760px}}.white-content{background:#fff;color:#000}.white-content .intro{font-size:1.2rem;color:#000}.white-content .note{font-size:.85rem;margin-top:1rem;color:#555}@media(width>=991px){.section-outer{padding-top:7rem!important}}@media(width>=768px)and (width<=991px){.resource-math-img{left:36%!important;top:22rem!important}}@media(width>=991px)and (width<=1200px){.text-extension{max-width:760px;position:absolute;margin-bottom:23rem!important}.resource-divider{top:63.5rem;position:absolute!important}.resource-banner{padding-bottom:90px!important}}@media(width>=1200px){.text-extension{max-width:500px;position:absolute;margin-bottom:31rem!important}.resource-laptop-img{width:100%;max-width:800px!important;max-height:800px!important;height:auto}}@media(width>=1200px){.resource-divider{top:59.5rem;position:absolute!important}.cta-tab{margin-bottom:5rem!important}}@media(width>=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-laptop-img{top:4rem;left:2rem;position:relative}.image-content .resource-math-img{bottom:9rem;left:61rem;position:relative;height:312px;margin-right:1rem;min-width:450px!important}}@media(width<=786px){.text-extension{position:absolute;margin:3rem;margin-top:11rem!important}}@media(width>=786px)and (width<=991px){.text-extension{position:absolute;margin:3rem;margin-top:24rem!important}}@media(width>=704px)and (width<=768px){.resource-laptop-img{top:18rem!important;right:30%!important;left:auto!important}}@media(width>=786px)and (width<=991px){.resource-laptop-img{max-width:250px!important;top:18rem!important;right:30%!important;left:auto!important}}@media(width>=991px)and (width<=1200px){.resource-laptop-img{top:7rem;left:3%;position:relative;width:100%;max-width:600px!important;height:auto}}@media(width>=786px)and (width<=1200px){.image-content{margin-top:0;display:flex;align-items:flex-end;gap:1.5rem;height:0}.image-content .floating-box{position:absolute;top:25px;transform:translate(-50%) rotate(-10deg);background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 30px #00000026;text-align:center;width:170px;z-index:3}.image-content .floating-box img{width:30px;margin-bottom:.5rem}.image-content .floating-box .label{font-size:.85rem;color:#333;margin:0}.image-content .floating-box .count{font-size:1.5rem;font-weight:700;color:#000;margin:.25rem 0 0}.image-content .screen-img{width:100%;position:absolute;bottom:5rem;left:3rem;z-index:2;transform:rotate(-1deg);box-shadow:0 8px 15px #0003;max-width:400px;margin-bottom:4rem}.image-content .person-img{max-width:800px;width:100%;position:relative;z-index:3;min-width:420px;margin-bottom:0;bottom:7rem;left:4rem}.image-content .resource-math-img{height:243px!important;min-width:350px;bottom:9rem;left:34rem;position:relative;width:350px!important}}@media(width<=991px){.resource-banner{padding-bottom:15rem}}@media(width<=768px){.resource-math-img{top:18rem}.cta-btn{justify-content:center}.resource-divider{margin-top:49rem!important}.intro{font-size:1.7rem!important}}@media(width>=768px)and (width<=991px){.cta-btn{justify-content:center}.resource-divider{margin-top:36rem!important}}@media(width>=991px){.resource-banner{padding-top:768px;padding-bottom:42px;overflow:hidden}.section-fadeout{height:40px;width:100%;background:linear-gradient(to bottom,#fff0,#f8f9fa)}.resource-heading{width:700px!important}::ng-deep .vault-section{max-width:1580px!important;padding-left:48px!important;padding-top:130px!important}}@media(width<=991px){.billing-section{flex-direction:column!important;gap:3rem}.billing-section .billing-section1,.billing-section .billing-section2{width:90%!important}.billing-section .billing-section1{margin-left:1.5rem;margin-top:4rem}}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}.outer-section-fadeout{top:62rem!important}}@media(max-width:991px){.resource-banner .container{display:flex;flex-direction:column;align-items:flex-start;min-height:auto}.resource-banner .text-content,.resource-banner .text-extension,.resource-banner .image-content{position:static!important;left:auto;top:auto;max-width:100%;margin:0!important}.resource-banner .text-content{margin-bottom:0!important}.text-extension{margin-top:1rem!important}.resource-banner .image-content{width:100%;height:auto;align-self:center;margin-top:auto!important}.resource-banner .resource-laptop-img{position:static!important;max-width:260px;width:100%;height:auto!important}.resource-banner{padding:2rem 0 0rem!important}}@media(max-width:575px){.resource-banner:after{height:45%}}\n",
+				".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media(width<=1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media(width>=991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=768px){.video-row{gap:3rem!important}}@media(max-width:768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media(width<=1200px){.container{padding:7rem 3rem 1rem!important}}\n"
+			]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: ResourceService },
+		{ type: i2.AuthService },
+		{ type: i2.TagService },
+		{ type: i3.Title },
+		{ type: i0.ChangeDetectorRef },
+		{ type: i0.Injector }
+	]
+});
+const routes = [{
+	path: "",
+	component: ResourceWebinarComponent,
+	data: {
+		title: "Resources - Events",
+		permission: "Pages.Blog",
+		preload: false
+	}
+}];
+var ResourceEventsModule = class ResourceEventsModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceEventsModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceEventsModule,
+			declarations: [ResourceWebinarComponent, ReplayEventCardComponent],
+			imports: [ResourceSharedModule, i3$1.RouterModule]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceEventsModule,
+			imports: [ResourceSharedModule, RouterModule.forChild(routes)]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourceEventsModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [ResourceWebinarComponent, ReplayEventCardComponent],
+			imports: [ResourceSharedModule, RouterModule.forChild(routes)]
+		}]
+	}]
+});
+export { ResourceEventsModule };
+
+//# sourceMappingURL=posiwise-resource-module-resource-events.module-BwK6UfCq.mjs.map

package/fesm2022/posiwise-resource-module-resource-events.module-BwK6UfCq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"posiwise-resource-module-resource-events.module-BwK6UfCq.mjs","names":[],"sources":["../../../../libs/resource-module/src/lib/public/components/resource-webinars/replay-event-cards/replay-event-cards.component.ts","../../../../libs/resource-module/src/lib/public/components/resource-webinars/replay-event-cards/replay-event-cards.component.html","../../../../libs/resource-module/src/lib/public/components/resource-webinars/resource-webinars.component.ts","../../../../libs/resource-module/src/lib/public/components/resource-webinars/resource-webinars.component.html","../../../../libs/resource-module/src/lib/public/modules/events/resource-events.module.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Injector,\n    Input,\n    OnChanges,\n    OnInit,\n    type SimpleChanges\n} from '@angular/core';\n\nimport { AppBaseComponent } from '@posiwise/app-base-component';\nimport { TagService } from '@posiwise/common-services';\nimport { Resource, User } from '@posiwise/common-utilities';\nimport { HelperService } from '@posiwise/helper-service';\n\nimport { ResourceService } from '../../../../resource.service';\n\n@Component({\n    selector: 'pw-replay-event-card',\n    templateUrl: './replay-event-cards.component.html',\n    styleUrls: ['../../resources/resources-shared.component.scss'],\n\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class ReplayEventCardComponent extends AppBaseComponent implements OnInit, OnChanges {\n    @Input() showEventContent = false;\n    @Input() categoryId!: string;\n    @Input() resourceTitle!: string;\n    @Input() user: User;\n\n    canEditResourcesValue = false;\n    @Input() userLoggedIn: boolean;\n\n    subscriptionId;\n\n    masterSubscriptionId = this.appConfig.master_subscription.subscription_id;\n\n    posts: Resource[] = [];\n\n    isLoaded = false;\n    blogPostTag;\n\n    isMasterSubscription;\n\n    constructor(\n        private readonly resourceService: ResourceService,\n        private readonly tagService: TagService,\n        private readonly cdr: ChangeDetectorRef,\n        injector: Injector\n    ) {\n        super(injector);\n    }\n\n    ngOnInit(): void {\n        if (this.userLoggedIn) {\n            this.localStorage.getItem$('product').subscribe(res => {\n                const data = res ? JSON.parse(res) : null;\n                this.subscriptionId = data?.subscriptionId;\n                this.cdr.markForCheck();\n            });\n            this.getPostTags();\n        } else {\n            this.getPostTags();\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes['user'] || changes['userLoggedIn']) {\n            if (this.userLoggedIn && this.user) {\n                this.updateCanEditResourcesValue();\n            }\n        }\n    }\n\n    private getPostTags() {\n        this.tagService\n            .getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())\n            .subscribe(response => {\n                this.blogPostTag = response.tags.find(tag => tag.name === 'Events');\n                if (this.blogPostTag?.tag_category_id) {\n                    this.getPosts(1, 100);\n                } else {\n                    this.isLoaded = true;\n                }\n                this.cdr.markForCheck();\n            });\n    }\n\n    getPosts(page: number, pageSize: number): void {\n        this.isLoaded = false;\n        this.resourceService\n            .getPublicPosts(\n                this.getEffectiveSubscriptionId(),\n                page,\n                pageSize,\n                '',\n                this.blogPostTag?.tag_category_id\n            )\n            .subscribe(response => {\n                const now = Date.now();\n                const sortedPosts = (response.posts ?? [])\n                    .filter(post => post.showcase === true && new Date(post?.when).getTime() < now)\n                    .sort(\n                        (a, b) =>\n                            new Date(b.published_at).getTime() - new Date(a.published_at).getTime()\n                    );\n                this.posts = sortedPosts;\n                this.cdr.markForCheck();\n            })\n            .add(() => {\n                this.isLoaded = true;\n                this.cdr.markForCheck();\n            });\n    }\n\n    /** Helper method to get effective subscription ID */\n    private getEffectiveSubscriptionId(): number {\n        return HelperService.getEffectiveSubscriptionId(\n            this.user,\n            this.subscriptionId,\n            this.masterSubscriptionId\n        );\n    }\n    private updateCanEditResourcesValue(): void {\n        this.canEditResourcesValue = HelperService.canEditResources(\n            this.user,\n            this.userLoggedIn,\n            this.permissionService\n        );\n    }\n\n    canEditResources(): boolean {\n        return this.canEditResourcesValue;\n    }\n}\n","<section class=\"resource-vault-section bg-white text-center py-5 extra-top-padding section-outer\">\n  <div class=\"container\">\n    <div class=\"d-md-flex justify-content-between align-items-start\">\n      <div class=\"vault-header\">\n        @if (resourceTitle) {\n          <h2 class=\"vault-heading\">{{resourceTitle}} Replays</h2>\n        } @else {\n          <h2 class=\"vault-heading\">Events &amp; Webinars Replays</h2>\n        }\n      </div>\n    </div>\n\n    @if (!isLoaded) {\n      <div class=\"w-100 text-center mt-3\">\n        <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n      </div>\n    }\n    @if (posts.length === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n\n    @if (posts.length !== 0 && isLoaded) {\n      <div class=\"row mt-5 d-flex flex-wrap justify-content-center gap-4 video-row\">\n        @for (post of posts; track post) {\n          <div class=\"resource-blog-card vault-card text-center p-4\">\n            <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, 100)\">\n            </pw-resource-edit-card-lazy>\n            <h5 class=\"badge-title fw-bold\">REPLAY:</h5>\n            <p class=\"event-title mb-4\" [innerHtml]=\"post?.title\"></p>\n            <img\n              [src]=\"post.picture.url\"\n              class=\"img-fluid my-3 mt-auto\"\n              alt=\"Webinar\" />\n            @if (post?.external_url) {\n              <a\n                class=\"resource-btn mt-3\"\n                [href]=\"post.external_url\"\n                [attr.aria-label]=\"'Open external: ' + (post?.title || 'article')\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">external</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            } @else {\n              <a class=\"resource-btn mt-3\" [attr.aria-label]=\"'Read resource: ' + (post?.title || 'article')\" [routerLink]=\"['/resources/view', post?.slug]\">\n                <span>{{ post?.cta_text && post.cta_text !== 'null' ? post.cta_text : 'Read Now'  }}</span>\n                <span class=\"visually-hidden\">on site</span>\n                <span class=\"arrow\">→</span>\n              </a>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</section>\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Injector,\n    OnInit\n} from '@angular/core';\nimport { Title } from '@angular/platform-browser';\n\nimport { AppBaseComponent } from '@posiwise/app-base-component';\nimport { AuthService, TagService } from '@posiwise/common-services';\nimport { Resource, Tag, User } from '@posiwise/common-utilities';\nimport { HelperService } from '@posiwise/helper-service';\n\nimport { ResourceService } from '../../../resource.service';\n\n@Component({\n    selector: 'pw-resource-webinars',\n    templateUrl: './resource-webinars.component.html',\n    styleUrls: [\n        './resource-webinars.component.scss',\n        '../resource-case-studies/resource-case-studies.component.scss',\n        '../resources/resources-shared.component.scss'\n    ],\n\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class ResourceWebinarComponent extends AppBaseComponent implements OnInit {\n    subscriptionId: number;\n    masterSubscriptionId = this.appConfig.master_subscription.subscription_id;\n    posts: Resource[] = [];\n    upcomingPosts = [];\n    tagCategory;\n    userLoggedIn: boolean;\n    blogPostTag;\n    isLoaded = false;\n\n    canEditResourcesValue = false;\n\n    contactUsUrl = this.appConfig?.pages_config?.contact_us?.url;\n\n    user: User;\n    isMasterSubscription;\n\n    constructor(\n        private readonly resourceService: ResourceService,\n        private readonly authService: AuthService,\n        private readonly tagService: TagService,\n        private readonly titleService: Title,\n        private readonly cdr: ChangeDetectorRef,\n        injector: Injector\n    ) {\n        super(injector);\n    }\n\n    ngOnInit() {\n        this.getUserSubscriptionId().subscribe(response => {\n            this.subscriptionId = response;\n            this.cdr.markForCheck();\n        });\n        this.authService.getToken$().subscribe(res => {\n            this.userLoggedIn = !!res;\n            if (this.userLoggedIn) {\n                this.localStorage.getItem$('product').subscribe(res => {\n                    const data = res ? JSON.parse(res) : null;\n                    this.subscriptionId = data?.subscriptionId;\n                    this.cdr.markForCheck();\n                });\n                this.userService.getUserInfo().subscribe(data => {\n                    this.user = data;\n                    this.getTags();\n                    this.updateCanEditResourcesValue();\n                    this.cdr.markForCheck();\n                });\n            } else {\n                this.getTags();\n            }\n            this.cdr.markForCheck();\n        });\n    }\n\n    private getTags() {\n        this.isLoaded = false;\n        this.tagService\n            .getAllTagCategories({ search: 'Events' }, this.getEffectiveSubscriptionId())\n            .subscribe(response => {\n                this.tagCategory = response?.tag_categories?.[0];\n                this.getPostTags();\n                this.cdr.markForCheck();\n            });\n    }\n\n    private getPostTags() {\n        this.tagService\n            .getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())\n            .subscribe(response => {\n                this.blogPostTag = response.tags.find(\n                    tag => tag.tag_category_id === this.tagCategory?.id\n                );\n                this.updateSEOMetadata();\n                this.cdr.markForCheck();\n            })\n            .add(() => {\n                this.isLoaded = true;\n                this.cdr.markForCheck();\n            });\n    }\n\n    private updateSEOMetadata() {\n        if (this.blogPostTag) {\n            // Update page title if meta_title is available\n            if ((this.blogPostTag as Tag).meta_title) {\n                this.titleService.setTitle((this.blogPostTag as Tag).meta_title);\n            }\n\n            // Update meta description if meta_description is available\n            if ((this.blogPostTag as Tag).meta_description) {\n                this.updateMetaDescription((this.blogPostTag as Tag).meta_description);\n            }\n        }\n    }\n\n    private updateMetaDescription(description: string) {\n        let metaDescription = document.querySelector('meta[name=\"description\"]');\n        if (!metaDescription) {\n            metaDescription = document.createElement('meta');\n            metaDescription.setAttribute('name', 'description');\n            document.head.appendChild(metaDescription);\n        }\n        metaDescription.setAttribute('content', description);\n    }\n\n    /** Helper method to get effective subscription ID */\n    private getEffectiveSubscriptionId(): number {\n        return HelperService.getEffectiveSubscriptionId(\n            this.user,\n            this.subscriptionId,\n            this.masterSubscriptionId\n        );\n    }\n\n    private updateCanEditResourcesValue(): void {\n        if (this.userLoggedIn && this.user) {\n            this.canEditResourcesValue = HelperService.canEditResources(\n                this.user,\n                this.userLoggedIn,\n                this.permissionService\n            );\n        } else {\n            this.canEditResourcesValue = false;\n        }\n    }\n\n    canEditResources(): boolean {\n        return this.canEditResourcesValue;\n    }\n}\n","<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<section class=\"bg-white\">\n  <div class=\"resource-banner resource-section\">\n    @if (isLoaded) {\n      <div class=\"container d-flex flex-column flex-lg-row align-items-center justify-content-between\">\n        <div class=\"text-content\">\n          <div class=\"resource-heading\">\n            <h1 class=\"resource-header-text mb-4\">\n              <span class=\"d-inline-flex align-items-center gap-2 flex-wrap\">\n                <span [innerHTML]=\"blogPostTag?.title || 'Events & Webinars'\"></span>\n                @if (canEditResourcesValue) {\n                  <pw-resource-top-banner-edit\n                    [blogPostTag]=\"blogPostTag\"\n                    [user]=\"user\"\n                    [userLoggedIn]=\"userLoggedIn\"\n                    (getUpdatedTag)=\"getPostTags()\"\n                  ></pw-resource-top-banner-edit>\n                }\n              </span>\n            </h1>\n          </div>\n        </div>\n        <div class=\"text-extension\">\n          @if (!blogPostTag?.description || blogPostTag.description === 'null') {\n            <p class=\"intro\">\n              We&rsquo;re big on community and even bigger on sharing what works.\n            </p>\n          } @else {\n            <p class=\"intro\" [innerHTML]=\"blogPostTag.description\"></p>\n          }\n          <div class=\"cta-buttons d-flex gap-3 flex-wrap mt-3\">\n            <a [href]=\"contactUsUrl\" target=\"_blank\" rel=\"noopener noreferrer\"\n              class=\"cta-btn filled\">Speak to sales <i class=\"fa fa-chevron-right cta-btn__icon\" aria-hidden=\"true\"></i></a>\n          </div>\n        </div>\n        <div 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 !== null && !blogPostTag?.image?.url?.includes('default-photo.jpg') && !(blogPostTag?.image?.url.includes('no_image_uploaded_squared')) ) ? blogPostTag?.image?.url : 'assets/img/resource/events-women.png'\"\n            alt=\"Events and webinars banner\"\n            width=\"600\"\n            height=\"450\"\n            loading=\"eager\"\n            fetchpriority=\"high\" />\n        </div>\n      </div>\n    }\n  </div>\n</section>\n\n<section class=\"bg-white\">\n  <pw-upcoming-event-card [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [postSlice]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-upcoming-event-card>\n</section>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nimport { ReplayEventCardComponent } from '../../components/resource-webinars/replay-event-cards/replay-event-cards.component';\nimport { ResourceWebinarComponent } from '../../components/resource-webinars/resource-webinars.component';\nimport { ResourceSharedModule } from '../../shared/resource-shared.module';\n\nconst routes: Routes = [\n    {\n        path: '',\n        component: ResourceWebinarComponent,\n        data: {\n            title: 'Resources - Events',\n            permission: 'Pages.Blog',\n            preload: false\n        }\n    }\n];\n\n@NgModule({\n    declarations: [ResourceWebinarComponent, ReplayEventCardComponent],\n    imports: [ResourceSharedModule, RouterModule.forChild(routes)]\n})\nexport class ResourceEventsModule {}\n"],"mappings":"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"}