@memberjunction/ng-explorer-core 0.9.78 → 0.9.96

package/dist/lib/generic/form-toolbar.d.ts

@@ -1,7 +1,7 @@
-import { BaseFormComponent } from './base-form-component';
-import * as i0 from "@angular/core";
-export declare class FormToolbarComponent {
-    form: BaseFormComponent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormToolbarComponent, "mj-form-toolbar", never, { "form": "form"; }, {}, never, never, false, never>;
-}
+import { BaseFormComponent } from './base-form-component';
+import * as i0 from "@angular/core";
+export declare class FormToolbarComponent {
+    form: BaseFormComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormToolbarComponent, "mj-form-toolbar", never, { "form": { "alias": "form"; "required": false; }; }, {}, never, never, false, never>;
+}

package/dist/lib/generic/form-toolbar.js

@@ -1,88 +1,83 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@progress/kendo-angular-buttons";
-import * as i3 from "@memberjunction/ng-record-changes";
-function FormToolbarComponent_button_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 2);
-    i0.ɵɵlistener("click", function FormToolbarComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.form.StartEditMode()); });
-    i0.ɵɵtext(1, "Edit Record");
-    i0.ɵɵelementEnd();
-} }
-function FormToolbarComponent_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 2);
-    i0.ɵɵlistener("click", function FormToolbarComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.form.SaveRecord(true)); });
-    i0.ɵɵtext(1, "Save Record");
-    i0.ɵɵelementEnd();
-} }
-function FormToolbarComponent_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 2);
-    i0.ɵɵlistener("click", function FormToolbarComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.form.CancelEdit()); });
-    i0.ɵɵtext(1, "Cancel");
-    i0.ɵɵelementEnd();
-} }
-function FormToolbarComponent_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 2);
-    i0.ɵɵlistener("click", function FormToolbarComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.form.RemoveFavorite()); });
-    i0.ɵɵtext(1, "Remove Favorite");
-    i0.ɵɵelementEnd();
-} }
-function FormToolbarComponent_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 2);
-    i0.ɵɵlistener("click", function FormToolbarComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.form.MakeFavorite()); });
-    i0.ɵɵtext(1, "Make Favorite");
-    i0.ɵɵelementEnd();
-} }
-function FormToolbarComponent_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 2);
-    i0.ɵɵlistener("click", function FormToolbarComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.form.handleHistoryDialog()); });
-    i0.ɵɵtext(1, "History");
-    i0.ɵɵelementEnd();
-} }
-function FormToolbarComponent_mj_record_changes_7_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-record-changes", 3);
-    i0.ɵɵlistener("dialogClosed", function FormToolbarComponent_mj_record_changes_7_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.form.handleHistoryDialog()); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("record", ctx_r6.form.record);
-} }
-export class FormToolbarComponent {
-}
-FormToolbarComponent.ɵfac = function FormToolbarComponent_Factory(t) { return new (t || FormToolbarComponent)(); };
-FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormToolbarComponent, selectors: [["mj-form-toolbar"]], inputs: { form: "form" }, decls: 8, vars: 7, consts: [["kendoButton", "", 3, "click", 4, "ngIf"], [3, "record", "dialogClosed", 4, "ngIf"], ["kendoButton", "", 3, "click"], [3, "record", "dialogClosed"]], template: function FormToolbarComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, FormToolbarComponent_button_0_Template, 2, 0, "button", 0);
-        i0.ɵɵtemplate(1, FormToolbarComponent_button_1_Template, 2, 0, "button", 0);
-        i0.ɵɵtemplate(2, FormToolbarComponent_button_2_Template, 2, 0, "button", 0);
-        i0.ɵɵtemplate(3, FormToolbarComponent_button_3_Template, 2, 0, "button", 0);
-        i0.ɵɵtemplate(4, FormToolbarComponent_button_4_Template, 2, 0, "button", 0);
-        i0.ɵɵtemplate(5, FormToolbarComponent_button_5_Template, 2, 0, "button", 0);
-        i0.ɵɵelement(6, "hr");
-        i0.ɵɵtemplate(7, FormToolbarComponent_mj_record_changes_7_Template, 1, 1, "mj-record-changes", 1);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", !ctx.form.EditMode && ctx.form.UserCanEdit);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.form.EditMode);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.form.EditMode);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.form.FavoriteInitDone && ctx.form.IsFavorite);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.form.FavoriteInitDone && !ctx.form.IsFavorite);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.form.EntityInfo == null ? null : ctx.form.EntityInfo.TrackRecordChanges);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.form.isHistoryDialogOpen);
-    } }, dependencies: [i1.NgIf, i2.Button, i3.RecordChangesComponent], styles: ["button[_ngcontent-%COMP%] { margin-right: 10px; }"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormToolbarComponent, [{
-        type: Component,
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-buttons";
+import * as i3 from "@memberjunction/ng-record-changes";
+function FormToolbarComponent_button_0_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 2);
+    i0.ɵɵlistener("click", function FormToolbarComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.form.StartEditMode()); });
+    i0.ɵɵtext(1, "Edit Record");
+    i0.ɵɵelementEnd();
+} }
+function FormToolbarComponent_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 2);
+    i0.ɵɵlistener("click", function FormToolbarComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.form.SaveRecord(true)); });
+    i0.ɵɵtext(1, "Save Record");
+    i0.ɵɵelementEnd();
+} }
+function FormToolbarComponent_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 2);
+    i0.ɵɵlistener("click", function FormToolbarComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.form.CancelEdit()); });
+    i0.ɵɵtext(1, "Cancel");
+    i0.ɵɵelementEnd();
+} }
+function FormToolbarComponent_button_3_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 2);
+    i0.ɵɵlistener("click", function FormToolbarComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.form.RemoveFavorite()); });
+    i0.ɵɵtext(1, "Remove Favorite");
+    i0.ɵɵelementEnd();
+} }
+function FormToolbarComponent_button_4_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 2);
+    i0.ɵɵlistener("click", function FormToolbarComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.form.MakeFavorite()); });
+    i0.ɵɵtext(1, "Make Favorite");
+    i0.ɵɵelementEnd();
+} }
+function FormToolbarComponent_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 2);
+    i0.ɵɵlistener("click", function FormToolbarComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.form.handleHistoryDialog()); });
+    i0.ɵɵtext(1, "History");
+    i0.ɵɵelementEnd();
+} }
+function FormToolbarComponent_mj_record_changes_7_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-record-changes", 3);
+    i0.ɵɵlistener("dialogClosed", function FormToolbarComponent_mj_record_changes_7_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.form.handleHistoryDialog()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r6 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("record", ctx_r6.form.record);
+} }
+export class FormToolbarComponent {
+}
+FormToolbarComponent.ɵfac = function FormToolbarComponent_Factory(t) { return new (t || FormToolbarComponent)(); };
+FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormToolbarComponent, selectors: [["mj-form-toolbar"]], inputs: { form: "form" }, decls: 8, vars: 7, consts: [["kendoButton", "", 3, "click", 4, "ngIf"], [3, "record", "dialogClosed", 4, "ngIf"], ["kendoButton", "", 3, "click"], [3, "record", "dialogClosed"]], template: function FormToolbarComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, FormToolbarComponent_button_0_Template, 2, 0, "button", 0)(1, FormToolbarComponent_button_1_Template, 2, 0, "button", 0)(2, FormToolbarComponent_button_2_Template, 2, 0, "button", 0)(3, FormToolbarComponent_button_3_Template, 2, 0, "button", 0)(4, FormToolbarComponent_button_4_Template, 2, 0, "button", 0)(5, FormToolbarComponent_button_5_Template, 2, 0, "button", 0);
+        i0.ɵɵelement(6, "hr");
+        i0.ɵɵtemplate(7, FormToolbarComponent_mj_record_changes_7_Template, 1, 1, "mj-record-changes", 1);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", !ctx.form.EditMode && ctx.form.UserCanEdit);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.form.EditMode);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.form.EditMode);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.form.FavoriteInitDone && ctx.form.IsFavorite);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.form.FavoriteInitDone && !ctx.form.IsFavorite);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.form.EntityInfo == null ? null : ctx.form.EntityInfo.TrackRecordChanges);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.form.isHistoryDialogOpen);
+    } }, dependencies: [i1.NgIf, i2.ButtonComponent, i3.RecordChangesComponent], styles: ["button[_ngcontent-%COMP%] { margin-right: 10px; }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormToolbarComponent, [{
+        type: Component,
         args: [{ selector: 'mj-form-toolbar', template: `
         <button kendoButton *ngIf="!this.form.EditMode && this.form.UserCanEdit" (click)="this.form.StartEditMode()">Edit Record</button> 
         <button kendoButton *ngIf="this.form.EditMode" (click)="this.form.SaveRecord(true)">Save Record</button> 
@@ -92,7 +87,8 @@ FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormTo
         <button kendoButton *ngIf="this.form.EntityInfo?.TrackRecordChanges" (click)="this.form.handleHistoryDialog()">History</button> 
         <hr />
         <mj-record-changes *ngIf="this.form.isHistoryDialogOpen" [record]="this.form.record" (dialogClosed)="this.form.handleHistoryDialog()"></mj-record-changes>
-    `, styles: ["button { margin-right: 10px; }"] }]
-    }], null, { form: [{
-            type: Input
-        }] }); })();
+    `, styles: ["button { margin-right: 10px; }"] }]
+    }], null, { form: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormToolbarComponent, { className: "FormToolbarComponent", filePath: "src\\lib\\generic\\form-toolbar.ts", lineNumber: 19 }); })();

package/dist/lib/generic/resource-container-component.d.ts

@@ -1,25 +1,25 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { SharedService } from '../../shared/shared.service';
-import { Container } from '@memberjunction/ng-container-directives';
-import { BaseEntity } from '@memberjunction/core';
-import { ResourceData } from './base-resource-component';
-import * as i0 from "@angular/core";
-export declare class ResourceContainerComponent implements OnChanges {
-    sharedService: SharedService;
-    Data: ResourceData;
-    isVisible: boolean;
-    ResourceRecordSaved: EventEmitter<BaseEntity>;
-    ContentLoadingStarted: EventEmitter<ResourceContainerComponent>;
-    ContentLoadingComplete: EventEmitter<ResourceContainerComponent>;
-    private _loadStarted;
-    get LoadStarted(): boolean;
-    private _loadComplete;
-    get LoadComplete(): boolean;
-    resourceContainer: Container;
-    private _loaded;
-    constructor(sharedService: SharedService);
-    ngOnChanges(changes: SimpleChanges): void;
-    loadComponent(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ResourceContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ResourceContainerComponent, "app-resource", never, { "Data": "Data"; "isVisible": "isVisible"; }, { "ResourceRecordSaved": "ResourceRecordSaved"; "ContentLoadingStarted": "ContentLoadingStarted"; "ContentLoadingComplete": "ContentLoadingComplete"; }, never, never, false, never>;
-}
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { SharedService } from '../../shared/shared.service';
+import { Container } from '@memberjunction/ng-container-directives';
+import { BaseEntity } from '@memberjunction/core';
+import { ResourceData } from './base-resource-component';
+import * as i0 from "@angular/core";
+export declare class ResourceContainerComponent implements OnChanges {
+    sharedService: SharedService;
+    Data: ResourceData;
+    isVisible: boolean;
+    ResourceRecordSaved: EventEmitter<BaseEntity>;
+    ContentLoadingStarted: EventEmitter<ResourceContainerComponent>;
+    ContentLoadingComplete: EventEmitter<ResourceContainerComponent>;
+    private _loadStarted;
+    get LoadStarted(): boolean;
+    private _loadComplete;
+    get LoadComplete(): boolean;
+    resourceContainer: Container;
+    private _loaded;
+    constructor(sharedService: SharedService);
+    ngOnChanges(changes: SimpleChanges): void;
+    loadComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResourceContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResourceContainerComponent, "app-resource", never, { "Data": { "alias": "Data"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; }, { "ResourceRecordSaved": "ResourceRecordSaved"; "ContentLoadingStarted": "ContentLoadingStarted"; "ContentLoadingComplete": "ContentLoadingComplete"; }, never, never, false, never>;
+}

package/dist/lib/generic/resource-container-component.js

@@ -1,103 +1,104 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { Container } from '@memberjunction/ng-container-directives';
-import { LogError } from '@memberjunction/core';
-import { MJGlobal } from '@memberjunction/global';
-import { BaseResourceComponent } from './base-resource-component';
-import * as i0 from "@angular/core";
-import * as i1 from "../../shared/shared.service";
-import * as i2 from "@memberjunction/ng-container-directives";
-function ResourceContainerComponent_ng_template_0_Template(rf, ctx) { }
-export class ResourceContainerComponent {
-    get LoadStarted() {
-        return this._loadStarted;
-    }
-    get LoadComplete() {
-        return this._loadComplete;
-    }
-    constructor(sharedService) {
-        this.sharedService = sharedService;
-        this.isVisible = false;
-        this.ResourceRecordSaved = new EventEmitter();
-        this.ContentLoadingStarted = new EventEmitter();
-        this.ContentLoadingComplete = new EventEmitter();
-        this._loadStarted = false;
-        this._loadComplete = false;
-        this._loaded = false;
-    }
-    ngOnChanges(changes) {
-        if (changes['isVisible']) {
-            const previousValue = changes['isVisible'].previousValue;
-            const currentValue = changes['isVisible'].currentValue;
-            if (previousValue !== currentValue) {
-                // visible state has changed
-                if (!this._loaded && currentValue) {
-                    // first time we are loading this resource, so go ahead and load whatever our component type is
-                    this.loadComponent();
-                }
-            }
-        }
-    }
-    loadComponent() {
-        try {
-            this._loaded = true;
-            const resourceReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseResourceComponent, this.Data.ResourceType);
-            if (!resourceReg) {
-                throw new Error(`Unable to find resource registration for ${this.Data.ResourceType}`);
-            }
-            const viewContainerRef = this.resourceContainer.viewContainerRef;
-            if (!viewContainerRef) {
-                throw new Error(`Unable to find viewContainerRef`);
-            }
-            viewContainerRef.clear();
-            const componentRef = viewContainerRef.createComponent(resourceReg.SubClass);
-            componentRef.instance.LoadCompleteEvent = () => {
-                this._loadComplete = true;
-                this.ContentLoadingComplete.emit(this);
-            };
-            componentRef.instance.ResourceRecordSavedEvent = (resourceRecordEntity) => {
-                // bubble up the event
-                this.ResourceRecordSaved.emit(resourceRecordEntity);
-            };
-            componentRef.instance.Data = this.Data;
-            // do this right away since we have started
-            this.ContentLoadingStarted.emit(this);
-            // AND - wire up the event because we might start again in the future - example dashboards where a user can change the dashboard and add items etc
-            componentRef.instance.LoadStartedEvent = () => {
-                this._loadStarted = true;
-                this.ContentLoadingStarted.emit(this);
-            };
-        }
-        catch (e) {
-            LogError(e);
-        }
-    }
-}
-ResourceContainerComponent.ɵfac = function ResourceContainerComponent_Factory(t) { return new (t || ResourceContainerComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
-ResourceContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceContainerComponent, selectors: [["app-resource"]], viewQuery: function ResourceContainerComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(Container, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resourceContainer = _t.first);
-    } }, inputs: { Data: "Data", isVisible: "isVisible" }, outputs: { ResourceRecordSaved: "ResourceRecordSaved", ContentLoadingStarted: "ContentLoadingStarted", ContentLoadingComplete: "ContentLoadingComplete" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 0, consts: [["mjContainer", "", "mjFillContainer", ""]], template: function ResourceContainerComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ResourceContainerComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
-    } }, dependencies: [i2.FillContainer, i2.Container], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceContainerComponent, [{
-        type: Component,
-        args: [{
-                selector: 'app-resource',
-                template: `<ng-template mjContainer mjFillContainer></ng-template>`,
-            }]
-    }], function () { return [{ type: i1.SharedService }]; }, { Data: [{
-            type: Input
-        }], isVisible: [{
-            type: Input
-        }], ResourceRecordSaved: [{
-            type: Output
-        }], ContentLoadingStarted: [{
-            type: Output
-        }], ContentLoadingComplete: [{
-            type: Output
-        }], resourceContainer: [{
-            type: ViewChild,
-            args: [Container, { static: true }]
-        }] }); })();
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Container } from '@memberjunction/ng-container-directives';
+import { LogError } from '@memberjunction/core';
+import { MJGlobal } from '@memberjunction/global';
+import { BaseResourceComponent } from './base-resource-component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../shared/shared.service";
+import * as i2 from "@memberjunction/ng-container-directives";
+function ResourceContainerComponent_ng_template_0_Template(rf, ctx) { }
+export class ResourceContainerComponent {
+    get LoadStarted() {
+        return this._loadStarted;
+    }
+    get LoadComplete() {
+        return this._loadComplete;
+    }
+    constructor(sharedService) {
+        this.sharedService = sharedService;
+        this.isVisible = false;
+        this.ResourceRecordSaved = new EventEmitter();
+        this.ContentLoadingStarted = new EventEmitter();
+        this.ContentLoadingComplete = new EventEmitter();
+        this._loadStarted = false;
+        this._loadComplete = false;
+        this._loaded = false;
+    }
+    ngOnChanges(changes) {
+        if (changes['isVisible']) {
+            const previousValue = changes['isVisible'].previousValue;
+            const currentValue = changes['isVisible'].currentValue;
+            if (previousValue !== currentValue) {
+                // visible state has changed
+                if (!this._loaded && currentValue) {
+                    // first time we are loading this resource, so go ahead and load whatever our component type is
+                    this.loadComponent();
+                }
+            }
+        }
+    }
+    loadComponent() {
+        try {
+            this._loaded = true;
+            const resourceReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseResourceComponent, this.Data.ResourceType);
+            if (!resourceReg) {
+                throw new Error(`Unable to find resource registration for ${this.Data.ResourceType}`);
+            }
+            const viewContainerRef = this.resourceContainer.viewContainerRef;
+            if (!viewContainerRef) {
+                throw new Error(`Unable to find viewContainerRef`);
+            }
+            viewContainerRef.clear();
+            const componentRef = viewContainerRef.createComponent(resourceReg.SubClass);
+            componentRef.instance.LoadCompleteEvent = () => {
+                this._loadComplete = true;
+                this.ContentLoadingComplete.emit(this);
+            };
+            componentRef.instance.ResourceRecordSavedEvent = (resourceRecordEntity) => {
+                // bubble up the event
+                this.ResourceRecordSaved.emit(resourceRecordEntity);
+            };
+            componentRef.instance.Data = this.Data;
+            // do this right away since we have started
+            this.ContentLoadingStarted.emit(this);
+            // AND - wire up the event because we might start again in the future - example dashboards where a user can change the dashboard and add items etc
+            componentRef.instance.LoadStartedEvent = () => {
+                this._loadStarted = true;
+                this.ContentLoadingStarted.emit(this);
+            };
+        }
+        catch (e) {
+            LogError(e);
+        }
+    }
+}
+ResourceContainerComponent.ɵfac = function ResourceContainerComponent_Factory(t) { return new (t || ResourceContainerComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
+ResourceContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceContainerComponent, selectors: [["app-resource"]], viewQuery: function ResourceContainerComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(Container, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resourceContainer = _t.first);
+    } }, inputs: { Data: "Data", isVisible: "isVisible" }, outputs: { ResourceRecordSaved: "ResourceRecordSaved", ContentLoadingStarted: "ContentLoadingStarted", ContentLoadingComplete: "ContentLoadingComplete" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 0, consts: [["mjContainer", "", "mjFillContainer", ""]], template: function ResourceContainerComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ResourceContainerComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
+    } }, dependencies: [i2.FillContainer, i2.Container], encapsulation: 2 });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceContainerComponent, [{
+        type: Component,
+        args: [{
+                selector: 'app-resource',
+                template: `<ng-template mjContainer mjFillContainer></ng-template>`,
+            }]
+    }], () => [{ type: i1.SharedService }], { Data: [{
+            type: Input
+        }], isVisible: [{
+            type: Input
+        }], ResourceRecordSaved: [{
+            type: Output
+        }], ContentLoadingStarted: [{
+            type: Output
+        }], ContentLoadingComplete: [{
+            type: Output
+        }], resourceContainer: [{
+            type: ViewChild,
+            args: [Container, { static: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ResourceContainerComponent, { className: "ResourceContainerComponent", filePath: "src\\lib\\generic\\resource-container-component.ts", lineNumber: 12 }); })();

package/dist/lib/generic/section-loader-component.d.ts

@@ -1,17 +1,17 @@
-import { OnDestroy, ViewContainerRef, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
-import { BaseEntity } from '@memberjunction/core';
-import * as i0 from "@angular/core";
-export declare class SectionLoaderComponent implements AfterViewInit, OnDestroy, OnChanges {
-    Entity: string;
-    Section: string;
-    record: BaseEntity;
-    EditMode: boolean;
-    container: ViewContainerRef;
-    private _sectionObj;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    private loadComponent;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SectionLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionLoaderComponent, "mj-form-section", never, { "Entity": "Entity"; "Section": "Section"; "record": "record"; "EditMode": "EditMode"; }, {}, never, never, false, never>;
-}
+import { OnDestroy, ViewContainerRef, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
+import { BaseEntity } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+export declare class SectionLoaderComponent implements AfterViewInit, OnDestroy, OnChanges {
+    Entity: string;
+    Section: string;
+    record: BaseEntity;
+    EditMode: boolean;
+    container: ViewContainerRef;
+    private _sectionObj;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private loadComponent;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SectionLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionLoaderComponent, "mj-form-section", never, { "Entity": { "alias": "Entity"; "required": false; }; "Section": { "alias": "Section"; "required": false; }; "record": { "alias": "record"; "required": false; }; "EditMode": { "alias": "EditMode"; "required": false; }; }, {}, never, never, false, never>;
+}