@memberjunction/ng-core-entity-forms 0.9.2

package/dist/lib/generated/Entities/UserView/userview.form.component.d.ts

@@ -0,0 +1,9 @@
+import { UserViewEntity } from '@memberjunction/core-entities';
+import { BaseFormComponent } from '@memberjunction/ng-explorer-core';
+import * as i0 from "@angular/core";
+export declare class UserViewFormComponent extends BaseFormComponent {
+    record: UserViewEntity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserViewFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserViewFormComponent, "gen-userview-form", never, {}, {}, never, never, false, never>;
+}
+export declare function LoadUserViewFormComponent(): void;

package/dist/lib/generated/Entities/UserView/userview.form.component.js

@@ -0,0 +1,97 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseFormComponent } from '@memberjunction/ng-explorer-core';
+import { LoadUserViewDetailsComponent } from "./sections/details.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-layout";
+import * as i4 from "@memberjunction/ng-explorer-core";
+import * as i5 from "@memberjunction/ng-user-view-grid";
+function UserViewFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Details");
+} }
+function UserViewFormComponent_form_1_ng_template_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-section", 12);
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("record", ctx_r5.record)("EditMode", ctx_r5.EditMode);
+} }
+function UserViewFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Entity Relationships");
+} }
+function UserViewFormComponent_form_1_ng_template_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-user-view-grid", 13);
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Params", ctx_r7.BuildRelationshipViewParamsByEntityName("Entity Relationships"))("AllowLoad", ctx_r7.IsCurrentTab("Entity Relationships"))("EditMode", ctx_r7.GridEditMode())("BottomMargin", ctx_r7.GridBottomMargin);
+} }
+function UserViewFormComponent_form_1_ng_template_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "User View Runs");
+} }
+function UserViewFormComponent_form_1_ng_template_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-user-view-grid", 13);
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Params", ctx_r9.BuildRelationshipViewParamsByEntityName("User View Runs"))("AllowLoad", ctx_r9.IsCurrentTab("User View Runs"))("EditMode", ctx_r9.GridEditMode())("BottomMargin", ctx_r9.GridBottomMargin);
+} }
+function UserViewFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 2, 3)(2, "div", 4, 5);
+    i0.ɵɵelement(4, "mj-form-toolbar", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "kendo-tabstrip", 7, 8);
+    i0.ɵɵlistener("tabSelect", function UserViewFormComponent_form_1_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onTabSelect($event)); });
+    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(8, UserViewFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10);
+    i0.ɵɵtemplate(9, UserViewFormComponent_form_1_ng_template_9_Template, 1, 2, "ng-template", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(11, UserViewFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10);
+    i0.ɵɵtemplate(12, UserViewFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(14, UserViewFormComponent_form_1_ng_template_14_Template, 1, 0, "ng-template", 10);
+    i0.ɵɵtemplate(15, UserViewFormComponent_form_1_ng_template_15_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r0.TabHeight);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Entity Relationships"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("User View Runs"));
+} }
+let UserViewFormComponent = class UserViewFormComponent extends BaseFormComponent {
+};
+UserViewFormComponent.ɵfac = /*@__PURE__*/ function () { let ɵUserViewFormComponent_BaseFactory; return function UserViewFormComponent_Factory(t) { return (ɵUserViewFormComponent_BaseFactory || (ɵUserViewFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewFormComponent)))(t || UserViewFormComponent); }; }();
+UserViewFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewFormComponent, selectors: [["gen-userview-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], [3, "form"], [3, "keepTabContent", "animate", "height", "tabSelect"], ["tabStrip", ""], [3, "selected"], ["kendoTabTitle", ""], ["kendoTabContent", ""], ["Entity", "User Views", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function UserViewFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, UserViewFormComponent_form_1_Template, 16, 7, "form", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.record);
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.TabStripComponent, i3.TabStripTabComponent, i3.TabContentDirective, i3.TabTitleDirective, i4.FormToolbarComponent, i4.SectionLoaderComponent, i5.UserViewGridComponent], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form[_ngcontent-%COMP%] {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+UserViewFormComponent = __decorate([
+    RegisterClass(BaseFormComponent, 'User Views') // Tell MemberJunction about this class
+], UserViewFormComponent);
+export { UserViewFormComponent };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewFormComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-userview-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\">\n                        <div #topArea class=\"record-form-group\">\n                    <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                    \n                </div>\n                        <kendo-tabstrip #tabStrip (tabSelect)=\"onTabSelect($event)\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n                                \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-form-section Entity=\"User Views\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                                          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Entity Relationships')\">\n                        <ng-template kendoTabTitle>Entity Relationships</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Relationships')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Entity Relationships')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('User View Runs')\">\n                        <ng-template kendoTabTitle>User View Runs</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User View Runs')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('User View Runs')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                            </kendo-tabstrip>\n    </form>\n  </div>\n    ", styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+    }], null, null); })();
+export function LoadUserViewFormComponent() {
+    LoadUserViewDetailsComponent();
+}

package/dist/lib/generated/Entities/UserViewRun/sections/details.component.d.ts

@@ -0,0 +1,10 @@
+import { BaseFormSectionComponent } from '@memberjunction/ng-explorer-core';
+import { UserViewRunEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class UserViewRunDetailsComponent extends BaseFormSectionComponent {
+    record: UserViewRunEntity;
+    EditMode: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserViewRunDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserViewRunDetailsComponent, "gen-userviewrun-form-details", never, { "record": "record"; "EditMode": "EditMode"; }, {}, never, never, false, never>;
+}
+export declare function LoadUserViewRunDetailsComponent(): void;

package/dist/lib/generated/Entities/UserViewRun/sections/details.component.js

@@ -0,0 +1,194 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Input } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseFormSectionComponent } from '@memberjunction/ng-explorer-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-inputs";
+import * as i3 from "@progress/kendo-angular-dateinputs";
+import * as i4 from "@memberjunction/ng-link-directives";
+function UserViewRunDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
+    i0.ɵɵtext(3, "User View ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-numerictextbox", 5);
+    i0.ɵɵlistener("valueChange", function UserViewRunDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.record.UserViewID = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 3)(6, "label", 4);
+    i0.ɵɵtext(7, "Run At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "kendo-datepicker", 5);
+    i0.ɵɵlistener("valueChange", function UserViewRunDetailsComponent_div_0_div_1_Template_kendo_datepicker_valueChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.record.RunAt = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 3)(10, "label", 4);
+    i0.ɵɵtext(11, "Run By User ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "kendo-numerictextbox", 5);
+    i0.ɵɵlistener("valueChange", function UserViewRunDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_12_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.record.RunByUserID = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "div", 3)(14, "label", 4);
+    i0.ɵɵtext(15, "User View");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "span");
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 3)(19, "label", 4);
+    i0.ɵɵtext(20, "Run By User");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "span");
+    i0.ɵɵtext(22);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r1.record.UserViewID);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r1.record.RunAt);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r1.record.RunByUserID);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("UserView", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("RunByUser", 0));
+} }
+function UserViewRunDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
+    i0.ɵɵtext(3, "User View ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 6);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
+    i0.ɵɵtext(8, "Run At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 3)(12, "label", 4);
+    i0.ɵɵtext(13, "Run By User ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 7);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 3)(17, "label", 4);
+    i0.ɵɵtext(18, "User View");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span");
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
+    i0.ɵɵtext(23, "Run By User");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "span");
+    i0.ɵɵtext(25);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("record", ctx_r2.record);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("UserViewID", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RunAt", 0));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("record", ctx_r2.record);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RunByUserID", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("UserView", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RunByUser", 0));
+} }
+function UserViewRunDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, UserViewRunDetailsComponent_div_0_div_1_Template, 23, 5, "div", 1);
+    i0.ɵɵtemplate(2, UserViewRunDetailsComponent_div_0_div_2_Template, 26, 7, "div", 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.EditMode);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.EditMode);
+} }
+let UserViewRunDetailsComponent = class UserViewRunDetailsComponent extends BaseFormSectionComponent {
+    constructor() {
+        super(...arguments);
+        this.EditMode = false;
+    }
+};
+UserViewRunDetailsComponent.ɵfac = /*@__PURE__*/ function () { let ɵUserViewRunDetailsComponent_BaseFactory; return function UserViewRunDetailsComponent_Factory(t) { return (ɵUserViewRunDetailsComponent_BaseFactory || (ɵUserViewRunDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewRunDetailsComponent)))(t || UserViewRunDetailsComponent); }; }();
+UserViewRunDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewRunDetailsComponent, selectors: [["gen-userviewrun-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], [3, "value", "valueChange"], ["mjFieldLink", "", "fieldName", "UserViewID", 3, "record"], ["mjFieldLink", "", "fieldName", "RunByUserID", 3, "record"]], template: function UserViewRunDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, UserViewRunDetailsComponent_div_0_Template, 3, 2, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.record);
+    } }, dependencies: [i1.NgIf, i2.NumericTextBoxComponent, i3.DatePickerComponent, i4.FieldLink], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form[_ngcontent-%COMP%] {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+UserViewRunDetailsComponent = __decorate([
+    RegisterClass(BaseFormSectionComponent, 'User View Runs.details') // Tell MemberJunction about this class 
+], UserViewRunDetailsComponent);
+export { UserViewRunDetailsComponent };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewRunDetailsComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-userviewrun-form-details', template: `<div *ngIf="this.record">
+    <div *ngIf="this.EditMode" class="record-form">
+                  
+        <div class="record-form-row">
+            <label class="fieldLabel">User View ID</label>
+            <kendo-numerictextbox [(value)]="record.UserViewID" ></kendo-numerictextbox>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Run At</label>
+            <kendo-datepicker [(value)]="record.RunAt" ></kendo-datepicker>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Run By User ID</label>
+            <kendo-numerictextbox [(value)]="record.RunByUserID" ></kendo-numerictextbox>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">User View</label>
+            <span >{{FormatValue('UserView', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Run By User</label>
+            <span >{{FormatValue('RunByUser', 0)}}</span>   
+        </div> 
+    </div>
+    <div *ngIf="!this.EditMode" class="record-form">
+                  
+        <div class="record-form-row">
+            <label class="fieldLabel">User View ID</label>
+            <span mjFieldLink [record]="record" fieldName="UserViewID" >{{FormatValue('UserViewID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Run At</label>
+            <span >{{FormatValue('RunAt', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Run By User ID</label>
+            <span mjFieldLink [record]="record" fieldName="RunByUserID" >{{FormatValue('RunByUserID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">User View</label>
+            <span >{{FormatValue('UserView', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Run By User</label>
+            <span >{{FormatValue('RunByUser', 0)}}</span>
+        </div>
+    </div>
+</div>
+    `, styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+    }], null, { record: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }] }); })();
+export function LoadUserViewRunDetailsComponent() {
+    // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
+}

package/dist/lib/generated/Entities/UserViewRun/userviewrun.form.component.d.ts

@@ -0,0 +1,9 @@
+import { UserViewRunEntity } from '@memberjunction/core-entities';
+import { BaseFormComponent } from '@memberjunction/ng-explorer-core';
+import * as i0 from "@angular/core";
+export declare class UserViewRunFormComponent extends BaseFormComponent {
+    record: UserViewRunEntity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserViewRunFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserViewRunFormComponent, "gen-userviewrun-form", never, {}, {}, never, never, false, never>;
+}
+export declare function LoadUserViewRunFormComponent(): void;

package/dist/lib/generated/Entities/UserViewRun/userviewrun.form.component.js

@@ -0,0 +1,82 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseFormComponent } from '@memberjunction/ng-explorer-core';
+import { LoadUserViewRunDetailsComponent } from "./sections/details.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-layout";
+import * as i4 from "@memberjunction/ng-explorer-core";
+import * as i5 from "@memberjunction/ng-user-view-grid";
+function UserViewRunFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Details");
+} }
+function UserViewRunFormComponent_form_1_ng_template_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-section", 12);
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("record", ctx_r5.record)("EditMode", ctx_r5.EditMode);
+} }
+function UserViewRunFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Details");
+} }
+function UserViewRunFormComponent_form_1_ng_template_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-user-view-grid", 13);
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Params", ctx_r7.BuildRelationshipViewParamsByEntityName("User View Run Details"))("AllowLoad", ctx_r7.IsCurrentTab("Details"))("EditMode", ctx_r7.GridEditMode())("BottomMargin", ctx_r7.GridBottomMargin);
+} }
+function UserViewRunFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 2, 3)(2, "div", 4, 5);
+    i0.ɵɵelement(4, "mj-form-toolbar", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "kendo-tabstrip", 7, 8);
+    i0.ɵɵlistener("tabSelect", function UserViewRunFormComponent_form_1_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onTabSelect($event)); });
+    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(8, UserViewRunFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10);
+    i0.ɵɵtemplate(9, UserViewRunFormComponent_form_1_ng_template_9_Template, 1, 2, "ng-template", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(11, UserViewRunFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10);
+    i0.ɵɵtemplate(12, UserViewRunFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r0.TabHeight);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+} }
+let UserViewRunFormComponent = class UserViewRunFormComponent extends BaseFormComponent {
+};
+UserViewRunFormComponent.ɵfac = /*@__PURE__*/ function () { let ɵUserViewRunFormComponent_BaseFactory; return function UserViewRunFormComponent_Factory(t) { return (ɵUserViewRunFormComponent_BaseFactory || (ɵUserViewRunFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewRunFormComponent)))(t || UserViewRunFormComponent); }; }();
+UserViewRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewRunFormComponent, selectors: [["gen-userviewrun-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], [3, "form"], [3, "keepTabContent", "animate", "height", "tabSelect"], ["tabStrip", ""], [3, "selected"], ["kendoTabTitle", ""], ["kendoTabContent", ""], ["Entity", "User View Runs", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function UserViewRunFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, UserViewRunFormComponent_form_1_Template, 13, 6, "form", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.record);
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.TabStripComponent, i3.TabStripTabComponent, i3.TabContentDirective, i3.TabTitleDirective, i4.FormToolbarComponent, i4.SectionLoaderComponent, i5.UserViewGridComponent], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form[_ngcontent-%COMP%] {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+UserViewRunFormComponent = __decorate([
+    RegisterClass(BaseFormComponent, 'User View Runs') // Tell MemberJunction about this class
+], UserViewRunFormComponent);
+export { UserViewRunFormComponent };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewRunFormComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-userviewrun-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\">\n                        <div #topArea class=\"record-form-group\">\n                    <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                    \n                </div>\n                        <kendo-tabstrip #tabStrip (tabSelect)=\"onTabSelect($event)\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n                                \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-form-section Entity=\"User View Runs\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                                          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User View Run Details')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Details')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                            </kendo-tabstrip>\n    </form>\n  </div>\n    ", styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+    }], null, null); })();
+export function LoadUserViewRunFormComponent() {
+    LoadUserViewRunDetailsComponent();
+}

package/dist/lib/generated/Entities/UserViewRunDetail/sections/details.component.d.ts

@@ -0,0 +1,10 @@
+import { BaseFormSectionComponent } from '@memberjunction/ng-explorer-core';
+import { UserViewRunDetailEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class UserViewRunDetailDetailsComponent extends BaseFormSectionComponent {
+    record: UserViewRunDetailEntity;
+    EditMode: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserViewRunDetailDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserViewRunDetailDetailsComponent, "gen-userviewrundetail-form-details", never, { "record": "record"; "EditMode": "EditMode"; }, {}, never, never, false, never>;
+}
+export declare function LoadUserViewRunDetailDetailsComponent(): void;

package/dist/lib/generated/Entities/UserViewRunDetail/sections/details.component.js

@@ -0,0 +1,168 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Input } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseFormSectionComponent } from '@memberjunction/ng-explorer-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "@memberjunction/ng-link-directives";
+function UserViewRunDetailDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
+    i0.ɵɵtext(3, "User View Run ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-numerictextbox", 5);
+    i0.ɵɵlistener("valueChange", function UserViewRunDetailDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.record.UserViewRunID = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 3)(6, "label", 4);
+    i0.ɵɵtext(7, "Record");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "kendo-textarea", 6);
+    i0.ɵɵlistener("ngModelChange", function UserViewRunDetailDetailsComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.record.RecordID = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 3)(10, "label", 4);
+    i0.ɵɵtext(11, "User View");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span");
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 3)(15, "label", 4);
+    i0.ɵɵtext(16, "Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "span");
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r1.record.UserViewRunID);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.RecordID);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("UserViewID", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("EntityID", 0));
+} }
+function UserViewRunDetailDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
+    i0.ɵɵtext(3, "User View Run ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 7);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
+    i0.ɵɵtext(8, "Record");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 3)(12, "label", 4);
+    i0.ɵɵtext(13, "User View");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span");
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 3)(17, "label", 4);
+    i0.ɵɵtext(18, "Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span");
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("record", ctx_r2.record);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("UserViewRunID", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RecordID", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("UserViewID", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("EntityID", 0));
+} }
+function UserViewRunDetailDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, UserViewRunDetailDetailsComponent_div_0_div_1_Template, 19, 4, "div", 1);
+    i0.ɵɵtemplate(2, UserViewRunDetailDetailsComponent_div_0_div_2_Template, 21, 5, "div", 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.EditMode);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.EditMode);
+} }
+let UserViewRunDetailDetailsComponent = class UserViewRunDetailDetailsComponent extends BaseFormSectionComponent {
+    constructor() {
+        super(...arguments);
+        this.EditMode = false;
+    }
+};
+UserViewRunDetailDetailsComponent.ɵfac = /*@__PURE__*/ function () { let ɵUserViewRunDetailDetailsComponent_BaseFactory; return function UserViewRunDetailDetailsComponent_Factory(t) { return (ɵUserViewRunDetailDetailsComponent_BaseFactory || (ɵUserViewRunDetailDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewRunDetailDetailsComponent)))(t || UserViewRunDetailDetailsComponent); }; }();
+UserViewRunDetailDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewRunDetailDetailsComponent, selectors: [["gen-userviewrundetail-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], [3, "value", "valueChange"], [3, "ngModel", "ngModelChange"], ["mjFieldLink", "", "fieldName", "UserViewRunID", 3, "record"]], template: function UserViewRunDetailDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, UserViewRunDetailDetailsComponent_div_0_Template, 3, 2, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.record);
+    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.NumericTextBoxComponent, i4.FieldLink], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form[_ngcontent-%COMP%] {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+UserViewRunDetailDetailsComponent = __decorate([
+    RegisterClass(BaseFormSectionComponent, 'User View Run Details.details') // Tell MemberJunction about this class 
+], UserViewRunDetailDetailsComponent);
+export { UserViewRunDetailDetailsComponent };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewRunDetailDetailsComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-userviewrundetail-form-details', template: `<div *ngIf="this.record">
+    <div *ngIf="this.EditMode" class="record-form">
+                  
+        <div class="record-form-row">
+            <label class="fieldLabel">User View Run ID</label>
+            <kendo-numerictextbox [(value)]="record.UserViewRunID" ></kendo-numerictextbox>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Record</label>
+            <kendo-textarea [(ngModel)]="record.RecordID" ></kendo-textarea>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">User View</label>
+            <span >{{FormatValue('UserViewID', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Entity</label>
+            <span >{{FormatValue('EntityID', 0)}}</span>   
+        </div> 
+    </div>
+    <div *ngIf="!this.EditMode" class="record-form">
+                  
+        <div class="record-form-row">
+            <label class="fieldLabel">User View Run ID</label>
+            <span mjFieldLink [record]="record" fieldName="UserViewRunID" >{{FormatValue('UserViewRunID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Record</label>
+            <span >{{FormatValue('RecordID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">User View</label>
+            <span >{{FormatValue('UserViewID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Entity</label>
+            <span >{{FormatValue('EntityID', 0)}}</span>
+        </div>
+    </div>
+</div>
+    `, styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+    }], null, { record: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }] }); })();
+export function LoadUserViewRunDetailDetailsComponent() {
+    // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
+}

package/dist/lib/generated/Entities/UserViewRunDetail/userviewrundetail.form.component.d.ts

@@ -0,0 +1,9 @@
+import { UserViewRunDetailEntity } from '@memberjunction/core-entities';
+import { BaseFormComponent } from '@memberjunction/ng-explorer-core';
+import * as i0 from "@angular/core";
+export declare class UserViewRunDetailFormComponent extends BaseFormComponent {
+    record: UserViewRunDetailEntity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserViewRunDetailFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserViewRunDetailFormComponent, "gen-userviewrundetail-form", never, {}, {}, never, never, false, never>;
+}
+export declare function LoadUserViewRunDetailFormComponent(): void;