@memberjunction/ng-core-entity-forms 1.0.10 → 1.1.0

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

@@ -9,145 +9,27 @@ import { RegisterClass } from '@memberjunction/global';
 import { BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
 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 "@progress/kendo-angular-dateinputs";
-import * as i5 from "@memberjunction/ng-link-directives";
-function CompanyIntegrationRunDetailsComponent_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, "CompanyIntegration ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-numerictextbox", 5);
-    i0.ɵɵtwoWayListener("valueChange", function CompanyIntegrationRunDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r3.record.CompanyIntegrationID, $event) || (ctx_r3.record.CompanyIntegrationID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 3)(6, "label", 4);
-    i0.ɵɵtext(7, "RunByUser ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "kendo-numerictextbox", 5);
-    i0.ɵɵtwoWayListener("valueChange", function CompanyIntegrationRunDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r5.record.RunByUserID, $event) || (ctx_r5.record.RunByUserID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 3)(10, "label", 4);
-    i0.ɵɵtext(11, "Started At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "kendo-datepicker", 5);
-    i0.ɵɵtwoWayListener("valueChange", function CompanyIntegrationRunDetailsComponent_div_0_div_1_Template_kendo_datepicker_valueChange_12_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r6.record.StartedAt, $event) || (ctx_r6.record.StartedAt = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 3)(14, "label", 4);
-    i0.ɵɵtext(15, "Ended At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "kendo-datepicker", 5);
-    i0.ɵɵtwoWayListener("valueChange", function CompanyIntegrationRunDetailsComponent_div_0_div_1_Template_kendo_datepicker_valueChange_16_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r7.record.EndedAt, $event) || (ctx_r7.record.EndedAt = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 3)(18, "label", 4);
-    i0.ɵɵtext(19, "Total Records");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "kendo-numerictextbox", 5);
-    i0.ɵɵtwoWayListener("valueChange", function CompanyIntegrationRunDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_20_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r8 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r8.record.TotalRecords, $event) || (ctx_r8.record.TotalRecords = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
-    i0.ɵɵtext(23, "Comments");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "kendo-textbox", 6);
-    i0.ɵɵtwoWayListener("ngModelChange", function CompanyIntegrationRunDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r9 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r9.record.Comments, $event) || (ctx_r9.record.Comments = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "div", 3)(26, "label", 4);
-    i0.ɵɵtext(27, "Run By User");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "span");
-    i0.ɵɵtext(29);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.CompanyIntegrationID);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.RunByUserID);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.StartedAt);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.EndedAt);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.TotalRecords);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Comments);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("RunByUser", 0));
-} }
-function CompanyIntegrationRunDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
-    i0.ɵɵtext(3, "CompanyIntegration ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 7);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
-    i0.ɵɵtext(8, "RunByUser ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 8);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 3)(12, "label", 4);
-    i0.ɵɵtext(13, "Started At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span");
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 3)(17, "label", 4);
-    i0.ɵɵtext(18, "Ended At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span");
-    i0.ɵɵtext(20);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
-    i0.ɵɵtext(23, "Total Records");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "span");
-    i0.ɵɵtext(25);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 3)(27, "label", 4);
-    i0.ɵɵtext(28, "Comments");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "span");
-    i0.ɵɵtext(30);
+import * as i2 from "@memberjunction/ng-base-forms";
+function CompanyIntegrationRunDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 1);
+    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6)(7, "mj-form-field", 7)(8, "mj-form-field", 8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 3)(32, "label", 4);
-    i0.ɵɵtext(33, "Run By User");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span");
-    i0.ɵɵtext(35);
-    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("record", ctx_r2.record);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("CompanyIntegrationID", 0));
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("record", ctx_r2.record);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RunByUserID", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("StartedAt", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("EndedAt", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("TotalRecords", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Comments", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RunByUser", 0));
-} }
-function CompanyIntegrationRunDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, CompanyIntegrationRunDetailsComponent_div_0_div_1_Template, 30, 7, "div", 1)(2, CompanyIntegrationRunDetailsComponent_div_0_div_2_Template, 36, 9, "div", 1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 let CompanyIntegrationRunDetailsComponent = class CompanyIntegrationRunDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -156,11 +38,11 @@ let CompanyIntegrationRunDetailsComponent = class CompanyIntegrationRunDetailsCo
     }
 };
 CompanyIntegrationRunDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵCompanyIntegrationRunDetailsComponent_BaseFactory; return function CompanyIntegrationRunDetailsComponent_Factory(t) { return (ɵCompanyIntegrationRunDetailsComponent_BaseFactory || (ɵCompanyIntegrationRunDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CompanyIntegrationRunDetailsComponent)))(t || CompanyIntegrationRunDetailsComponent); }; })();
-CompanyIntegrationRunDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunDetailsComponent, selectors: [["gen-companyintegrationrun-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", "CompanyIntegrationID", 3, "record"], ["mjFieldLink", "", "fieldName", "RunByUserID", 3, "record"]], template: function CompanyIntegrationRunDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, CompanyIntegrationRunDetailsComponent_div_0_Template, 3, 2, "div", 0);
+CompanyIntegrationRunDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunDetailsComponent, selectors: [["gen-companyintegrationrun-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "CompanyIntegrationID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "RunByUserID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "StartedAt", "Type", "datepicker", 3, "record", "EditMode"], ["FieldName", "EndedAt", "Type", "datepicker", 3, "record", "EditMode"], ["FieldName", "TotalRecords", "Type", "numerictextbox", 3, "record", "EditMode"], ["FieldName", "Comments", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "RunByUser", "Type", "textbox", 3, "record", "EditMode"]], template: function CompanyIntegrationRunDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, CompanyIntegrationRunDetailsComponent_div_0_Template, 9, 14, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.DatePickerComponent, i5.FieldLink], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
+    } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 CompanyIntegrationRunDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Company Integration Runs.details') // Tell MemberJunction about this class 
 ], CompanyIntegrationRunDetailsComponent);
@@ -168,67 +50,52 @@ export { CompanyIntegrationRunDetailsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyIntegrationRunDetailsComponent, [{
         type: Component,
         args: [{ selector: 'gen-companyintegrationrun-form-details', template: `<div *ngIf="this.record">
-    <div *ngIf="this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">CompanyIntegration ID</label>
-            <kendo-numerictextbox [(value)]="record.CompanyIntegrationID" ></kendo-numerictextbox>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">RunByUser ID</label>
-            <kendo-numerictextbox [(value)]="record.RunByUserID" ></kendo-numerictextbox>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Started At</label>
-            <kendo-datepicker [(value)]="record.StartedAt!" ></kendo-datepicker>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Ended At</label>
-            <kendo-datepicker [(value)]="record.EndedAt!" ></kendo-datepicker>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Total Records</label>
-            <kendo-numerictextbox [(value)]="record.TotalRecords" ></kendo-numerictextbox>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Comments</label>
-            <kendo-textbox [(ngModel)]="record.Comments"  />   
-        </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">CompanyIntegration ID</label>
-            <span mjFieldLink [record]="record" fieldName="CompanyIntegrationID" >{{FormatValue('CompanyIntegrationID', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">RunByUser ID</label>
-            <span mjFieldLink [record]="record" fieldName="RunByUserID" >{{FormatValue('RunByUserID', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Started At</label>
-            <span >{{FormatValue('StartedAt', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Ended At</label>
-            <span >{{FormatValue('EndedAt', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Total Records</label>
-            <span >{{FormatValue('TotalRecords', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Comments</label>
-            <span >{{FormatValue('Comments', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Run By User</label>
-            <span >{{FormatValue('RunByUser', 0)}}</span>
-        </div>
+    <div class="record-form">
+        <mj-form-field
+            [record]="record"
+            FieldName="CompanyIntegrationID"
+            Type="numerictextbox"
+            [EditMode]="EditMode"
+            LinkType="Record"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RunByUserID"
+            Type="numerictextbox"
+            [EditMode]="EditMode"
+            LinkType="Record"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="StartedAt"
+            Type="datepicker"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="EndedAt"
+            Type="datepicker"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="TotalRecords"
+            Type="numerictextbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="Comments"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RunByUser"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+
     </div>
 </div>
     `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
@@ -237,7 +104,7 @@ export { CompanyIntegrationRunDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyIntegrationRunDetailsComponent, { className: "CompanyIntegrationRunDetailsComponent", filePath: "src/lib/generated/Entities/CompanyIntegrationRun/sections/details.component.ts", lineNumber: 76 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyIntegrationRunDetailsComponent, { className: "CompanyIntegrationRunDetailsComponent", filePath: "src/lib/generated/Entities/CompanyIntegrationRun/sections/details.component.ts", lineNumber: 61 }); })();
 export function LoadCompanyIntegrationRunDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/CompanyIntegrationRunAPILog/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;;AAElF,qBA8Da,2CAA4C,SAAQ,wBAAwB;IACnE,MAAM,EAAG,iCAAiC,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAS;yCAFnC,2CAA2C;2CAA3C,2CAA2C;CAGvD;AAED,wBAAgB,+CAA+C,SAE9D"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/CompanyIntegrationRunAPILog/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;;AAElF,qBAgDa,2CAA4C,SAAQ,wBAAwB;IACnE,MAAM,EAAG,iCAAiC,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAS;yCAFnC,2CAA2C;2CAA3C,2CAA2C;CAGvD;AAED,wBAAgB,+CAA+C,SAE9D"}

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

@@ -9,130 +9,25 @@ import { RegisterClass } from '@memberjunction/global';
 import { BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
 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 "@progress/kendo-angular-dateinputs";
-import * as i5 from "@memberjunction/ng-link-directives";
-import * as i6 from "@progress/kendo-angular-dropdowns";
-const _c0 = () => ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"];
-function CompanyIntegrationRunAPILogDetailsComponent_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, "Company Integration Run ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-numerictextbox", 5);
-    i0.ɵɵtwoWayListener("valueChange", function CompanyIntegrationRunAPILogDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r3.record.CompanyIntegrationRunID, $event) || (ctx_r3.record.CompanyIntegrationRunID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 3)(6, "label", 4);
-    i0.ɵɵtext(7, "Executed At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "kendo-datepicker", 5);
-    i0.ɵɵtwoWayListener("valueChange", function CompanyIntegrationRunAPILogDetailsComponent_div_0_div_1_Template_kendo_datepicker_valueChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r5.record.ExecutedAt, $event) || (ctx_r5.record.ExecutedAt = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 3)(10, "label", 4);
-    i0.ɵɵtext(11, "Is Success");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "input", 6);
-    i0.ɵɵtwoWayListener("ngModelChange", function CompanyIntegrationRunAPILogDetailsComponent_div_0_div_1_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r6.record.IsSuccess, $event) || (ctx_r6.record.IsSuccess = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 3)(14, "label", 4);
-    i0.ɵɵtext(15, "Request Method");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "kendo-dropdownlist", 7);
-    i0.ɵɵtwoWayListener("ngModelChange", function CompanyIntegrationRunAPILogDetailsComponent_div_0_div_1_Template_kendo_dropdownlist_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r7.record.RequestMethod, $event) || (ctx_r7.record.RequestMethod = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 3)(18, "label", 4);
-    i0.ɵɵtext(19, "URL");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "kendo-textbox", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function CompanyIntegrationRunAPILogDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r8 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r8.record.URL, $event) || (ctx_r8.record.URL = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
-    i0.ɵɵtext(23, "Parameters");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "kendo-textbox", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function CompanyIntegrationRunAPILogDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r9 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r9.record.Parameters, $event) || (ctx_r9.record.Parameters = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.CompanyIntegrationRunID);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.ExecutedAt);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.IsSuccess);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("data", i0.ɵɵpureFunction0(7, _c0));
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.RequestMethod);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.URL);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Parameters);
-} }
-function CompanyIntegrationRunAPILogDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
-    i0.ɵɵtext(3, "Company Integration Run ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 9);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
-    i0.ɵɵtext(8, "Executed At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span");
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 3)(12, "label", 4);
-    i0.ɵɵtext(13, "Is Success");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span");
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 3)(17, "label", 4);
-    i0.ɵɵtext(18, "Request Method");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span");
-    i0.ɵɵtext(20);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
-    i0.ɵɵtext(23, "URL");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "span");
-    i0.ɵɵtext(25);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 3)(27, "label", 4);
-    i0.ɵɵtext(28, "Parameters");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "span");
-    i0.ɵɵtext(30);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("record", ctx_r2.record);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("CompanyIntegrationRunID", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("ExecutedAt", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("IsSuccess", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RequestMethod", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("URL", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Parameters", 0));
-} }
+import * as i2 from "@memberjunction/ng-base-forms";
 function CompanyIntegrationRunAPILogDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, CompanyIntegrationRunAPILogDetailsComponent_div_0_div_1_Template, 25, 8, "div", 1)(2, CompanyIntegrationRunAPILogDetailsComponent_div_0_div_2_Template, 31, 7, "div", 1);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "div")(1, "div", 1);
+    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6)(7, "mj-form-field", 7);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 let CompanyIntegrationRunAPILogDetailsComponent = class CompanyIntegrationRunAPILogDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -141,11 +36,11 @@ let CompanyIntegrationRunAPILogDetailsComponent = class CompanyIntegrationRunAPI
     }
 };
 CompanyIntegrationRunAPILogDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵCompanyIntegrationRunAPILogDetailsComponent_BaseFactory; return function CompanyIntegrationRunAPILogDetailsComponent_Factory(t) { return (ɵCompanyIntegrationRunAPILogDetailsComponent_BaseFactory || (ɵCompanyIntegrationRunAPILogDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CompanyIntegrationRunAPILogDetailsComponent)))(t || CompanyIntegrationRunAPILogDetailsComponent); }; })();
-CompanyIntegrationRunAPILogDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunAPILogDetailsComponent, selectors: [["gen-companyintegrationrunapilog-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"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "ngModelChange"], [3, "data", "ngModel", "ngModelChange"], [3, "ngModel", "ngModelChange"], ["mjFieldLink", "", "fieldName", "CompanyIntegrationRunID", 3, "record"]], template: function CompanyIntegrationRunAPILogDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, CompanyIntegrationRunAPILogDetailsComponent_div_0_Template, 3, 2, "div", 0);
+CompanyIntegrationRunAPILogDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunAPILogDetailsComponent, selectors: [["gen-companyintegrationrunapilog-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "CompanyIntegrationRunID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "ExecutedAt", "Type", "datepicker", 3, "record", "EditMode"], ["FieldName", "IsSuccess", "Type", "checkbox", 3, "record", "EditMode"], ["FieldName", "RequestMethod", "Type", "dropdownlist", 3, "record", "EditMode"], ["FieldName", "URL", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "Parameters", "Type", "textbox", 3, "record", "EditMode"]], template: function CompanyIntegrationRunAPILogDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, CompanyIntegrationRunAPILogDetailsComponent_div_0_Template, 8, 12, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i3.CheckBoxDirective, i4.DatePickerComponent, i5.FieldLink, i6.DropDownListComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
+    } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 CompanyIntegrationRunAPILogDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Company Integration Run API Logs.details') // Tell MemberJunction about this class 
 ], CompanyIntegrationRunAPILogDetailsComponent);
@@ -153,59 +48,45 @@ export { CompanyIntegrationRunAPILogDetailsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyIntegrationRunAPILogDetailsComponent, [{
         type: Component,
         args: [{ selector: 'gen-companyintegrationrunapilog-form-details', template: `<div *ngIf="this.record">
-    <div *ngIf="this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">Company Integration Run ID</label>
-            <kendo-numerictextbox [(value)]="record.CompanyIntegrationRunID" ></kendo-numerictextbox>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Executed At</label>
-            <kendo-datepicker [(value)]="record.ExecutedAt" ></kendo-datepicker>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Is Success</label>
-            <input type="checkbox" [(ngModel)]="record.IsSuccess" kendoCheckBox />   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Request Method</label>
-            <kendo-dropdownlist [data]="['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'HEAD', 'OPTIONS']" [(ngModel)]="record.RequestMethod!" ></kendo-dropdownlist>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">URL</label>
-            <kendo-textbox [(ngModel)]="record.URL"  />   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Parameters</label>
-            <kendo-textbox [(ngModel)]="record.Parameters"  />   
-        </div> 
-    </div>
-    <div *ngIf="!this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">Company Integration Run ID</label>
-            <span mjFieldLink [record]="record" fieldName="CompanyIntegrationRunID" >{{FormatValue('CompanyIntegrationRunID', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Executed At</label>
-            <span >{{FormatValue('ExecutedAt', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Is Success</label>
-            <span >{{FormatValue('IsSuccess', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Request Method</label>
-            <span >{{FormatValue('RequestMethod', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">URL</label>
-            <span >{{FormatValue('URL', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Parameters</label>
-            <span >{{FormatValue('Parameters', 0)}}</span>
-        </div>
+    <div class="record-form">
+        <mj-form-field
+            [record]="record"
+            FieldName="CompanyIntegrationRunID"
+            Type="numerictextbox"
+            [EditMode]="EditMode"
+            LinkType="Record"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="ExecutedAt"
+            Type="datepicker"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="IsSuccess"
+            Type="checkbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RequestMethod"
+            Type="dropdownlist"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="URL"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="Parameters"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+
     </div>
 </div>
     `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
@@ -214,7 +95,7 @@ export { CompanyIntegrationRunAPILogDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyIntegrationRunAPILogDetailsComponent, { className: "CompanyIntegrationRunAPILogDetailsComponent", filePath: "src/lib/generated/Entities/CompanyIntegrationRunAPILog/sections/details.component.ts", lineNumber: 68 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyIntegrationRunAPILogDetailsComponent, { className: "CompanyIntegrationRunAPILogDetailsComponent", filePath: "src/lib/generated/Entities/CompanyIntegrationRunAPILog/sections/details.component.ts", lineNumber: 54 }); })();
 export function LoadCompanyIntegrationRunAPILogDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/CompanyIntegrationRunDetail/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;;AAElF,qBAsFa,2CAA4C,SAAQ,wBAAwB;IACnE,MAAM,EAAG,iCAAiC,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAS;yCAFnC,2CAA2C;2CAA3C,2CAA2C;CAGvD;AAED,wBAAgB,+CAA+C,SAE9D"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/CompanyIntegrationRunDetail/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;;AAElF,qBAmEa,2CAA4C,SAAQ,wBAAwB;IACnE,MAAM,EAAG,iCAAiC,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAS;yCAFnC,2CAA2C;2CAA3C,2CAA2C;CAGvD;AAED,wBAAgB,+CAA+C,SAE9D"}