@posiwise/resource-module 0.0.202 → 0.0.204

package/fesm2022/posiwise-resource-module.mjs

@@ -1,41 +1,36 @@
-import { t as ResourceService } from "./posiwise-resource-module-resource.service-IK3r0iUB.mjs";
-import { c as ResourceNoteCardComponent, i as ResourceVaultComponent, l as ResourceEditCardLazyComponent, n as UpcomingEventCardComponent, o as ResourceCardComponent, r as ResourceVideoCardComponent, s as CaseStudyCardComponent, t as ResourceCardsModule, u as Trial4ContactUsModule } from "./posiwise-resource-module-resource-cards.module-D3yf7FNt.mjs";
+import { t as ResourceService } from "./posiwise-resource-module-resource.service-DAXsq-WG.mjs";
+import { a as ResourceCardComponent, c as ResourceNoteCardComponent, d as Trial4ContactUsModule, n as UpcomingEventCardComponent, o as CaseStudyCardComponent, r as ResourceVaultComponent, s as ResourceVideoCardComponent, t as ResourceCardsModule, u as ResourceEditCardLazyComponent } from "./posiwise-resource-module-resource-cards.module-BSJpkk9V.mjs";
 import * as i0 from "@angular/core";
-import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, EventEmitter, Input, NgModule, Output, ViewChild } from "@angular/core";
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, NgModule, Output, ViewChild, inject } from "@angular/core";
+import { AuthService, TagService } from "@posiwise/common-services";
 import { HelperService } from "@posiwise/helper-service";
-import * as i3 from "@posiwise/common-services";
 import * as i1$2 from "@angular/router";
 import { RouterModule } from "@angular/router";
-import * as i1$1 from "@angular/common";
-import { CommonModule } from "@angular/common";
-import * as i1 from "@angular/forms";
-import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { CommonModule, NgClass, NgTemplateOutlet, SlicePipe } from "@angular/common";
+import * as i1$1 from "@angular/forms";
+import { FormBuilder, FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { HubSpotMeetingsSharedModule } from "@posiwise/alpha-module";
 import { CoreTranslocoModule } from "@posiwise/core-transloco";
-import * as i3$1 from "@posiwise/directives";
-import { DirectivesModule } from "@posiwise/directives";
+import { ButtonBusyDirective, DirectivesModule, LazyImgDirective } from "@posiwise/directives";
 import { PipesModule } from "@posiwise/pipes";
-import * as i2$1 from "@posiwise/shared-components";
-import { ResourceSharedComponentsModule } from "@posiwise/shared-components";
+import { InputContainerComponent, NoDataComponent, ResourceSharedComponentsModule } from "@posiwise/shared-components";
 import { IconFieldModule } from "primeng/iconfield";
 import { InputIconModule } from "primeng/inputicon";
 import { InputTextModule } from "primeng/inputtext";
 import { TextareaModule } from "primeng/textarea";
-import * as i6$1 from "@jsverse/transloco";
-import { TranslocoModule } from "@jsverse/transloco";
+import { TranslocoModule, TranslocoPipe } from "@jsverse/transloco";
 import { AppBaseComponent } from "@posiwise/app-base-component";
+import { Bind } from "primeng/bind";
+import { Paginator } from "primeng/paginator";
 import { Subject } from "rxjs";
-import * as i5 from "primeng/paginator";
-import * as i2 from "@ng-bootstrap/ng-bootstrap";
-import * as i4 from "@posiwise/utils";
-import * as i11 from "ngx-quill";
-import { QuillModule } from "ngx-quill";
-import * as i12 from "ngx-ui-switch";
+import { ProfileImageCropperComponent } from "@posiwise/utils";
+import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
+import * as i1 from "ngx-quill";
+import { QuillEditorComponent, QuillModule } from "ngx-quill";
+import * as i2 from "ngx-ui-switch";
 import { UiSwitchModule } from "ngx-ui-switch";
-import * as i7 from "primeng/autocomplete";
-import { AutoCompleteModule } from "primeng/autocomplete";
-import * as i6 from "primeng/datepicker";
-import { DatePickerModule } from "primeng/datepicker";
+import { AutoComplete, AutoCompleteModule } from "primeng/autocomplete";
+import { DatePicker, DatePickerModule } from "primeng/datepicker";
 import moment from "moment";
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -51,43 +46,47 @@ const routes = [
 	{
 		path: "",
 		pathMatch: "full",
-		loadChildren: () => import("./posiwise-resource-module-resource-root.module-C9c17Dhm.mjs").then((m) => m.ResourceRootModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-root.module-x4TYntdq.mjs").then((m) => m.ResourceRootModule)
 	},
 	{
 		path: "hub",
-		loadChildren: () => import("./posiwise-resource-module-resource-hub.module-2qzLV9I1.mjs").then((m) => m.ResourceHubModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-hub.module-alVvQLvR.mjs").then((m) => m.ResourceHubModule)
 	},
 	{
 		path: "blogs",
-		loadChildren: () => import("./posiwise-resource-module-resource-blogs.module-hxktrj98.mjs").then((m) => m.ResourceBlogsModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-blogs.module-C_sTQ0w2.mjs").then((m) => m.ResourceBlogsModule)
 	},
 	{
 		path: "videos",
-		loadChildren: () => import("./posiwise-resource-module-resource-videos.module-BsnB9vFd.mjs").then((m) => m.ResourceVideosModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-videos.module-2ugtK7wA.mjs").then((m) => m.ResourceVideosModule)
 	},
 	{
 		path: "integrations",
-		loadChildren: () => import("./posiwise-resource-module-resource-integrations.module-DqDd_1U9.mjs").then((m) => m.ResourceIntegrationsModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-integrations.module-G4XvMMYf.mjs").then((m) => m.ResourceIntegrationsModule)
 	},
 	{
 		path: "release-notes",
-		loadChildren: () => import("./posiwise-resource-module-resource-release-notes.module-BbofH_0n.mjs").then((m) => m.ResourceReleaseNotesModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-release-notes.module-CLry1QNC.mjs").then((m) => m.ResourceReleaseNotesModule)
 	},
 	{
 		path: "events",
-		loadChildren: () => import("./posiwise-resource-module-resource-events.module-0PDppSJ6.mjs").then((m) => m.ResourceEventsModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-events.module-D7yC0Sqt.mjs").then((m) => m.ResourceEventsModule)
 	},
 	{
 		path: "white-papers",
-		loadChildren: () => import("./posiwise-resource-module-resource-white-papers.module-BC-OyhAK.mjs").then((m) => m.ResourceWhitePapersModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-white-papers.module-pn6rtDc3.mjs").then((m) => m.ResourceWhitePapersModule)
 	},
 	{
 		path: "case-studies",
-		loadChildren: () => import("./posiwise-resource-module-resource-case-studies.module-CFcO0CI-.mjs").then((m) => m.ResourceCaseStudiesModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-case-studies.module-D1hCU5_H.mjs").then((m) => m.ResourceCaseStudiesModule)
+	},
+	{
+		path: "careers",
+		loadChildren: () => import("./posiwise-resource-module-resource-jobs.module-DOdaBrZi.mjs").then((m) => m.ResourceJobsModule)
 	},
 	{
 		path: "view/:slug",
-		loadChildren: () => import("./posiwise-resource-module-resource-post.module-BFuEjqA9.mjs").then((m) => m.ResourcePostModule)
+		loadChildren: () => import("./posiwise-resource-module-resource-post.module-CGxj27dN.mjs").then((m) => m.ResourcePostModule)
 	}
 ];
 var BlogPublicRoutingModule = class BlogPublicRoutingModule {
@@ -220,9 +219,9 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 var ResourceCompanyCardComponent = class ResourceCompanyCardComponent extends AppBaseComponent {
-	constructor(injector, cdr) {
-		super(injector);
-		this.cdr = cdr;
+	constructor() {
+		super(...arguments);
+		this.cdr = inject(ChangeDetectorRef);
 		this.getPosts = new EventEmitter();
 		this.destroy$ = new Subject();
 		this.canEditResourcesValue = false;
@@ -280,7 +279,7 @@ var ResourceCompanyCardComponent = class ResourceCompanyCardComponent extends Ap
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceCompanyCardComponent,
-			deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }],
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -289,7 +288,7 @@ var ResourceCompanyCardComponent = class ResourceCompanyCardComponent extends Ap
 			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: ResourceCompanyCardComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "pw-resource-company-card",
 			inputs: {
 				header: "header",
@@ -308,23 +307,13 @@ var ResourceCompanyCardComponent = class ResourceCompanyCardComponent extends Ap
 			dependencies: [
 				{
 					kind: "directive",
-					type: i1$1.NgClass,
+					type: NgClass,
 					selector: "[ngClass]",
 					inputs: ["class", "ngClass"]
 				},
-				{
-					kind: "directive",
-					type: i1$1.NgTemplateOutlet,
-					selector: "[ngTemplateOutlet]",
-					inputs: [
-						"ngTemplateOutletContext",
-						"ngTemplateOutlet",
-						"ngTemplateOutletInjector"
-					]
-				},
 				{
 					kind: "component",
-					type: i2$1.NoDataComponent,
+					type: NoDataComponent,
 					selector: "pw-no-data",
 					inputs: [
 						"message",
@@ -334,7 +323,7 @@ var ResourceCompanyCardComponent = class ResourceCompanyCardComponent extends Ap
 				},
 				{
 					kind: "directive",
-					type: i3$1.LazyImgDirective,
+					type: LazyImgDirective,
 					selector: "img"
 				},
 				{
@@ -348,9 +337,19 @@ var ResourceCompanyCardComponent = class ResourceCompanyCardComponent extends Ap
 					],
 					outputs: ["updated"]
 				},
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
 				{
 					kind: "component",
-					type: i5.Paginator,
+					type: Paginator,
 					selector: "p-paginator",
 					inputs: [
 						"pageLinkSize",
@@ -381,12 +380,12 @@ var ResourceCompanyCardComponent = class ResourceCompanyCardComponent extends Ap
 				},
 				{
 					kind: "pipe",
-					type: i1$1.SlicePipe,
+					type: SlicePipe,
 					name: "slice"
 				},
 				{
 					kind: "pipe",
-					type: i6$1.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -404,12 +403,22 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-resource-company-card",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
+			imports: [
+				NgClass,
+				NoDataComponent,
+				LazyImgDirective,
+				ResourceEditCardLazyComponent,
+				NgTemplateOutlet,
+				Bind,
+				Paginator,
+				SlicePipe,
+				TranslocoPipe
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
 			template: "<div [ngClass]=\"{ 'vendors-distributor-wrapper': !vendor }\">\n  <div class=\"d-flex justify-content-between align-items-center mb-3 search-container\">\n    <div>\n      <span class=\"int-span\">{{header}}</span>\n    </div>\n    @if (integrationCountDisplay > 0) {\n      <div class=\"search-wrapper position-relative\">\n        <i class=\"fa fa-search search-icon\"></i>\n        <input type=\"text\"\n          (keyup)=\"search($event.target.value)\"\n          placeholder=\"Search eg security\"\n          class=\"search-input top-search-input\" id=\"input_search_eg_security_9712\" name=\"input_search_eg_security_9712\"\n          aria-label=\"Search eg security\" />\n      </div>\n    }\n\n  </div>\n\n  @if (postData) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\"> </pw-no-data>\n    </div>\n  }\n\n  @if (showNoPostsMessage) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"></pw-no-data>\n    </div>\n  }\n\n  @if (!postData && integrationCountDisplay > 0 && filteredData.length > 0) {\n    <div class=\"row\">\n      @for (img of filteredData | slice:first:(first + rows); track img) {\n        <div class=\"col-md-3 mt-4\"\n          >\n          <div class=\"boxes d-flex align-items-center justify-content-center\">\n            @if (img?.companyImg) {\n              <img [src]=\"img.companyImg\" alt=\"Vendor Company Icon\" class=\"vendor-icon\" />\n            } @else {\n              @if (img?.rectangular_picture?.url) {\n                @if (!img.rectangular_picture.url.includes('default-photo')) {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                    </a>\n                  } @else {\n                    <img [src]=\"img.rectangular_picture.url\" alt=\"Vendor Rectangular Company Icon\" class=\"vendor-icon\" />\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                } @else {\n                  @if (img?.showcase) {\n                    <a class=\"vendor-link\" [href]=\"img.external_url || ('/resources/view/' + img.slug)\">\n                      <span class=\"vendor-name text-center mt-2\">{{ img?.title }}</span>\n                    </a>\n                  } @else {\n                    <span class=\"vendor-name text-center\">{{ img?.title }}</span>\n                  }\n                  <pw-resource-edit-card-lazy\n                    [canEdit]=\"canEditResourcesValue\"\n                    [id]=\"img?.id\"\n                    [resourceData]=\"img\"\n                    (updated)=\"getPosts.emit()\">\n                  </pw-resource-edit-card-lazy>\n                }\n              } @else {\n                <ng-template [ngTemplateOutlet]=\"noImage\"></ng-template>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (filteredData.length > 0) {\n        <div class=\"customPaginator d-flex align-items-center mt-5 justify-content-center\"\n          >\n          <p-paginator\n            [first]=\"first\"\n            [rows]=\"rows\"\n            [totalRecords]=\"filteredData.length\"\n          (onPageChange)=\"onPageChange($event)\"></p-paginator>\n        </div>\n      }\n    </div>\n  }\n</div>\n",
 			styles: [".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;overflow-wrap:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"]
 		}]
 	}],
-	ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }],
 	propDecorators: {
 		getPosts: [{ type: Output }],
 		header: [{ type: Input }],
@@ -421,12 +430,12 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var ResourceTopBannerEditComponent = class ResourceTopBannerEditComponent extends AppBaseComponent {
-	constructor(fb, modalService, tagService, cdr, injector) {
-		super(injector);
-		this.fb = fb;
-		this.modalService = modalService;
-		this.tagService = tagService;
-		this.cdr = cdr;
+	constructor() {
+		super(...arguments);
+		this.fb = inject(FormBuilder);
+		this.modalService = inject(NgbModal);
+		this.tagService = inject(TagService);
+		this.cdr = inject(ChangeDetectorRef);
 		this.getUpdatedTag = new EventEmitter();
 		this.image = null;
 		this.defaultImage = "assets/img/resource/blog.png";
@@ -496,13 +505,7 @@ var ResourceTopBannerEditComponent = class ResourceTopBannerEditComponent extend
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceTopBannerEditComponent,
-			deps: [
-				{ token: i1.FormBuilder },
-				{ token: i2.NgbModal },
-				{ token: i3.TagService },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i0.Injector }
-			],
+			deps: null,
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -511,7 +514,7 @@ var ResourceTopBannerEditComponent = class ResourceTopBannerEditComponent extend
 			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: ResourceTopBannerEditComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "pw-resource-top-banner-edit",
 			inputs: {
 				blogPostTag: "blogPostTag",
@@ -532,31 +535,39 @@ var ResourceTopBannerEditComponent = class ResourceTopBannerEditComponent extend
 			}],
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n    (click)=\"openEditModal()\"\n    (keydown.enter)=\"openEditModal()\"\n    (keydown.space)=\"openEditModal()\"\n  title=\"Edit Blog Tag\"></i>\n</div>\n\n<ng-template #editModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"row\">\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"\n                aria-label=\"Title\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Description\" name=\"description\" controlId=\"resource-top-banner-description\">\n            <textarea id=\"resource-top-banner-description\" name=\"description\" class=\"form-control\" rows=\"4\" formControlName=\"description\"\n                aria-label=\"Description\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" id=\"input_meta_title_2\" name=\"input_meta_title_2\"\n                aria-label=\"Meta Title for SEO\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Description\" name=\"meta_description\" controlId=\"resource-top-banner-meta_description\">\n            <textarea id=\"resource-top-banner-meta_description\" name=\"meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"\n                aria-label=\"Meta Description for SEO\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 my-4\">\n          <span id=\"resource-top-banner-tag-image-label\" class=\"pw-label-style\">Blog Tag Image</span>\n          <div class=\"text-center d-flex flex-column align-items-center col-6\">\n            <img [src]=\"image || defaultImage\"\n              (click)=\"openImageModal(imageCropContent)\"\n              (keydown.enter)=\"openImageModal(imageCropContent)\"\n              (keydown.space)=\"openImageModal(imageCropContent)\"\n              class=\"image w-100\"\n              alt=\"Blog\"\n              (error)=\"handleImageError($event)\"\n              />\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <a class=\"d-inline-block mt-2\"\n                (click)=\"openImageModal(imageCropContent)\">\n                {{ image ? 'Update' : 'Add' }} Image\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                  (keydown.enter)=\"removeImage()\"\n                  (keydown.space)=\"removeImage()\"\n                (click)=\"removeImage()\"></i>\n              }\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Image</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
+			template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n    (click)=\"openEditModal()\"\n    (keydown.enter)=\"openEditModal()\"\n    (keydown.space)=\"openEditModal()\"\n  title=\"Edit Blog Tag\"></i>\n</div>\n\n<ng-template #editModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"row\">\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"\n                aria-label=\"Title\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Description\" name=\"description\" controlId=\"resource-top-banner-description\">\n            <textarea id=\"resource-top-banner-description\" name=\"description\" class=\"form-control\" rows=\"4\" formControlName=\"description\"\n                aria-label=\"Description\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" id=\"input_meta_title_2\" name=\"input_meta_title_2\"\n                aria-label=\"Meta Title for SEO\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Description\" name=\"meta_description\" controlId=\"resource-top-banner-meta_description\">\n            <textarea id=\"resource-top-banner-meta_description\" name=\"meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"\n                aria-label=\"Meta Description for SEO\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 my-4\">\n          <span id=\"resource-top-banner-tag-image-label\" class=\"pw-label-style\">Blog Tag Image</span>\n          <div class=\"text-center d-flex flex-column align-items-center col-6\">\n            <img [src]=\"image || defaultImage\"\n              (click)=\"openImageModal(imageCropContent)\"\n              (keydown.enter)=\"openImageModal(imageCropContent)\"\n              (keydown.space)=\"openImageModal(imageCropContent)\"\n              class=\"image w-100\"\n              alt=\"Blog\"\n              (error)=\"handleImageError($event)\"\n              />\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <button type=\"button\" class=\"btn btn-link p-0 d-inline-block mt-2\"\n                (click)=\"openImageModal(imageCropContent)\">\n                {{ image ? 'Update' : 'Add' }} Image\n              </button>\n              @if (image) {\n                <i\n                  class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                  title=\"Remove Image\"\n                  (keydown.enter)=\"removeImage()\"\n                  (keydown.space)=\"removeImage()\"\n                (click)=\"removeImage()\"></i>\n              }\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Image</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
 			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
 				{
 					kind: "directive",
-					type: i1.ɵNgNoValidate,
+					type: i1$1.ɵNgNoValidate,
 					selector: "form:not([ngNoForm]):not([ngNativeValidate])"
 				},
 				{
 					kind: "directive",
-					type: i1.DefaultValueAccessor,
+					type: i1$1.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: i1.NgControlStatus,
+					type: i1$1.NgControlStatus,
 					selector: "[formControlName],[ngModel],[formControl]"
 				},
 				{
 					kind: "directive",
-					type: i1.NgControlStatusGroup,
+					type: i1$1.NgControlStatusGroup,
 					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
 				},
+				{
+					kind: "ngmodule",
+					type: ReactiveFormsModule
+				},
 				{
 					kind: "directive",
-					type: i1.FormGroupDirective,
+					type: i1$1.FormGroupDirective,
 					selector: "[formGroup]",
 					inputs: ["formGroup"],
 					outputs: ["ngSubmit"],
@@ -564,7 +575,7 @@ var ResourceTopBannerEditComponent = class ResourceTopBannerEditComponent extend
 				},
 				{
 					kind: "directive",
-					type: i1.FormControlName,
+					type: i1$1.FormControlName,
 					selector: "[formControlName]",
 					inputs: [
 						"formControlName",
@@ -575,18 +586,7 @@ var ResourceTopBannerEditComponent = class ResourceTopBannerEditComponent extend
 				},
 				{
 					kind: "component",
-					type: i4.ProfileImageCropperComponent,
-					selector: "pw-image-cropper",
-					inputs: ["aspectRatio", "dynamicData"],
-					outputs: [
-						"imageSelectionEvent",
-						"closeEvent",
-						"fileChangeEvent"
-					]
-				},
-				{
-					kind: "component",
-					type: i2$1.InputContainerComponent,
+					type: InputContainerComponent,
 					selector: "pw-input-container",
 					inputs: [
 						"name",
@@ -609,14 +609,25 @@ var ResourceTopBannerEditComponent = class ResourceTopBannerEditComponent extend
 				},
 				{
 					kind: "directive",
-					type: i3$1.ButtonBusyDirective,
+					type: LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "directive",
+					type: ButtonBusyDirective,
 					selector: "[buttonBusy]",
 					inputs: ["buttonBusy", "busyText"]
 				},
 				{
-					kind: "directive",
-					type: i3$1.LazyImgDirective,
-					selector: "img"
+					kind: "component",
+					type: ProfileImageCropperComponent,
+					selector: "pw-image-cropper",
+					inputs: ["aspectRatio", "dynamicData"],
+					outputs: [
+						"imageSelectionEvent",
+						"closeEvent",
+						"fileChangeEvent"
+					]
 				}
 			],
 			changeDetection: i0.ChangeDetectionStrategy.OnPush
@@ -633,17 +644,18 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-resource-top-banner-edit",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
-			template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n    (click)=\"openEditModal()\"\n    (keydown.enter)=\"openEditModal()\"\n    (keydown.space)=\"openEditModal()\"\n  title=\"Edit Blog Tag\"></i>\n</div>\n\n<ng-template #editModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"row\">\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"\n                aria-label=\"Title\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Description\" name=\"description\" controlId=\"resource-top-banner-description\">\n            <textarea id=\"resource-top-banner-description\" name=\"description\" class=\"form-control\" rows=\"4\" formControlName=\"description\"\n                aria-label=\"Description\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" id=\"input_meta_title_2\" name=\"input_meta_title_2\"\n                aria-label=\"Meta Title for SEO\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Description\" name=\"meta_description\" controlId=\"resource-top-banner-meta_description\">\n            <textarea id=\"resource-top-banner-meta_description\" name=\"meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"\n                aria-label=\"Meta Description for SEO\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 my-4\">\n          <span id=\"resource-top-banner-tag-image-label\" class=\"pw-label-style\">Blog Tag Image</span>\n          <div class=\"text-center d-flex flex-column align-items-center col-6\">\n            <img [src]=\"image || defaultImage\"\n              (click)=\"openImageModal(imageCropContent)\"\n              (keydown.enter)=\"openImageModal(imageCropContent)\"\n              (keydown.space)=\"openImageModal(imageCropContent)\"\n              class=\"image w-100\"\n              alt=\"Blog\"\n              (error)=\"handleImageError($event)\"\n              />\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <a class=\"d-inline-block mt-2\"\n                (click)=\"openImageModal(imageCropContent)\">\n                {{ image ? 'Update' : 'Add' }} Image\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                  (keydown.enter)=\"removeImage()\"\n                  (keydown.space)=\"removeImage()\"\n                (click)=\"removeImage()\"></i>\n              }\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Image</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n"
+			imports: [
+				FormsModule,
+				ReactiveFormsModule,
+				InputContainerComponent,
+				LazyImgDirective,
+				ButtonBusyDirective,
+				ProfileImageCropperComponent
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-black in-page-edit-icon mb-1 ms-3\"\n    (click)=\"openEditModal()\"\n    (keydown.enter)=\"openEditModal()\"\n    (keydown.space)=\"openEditModal()\"\n  title=\"Edit Blog Tag\"></i>\n</div>\n\n<ng-template #editModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Blog Post Tag</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"row\">\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"\n                aria-label=\"Title\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Description\" name=\"description\" controlId=\"resource-top-banner-description\">\n            <textarea id=\"resource-top-banner-description\" name=\"description\" class=\"form-control\" rows=\"4\" formControlName=\"description\"\n                aria-label=\"Description\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Title\" name=\"meta_title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"meta_title\" placeholder=\"Meta Title for SEO\" id=\"input_meta_title_2\" name=\"input_meta_title_2\"\n                aria-label=\"Meta Title for SEO\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Meta Description\" name=\"meta_description\" controlId=\"resource-top-banner-meta_description\">\n            <textarea id=\"resource-top-banner-meta_description\" name=\"meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" placeholder=\"Meta Description for SEO\"\n                aria-label=\"Meta Description for SEO\"></textarea>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 my-4\">\n          <span id=\"resource-top-banner-tag-image-label\" class=\"pw-label-style\">Blog Tag Image</span>\n          <div class=\"text-center d-flex flex-column align-items-center col-6\">\n            <img [src]=\"image || defaultImage\"\n              (click)=\"openImageModal(imageCropContent)\"\n              (keydown.enter)=\"openImageModal(imageCropContent)\"\n              (keydown.space)=\"openImageModal(imageCropContent)\"\n              class=\"image w-100\"\n              alt=\"Blog\"\n              (error)=\"handleImageError($event)\"\n              />\n            <div class=\"d-flex justify-content-between align-items-center mt-2\">\n              <button type=\"button\" class=\"btn btn-link p-0 d-inline-block mt-2\"\n                (click)=\"openImageModal(imageCropContent)\">\n                {{ image ? 'Update' : 'Add' }} Image\n              </button>\n              @if (image) {\n                <i\n                  class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                  title=\"Remove Image\"\n                  (keydown.enter)=\"removeImage()\"\n                  (keydown.space)=\"removeImage()\"\n                (click)=\"removeImage()\"></i>\n              }\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"save()\">Save</button>\n  </div>\n</ng-template>\n\n<ng-template #imageCropContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Image</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. Avoid artwork, celebrities, or copyrighted images.</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n"
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: i1.FormBuilder },
-		{ type: i2.NgbModal },
-		{ type: i3.TagService },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i0.Injector }
-	],
 	propDecorators: {
 		blogPostTag: [{ type: Input }],
 		user: [{ type: Input }],
@@ -676,7 +688,6 @@ var ResourceSharedModule = class ResourceSharedModule {
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceSharedModule,
-			declarations: [ResourceCompanyCardComponent, ResourceTopBannerEditComponent],
 			imports: [
 				CommonModule,
 				RouterModule,
@@ -692,7 +703,9 @@ var ResourceSharedModule = class ResourceSharedModule {
 				InputIconModule,
 				TextareaModule,
 				ResourceCardsModule,
-				HubSpotMeetingsSharedModule
+				HubSpotMeetingsSharedModule,
+				ResourceCompanyCardComponent,
+				ResourceTopBannerEditComponent
 			],
 			exports: [
 				ResourceCompanyCardComponent,
@@ -737,6 +750,8 @@ var ResourceSharedModule = class ResourceSharedModule {
 				TextareaModule,
 				ResourceCardsModule,
 				HubSpotMeetingsSharedModule,
+				ResourceCompanyCardComponent,
+				ResourceTopBannerEditComponent,
 				ResourceCardsModule,
 				HubSpotMeetingsSharedModule,
 				CommonModule,
@@ -764,7 +779,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: NgModule,
 		args: [{
-			declarations: [ResourceCompanyCardComponent, ResourceTopBannerEditComponent],
 			imports: [
 				CommonModule,
 				RouterModule,
@@ -780,7 +794,9 @@ i0.ɵɵngDeclareClassMetadata({
 				InputIconModule,
 				TextareaModule,
 				ResourceCardsModule,
-				HubSpotMeetingsSharedModule
+				HubSpotMeetingsSharedModule,
+				ResourceCompanyCardComponent,
+				ResourceTopBannerEditComponent
 			],
 			exports: [
 				ResourceCompanyCardComponent,
@@ -807,14 +823,14 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var resource_edit_card_component_exports = /* @__PURE__ */ __exportAll({ ResourceEditCardComponent: () => ResourceEditCardComponent });
 var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseComponent {
-	constructor(fb, modalService, resourceService, authService, tagService, cdr, injector) {
-		super(injector);
-		this.fb = fb;
-		this.modalService = modalService;
-		this.resourceService = resourceService;
-		this.authService = authService;
-		this.tagService = tagService;
-		this.cdr = cdr;
+	constructor() {
+		super();
+		this.fb = inject(FormBuilder);
+		this.modalService = inject(NgbModal);
+		this.resourceService = inject(ResourceService);
+		this.authService = inject(AuthService);
+		this.tagService = inject(TagService);
+		this.cdr = inject(ChangeDetectorRef);
 		this.updated = new EventEmitter();
 		this.image = "";
 		this.rectangularImage = "";
@@ -1000,15 +1016,7 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceEditCardComponent,
-			deps: [
-				{ token: i1.FormBuilder },
-				{ token: i2.NgbModal },
-				{ token: ResourceService },
-				{ token: i3.AuthService },
-				{ token: i3.TagService },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i0.Injector }
-			],
+			deps: [],
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -1017,7 +1025,7 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: ResourceEditCardComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "pw-resource-edit-card",
 			inputs: {
 				id: "id",
@@ -1026,44 +1034,42 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 			outputs: { updated: "updated" },
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n    (click)=\"openModal(editResourceModal)\"\n    (keydown.enter)=\"openModal(editResourceModal)\"\n    (keydown.space)=\"openModal(editResourceModal)\"\n  title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n      (click)=\"navigateToResourceEdit()\"\n      (keydown.enter)=\"navigateToResourceEdit()\"\n      (keydown.space)=\"navigateToResourceEdit()\"\n    title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"\n                aria-label=\"Title\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" id=\"input_cta_text_2\" name=\"input_cta_text_2\"\n                aria-label=\"Cta Text\"/>\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" id=\"input_external_url_3\" name=\"input_external_url_3\"\n                [attr.aria-label]=\"'Resource.Posts.Body' | transloco\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            errorMsg=\"Resource.Posts.Validation.Body\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-datepicker inputId=\"resource-edit-card-when\" formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-datepicker>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-auto-complete appendTo=\"body\" [(ngModel)]=\"selectedTags\"\n              class=\"body-bg w-100\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              optionLabel=\"name\"\n              (completeMethod)=\"search($event)\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-auto-complete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-cover-picture-label\" class=\"pw-label-style\">{{ 'Resource.Posts.CoverPicture' | transloco }}</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                (click)=\"openImageModal(imageCropContent)\"\n                (keydown.enter)=\"openImageModal(imageCropContent)\"\n                class=\"image w-100\"\n                alt=\"Modal\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (image && !image.includes('default-photo.jpg')) {\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        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-rectangular-picture-label\" class=\"pw-label-style\">Rectangular Picture</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                (click)=\"openRectModal(rectContent)\"\n                (keydown.enter)=\"openRectModal(rectContent)\"\n                class=\"image w-100\"\n                alt=\"Uploaded rectangular media preview\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (rectangularImage && !rectangularImage.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"deleteRectangularImage()\"\n                  (keydown.enter)=\"deleteRectangularImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\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. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</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\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
+			template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n    (click)=\"openModal(editResourceModal)\"\n    (keydown.enter)=\"openModal(editResourceModal)\"\n    (keydown.space)=\"openModal(editResourceModal)\"\n  title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n      (click)=\"navigateToResourceEdit()\"\n      (keydown.enter)=\"navigateToResourceEdit()\"\n      (keydown.space)=\"navigateToResourceEdit()\"\n    title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"\n                aria-label=\"Title\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" id=\"input_cta_text_2\" name=\"input_cta_text_2\"\n                aria-label=\"Cta Text\"/>\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" id=\"input_external_url_3\" name=\"input_external_url_3\"\n                [attr.aria-label]=\"'Resource.Posts.Body' | transloco\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            errorMsg=\"Resource.Posts.Validation.Body\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-datepicker inputId=\"resource-edit-card-when\" formControlName=\"when\"\n              [ariaLabel]=\"'Resource.Posts.When' | transloco\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-datepicker>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-auto-complete appendTo=\"body\" [(ngModel)]=\"selectedTags\"\n              [ariaLabel]=\"'Resource.Posts.Tags' | transloco\"\n              class=\"body-bg w-100\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              optionLabel=\"name\"\n              (completeMethod)=\"search($event)\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-auto-complete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-cover-picture-label\" class=\"pw-label-style\">{{ 'Resource.Posts.CoverPicture' | transloco }}</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                (click)=\"openImageModal(imageCropContent)\"\n                (keydown.enter)=\"openImageModal(imageCropContent)\"\n                class=\"image w-100\"\n                alt=\"Modal\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <button type=\"button\" class=\"btn btn-link p-0 d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </button>\n                @if (image && !image.includes('default-photo.jpg')) {\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        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-rectangular-picture-label\" class=\"pw-label-style\">Rectangular Picture</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                (click)=\"openRectModal(rectContent)\"\n                (keydown.enter)=\"openRectModal(rectContent)\"\n                class=\"image w-100\"\n                alt=\"Uploaded rectangular media preview\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <button type=\"button\" class=\"btn btn-link p-0 d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </button>\n                @if (rectangularImage && !rectangularImage.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"deleteRectangularImage()\"\n                  (keydown.enter)=\"deleteRectangularImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\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\" [attr.aria-label]=\"'Common.Close' | transloco\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</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\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
 			styles: ["::ng-deep .modal-content{margin-top:5rem!important}\n"],
 			dependencies: [
 				{
-					kind: "directive",
-					type: i1$1.NgClass,
-					selector: "[ngClass]",
-					inputs: ["class", "ngClass"]
+					kind: "ngmodule",
+					type: FormsModule
 				},
 				{
 					kind: "directive",
-					type: i1.ɵNgNoValidate,
+					type: i1$1.ɵNgNoValidate,
 					selector: "form:not([ngNoForm]):not([ngNativeValidate])"
 				},
 				{
 					kind: "directive",
-					type: i1.DefaultValueAccessor,
+					type: i1$1.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: i1.NgControlStatus,
+					type: i1$1.NgControlStatus,
 					selector: "[formControlName],[ngModel],[formControl]"
 				},
 				{
 					kind: "directive",
-					type: i1.NgControlStatusGroup,
+					type: i1$1.NgControlStatusGroup,
 					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
 				},
 				{
 					kind: "directive",
-					type: i1.MaxLengthValidator,
+					type: i1$1.MaxLengthValidator,
 					selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]",
 					inputs: ["maxlength"]
 				},
 				{
 					kind: "directive",
-					type: i1.NgModel,
+					type: i1$1.NgModel,
 					selector: "[ngModel]:not([formControlName]):not([formControl])",
 					inputs: [
 						"name",
@@ -1074,9 +1080,13 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 					outputs: ["ngModelChange"],
 					exportAs: ["ngModel"]
 				},
+				{
+					kind: "ngmodule",
+					type: ReactiveFormsModule
+				},
 				{
 					kind: "directive",
-					type: i1.FormGroupDirective,
+					type: i1$1.FormGroupDirective,
 					selector: "[formGroup]",
 					inputs: ["formGroup"],
 					outputs: ["ngSubmit"],
@@ -1084,7 +1094,7 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 				},
 				{
 					kind: "directive",
-					type: i1.FormControlName,
+					type: i1$1.FormControlName,
 					selector: "[formControlName]",
 					inputs: [
 						"formControlName",
@@ -1095,7 +1105,41 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i6.DatePicker,
+					type: InputContainerComponent,
+					selector: "pw-input-container",
+					inputs: [
+						"name",
+						"controlId",
+						"useAriaLabelledbyOnly",
+						"label",
+						"labelClass",
+						"tooltipPosition",
+						"required",
+						"errorMsg",
+						"isReadOnly",
+						"showTooltip",
+						"tooltipText",
+						"showTriangle",
+						"afterLabel",
+						"showAfterLabel",
+						"showTriangleText",
+						"isLeftTooltip"
+					]
+				},
+				{
+					kind: "component",
+					type: QuillEditorComponent,
+					selector: "quill-editor"
+				},
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "component",
+					type: DatePicker,
 					selector: "p-datepicker, p-date-picker",
 					inputs: [
 						"iconDisplay",
@@ -1173,7 +1217,7 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i7.AutoComplete,
+					type: AutoComplete,
 					selector: "p-autocomplete, p-auto-complete",
 					inputs: [
 						"minQueryLength",
@@ -1251,58 +1295,12 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 					]
 				},
 				{
-					kind: "component",
-					type: i4.ProfileImageCropperComponent,
-					selector: "pw-image-cropper",
-					inputs: ["aspectRatio", "dynamicData"],
-					outputs: [
-						"imageSelectionEvent",
-						"closeEvent",
-						"fileChangeEvent"
-					]
-				},
-				{
-					kind: "component",
-					type: i2$1.InputContainerComponent,
-					selector: "pw-input-container",
-					inputs: [
-						"name",
-						"controlId",
-						"useAriaLabelledbyOnly",
-						"label",
-						"labelClass",
-						"tooltipPosition",
-						"required",
-						"errorMsg",
-						"isReadOnly",
-						"showTooltip",
-						"tooltipText",
-						"showTriangle",
-						"afterLabel",
-						"showAfterLabel",
-						"showTriangleText",
-						"isLeftTooltip"
-					]
-				},
-				{
-					kind: "directive",
-					type: i3$1.ButtonBusyDirective,
-					selector: "[buttonBusy]",
-					inputs: ["buttonBusy", "busyText"]
-				},
-				{
-					kind: "directive",
-					type: i3$1.LazyImgDirective,
-					selector: "img"
-				},
-				{
-					kind: "component",
-					type: i11.QuillEditorComponent,
-					selector: "quill-editor"
+					kind: "ngmodule",
+					type: UiSwitchModule
 				},
 				{
 					kind: "component",
-					type: i12.UiSwitchComponent,
+					type: i2.UiSwitchComponent,
 					selector: "ui-switch",
 					inputs: [
 						"size",
@@ -1328,9 +1326,31 @@ var ResourceEditCardComponent = class ResourceEditCardComponent extends AppBaseC
 						"valueChange"
 					]
 				},
+				{
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "directive",
+					type: ButtonBusyDirective,
+					selector: "[buttonBusy]",
+					inputs: ["buttonBusy", "busyText"]
+				},
+				{
+					kind: "component",
+					type: ProfileImageCropperComponent,
+					selector: "pw-image-cropper",
+					inputs: ["aspectRatio", "dynamicData"],
+					outputs: [
+						"imageSelectionEvent",
+						"closeEvent",
+						"fileChangeEvent"
+					]
+				},
 				{
 					kind: "pipe",
-					type: i6$1.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -1348,20 +1368,27 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-resource-edit-card",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
-			template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n    (click)=\"openModal(editResourceModal)\"\n    (keydown.enter)=\"openModal(editResourceModal)\"\n    (keydown.space)=\"openModal(editResourceModal)\"\n  title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n      (click)=\"navigateToResourceEdit()\"\n      (keydown.enter)=\"navigateToResourceEdit()\"\n      (keydown.space)=\"navigateToResourceEdit()\"\n    title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"\n                aria-label=\"Title\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" id=\"input_cta_text_2\" name=\"input_cta_text_2\"\n                aria-label=\"Cta Text\"/>\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" id=\"input_external_url_3\" name=\"input_external_url_3\"\n                [attr.aria-label]=\"'Resource.Posts.Body' | transloco\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            errorMsg=\"Resource.Posts.Validation.Body\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-datepicker inputId=\"resource-edit-card-when\" formControlName=\"when\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-datepicker>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-auto-complete appendTo=\"body\" [(ngModel)]=\"selectedTags\"\n              class=\"body-bg w-100\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              optionLabel=\"name\"\n              (completeMethod)=\"search($event)\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-auto-complete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-cover-picture-label\" class=\"pw-label-style\">{{ 'Resource.Posts.CoverPicture' | transloco }}</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                (click)=\"openImageModal(imageCropContent)\"\n                (keydown.enter)=\"openImageModal(imageCropContent)\"\n                class=\"image w-100\"\n                alt=\"Modal\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (image && !image.includes('default-photo.jpg')) {\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        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-rectangular-picture-label\" class=\"pw-label-style\">Rectangular Picture</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                (click)=\"openRectModal(rectContent)\"\n                (keydown.enter)=\"openRectModal(rectContent)\"\n                class=\"image w-100\"\n                alt=\"Uploaded rectangular media preview\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <a class=\"d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </a>\n                @if (rectangularImage && !rectangularImage.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"deleteRectangularImage()\"\n                  (keydown.enter)=\"deleteRectangularImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\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. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</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\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
+			imports: [
+				FormsModule,
+				ReactiveFormsModule,
+				InputContainerComponent,
+				QuillEditorComponent,
+				NgClass,
+				Bind,
+				DatePicker,
+				AutoComplete,
+				UiSwitchModule,
+				LazyImgDirective,
+				ButtonBusyDirective,
+				ProfileImageCropperComponent,
+				TranslocoPipe
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			template: "<div class=\"edit-card\">\n  <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center mb-2\"\n    (click)=\"openModal(editResourceModal)\"\n    (keydown.enter)=\"openModal(editResourceModal)\"\n    (keydown.space)=\"openModal(editResourceModal)\"\n  title=\"Edit Resource\"></i>\n</div>\n\n<ng-template #editResourceModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Resource</h5>\n    <i class=\"fa fa-edit cursor-pointer text-dark in-page-edit-icon d-flex justify-content-center ms-3\"\n      (click)=\"navigateToResourceEdit()\"\n      (keydown.enter)=\"navigateToResourceEdit()\"\n      (keydown.space)=\"navigateToResourceEdit()\"\n    title=\"Go to the main edit page\"></i>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <form [formGroup]=\"editForm\">\n      <div class=\"row\">\n\n\n        <div class=\"col-12\">\n          <pw-input-container label=\"Title\" name=\"title\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"title\" id=\"input_title_1\" name=\"input_title_1\"\n                aria-label=\"Title\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <pw-input-container label=\"CTA Text\" name=\"cta_text\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"cta_text\" id=\"input_cta_text_2\" name=\"input_cta_text_2\"\n                aria-label=\"Cta Text\"/>\n          </pw-input-container>\n\n          <pw-input-container label=\"External URL\" name=\"external_url\" class=\"col-md-6\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.ExternalUrl' | transloco\">\n            <input type=\"text\" class=\"form-control\" formControlName=\"external_url\" id=\"input_external_url_3\" name=\"input_external_url_3\"\n                [attr.aria-label]=\"'Resource.Posts.Body' | transloco\"/>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Body' | transloco\"\n            name=\"body\"\n            errorMsg=\"Resource.Posts.Validation.Body\">\n            <quill-editor\n              [styles]=\"{ height: '300px' }\"\n              class=\"quillEditor\"\n              [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{\n                'w-100': true,\n                'quill-container': true,\n                'is-invalid': submitted && f['body'].errors\n              }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-3 col-sm-6\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.When' | transloco\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.When' | transloco\"\n            name=\"when\">\n            <p-datepicker inputId=\"resource-edit-card-when\" formControlName=\"when\"\n              [ariaLabel]=\"'Resource.Posts.When' | transloco\"\n              [showIcon]=\"true\"\n              dateFormat=\"dd-M-yy\"\n              [placeholder]=\"'Select Date'\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['when'].errors }\">\n            </p-datepicker>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 col-md-8\">\n          <pw-input-container\n            [label]=\"'Resource.Posts.Tags' | transloco\"\n            class=\"ui-fluid skills-modal tags\"\n            [showTooltip]=\"true\"\n            [tooltipText]=\"'Resource.Posts.Tooltip.CtaText' | transloco\"\n            name=\"cta_text\">\n            <p-auto-complete appendTo=\"body\" [(ngModel)]=\"selectedTags\"\n              [ariaLabel]=\"'Resource.Posts.Tags' | transloco\"\n              class=\"body-bg w-100\"\n              [suggestions]=\"tagsSuggestion\"\n              dataKey=\"id\"\n              optionLabel=\"name\"\n              (completeMethod)=\"search($event)\"\n              [minLength]=\"1\"\n              [maxlength]=\"10\"\n              [dropdown]=\"true\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              placeholder=\"Tags\"\n              [multiple]=\"true\">\n            </p-auto-complete>\n          </pw-input-container>\n        </div>\n\n        <div class=\"col-12 row\">\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'SHOWCASE'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Mark as showcase post'\"\n              name=\"showcase\">\n              <ui-switch formControlName=\"showcase\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'PUBLISHED'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Set to publish the post'\"\n              name=\"published_at\">\n              <ui-switch formControlName=\"published_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-md-4 col-sm-6\">\n            <pw-input-container\n              [label]=\"'ACCEPTED BY ADMIN'\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Indicates approval by admin'\"\n              name=\"accepted_at\">\n              <ui-switch formControlName=\"accepted_at\" class=\"d-block\"></ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-cover-picture-label\" class=\"pw-label-style\">{{ 'Resource.Posts.CoverPicture' | transloco }}</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(image && !image.includes('default-photo.jpg')) ? image : 'assets/img/resource/blog.png'\"\n                (click)=\"openImageModal(imageCropContent)\"\n                (keydown.enter)=\"openImageModal(imageCropContent)\"\n                class=\"image w-100\"\n                alt=\"Modal\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <button type=\"button\" class=\"btn btn-link p-0 d-inline-block\" (click)=\"openImageModal(imageCropContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </button>\n                @if (image && !image.includes('default-photo.jpg')) {\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        </div>\n\n        <div class=\"col-12 col-md-4 col-sm-4 my-4 ms-3\">\n          <div class=\"text-center mb-4\">\n            <span id=\"resource-edit-rectangular-picture-label\" class=\"pw-label-style\">Rectangular Picture</span>\n            <div class=\"text-center d-flex flex-column align-items-center\">\n              <img [src]=\"(rectangularImage && !rectangularImage.includes('default-photo.jpg')) ? rectangularImage : 'assets/img/resource/blog.png'\"\n                (click)=\"openRectModal(rectContent)\"\n                (keydown.enter)=\"openRectModal(rectContent)\"\n                class=\"image w-100\"\n                alt=\"Uploaded rectangular media preview\"\n                (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n              <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                <button type=\"button\" class=\"btn btn-link p-0 d-inline-block\" (click)=\"openRectModal(rectContent)\">\n                  {{ slug !== 'create' ? 'Edit' : 'Add' }} Picture\n                </button>\n                @if (rectangularImage && !rectangularImage.includes('default-photo.jpg')) {\n                  <i\n                    class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                    title=\"Remove Image\"\n                    (click)=\"deleteRectangularImage()\"\n                  (keydown.enter)=\"deleteRectangularImage()\"></i>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </form>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\" (click)=\"saveResource()\">Save</button>\n  </div>\n</ng-template>\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\" [attr.aria-label]=\"'Common.Close' | transloco\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</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\n<ng-template #rectContent let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Picture</h5>\n    <button type=\"button\" class=\"btn-close float-end\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload a JPG, GIF, or PNG file. (Do not upload pictures containing celebrities,\n    nudity, artwork or copyrighted images.)</small>\n    <pw-image-cropper\n      #profile\n      [aspectRatio]=\"'dynamic'\"\n      (imageSelectionEvent)=\"onRectangularImageSelection($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
 			styles: ["::ng-deep .modal-content{margin-top:5rem!important}\n"]
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: i1.FormBuilder },
-		{ type: i2.NgbModal },
-		{ type: ResourceService },
-		{ type: i3.AuthService },
-		{ type: i3.TagService },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i0.Injector }
-	],
+	ctorParameters: () => [],
 	propDecorators: {
 		id: [{ type: Input }],
 		resourceData: [{ type: Input }],
@@ -1385,7 +1412,6 @@ var ResourceEditModule = class ResourceEditModule {
 			version: "22.2.3",
 			ngImport: i0,
 			type: ResourceEditModule,
-			declarations: [ResourceEditCardComponent],
 			imports: [
 				CommonModule,
 				FormsModule,
@@ -1396,8 +1422,9 @@ var ResourceEditModule = class ResourceEditModule {
 				CoreTranslocoModule,
 				TranslocoModule,
 				DirectivesModule,
-				i11.QuillModule,
-				UiSwitchModule
+				i1.QuillModule,
+				UiSwitchModule,
+				ResourceEditCardComponent
 			],
 			exports: [ResourceEditCardComponent]
 		});
@@ -1419,7 +1446,8 @@ var ResourceEditModule = class ResourceEditModule {
 				TranslocoModule,
 				DirectivesModule,
 				QuillModule.forRoot(),
-				UiSwitchModule
+				UiSwitchModule,
+				ResourceEditCardComponent
 			]
 		});
 	}
@@ -1432,7 +1460,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: NgModule,
 		args: [{
-			declarations: [ResourceEditCardComponent],
 			imports: [
 				CommonModule,
 				FormsModule,
@@ -1444,7 +1471,8 @@ i0.ɵɵngDeclareClassMetadata({
 				TranslocoModule,
 				DirectivesModule,
 				QuillModule.forRoot(),
-				UiSwitchModule
+				UiSwitchModule,
+				ResourceEditCardComponent
 			],
 			exports: [ResourceEditCardComponent],
 			schemas: [CUSTOM_ELEMENTS_SCHEMA]
@@ -1527,7 +1555,7 @@ var TestimonialCardListComponent = class TestimonialCardListComponent {
 			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: TestimonialCardListComponent,
-			isStandalone: false,
+			isStandalone: true,
 			selector: "pw-testimonial-card",
 			inputs: {
 				posts: "posts",
@@ -1541,9 +1569,14 @@ var TestimonialCardListComponent = class TestimonialCardListComponent {
 			styles: [".resource-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=767px){.container{padding:0 1rem!important}}.ql-res{resize:none!important;border-width:0}.swiper-container{padding:20px;position:relative;overflow:hidden}@media(width>=768px){.swiper-container{padding:20px 40px}}.resource-card{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:1.5rem;height:100%;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:350px}.resource-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.read-now-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:500}.read-now-btn .arrow{transition:transform .2s ease}.read-now-btn:hover .arrow{transform:translate(5px)}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px}@media(width<=767px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-pagination{position:relative;margin-top:20px}.swiper-pagination-bullet{background:#000;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;align-items:stretch;height:auto}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;font-size:1.1rem;height:100%;min-height:100%}.testimonial-box span{margin:0;font-size:22px}.testimonial-box .avatar-container{margin-top:auto}.testimonial-box .testimonial-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .stars{font-size:2.2rem;color:#f6b300;margin-bottom:2.5rem}.centaris-text{margin-bottom:3rem!important}@media(width<=768px){::ng-deep .swiper-wrapper{gap:1rem!important}.testimonial-box{width:300px!important}}\n", "textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .ql-snow .ql-editor.post-body-text blockquote{font-size:22px;line-height:1.45;font-weight:600;color:#1a1d21;border-left:4px solid var(--first);padding:6px 0 6px 22px;margin:8px 0}::ng-deep .ql-snow .ql-editor.post-body-text mark{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--first) 22%,transparent) 55%);color:inherit;padding:0 2px}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"],
 			dependencies: [
 				{
-					kind: "directive",
-					type: i3$1.LazyImgDirective,
-					selector: "img"
+					kind: "component",
+					type: NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
 				},
 				{
 					kind: "component",
@@ -1557,18 +1590,13 @@ var TestimonialCardListComponent = class TestimonialCardListComponent {
 					outputs: ["updated"]
 				},
 				{
-					kind: "component",
-					type: i2$1.NoDataComponent,
-					selector: "pw-no-data",
-					inputs: [
-						"message",
-						"description",
-						"withImage"
-					]
+					kind: "directive",
+					type: LazyImgDirective,
+					selector: "img"
 				},
 				{
 					kind: "pipe",
-					type: i6$1.TranslocoPipe,
+					type: TranslocoPipe,
 					name: "transloco"
 				}
 			],
@@ -1586,7 +1614,12 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-testimonial-card",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			standalone: false,
+			imports: [
+				NoDataComponent,
+				ResourceEditCardLazyComponent,
+				LazyImgDirective,
+				TranslocoPipe
+			],
 			template: "<section class=\"resource-section section-outer bg-white\">\n  <div class=\"container\">\n    @if (postHeader) {\n      <div class=\"d-flex justify-content-between align-items-center flex-wrap mb-3\">\n        <h2 class=\"section-heading\">{{postHeader}}</h2>\n      </div>\n    }\n    @if (posts.length === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n    }\n    <div [hidden]=\"posts.length === 0\">\n      <div class=\"swiper-container\">\n        <div class=\"swiper-wrapper\">\n          @for (post of posts; track post) {\n            <div class=\"swiper-slide\">\n              <div class=\"testimonial-box\">\n                <pw-resource-edit-card-lazy\n                  [canEdit]=\"canEdit\"\n                  [id]=\"post.id\"\n                  [resourceData]=\"post\"\n                  (updated)=\"editPost.emit(1, 100)\">\n                </pw-resource-edit-card-lazy>\n                <div class=\"stars mb-5\">★★★★★</div>\n                <div class=\"testimonial-content\">\n                  <div class=\"ql-container ql-snow ql-res\">\n                    <div class=\"ql-editor\"\n                      [innerHTML]=\"post?.body\">\n                    </div>\n                  </div>\n                </div>\n                <!-- THIS STAYS AT BOTTOM -->\n                <div class=\"avatar-container\">\n                  @if (!post.rectangular_picture.url.includes('default-photo.jpg') ) {\n                    <img\n                      [src]=\"post.rectangular_picture.url\"\n                      alt=\"Logo\"\n                      class=\"testimonial-logo mt-4\"\n                      />\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n        <div class=\"swiper-pagination\"></div>\n        <div class=\"swiper-button-prev\"></div>\n        <div class=\"swiper-button-next\"></div>\n      </div>\n    </div>\n  </div>\n</section>",
 			styles: [".resource-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}@media(width>=768px)and (width<=1200px){.container{padding:0 6rem!important}}@media(width<=767px){.container{padding:0 1rem!important}}.ql-res{resize:none!important;border-width:0}.swiper-container{padding:20px;position:relative;overflow:hidden}@media(width>=768px){.swiper-container{padding:20px 40px}}.resource-card{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:1.5rem;height:100%;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:350px}.resource-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resource-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.read-now-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:500}.read-now-btn .arrow{transition:transform .2s ease}.read-now-btn:hover .arrow{transform:translate(5px)}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:24px}@media(width<=767px){.swiper-button-prev,.swiper-button-next{display:none}}.swiper-pagination{position:relative;margin-top:20px}.swiper-pagination-bullet{background:#000;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;align-items:stretch;height:auto}.testimonial-box{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:2.5rem 1.5rem;box-shadow:0 0 20px #0000001a;text-align:center;width:338px;font-size:1.1rem;height:100%;min-height:100%}.testimonial-box span{margin:0;font-size:22px}.testimonial-box .avatar-container{margin-top:auto}.testimonial-box .testimonial-logo{width:100%!important;height:auto!important;max-width:150px!important;object-fit:contain;align-self:center}.testimonial-box .stars{font-size:2.2rem;color:#f6b300;margin-bottom:2.5rem}.centaris-text{margin-bottom:3rem!important}@media(width<=768px){::ng-deep .swiper-wrapper{gap:1rem!important}.testimonial-box{width:300px!important}}\n", "textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .ql-snow .ql-editor.post-body-text blockquote{font-size:22px;line-height:1.45;font-weight:600;color:#1a1d21;border-left:4px solid var(--first);padding:6px 0 6px 22px;margin:8px 0}::ng-deep .ql-snow .ql-editor.post-body-text mark{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--first) 22%,transparent) 55%);color:inherit;padding:0 2px}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"]
 		}]