@posiwise/resource-module 0.0.192 → 0.0.194

package/fesm2022/posiwise-resource-module-resource-root.module-DP0EMP-_.mjs

@@ -0,0 +1,769 @@
+import { c as ResourceNoteCardComponent, i as ResourceVaultComponent, n as UpcomingEventCardComponent, o as ResourceCardComponent, r as ResourceVideoCardComponent, s as CaseStudyCardComponent, t as ResourceCardsModule } from "./posiwise-resource-module-resource-cards.module-Bp4BgXL2.mjs";
+import * as i0 from "@angular/core";
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, EventEmitter, Input, NgModule, Output, ViewChild } from "@angular/core";
+import { HelperService } from "@posiwise/helper-service";
+import * as i1$2 from "@posiwise/common-services";
+import * as i1 from "@angular/router";
+import { RouterModule } from "@angular/router";
+import * as i8 from "@posiwise/resource-contact-us";
+import * as i2$1 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i4 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { CoreTranslocoModule } from "@posiwise/core-transloco";
+import * as i5 from "@posiwise/directives";
+import * as i7 from "@posiwise/shared-components";
+import { ResourceSharedComponentsModule } from "@posiwise/shared-components";
+import * as i8$1 from "@jsverse/transloco";
+import { TranslocoModule } from "@jsverse/transloco";
+import { AppBaseComponent } from "@posiwise/app-base-component";
+import * as i1$1 from "@ng-bootstrap/ng-bootstrap";
+import * as i6 from "@posiwise/utils";
+import * as i3 from "@angular/platform-browser";
+import * as i2 from "@posiwise/admin-module-utils";
+var ResourceTagComponent = class ResourceTagComponent extends AppBaseComponent {
+	constructor(tagService, cdr, injector) {
+		super(injector);
+		this.tagService = tagService;
+		this.cdr = cdr;
+		this.tagsLoaded = new EventEmitter();
+		this.tagSelected = new EventEmitter();
+		this.tags = [];
+		this.loading = true;
+		this.loaded = false;
+		this.selectedTag = null;
+		this.canEditResourcesValue = false;
+	}
+	ngOnInit() {
+		this.localStorage.getItem$("product").subscribe((product) => {
+			const data = product ? JSON.parse(product) : null;
+			this.subscriptionId = data?.subscriptionId ?? this.appConfig.master_subscription.subscription_id;
+			this.cdr.markForCheck();
+		});
+		this.getTags();
+	}
+	ngOnChanges(changes) {
+		if (changes["user"] || changes["userLoggedIn"]) {
+			if (this.userLoggedIn && this.user) this.updateCanEditResourcesValue();
+		}
+	}
+	navigateToTagList() {
+		HelperService.navigateToTagList();
+	}
+	selectTag(tag) {
+		this.selectedTag = tag;
+		this.tagSelected.emit(tag);
+	}
+	getTags() {
+		this.loading = true;
+		this.tagService.getTagsByType("post_categories", {}, this.getEffectiveSubscriptionId()).subscribe((res) => {
+			this.tags = (res?.tags ?? []).filter((tag) => tag.visible_in_resources).map((tag) => ({ ...tag }));
+			this.tagsLoaded.emit(this.tags);
+			this.cdr.markForCheck();
+		}).add(() => {
+			this.loading = false;
+			this.loaded = true;
+			this.cdr.markForCheck();
+		});
+	}
+	getEffectiveSubscriptionId() {
+		return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.appConfig.master_subscription.subscription_id);
+	}
+	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: ResourceTagComponent,
+			deps: [
+				{ token: i1$2.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: ResourceTagComponent,
+			isStandalone: false,
+			selector: "pw-resource-tags",
+			inputs: {
+				user: "user",
+				userLoggedIn: "userLoggedIn"
+			},
+			outputs: {
+				tagsLoaded: "tagsLoaded",
+				tagSelected: "tagSelected"
+			},
+			usesInheritance: true,
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "@if (loading) {\n  <!-- Skeleton — holds same space as real content to prevent CLS -->\n  <section class=\"tag-section py-5 bg-white\">\n    <div class=\"container\">\n      <div class=\"row g-4\">\n        @for (i of [1, 2, 3, 4, 5, 6, 7, 8]; track i) {\n          <div class=\"col-md-3 col-sm-6 col-6 mb-1 mb-lg-4\">\n            <div class=\"resource-card d-flex align-items-center p-3 placeholder-wave\">\n              <span class=\"placeholder col-8 rounded\" style=\"height:1rem\"></span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </section>\n} @else if (tags?.length) {\n  <section class=\"tag-section py-5 bg-white\">\n    <div class=\"container\">\n      @if (userLoggedIn && user?.auth?.granted['Pages.Admin']) {\n        <i\n          class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black d-flex justify-content-end mb-3\"\n          (click)=\"navigateToTagList()\"\n          (keydown.enter)=\"navigateToTagList()\"\n          (keydown.space)=\"navigateToTagList()\"\n          title=\"Edit Tags\"></i>\n      }\n      <div class=\"row g-4\">\n        @for (tag of tags; track tag) {\n          <div class=\"col-md-3 col-sm-6 col-6 mb-1 mb-lg-4\">\n            <div (click)=\"selectTag(tag)\" (keydown.enter)=\"selectTag(tag)\" class=\"resource-card d-flex align-items-center p-3\" [ngClass]=\"{ 'selected': selectedTag?.name === tag.name }\">\n              @if (tag?.icon_name) {\n                <i class=\"fa\" [ngClass]=\"tag.icon_name + ' resource-icon me-3'\"></i>\n              }\n              <span class=\"resource-text\">{{ tag.name }}</span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </section>\n}\n",
+			styles: [".tag-section{padding-top:4.5rem!important}.resource-card{border:2px dashed #d4d4d4;border-radius:16px;background-color:#fff;transition:box-shadow .3s ease;cursor:pointer;min-height:95px;padding:1.5rem!important}.resource-card:hover{box-shadow:0 0 30px #00000014}.selected{border:4px dashed #d4d4d4;border-color:var(--first)!important}.resource-icon{font-size:2.5rem;color:var(--first)}.resource-text{font-size:1.4rem;font-weight:500;color:var(--text-color, currentColor);line-height:2rem}@media(width<=576px){.resource-card{padding:.3rem 1rem!important;height:100%;min-height:75px}.tag-section{padding-bottom:4.5rem!important}.resource-icon{font-size:2rem!important}.resource-text{font-size:1.2rem!important;line-height:1.6rem!important;overflow-wrap:break-word;hyphens:auto}}\n", "@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--public-btn-radius: 24px}.hub-page{display:block}.hub-page section,.hub-page header,.hub-page footer,.hub-page nav,.hub-page ul,.hub-page li,.hub-page article,.hub-page aside{float:none;clear:both}.hub-page ul,.hub-page li{list-style:none}.hub-page .hub-hero{background:linear-gradient(180deg,#061f2a 0%,#042230 60%,var(--sidebar_bg, #00303f) 100%);color:#f5f7fa;overflow:hidden;padding:88px 24px 96px;position:relative}.hub-page .hub-hero h1.hub-hero__title{color:#f5f7fa!important}.hub-page .hub-hero p.hub-hero__eyebrow{color:color-mix(in srgb,var(--first) 70%,white)!important}.hub-page .hub-hero p.hub-hero__subtitle{color:#aab3c0!important}.hub-page .hub-hero__glow{background:radial-gradient(60% 80% at 78% 18%,color-mix(in srgb,var(--first) 38%,transparent),transparent 70%),radial-gradient(40% 60% at 12% 100%,color-mix(in srgb,var(--second, #36c283) 22%,transparent),transparent 70%);inset:0;pointer-events:none;position:absolute}.hub-page .hub-hero__grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;inset:0;opacity:.7;pointer-events:none;position:absolute;-webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%)}.hub-page .hub-hero__inner{margin:0 auto;max-width:1140px;position:relative}.hub-page .hub-hero__eyebrow{color:color-mix(in srgb,var(--first) 70%,white);font-size:12px;font-weight:600;letter-spacing:.18em;margin:0 0 18px}.hub-page .hub-hero__title{color:#f5f7fa;font-size:64px;font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0 0 18px;max-width:880px}.hub-page .hub-hero__subtitle{color:#aab3c0;font-size:18px;line-height:1.6;margin:0 0 36px;max-width:620px}.hub-page .hub-hero__br{display:inline}.hub-page .hub-hero__search{align-items:center;display:flex;gap:10px;max-width:560px}.hub-page .hub-hero__search .p-iconfield{flex:1}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f5f7fa;font-size:15px;height:48px;padding-left:42px;width:100%;transition:border-color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1)}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input::placeholder{color:#ffffff73}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input:focus,.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input:focus-visible{background:#ffffff1f;border-color:#ffffff59;box-shadow:0 0 0 4px color-mix(in srgb,var(--first) 24%,transparent);outline:0}.hub-page .hub-hero__search .p-inputicon i{color:#ffffff8c}.hub-page .hub-hero__edit{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f5f7fa;cursor:pointer;display:inline-flex;height:48px;justify-content:center;transition:background .18s cubic-bezier(.2,.7,.2,1);width:48px}.hub-page .hub-hero__edit:hover{background:#ffffff29}.hub-shell{background:#fff;margin:0 auto;max-width:1188px;padding:40px 24px 96px;position:relative;width:100%}.hub-shell header,.hub-shell footer{float:none;clear:both}.hub-chips{border-bottom:1px solid #e7eaef;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 32px;padding:0 0 12px}.hub-chip{align-items:center;background:transparent;border:0;border-radius:8px;color:#5a6473;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;line-height:1.2;padding:10px 14px;position:relative;transition:color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1)}.hub-chip__dot{background:#8a93a3;border-radius:9999px;flex-shrink:0;height:8px;transition:transform .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1);width:8px}.hub-chip__dot[data-cat=\"0\"]{background:#2c7be5}.hub-chip__dot[data-cat=\"1\"]{background:#1f9d57}.hub-chip__dot[data-cat=\"2\"]{background:#b7791f}.hub-chip__dot[data-cat=\"3\"]{background:#b94c8c}.hub-chip__dot[data-cat=\"4\"]{background:#6a4ec2}.hub-chip__dot[data-cat=\"5\"]{background:#0aa39a}.hub-chip--all .hub-chip__dot{background:var(--first)}.hub-chip__count{background:#f7f8fa;border-radius:9999px;color:#8a93a3;font-size:11px;font-weight:600;padding:2px 8px;transition:background .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1)}.hub-chip:hover{background:#f7f8fa;color:#0b0d10}.hub-chip:hover .hub-chip__dot{transform:scale(1.2)}.hub-chip:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--first) 22%,transparent);outline:0}.hub-chip--selected{color:#0b0d10}.hub-chip--selected:after{background:var(--first);border-radius:1px 1px 0 0;bottom:-13px;content:\"\";height:2px;left:14px;position:absolute;right:14px}.hub-chip--selected .hub-chip__count{background:color-mix(in srgb,var(--first) 14%,white);color:var(--first)}.hub-loading{padding:64px 0;text-align:center}.hub-grid{display:grid;gap:28px 24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.hub-post{--reveal-delay: 0ms;animation:hubReveal .42s .18s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay);background:#fff;border:1px solid #e7eaef;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .18s cubic-bezier(.2,.7,.2,1),transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1)}.hub-post>pw-resource-edit-card-lazy{display:contents}.hub-post:hover{border-color:#cfd4dc;box-shadow:0 12px 28px #0b0d1014;transform:translateY(-2px)}.hub-post:hover .hub-post__title{color:var(--first)!important}.hub-post:hover .hub-post__media{transform:scale(1.02)}.hub-post__media{aspect-ratio:16/9;align-items:center;background:linear-gradient(135deg,#f7f8fa,#eef0f3);display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.hub-post__media[data-cat=\"0\"]{--accent: $c0}.hub-post__media[data-cat=\"1\"]{--accent: $c1}.hub-post__media[data-cat=\"2\"]{--accent: $c2}.hub-post__media[data-cat=\"3\"]{--accent: $c3}.hub-post__media[data-cat=\"4\"]{--accent: $c4}.hub-post__media[data-cat=\"5\"]{--accent: $c5}.hub-post__media:before{background:linear-gradient(135deg,var(--accent, #2c7be5) 0%,color-mix(in srgb,var(--accent, #2c7be5) 30%,#0b0d10) 100%);content:\"\";inset:0;position:absolute}.hub-post__media:after{background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.18),transparent 60%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.14),transparent 60%),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.12),transparent 60%);background-size:200px 200px,180px 180px,220px 220px;content:\"\";inset:0;mix-blend-mode:overlay;opacity:.6;position:absolute}.hub-post__image{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.hub-post__glyph{color:#ffffffeb;font-size:76px;font-weight:700;letter-spacing:-.04em;position:relative;z-index:2}.hub-post__icon{color:#ffffffc7;font-size:18px;position:absolute;right:16px;top:16px;z-index:2}.hub-post__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px 22px 20px}.hub-post__eyebrow{align-items:center;color:#5a6473;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.1em;margin:0;text-transform:uppercase}.hub-post__eyebrow[data-cat=\"0\"]{--cat: $c0}.hub-post__eyebrow[data-cat=\"1\"]{--cat: $c1}.hub-post__eyebrow[data-cat=\"2\"]{--cat: $c2}.hub-post__eyebrow[data-cat=\"3\"]{--cat: $c3}.hub-post__eyebrow[data-cat=\"4\"]{--cat: $c4}.hub-post__eyebrow[data-cat=\"5\"]{--cat: $c5}.hub-post__eyebrow .hub-post__dot{background:var(--cat, #8a93a3);border-radius:9999px;flex-shrink:0;height:6px;width:6px}.hub-post__title{color:#0b0d10!important;cursor:pointer;font-size:19px!important;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0;transition:color .18s cubic-bezier(.2,.7,.2,1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0!important}.hub-post__excerpt{color:#5a6473;font-size:14px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hub-post__foot{align-items:center;border-top:1px solid #e7eaef;display:flex;flex-wrap:nowrap;gap:10px;margin-top:auto;padding-top:14px}.hub-post__avatar{background:#f7f8fa;border-radius:9999px;flex:0 0 28px;height:28px;object-fit:cover;width:28px}.hub-post__avatar--text{align-items:center;background:color-mix(in srgb,var(--first) 14%,#f7f8fa);color:var(--first);display:inline-flex;font-size:11px;font-weight:700;justify-content:center}.hub-post__author-meta{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow:hidden}.hub-post__author-name{color:#0b0d10;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-post__author-sub{color:#8a93a3;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-post__author-sub time,.hub-post__author-sub span{display:inline}.hub-post__sep{color:#cfd4dc;margin:0 4px}.hub-post__views{background:#f7f8fa;border-radius:9999px;color:#8a93a3;flex:0 0 auto;font-size:11px;font-weight:600;padding:4px 10px}@keyframes hubReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hub-empty{background:#f7f8fa;border:1px dashed #e7eaef;border-radius:14px;margin-top:16px;padding:56px 24px;text-align:center}@media(max-width:1100px){.hub-hero__title{font-size:52px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.hub-hero{padding:64px 20px 56px}.hub-hero__title{font-size:36px;line-height:1.1}.hub-hero__subtitle{font-size:16px;margin-bottom:28px}.hub-hero__br{display:none}.hub-shell{padding:28px 16px 64px}.hub-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.hub-chip{flex-shrink:0}.hub-grid{gap:20px;grid-template-columns:1fr}}@media(max-width:479px){.hub-hero__title{font-size:30px}.hub-post__body{padding:18px}}\n"],
+			dependencies: [{
+				kind: "directive",
+				type: i2$1.NgClass,
+				selector: "[ngClass]",
+				inputs: ["class", "ngClass"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourceTagComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-resource-tags",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "@if (loading) {\n  <!-- Skeleton — holds same space as real content to prevent CLS -->\n  <section class=\"tag-section py-5 bg-white\">\n    <div class=\"container\">\n      <div class=\"row g-4\">\n        @for (i of [1, 2, 3, 4, 5, 6, 7, 8]; track i) {\n          <div class=\"col-md-3 col-sm-6 col-6 mb-1 mb-lg-4\">\n            <div class=\"resource-card d-flex align-items-center p-3 placeholder-wave\">\n              <span class=\"placeholder col-8 rounded\" style=\"height:1rem\"></span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </section>\n} @else if (tags?.length) {\n  <section class=\"tag-section py-5 bg-white\">\n    <div class=\"container\">\n      @if (userLoggedIn && user?.auth?.granted['Pages.Admin']) {\n        <i\n          class=\"fa fa-edit in-page-edit-icon cursor-pointer text-black d-flex justify-content-end mb-3\"\n          (click)=\"navigateToTagList()\"\n          (keydown.enter)=\"navigateToTagList()\"\n          (keydown.space)=\"navigateToTagList()\"\n          title=\"Edit Tags\"></i>\n      }\n      <div class=\"row g-4\">\n        @for (tag of tags; track tag) {\n          <div class=\"col-md-3 col-sm-6 col-6 mb-1 mb-lg-4\">\n            <div (click)=\"selectTag(tag)\" (keydown.enter)=\"selectTag(tag)\" class=\"resource-card d-flex align-items-center p-3\" [ngClass]=\"{ 'selected': selectedTag?.name === tag.name }\">\n              @if (tag?.icon_name) {\n                <i class=\"fa\" [ngClass]=\"tag.icon_name + ' resource-icon me-3'\"></i>\n              }\n              <span class=\"resource-text\">{{ tag.name }}</span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </section>\n}\n",
+			styles: [".tag-section{padding-top:4.5rem!important}.resource-card{border:2px dashed #d4d4d4;border-radius:16px;background-color:#fff;transition:box-shadow .3s ease;cursor:pointer;min-height:95px;padding:1.5rem!important}.resource-card:hover{box-shadow:0 0 30px #00000014}.selected{border:4px dashed #d4d4d4;border-color:var(--first)!important}.resource-icon{font-size:2.5rem;color:var(--first)}.resource-text{font-size:1.4rem;font-weight:500;color:var(--text-color, currentColor);line-height:2rem}@media(width<=576px){.resource-card{padding:.3rem 1rem!important;height:100%;min-height:75px}.tag-section{padding-bottom:4.5rem!important}.resource-icon{font-size:2rem!important}.resource-text{font-size:1.2rem!important;line-height:1.6rem!important;overflow-wrap:break-word;hyphens:auto}}\n", "@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--public-btn-radius: 24px}.hub-page{display:block}.hub-page section,.hub-page header,.hub-page footer,.hub-page nav,.hub-page ul,.hub-page li,.hub-page article,.hub-page aside{float:none;clear:both}.hub-page ul,.hub-page li{list-style:none}.hub-page .hub-hero{background:linear-gradient(180deg,#061f2a 0%,#042230 60%,var(--sidebar_bg, #00303f) 100%);color:#f5f7fa;overflow:hidden;padding:88px 24px 96px;position:relative}.hub-page .hub-hero h1.hub-hero__title{color:#f5f7fa!important}.hub-page .hub-hero p.hub-hero__eyebrow{color:color-mix(in srgb,var(--first) 70%,white)!important}.hub-page .hub-hero p.hub-hero__subtitle{color:#aab3c0!important}.hub-page .hub-hero__glow{background:radial-gradient(60% 80% at 78% 18%,color-mix(in srgb,var(--first) 38%,transparent),transparent 70%),radial-gradient(40% 60% at 12% 100%,color-mix(in srgb,var(--second, #36c283) 22%,transparent),transparent 70%);inset:0;pointer-events:none;position:absolute}.hub-page .hub-hero__grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;inset:0;opacity:.7;pointer-events:none;position:absolute;-webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%)}.hub-page .hub-hero__inner{margin:0 auto;max-width:1140px;position:relative}.hub-page .hub-hero__eyebrow{color:color-mix(in srgb,var(--first) 70%,white);font-size:12px;font-weight:600;letter-spacing:.18em;margin:0 0 18px}.hub-page .hub-hero__title{color:#f5f7fa;font-size:64px;font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0 0 18px;max-width:880px}.hub-page .hub-hero__subtitle{color:#aab3c0;font-size:18px;line-height:1.6;margin:0 0 36px;max-width:620px}.hub-page .hub-hero__br{display:inline}.hub-page .hub-hero__search{align-items:center;display:flex;gap:10px;max-width:560px}.hub-page .hub-hero__search .p-iconfield{flex:1}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f5f7fa;font-size:15px;height:48px;padding-left:42px;width:100%;transition:border-color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1)}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input::placeholder{color:#ffffff73}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input:focus,.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input:focus-visible{background:#ffffff1f;border-color:#ffffff59;box-shadow:0 0 0 4px color-mix(in srgb,var(--first) 24%,transparent);outline:0}.hub-page .hub-hero__search .p-inputicon i{color:#ffffff8c}.hub-page .hub-hero__edit{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f5f7fa;cursor:pointer;display:inline-flex;height:48px;justify-content:center;transition:background .18s cubic-bezier(.2,.7,.2,1);width:48px}.hub-page .hub-hero__edit:hover{background:#ffffff29}.hub-shell{background:#fff;margin:0 auto;max-width:1188px;padding:40px 24px 96px;position:relative;width:100%}.hub-shell header,.hub-shell footer{float:none;clear:both}.hub-chips{border-bottom:1px solid #e7eaef;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 32px;padding:0 0 12px}.hub-chip{align-items:center;background:transparent;border:0;border-radius:8px;color:#5a6473;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;line-height:1.2;padding:10px 14px;position:relative;transition:color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1)}.hub-chip__dot{background:#8a93a3;border-radius:9999px;flex-shrink:0;height:8px;transition:transform .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1);width:8px}.hub-chip__dot[data-cat=\"0\"]{background:#2c7be5}.hub-chip__dot[data-cat=\"1\"]{background:#1f9d57}.hub-chip__dot[data-cat=\"2\"]{background:#b7791f}.hub-chip__dot[data-cat=\"3\"]{background:#b94c8c}.hub-chip__dot[data-cat=\"4\"]{background:#6a4ec2}.hub-chip__dot[data-cat=\"5\"]{background:#0aa39a}.hub-chip--all .hub-chip__dot{background:var(--first)}.hub-chip__count{background:#f7f8fa;border-radius:9999px;color:#8a93a3;font-size:11px;font-weight:600;padding:2px 8px;transition:background .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1)}.hub-chip:hover{background:#f7f8fa;color:#0b0d10}.hub-chip:hover .hub-chip__dot{transform:scale(1.2)}.hub-chip:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--first) 22%,transparent);outline:0}.hub-chip--selected{color:#0b0d10}.hub-chip--selected:after{background:var(--first);border-radius:1px 1px 0 0;bottom:-13px;content:\"\";height:2px;left:14px;position:absolute;right:14px}.hub-chip--selected .hub-chip__count{background:color-mix(in srgb,var(--first) 14%,white);color:var(--first)}.hub-loading{padding:64px 0;text-align:center}.hub-grid{display:grid;gap:28px 24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.hub-post{--reveal-delay: 0ms;animation:hubReveal .42s .18s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay);background:#fff;border:1px solid #e7eaef;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .18s cubic-bezier(.2,.7,.2,1),transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1)}.hub-post>pw-resource-edit-card-lazy{display:contents}.hub-post:hover{border-color:#cfd4dc;box-shadow:0 12px 28px #0b0d1014;transform:translateY(-2px)}.hub-post:hover .hub-post__title{color:var(--first)!important}.hub-post:hover .hub-post__media{transform:scale(1.02)}.hub-post__media{aspect-ratio:16/9;align-items:center;background:linear-gradient(135deg,#f7f8fa,#eef0f3);display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.hub-post__media[data-cat=\"0\"]{--accent: $c0}.hub-post__media[data-cat=\"1\"]{--accent: $c1}.hub-post__media[data-cat=\"2\"]{--accent: $c2}.hub-post__media[data-cat=\"3\"]{--accent: $c3}.hub-post__media[data-cat=\"4\"]{--accent: $c4}.hub-post__media[data-cat=\"5\"]{--accent: $c5}.hub-post__media:before{background:linear-gradient(135deg,var(--accent, #2c7be5) 0%,color-mix(in srgb,var(--accent, #2c7be5) 30%,#0b0d10) 100%);content:\"\";inset:0;position:absolute}.hub-post__media:after{background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.18),transparent 60%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.14),transparent 60%),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.12),transparent 60%);background-size:200px 200px,180px 180px,220px 220px;content:\"\";inset:0;mix-blend-mode:overlay;opacity:.6;position:absolute}.hub-post__image{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.hub-post__glyph{color:#ffffffeb;font-size:76px;font-weight:700;letter-spacing:-.04em;position:relative;z-index:2}.hub-post__icon{color:#ffffffc7;font-size:18px;position:absolute;right:16px;top:16px;z-index:2}.hub-post__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px 22px 20px}.hub-post__eyebrow{align-items:center;color:#5a6473;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.1em;margin:0;text-transform:uppercase}.hub-post__eyebrow[data-cat=\"0\"]{--cat: $c0}.hub-post__eyebrow[data-cat=\"1\"]{--cat: $c1}.hub-post__eyebrow[data-cat=\"2\"]{--cat: $c2}.hub-post__eyebrow[data-cat=\"3\"]{--cat: $c3}.hub-post__eyebrow[data-cat=\"4\"]{--cat: $c4}.hub-post__eyebrow[data-cat=\"5\"]{--cat: $c5}.hub-post__eyebrow .hub-post__dot{background:var(--cat, #8a93a3);border-radius:9999px;flex-shrink:0;height:6px;width:6px}.hub-post__title{color:#0b0d10!important;cursor:pointer;font-size:19px!important;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0;transition:color .18s cubic-bezier(.2,.7,.2,1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0!important}.hub-post__excerpt{color:#5a6473;font-size:14px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hub-post__foot{align-items:center;border-top:1px solid #e7eaef;display:flex;flex-wrap:nowrap;gap:10px;margin-top:auto;padding-top:14px}.hub-post__avatar{background:#f7f8fa;border-radius:9999px;flex:0 0 28px;height:28px;object-fit:cover;width:28px}.hub-post__avatar--text{align-items:center;background:color-mix(in srgb,var(--first) 14%,#f7f8fa);color:var(--first);display:inline-flex;font-size:11px;font-weight:700;justify-content:center}.hub-post__author-meta{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow:hidden}.hub-post__author-name{color:#0b0d10;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-post__author-sub{color:#8a93a3;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-post__author-sub time,.hub-post__author-sub span{display:inline}.hub-post__sep{color:#cfd4dc;margin:0 4px}.hub-post__views{background:#f7f8fa;border-radius:9999px;color:#8a93a3;flex:0 0 auto;font-size:11px;font-weight:600;padding:4px 10px}@keyframes hubReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hub-empty{background:#f7f8fa;border:1px dashed #e7eaef;border-radius:14px;margin-top:16px;padding:56px 24px;text-align:center}@media(max-width:1100px){.hub-hero__title{font-size:52px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.hub-hero{padding:64px 20px 56px}.hub-hero__title{font-size:36px;line-height:1.1}.hub-hero__subtitle{font-size:16px;margin-bottom:28px}.hub-hero__br{display:none}.hub-shell{padding:28px 16px 64px}.hub-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.hub-chip{flex-shrink:0}.hub-grid{gap:20px;grid-template-columns:1fr}}@media(max-width:479px){.hub-hero__title{font-size:30px}.hub-post__body{padding:18px}}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1$2.TagService },
+		{ type: i0.ChangeDetectorRef },
+		{ type: i0.Injector }
+	],
+	propDecorators: {
+		tagsLoaded: [{ type: Output }],
+		tagSelected: [{ type: Output }],
+		user: [{ type: Input }],
+		userLoggedIn: [{ type: Input }]
+	}
+});
+var VaultSectionComponent = class VaultSectionComponent extends AppBaseComponent {
+	constructor(injector, modalService, adminService, titleService, cdr) {
+		super(injector);
+		this.modalService = modalService;
+		this.adminService = adminService;
+		this.titleService = titleService;
+		this.cdr = cdr;
+		this.resourceTagLine = this.appConfig.pages_config?.resources.resources_tagline;
+		this.resourceImage = this.appConfig.pages_config?.resources.resources_image.url;
+		this.resourceDescription = this.appConfig.pages_config?.resources.resources_description;
+		this.domainId = this.appConfig.domain_id;
+		this.image = null;
+		this.file = null;
+		this.editingTagline = "";
+		this.editingDescription = "";
+		this.canEditResourcesValue = false;
+	}
+	ngOnInit() {
+		this.previewResourceImage = {
+			url: this.appConfig.pages_config?.resources.resources_image.url ?? "",
+			name: "resources_image.png"
+		};
+		this.companyName = this.appConfig?.company.name;
+		this.scheduleSEOMetadataUpdate();
+	}
+	ngOnChanges(changes) {
+		if (changes["user"] || changes["userLoggedIn"]) {
+			if (this.userLoggedIn && this.user) {
+				this.permissionService.user = this.user;
+				this.updateCanEditResourcesValue();
+			}
+		}
+	}
+	scheduleSEOMetadataUpdate() {
+		this.clearSEOTimer();
+		this.seoUpdateTimer = setTimeout(() => {
+			this.updateSEOMetadata();
+			this.seoUpdateTimer = null;
+		}, 2e3);
+	}
+	clearSEOTimer() {
+		if (this.seoUpdateTimer) {
+			clearTimeout(this.seoUpdateTimer);
+			this.seoUpdateTimer = null;
+		}
+	}
+	updateSEOMetadata() {
+		if (this.resourceTagLine) this.titleService.setTitle(this.resourceTagLine);
+		if (this.resourceDescription) this.updateMetaDescription(this.resourceDescription);
+	}
+	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);
+	}
+	openEditResourceModal() {
+		this.editingTagline = this.resourceTagLine;
+		this.editingDescription = this.resourceDescription;
+		this.image = this.resourceImage;
+		this.file = null;
+		this.modalService.open(this.editResourceModalRef, { centered: true });
+	}
+	saveResourceContent(modal) {
+		const formData = new FormData();
+		formData.append("subscription_id", this.getEffectiveSubscriptionId().toString());
+		formData.append("resources_tagline", this.editingTagline || "");
+		formData.append("resources_description", this.editingDescription || "");
+		if (this.file) formData.append("resources_image", this.file);
+		else if (!this.image) formData.append("remove_resources_image", "true");
+		this.adminService.updateDomainConfig(this.appConfig?.domain_id, formData).subscribe(() => {
+			this.resourceTagLine = this.editingTagline;
+			this.resourceDescription = this.editingDescription;
+			this.resourceImage = this.image;
+			this.toast.success("Resources updated");
+			modal.close();
+			this.updateSEOMetadata();
+			this.cdr.markForCheck();
+		});
+	}
+	openImageModal(modalTemplate) {
+		this.imageModalRef = this.modalService.open(modalTemplate, {
+			centered: true,
+			size: "md"
+		});
+	}
+	onImageSelected(base64) {
+		this.image = base64;
+		this.file = HelperService.convertBase64ToFile(base64);
+		this.imageModalRef?.close();
+	}
+	removeImage() {
+		this.image = null;
+		this.file = null;
+	}
+	ngOnDestroy() {
+		this.clearSEOTimer();
+	}
+	getEffectiveSubscriptionId() {
+		return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.appConfig.master_subscription.subscription_id);
+	}
+	handleImageError(event, fallbackPath) {
+		HelperService.handleImageFallbackPath(event, fallbackPath);
+	}
+	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: VaultSectionComponent,
+			deps: [
+				{ token: i0.Injector },
+				{ token: i1$1.NgbModal },
+				{ token: i2.AdminService },
+				{ token: i3.Title },
+				{ token: i0.ChangeDetectorRef }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.0",
+			type: VaultSectionComponent,
+			isStandalone: false,
+			selector: "pw-vault-section",
+			inputs: {
+				user: "user",
+				userLoggedIn: "userLoggedIn"
+			},
+			viewQueries: [{
+				propertyName: "editResourceModalRef",
+				first: true,
+				predicate: ["editResourceModal"],
+				descendants: true
+			}],
+			usesInheritance: true,
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "<section class=\"vault-section\">\n  <div class=\"skewed-bg\"></div>\n\n  <!-- Edit Icon (top-right) -->\n\n  <div class=\"container\">\n    <div class=\"row align-items-center vault-row\">\n      <!-- Left Content -->\n      <div class=\"col-lg-6 col-12 text-content\">\n        <div class=\"d-flex\">\n          <h2 class=\"headline\">{{resourceTagLine || 'UPDATE ME ON ADMIN/DOMAINS MODULE'}}</h2>\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit tag-edit-icon in-page-edit-icon mt-4 ms-3 cursor-pointer\"\n              title=\"Edit Resource\"\n              (click)=\"openEditResourceModal()\"\n              (keydown.enter)=\"openEditResourceModal()\"\n              (keydown.space)=\"openEditResourceModal()\"\n            ></i>\n          }\n        </div>\n        <div class=\"description-content\">\n          <p class=\"description\" [innerHTML]=\"resourceDescription || 'UPDATE ME ON ADMIN/DOMAINS MODULE.'\">\n          </p>\n        </div>\n      </div>\n\n      <!-- Right Content -->\n      <div class=\"col-lg-6 col-12 img-wrapper\">\n        @if (resourceImage) {\n          <img\n            [src]=\"resourceImage\"\n            alt=\"Vault Mockup\"\n            class=\"img-fluid\"\n            width=\"800\"\n            height=\"600\"\n            fetchpriority=\"high\"\n            decoding=\"async\"\n            loading=\"eager\" />\n        } @else {\n          <pw-no-data [withImage]=\"true\" [message]=\"'ADD ME ON ADMIN/DOMAINS MODULE' | transloco\"></pw-no-data>\n        }\n\n        <ng-template #noVideo>\n          <pw-no-data [withImage]=\"true\" [message]=\"'ADD ME ON ADMIN/DOMAINS MODULE' | transloco\"></pw-no-data>\n        </ng-template>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- Edit Modal -->\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resources</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"editTagline\" class=\"form-label\">Tagline</label>\n      <input id=\"editTagline\" [(ngModel)]=\"editingTagline\" class=\"form-control\"\n          aria-label=\"Edit Tagline\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"editDescription\" class=\"form-label\">Description</label>\n      <textarea id=\"editDescription\" name=\"editingDescription\" [(ngModel)]=\"editingDescription\" rows=\"4\" class=\"form-control\"\n          aria-label=\"Editing Description\"></textarea>\n    </div>\n    <div class=\"mb-3\">\n      <span class=\"pw-label-style form-label\" id=\"vault-section-resource-image-label\">Resource Image</span>\n      <div class=\"text-center d-flex flex-column align-items-center\">\n        <img\n          [src]=\"image || 'assets/img/resource/blog.png'\"\n          (click)=\"openImageModal(imageCropContent)\"\n          (keydown.enter)=\"openImageModal(imageCropContent)\"\n          class=\"image w-100 mb-2\"\n          alt=\"Resource content\"\n          (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n\n        <div class=\"d-flex justify-content-between align-items-center mt-2\">\n          <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n            {{ file || image ? 'Edit' : 'Add' }} Picture\n          </a>\n          @if (image) {\n            <i\n              class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n              title=\"Remove Image\"\n              (click)=\"removeImage()\"\n            (keydown.enter)=\"removeImage()\"></i>\n          }\n        </div>\n      </div>\n    </div>\n\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveResourceContent(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file.</small>\n    <pw-image-cropper\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"modal.close()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
+			styles: [".vault-section{position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden}.vault-section:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%);z-index:1}.vault-section .container{position:relative;z-index:2}.vault-section .row{min-height:600px;align-items:center}.vault-section .text-content{max-width:550px;height:100%;display:flex;flex-direction:column;justify-content:center}.vault-section .text-content .headline{font-weight:500;color:#fff!important;font-size:4.5rem!important}.vault-section .text-content .description{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, currentColor);margin-bottom:1rem}.vault-section .text-content .description strong{font-weight:700}.vault-section .text-content .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.vault-section .text-content .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.vault-section .img-wrapper{text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}@media(width>=991px){.vault-section .img-wrapper{min-height:600px}.vault-section .img-wrapper img,.vault-section .img-wrapper pw-no-data{max-width:800px;max-height:800px;height:auto;width:100%;object-fit:contain}}@media(width>=991px){.vault-section img,.vault-section pw-no-data{max-width:800px;width:100%;height:auto;position:relative;top:11.6rem}.vault-section .description-content{max-width:500px;position:absolute;margin-top:31rem!important}.vault-section .headline{margin-bottom:21rem!important}}@media(width>=1100px){.vault-section img,.vault-section pw-no-data{left:25%}}@media(width>=991px)and (width<=1100px){.vault-section img,.vault-section pw-no-data{top:12.9rem!important;left:19%}}@media(width<=991px){.vault-section .vault-row{text-align:center;justify-content:center}.vault-section img,.vault-section pw-no-data{top:5rem!important;position:relative}}@media(width<=768px){.vault-section .text-content{text-align:center;margin-bottom:2rem;margin-top:3rem!important}.vault-section .text-content .headline{font-size:3rem!important}.vault-section .text-content .description{font-size:1.5rem;line-height:2rem}}.tag-edit-icon{margin-top:2rem!important}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i4.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					kind: "directive",
+					type: i4.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i4.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "directive",
+					type: i5.LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "component",
+					type: i6.ProfileImageCropperComponent,
+					selector: "pw-image-cropper",
+					inputs: ["aspectRatio", "dynamicData"],
+					outputs: [
+						"imageSelectionEvent",
+						"closeEvent",
+						"fileChangeEvent"
+					]
+				},
+				{
+					kind: "component",
+					type: i7.NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
+				},
+				{
+					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: VaultSectionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-vault-section",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "<section class=\"vault-section\">\n  <div class=\"skewed-bg\"></div>\n\n  <!-- Edit Icon (top-right) -->\n\n  <div class=\"container\">\n    <div class=\"row align-items-center vault-row\">\n      <!-- Left Content -->\n      <div class=\"col-lg-6 col-12 text-content\">\n        <div class=\"d-flex\">\n          <h2 class=\"headline\">{{resourceTagLine || 'UPDATE ME ON ADMIN/DOMAINS MODULE'}}</h2>\n          @if (canEditResourcesValue) {\n            <i\n              class=\"fa fa-edit tag-edit-icon in-page-edit-icon mt-4 ms-3 cursor-pointer\"\n              title=\"Edit Resource\"\n              (click)=\"openEditResourceModal()\"\n              (keydown.enter)=\"openEditResourceModal()\"\n              (keydown.space)=\"openEditResourceModal()\"\n            ></i>\n          }\n        </div>\n        <div class=\"description-content\">\n          <p class=\"description\" [innerHTML]=\"resourceDescription || 'UPDATE ME ON ADMIN/DOMAINS MODULE.'\">\n          </p>\n        </div>\n      </div>\n\n      <!-- Right Content -->\n      <div class=\"col-lg-6 col-12 img-wrapper\">\n        @if (resourceImage) {\n          <img\n            [src]=\"resourceImage\"\n            alt=\"Vault Mockup\"\n            class=\"img-fluid\"\n            width=\"800\"\n            height=\"600\"\n            fetchpriority=\"high\"\n            decoding=\"async\"\n            loading=\"eager\" />\n        } @else {\n          <pw-no-data [withImage]=\"true\" [message]=\"'ADD ME ON ADMIN/DOMAINS MODULE' | transloco\"></pw-no-data>\n        }\n\n        <ng-template #noVideo>\n          <pw-no-data [withImage]=\"true\" [message]=\"'ADD ME ON ADMIN/DOMAINS MODULE' | transloco\"></pw-no-data>\n        </ng-template>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- Edit Modal -->\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resources</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label for=\"editTagline\" class=\"form-label\">Tagline</label>\n      <input id=\"editTagline\" [(ngModel)]=\"editingTagline\" class=\"form-control\"\n          aria-label=\"Edit Tagline\" />\n    </div>\n    <div class=\"mb-3\">\n      <label for=\"editDescription\" class=\"form-label\">Description</label>\n      <textarea id=\"editDescription\" name=\"editingDescription\" [(ngModel)]=\"editingDescription\" rows=\"4\" class=\"form-control\"\n          aria-label=\"Editing Description\"></textarea>\n    </div>\n    <div class=\"mb-3\">\n      <span class=\"pw-label-style form-label\" id=\"vault-section-resource-image-label\">Resource Image</span>\n      <div class=\"text-center d-flex flex-column align-items-center\">\n        <img\n          [src]=\"image || 'assets/img/resource/blog.png'\"\n          (click)=\"openImageModal(imageCropContent)\"\n          (keydown.enter)=\"openImageModal(imageCropContent)\"\n          class=\"image w-100 mb-2\"\n          alt=\"Resource content\"\n          (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n\n        <div class=\"d-flex justify-content-between align-items-center mt-2\">\n          <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n            {{ file || image ? 'Edit' : 'Add' }} Picture\n          </a>\n          @if (image) {\n            <i\n              class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n              title=\"Remove Image\"\n              (click)=\"removeImage()\"\n            (keydown.enter)=\"removeImage()\"></i>\n          }\n        </div>\n      </div>\n    </div>\n\n  </div>\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-primary\" (click)=\"saveResourceContent(modal)\">Save</button>\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file.</small>\n    <pw-image-cropper\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"modal.close()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
+			styles: [".vault-section{position:relative;padding:5rem 0;color:#fff;background:linear-gradient(90deg,var(--first) 0%,#a8e1fb 100%);overflow:hidden}.vault-section:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:61%;background:#fff;clip-path:polygon(0 18%,100% 0%,100% 100%,0% 100%);z-index:1}.vault-section .container{position:relative;z-index:2}.vault-section .row{min-height:600px;align-items:center}.vault-section .text-content{max-width:550px;height:100%;display:flex;flex-direction:column;justify-content:center}.vault-section .text-content .headline{font-weight:500;color:#fff!important;font-size:4.5rem!important}.vault-section .text-content .description{font-size:2rem;line-height:3rem;font-weight:400;color:var(--text-color, currentColor);margin-bottom:1rem}.vault-section .text-content .description strong{font-weight:700}.vault-section .text-content .cta-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.vault-section .text-content .cta-btn:hover{background-color:#fff!important;color:var(--text-color, black)!important}.vault-section .img-wrapper{text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}@media(width>=991px){.vault-section .img-wrapper{min-height:600px}.vault-section .img-wrapper img,.vault-section .img-wrapper pw-no-data{max-width:800px;max-height:800px;height:auto;width:100%;object-fit:contain}}@media(width>=991px){.vault-section img,.vault-section pw-no-data{max-width:800px;width:100%;height:auto;position:relative;top:11.6rem}.vault-section .description-content{max-width:500px;position:absolute;margin-top:31rem!important}.vault-section .headline{margin-bottom:21rem!important}}@media(width>=1100px){.vault-section img,.vault-section pw-no-data{left:25%}}@media(width>=991px)and (width<=1100px){.vault-section img,.vault-section pw-no-data{top:12.9rem!important;left:19%}}@media(width<=991px){.vault-section .vault-row{text-align:center;justify-content:center}.vault-section img,.vault-section pw-no-data{top:5rem!important;position:relative}}@media(width<=768px){.vault-section .text-content{text-align:center;margin-bottom:2rem;margin-top:3rem!important}.vault-section .text-content .headline{font-size:3rem!important}.vault-section .text-content .description{font-size:1.5rem;line-height:2rem}}.tag-edit-icon{margin-top:2rem!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i0.Injector },
+		{ type: i1$1.NgbModal },
+		{ type: i2.AdminService },
+		{ type: i3.Title },
+		{ type: i0.ChangeDetectorRef }
+	],
+	propDecorators: {
+		editResourceModalRef: [{
+			type: ViewChild,
+			args: ["editResourceModal"]
+		}],
+		user: [{ type: Input }],
+		userLoggedIn: [{ type: Input }]
+	}
+});
+var ResourceComponent = class ResourceComponent extends AppBaseComponent {
+	constructor(authService, cdr, injector) {
+		super(injector);
+		this.authService = authService;
+		this.cdr = cdr;
+		this.allTags = [];
+	}
+	ngOnInit() {
+		this.authService.getToken$().subscribe((res) => {
+			this.userLoggedIn = !!res;
+			this.cdr.markForCheck();
+			if (this.userLoggedIn) this.userService.getUserInfo().subscribe((data) => {
+				this.user = data;
+				this.cdr.markForCheck();
+			});
+		});
+	}
+	onTagsLoaded(tags) {
+		this.allTags = tags;
+		this.cdr.markForCheck();
+	}
+	hasTag(name) {
+		return this.allTags.some((tag) => tag.name?.toLowerCase() === name.toLowerCase());
+	}
+	getCategoryIdByTagName(name) {
+		return this.allTags.find((t) => t.name?.toLowerCase() === name.toLowerCase())?.tag_category_id;
+	}
+	getTag(name) {
+		return this.allTags.find((t) => t.name?.toLowerCase() === name.toLowerCase());
+	}
+	getTitleByTagName(name) {
+		return this.allTags.find((t) => t.name?.toLowerCase() === name.toLowerCase())?.title;
+	}
+	scrollToTag(tag) {
+		const sectionId = {
+			Videos: "videos",
+			Events: "events",
+			"Blog Posts": "blog-posts",
+			"Case Studies": "case-studies",
+			"White Papers": "white-papers",
+			"Product Release Notes": "product-release-notes"
+		}[tag.name?.trim()];
+		if (sectionId) setTimeout(() => {
+			const el = document.getElementById(sectionId);
+			if (el) el.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		}, 100);
+	}
+	onVaultLoaded(isLoaded) {
+		this.isFooterLoaded = isLoaded;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceComponent,
+			deps: [
+				{ token: i1$2.AuthService },
+				{ token: i0.ChangeDetectorRef },
+				{ token: i0.Injector }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.0",
+			type: ResourceComponent,
+			isStandalone: false,
+			selector: "pw-resources",
+			usesInheritance: true,
+			ngImport: i0,
+			template: "\n<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-vault-section [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-vault-section>\n<pw-resource-tags [user]=\"user\" [userLoggedIn]=\"userLoggedIn\" (tagsLoaded)=\"onTagsLoaded($event)\" (tagSelected)=\"scrollToTag($event)\"></pw-resource-tags>\n@if (hasTag('Videos')) {\n  <pw-resource-video-card id=\"videos\" [tag]=\"getTag('Videos')\" [showVideoSection]=\"true\" [categoryId]=\"getCategoryIdByTagName('Videos')\" [resourceTitle]=\"getTitleByTagName('Videos')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-video-card>\n}\n@if (hasTag('Events')) {\n  <pw-upcoming-event-card id=\"events\" [tag]=\"getTag('Events')\" [showEventContent]=\"true\" [categoryId]=\"getCategoryIdByTagName('Events')\" [resourceTitle]=\"getTitleByTagName('Events')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-upcoming-event-card>\n}\n@if (hasTag('Blog Posts')) {\n  <pw-resource-cards resourceLink=\"/resources/blogs\" [tag]=\"getTag('Blog Posts')\" id=\"blog-posts\"  [categoryId]=\"getCategoryIdByTagName('Blog Posts')\" [resourceTitle]=\"getTitleByTagName('Blog Posts')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n}\n@if (hasTag('Case Studies')) {\n  <pw-case-studies-card id=\"case-studies\" [tag]=\"getTag('Case Studies')\" [showCaseStudyHeader]=\"true\" [categoryId]=\"getCategoryIdByTagName('Case Studies')\" [resourceTitle]=\"getTitleByTagName('Case Studies')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-case-studies-card>\n}\n@if (hasTag('White Papers')) {\n  <pw-resource--vault (isLoadedChange)=\"onVaultLoaded($event)\" id=\"white-papers\" [tag]=\"getTag('White Papers')\" [showVaultSection]=\"true\" [categoryId]=\"getCategoryIdByTagName('White Papers')\" [resourceTitle]=\"getTitleByTagName('White Papers')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource--vault>\n}\n@if (hasTag('Product Release Notes')) {\n  <pw-resource-note-card [isResource]=\"true\" [isReleasePress]=\"true\" id=\"product-release-notes\" [tag]=\"getTag('Product Release Notes')\" [releaseHeader]=\"true\" [categoryId]=\"getCategoryIdByTagName('Product Release Notes')\" [resourceTitle]=\"getTitleByTagName('Product Release Notes')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n}\n@if (isFooterLoaded) {\n  <pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n}",
+			styles: ["::ng-deep .resource-vault-section,::ng-deep .release-notes-section,::ng-deep .resource-section,::ng-deep .vault-section{box-shadow:0 4px 32px -14px #40576d4d!important}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: ResourceVideoCardComponent,
+					selector: "pw-resource-video-card",
+					inputs: [
+						"showVideoSection",
+						"categoryId",
+						"tag",
+						"postSlice",
+						"resourceTitle",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "component",
+					type: UpcomingEventCardComponent,
+					selector: "pw-upcoming-event-card",
+					inputs: [
+						"showEventContent",
+						"categoryId",
+						"tag",
+						"postSlice",
+						"resourceTitle",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "component",
+					type: ResourceCardComponent,
+					selector: "pw-resource-cards",
+					inputs: [
+						"categoryId",
+						"isHeaderVisible",
+						"isRelated",
+						"resourceTitle",
+						"postSlice",
+						"header",
+						"tag",
+						"resourceLink",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "component",
+					type: CaseStudyCardComponent,
+					selector: "pw-case-studies-card",
+					inputs: [
+						"showCaseStudyHeader",
+						"categoryId",
+						"postSlice",
+						"tag",
+						"resourceTitle",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "component",
+					type: ResourceNoteCardComponent,
+					selector: "pw-resource-note-card",
+					inputs: [
+						"releaseHeader",
+						"categoryId",
+						"isReleasePress",
+						"isResource",
+						"postSlice",
+						"resourceTitle",
+						"tag",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "component",
+					type: ResourceVaultComponent,
+					selector: "pw-resource--vault",
+					inputs: [
+						"showVaultSection",
+						"postSlice",
+						"categoryId",
+						"resourceTitle",
+						"tag"
+					],
+					outputs: ["isLoadedChange"]
+				},
+				{
+					kind: "component",
+					type: i8.Trial4ContactUsComponent,
+					selector: "pw-trial-4-contact-us",
+					inputs: [
+						"subscriptionId",
+						"sourceId",
+						"masterSubscriptionId",
+						"experimentName",
+						"microserviceName",
+						"shardName",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "component",
+					type: i6.ResourceHeaderComponent,
+					selector: "pw-resource-header",
+					inputs: ["user", "userLoggedIn"]
+				},
+				{
+					kind: "component",
+					type: ResourceTagComponent,
+					selector: "pw-resource-tags",
+					inputs: ["user", "userLoggedIn"],
+					outputs: ["tagsLoaded", "tagSelected"]
+				},
+				{
+					kind: "component",
+					type: VaultSectionComponent,
+					selector: "pw-vault-section",
+					inputs: ["user", "userLoggedIn"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourceComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-resources",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "\n<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-vault-section [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-vault-section>\n<pw-resource-tags [user]=\"user\" [userLoggedIn]=\"userLoggedIn\" (tagsLoaded)=\"onTagsLoaded($event)\" (tagSelected)=\"scrollToTag($event)\"></pw-resource-tags>\n@if (hasTag('Videos')) {\n  <pw-resource-video-card id=\"videos\" [tag]=\"getTag('Videos')\" [showVideoSection]=\"true\" [categoryId]=\"getCategoryIdByTagName('Videos')\" [resourceTitle]=\"getTitleByTagName('Videos')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-video-card>\n}\n@if (hasTag('Events')) {\n  <pw-upcoming-event-card id=\"events\" [tag]=\"getTag('Events')\" [showEventContent]=\"true\" [categoryId]=\"getCategoryIdByTagName('Events')\" [resourceTitle]=\"getTitleByTagName('Events')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-upcoming-event-card>\n}\n@if (hasTag('Blog Posts')) {\n  <pw-resource-cards resourceLink=\"/resources/blogs\" [tag]=\"getTag('Blog Posts')\" id=\"blog-posts\"  [categoryId]=\"getCategoryIdByTagName('Blog Posts')\" [resourceTitle]=\"getTitleByTagName('Blog Posts')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n}\n@if (hasTag('Case Studies')) {\n  <pw-case-studies-card id=\"case-studies\" [tag]=\"getTag('Case Studies')\" [showCaseStudyHeader]=\"true\" [categoryId]=\"getCategoryIdByTagName('Case Studies')\" [resourceTitle]=\"getTitleByTagName('Case Studies')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-case-studies-card>\n}\n@if (hasTag('White Papers')) {\n  <pw-resource--vault (isLoadedChange)=\"onVaultLoaded($event)\" id=\"white-papers\" [tag]=\"getTag('White Papers')\" [showVaultSection]=\"true\" [categoryId]=\"getCategoryIdByTagName('White Papers')\" [resourceTitle]=\"getTitleByTagName('White Papers')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource--vault>\n}\n@if (hasTag('Product Release Notes')) {\n  <pw-resource-note-card [isResource]=\"true\" [isReleasePress]=\"true\" id=\"product-release-notes\" [tag]=\"getTag('Product Release Notes')\" [releaseHeader]=\"true\" [categoryId]=\"getCategoryIdByTagName('Product Release Notes')\" [resourceTitle]=\"getTitleByTagName('Product Release Notes')\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n}\n@if (isFooterLoaded) {\n  <pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n}",
+			styles: ["::ng-deep .resource-vault-section,::ng-deep .release-notes-section,::ng-deep .resource-section,::ng-deep .vault-section{box-shadow:0 4px 32px -14px #40576d4d!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1$2.AuthService },
+		{ type: i0.ChangeDetectorRef },
+		{ type: i0.Injector }
+	]
+});
+var ResourceRootSharedModule = class ResourceRootSharedModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceRootSharedModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceRootSharedModule,
+			imports: [
+				CommonModule,
+				FormsModule,
+				CoreTranslocoModule,
+				TranslocoModule,
+				ResourceSharedComponentsModule,
+				ResourceCardsModule
+			],
+			exports: [
+				ResourceCardsModule,
+				CommonModule,
+				FormsModule,
+				CoreTranslocoModule,
+				TranslocoModule,
+				ResourceSharedComponentsModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceRootSharedModule,
+			imports: [
+				CommonModule,
+				FormsModule,
+				CoreTranslocoModule,
+				TranslocoModule,
+				ResourceSharedComponentsModule,
+				ResourceCardsModule,
+				ResourceCardsModule,
+				CommonModule,
+				FormsModule,
+				CoreTranslocoModule,
+				TranslocoModule,
+				ResourceSharedComponentsModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourceRootSharedModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				FormsModule,
+				CoreTranslocoModule,
+				TranslocoModule,
+				ResourceSharedComponentsModule,
+				ResourceCardsModule
+			],
+			exports: [
+				ResourceCardsModule,
+				CommonModule,
+				FormsModule,
+				CoreTranslocoModule,
+				TranslocoModule,
+				ResourceSharedComponentsModule
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA]
+		}]
+	}]
+});
+const routes = [{
+	path: "",
+	component: ResourceComponent,
+	data: {
+		title: "Resources Library",
+		permission: "Pages.Blog",
+		preload: false
+	}
+}];
+var ResourceRootModule = class ResourceRootModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceRootModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceRootModule,
+			declarations: [
+				ResourceComponent,
+				ResourceTagComponent,
+				VaultSectionComponent
+			],
+			imports: [ResourceRootSharedModule, i1.RouterModule]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourceRootModule,
+			imports: [ResourceRootSharedModule, RouterModule.forChild(routes)]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourceRootModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [
+				ResourceComponent,
+				ResourceTagComponent,
+				VaultSectionComponent
+			],
+			imports: [ResourceRootSharedModule, RouterModule.forChild(routes)],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA]
+		}]
+	}]
+});
+export { ResourceRootModule };
+
+//# sourceMappingURL=posiwise-resource-module-resource-root.module-DP0EMP-_.mjs.map