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

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

@@ -9,471 +9,67 @@ 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 "@memberjunction/ng-link-directives";
-import * as i5 from "@progress/kendo-angular-dropdowns";
-const _c0 = () => ["One To Many", "Many To Many"];
-function EntityRelationshipDetailsComponent_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, "Entity ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-numerictextbox", 5);
-    i0.ɵɵtwoWayListener("valueChange", function EntityRelationshipDetailsComponent_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.EntityID, $event) || (ctx_r3.record.EntityID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 3)(6, "label", 4);
-    i0.ɵɵtext(7, "Sequence");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "kendo-numerictextbox", 5);
-    i0.ɵɵtwoWayListener("valueChange", function EntityRelationshipDetailsComponent_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.Sequence, $event) || (ctx_r5.record.Sequence = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 3)(10, "label", 4);
-    i0.ɵɵtext(11, "Related Entity ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "kendo-numerictextbox", 5);
-    i0.ɵɵtwoWayListener("valueChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_12_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r6.record.RelatedEntityID, $event) || (ctx_r6.record.RelatedEntityID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 3)(14, "label", 4);
-    i0.ɵɵtext(15, "Bundle In API");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "input", 6);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r7.record.BundleInAPI, $event) || (ctx_r7.record.BundleInAPI = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 3)(18, "label", 4);
-    i0.ɵɵtext(19, "Include In Parent All Query");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "input", 6);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_input_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r8 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r8.record.IncludeInParentAllQuery, $event) || (ctx_r8.record.IncludeInParentAllQuery = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
-    i0.ɵɵtext(23, "Type");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "kendo-dropdownlist", 7);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_kendo_dropdownlist_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r9 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r9.record.Type, $event) || (ctx_r9.record.Type = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "div", 3)(26, "label", 4);
-    i0.ɵɵtext(27, "Entity Key Field");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "kendo-textarea", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r10 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r10.record.EntityKeyField, $event) || (ctx_r10.record.EntityKeyField = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div", 3)(30, "label", 4);
-    i0.ɵɵtext(31, "Related Entity Join Field");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "kendo-textarea", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_32_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r11 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r11.record.RelatedEntityJoinField, $event) || (ctx_r11.record.RelatedEntityJoinField = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 3)(34, "label", 4);
-    i0.ɵɵtext(35, "Join View");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "kendo-textarea", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r12 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r12.record.JoinView, $event) || (ctx_r12.record.JoinView = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(37, "div", 3)(38, "label", 4);
-    i0.ɵɵtext(39, "Join Entity Join Field");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "kendo-textarea", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_40_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r13 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r13.record.JoinEntityJoinField, $event) || (ctx_r13.record.JoinEntityJoinField = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(41, "div", 3)(42, "label", 4);
-    i0.ɵɵtext(43, "Join Entity Inverse Join Field");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "kendo-textarea", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_44_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r14 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r14.record.JoinEntityInverseJoinField, $event) || (ctx_r14.record.JoinEntityInverseJoinField = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(45, "div", 3)(46, "label", 4);
-    i0.ɵɵtext(47, "Display In Form");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "input", 6);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_input_ngModelChange_48_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r15 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r15.record.DisplayInForm, $event) || (ctx_r15.record.DisplayInForm = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(49, "div", 3)(50, "label", 4);
-    i0.ɵɵtext(51, "Display Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "kendo-textarea", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityRelationshipDetailsComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_52_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r16 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r16.record.DisplayName, $event) || (ctx_r16.record.DisplayName = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(53, "div", 3)(54, "label", 4);
-    i0.ɵɵtext(55, "Display User View GUID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(56, "span", 9);
-    i0.ɵɵtext(57);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(58, "div", 3)(59, "label", 4);
-    i0.ɵɵtext(60, "Created At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(61, "span");
-    i0.ɵɵtext(62);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(63, "div", 3)(64, "label", 4);
-    i0.ɵɵtext(65, "Updated At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(66, "span");
-    i0.ɵɵtext(67);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(68, "div", 3)(69, "label", 4);
-    i0.ɵɵtext(70, "Entity");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(71, "span");
-    i0.ɵɵtext(72);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(73, "div", 3)(74, "label", 4);
-    i0.ɵɵtext(75, "Entity Base Table");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(76, "span");
-    i0.ɵɵtext(77);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(78, "div", 3)(79, "label", 4);
-    i0.ɵɵtext(80, "Entity Base View");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(81, "span");
-    i0.ɵɵtext(82);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(83, "div", 3)(84, "label", 4);
-    i0.ɵɵtext(85, "Related Entity");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(86, "span");
-    i0.ɵɵtext(87);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(88, "div", 3)(89, "label", 4);
-    i0.ɵɵtext(90, "Related Entity Base Table");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(91, "span");
-    i0.ɵɵtext(92);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(93, "div", 3)(94, "label", 4);
-    i0.ɵɵtext(95, "Related Entity Base View");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(96, "span");
-    i0.ɵɵtext(97);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(98, "div", 3)(99, "label", 4);
-    i0.ɵɵtext(100, "Related Entity Class Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(101, "span");
-    i0.ɵɵtext(102);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(103, "div", 3)(104, "label", 4);
-    i0.ɵɵtext(105, "Related Entity Code Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(106, "span");
-    i0.ɵɵtext(107);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(108, "div", 3)(109, "label", 4);
-    i0.ɵɵtext(110, "Related Entity Base Table Code Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(111, "span");
-    i0.ɵɵtext(112);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(113, "div", 3)(114, "label", 4);
-    i0.ɵɵtext(115, "Display User View Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(116, "span");
-    i0.ɵɵtext(117);
+import * as i2 from "@memberjunction/ng-base-forms";
+function EntityRelationshipDetailsComponent_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)(9, "mj-form-field", 9)(10, "mj-form-field", 10)(11, "mj-form-field", 11)(12, "mj-form-field", 12)(13, "mj-form-field", 13)(14, "mj-form-field", 14)(15, "mj-form-field", 15)(16, "mj-form-field", 16)(17, "mj-form-field", 17)(18, "mj-form-field", 18)(19, "mj-form-field", 19)(20, "mj-form-field", 20)(21, "mj-form-field", 21)(22, "mj-form-field", 22)(23, "mj-form-field", 23)(24, "mj-form-field", 24)(25, "mj-form-field", 25)(26, "mj-form-field", 26)(27, "mj-form-field", 27)(28, "mj-form-field", 28);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(118, "div", 3)(119, "label", 4);
-    i0.ɵɵtext(120, "Display User View ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(121, "span");
-    i0.ɵɵtext(122);
-    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.EntityID);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.Sequence);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("value", ctx_r1.record.RelatedEntityID);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.BundleInAPI);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.IncludeInParentAllQuery);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("data", i0.ɵɵpureFunction0(29, _c0));
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Type);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.EntityKeyField);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.RelatedEntityJoinField);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.JoinView);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.JoinEntityJoinField);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.JoinEntityInverseJoinField);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.DisplayInForm);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.DisplayName);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("record", ctx_r1.record);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("DisplayUserViewGUID", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("CreatedAt", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("UpdatedAt", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("Entity", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("EntityBaseTable", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("EntityBaseView", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("RelatedEntity", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("RelatedEntityBaseTable", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("RelatedEntityBaseView", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("RelatedEntityClassName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("RelatedEntityCodeName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("RelatedEntityBaseTableCodeName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("DisplayUserViewName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("DisplayUserViewID", 0));
-} }
-function EntityRelationshipDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
-    i0.ɵɵtext(3, "Entity ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 10);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
-    i0.ɵɵtext(8, "Sequence");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span");
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 3)(12, "label", 4);
-    i0.ɵɵtext(13, "Related Entity ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 11);
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 3)(17, "label", 4);
-    i0.ɵɵtext(18, "Bundle In API");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span");
-    i0.ɵɵtext(20);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
-    i0.ɵɵtext(23, "Include In Parent All Query");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "span");
-    i0.ɵɵtext(25);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 3)(27, "label", 4);
-    i0.ɵɵtext(28, "Type");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "span");
-    i0.ɵɵtext(30);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 3)(32, "label", 4);
-    i0.ɵɵtext(33, "Entity Key Field");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span");
-    i0.ɵɵtext(35);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 3)(37, "label", 4);
-    i0.ɵɵtext(38, "Related Entity Join Field");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "span");
-    i0.ɵɵtext(40);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(41, "div", 3)(42, "label", 4);
-    i0.ɵɵtext(43, "Join View");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "span");
-    i0.ɵɵtext(45);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(46, "div", 3)(47, "label", 4);
-    i0.ɵɵtext(48, "Join Entity Join Field");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(49, "span");
-    i0.ɵɵtext(50);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(51, "div", 3)(52, "label", 4);
-    i0.ɵɵtext(53, "Join Entity Inverse Join Field");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(54, "span");
-    i0.ɵɵtext(55);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(56, "div", 3)(57, "label", 4);
-    i0.ɵɵtext(58, "Display In Form");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(59, "span");
-    i0.ɵɵtext(60);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(61, "div", 3)(62, "label", 4);
-    i0.ɵɵtext(63, "Display Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(64, "span");
-    i0.ɵɵtext(65);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(66, "div", 3)(67, "label", 4);
-    i0.ɵɵtext(68, "Display User View GUID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(69, "span", 9);
-    i0.ɵɵtext(70);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(71, "div", 3)(72, "label", 4);
-    i0.ɵɵtext(73, "Created At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(74, "span");
-    i0.ɵɵtext(75);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(76, "div", 3)(77, "label", 4);
-    i0.ɵɵtext(78, "Updated At");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(79, "span");
-    i0.ɵɵtext(80);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(81, "div", 3)(82, "label", 4);
-    i0.ɵɵtext(83, "Entity");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(84, "span");
-    i0.ɵɵtext(85);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(86, "div", 3)(87, "label", 4);
-    i0.ɵɵtext(88, "Entity Base Table");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(89, "span");
-    i0.ɵɵtext(90);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(91, "div", 3)(92, "label", 4);
-    i0.ɵɵtext(93, "Entity Base View");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(94, "span");
-    i0.ɵɵtext(95);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(96, "div", 3)(97, "label", 4);
-    i0.ɵɵtext(98, "Related Entity");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(99, "span");
-    i0.ɵɵtext(100);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(101, "div", 3)(102, "label", 4);
-    i0.ɵɵtext(103, "Related Entity Base Table");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(104, "span");
-    i0.ɵɵtext(105);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(106, "div", 3)(107, "label", 4);
-    i0.ɵɵtext(108, "Related Entity Base View");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(109, "span");
-    i0.ɵɵtext(110);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(111, "div", 3)(112, "label", 4);
-    i0.ɵɵtext(113, "Related Entity Class Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(114, "span");
-    i0.ɵɵtext(115);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(116, "div", 3)(117, "label", 4);
-    i0.ɵɵtext(118, "Related Entity Code Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(119, "span");
-    i0.ɵɵtext(120);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(121, "div", 3)(122, "label", 4);
-    i0.ɵɵtext(123, "Related Entity Base Table Code Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(124, "span");
-    i0.ɵɵtext(125);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(126, "div", 3)(127, "label", 4);
-    i0.ɵɵtext(128, "Display User View Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(129, "span");
-    i0.ɵɵtext(130);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(131, "div", 3)(132, "label", 4);
-    i0.ɵɵtext(133, "Display User View ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(134, "span");
-    i0.ɵɵtext(135);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    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("EntityID", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Sequence", 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("RelatedEntityID", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("BundleInAPI", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("IncludeInParentAllQuery", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Type", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("EntityKeyField", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RelatedEntityJoinField", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("JoinView", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("JoinEntityJoinField", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("JoinEntityInverseJoinField", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("DisplayInForm", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("DisplayName", 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("DisplayUserViewGUID", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("CreatedAt", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("UpdatedAt", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Entity", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("EntityBaseTable", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("EntityBaseView", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RelatedEntity", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RelatedEntityBaseTable", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RelatedEntityBaseView", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RelatedEntityClassName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RelatedEntityCodeName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("RelatedEntityBaseTableCodeName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("DisplayUserViewName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("DisplayUserViewID", 0));
-} }
-function EntityRelationshipDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, EntityRelationshipDetailsComponent_div_0_div_1_Template, 123, 30, "div", 1)(2, EntityRelationshipDetailsComponent_div_0_div_2_Template, 136, 30, "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);
+    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("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("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("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("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("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("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 let EntityRelationshipDetailsComponent = class EntityRelationshipDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -482,11 +78,11 @@ let EntityRelationshipDetailsComponent = class EntityRelationshipDetailsComponen
     }
 };
 EntityRelationshipDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityRelationshipDetailsComponent_BaseFactory; return function EntityRelationshipDetailsComponent_Factory(t) { return (ɵEntityRelationshipDetailsComponent_BaseFactory || (ɵEntityRelationshipDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityRelationshipDetailsComponent)))(t || EntityRelationshipDetailsComponent); }; })();
-EntityRelationshipDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityRelationshipDetailsComponent, selectors: [["gen-entityrelationship-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", "DisplayUserViewGUID", 3, "record"], ["mjFieldLink", "", "fieldName", "EntityID", 3, "record"], ["mjFieldLink", "", "fieldName", "RelatedEntityID", 3, "record"]], template: function EntityRelationshipDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, EntityRelationshipDetailsComponent_div_0_Template, 3, 2, "div", 0);
+EntityRelationshipDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityRelationshipDetailsComponent, selectors: [["gen-entityrelationship-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "EntityID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "Sequence", "Type", "numerictextbox", 3, "record", "EditMode"], ["FieldName", "RelatedEntityID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "BundleInAPI", "Type", "checkbox", 3, "record", "EditMode"], ["FieldName", "IncludeInParentAllQuery", "Type", "checkbox", 3, "record", "EditMode"], ["FieldName", "Type", "Type", "dropdownlist", 3, "record", "EditMode"], ["FieldName", "EntityKeyField", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "RelatedEntityJoinField", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "JoinView", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "JoinEntityJoinField", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "JoinEntityInverseJoinField", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "DisplayInForm", "Type", "checkbox", 3, "record", "EditMode"], ["FieldName", "DisplayName", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "DisplayUserViewGUID", "Type", "textbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "Entity", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "EntityBaseTable", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "EntityBaseView", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "RelatedEntity", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "RelatedEntityBaseTable", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "RelatedEntityBaseView", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "RelatedEntityClassName", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "RelatedEntityCodeName", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "RelatedEntityBaseTableCodeName", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "DisplayUserViewName", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "DisplayUserViewID", "Type", "textbox", 3, "record", "EditMode"]], template: function EntityRelationshipDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EntityRelationshipDetailsComponent_div_0_Template, 29, 54, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.NumericTextBoxComponent, i3.CheckBoxDirective, i4.FieldLink, i5.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}"] });
 EntityRelationshipDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Entity Relationships.details') // Tell MemberJunction about this class 
 ], EntityRelationshipDetailsComponent);
@@ -494,227 +90,173 @@ export { EntityRelationshipDetailsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityRelationshipDetailsComponent, [{
         type: Component,
         args: [{ selector: 'gen-entityrelationship-form-details', template: `<div *ngIf="this.record">
-    <div *ngIf="this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity ID</label>
-            <kendo-numerictextbox [(value)]="record.EntityID" ></kendo-numerictextbox>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Sequence</label>
-            <kendo-numerictextbox [(value)]="record.Sequence" ></kendo-numerictextbox>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity ID</label>
-            <kendo-numerictextbox [(value)]="record.RelatedEntityID" ></kendo-numerictextbox>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Bundle In API</label>
-            <input type="checkbox" [(ngModel)]="record.BundleInAPI" kendoCheckBox />   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Include In Parent All Query</label>
-            <input type="checkbox" [(ngModel)]="record.IncludeInParentAllQuery" kendoCheckBox />   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Type</label>
-            <kendo-dropdownlist [data]="['One To Many', 'Many To Many']" [(ngModel)]="record.Type" ></kendo-dropdownlist>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity Key Field</label>
-            <kendo-textarea [(ngModel)]="record.EntityKeyField" ></kendo-textarea>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Join Field</label>
-            <kendo-textarea [(ngModel)]="record.RelatedEntityJoinField" ></kendo-textarea>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Join View</label>
-            <kendo-textarea [(ngModel)]="record.JoinView" ></kendo-textarea>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Join Entity Join Field</label>
-            <kendo-textarea [(ngModel)]="record.JoinEntityJoinField" ></kendo-textarea>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Join Entity Inverse Join Field</label>
-            <kendo-textarea [(ngModel)]="record.JoinEntityInverseJoinField" ></kendo-textarea>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Display In Form</label>
-            <input type="checkbox" [(ngModel)]="record.DisplayInForm" kendoCheckBox />   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Display Name</label>
-            <kendo-textarea [(ngModel)]="record.DisplayName" ></kendo-textarea>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Display User View GUID</label>
-            <span mjFieldLink [record]="record" fieldName="DisplayUserViewGUID" >{{FormatValue('DisplayUserViewGUID', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Created At</label>
-            <span >{{FormatValue('CreatedAt', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Updated At</label>
-            <span >{{FormatValue('UpdatedAt', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity</label>
-            <span >{{FormatValue('Entity', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity Base Table</label>
-            <span >{{FormatValue('EntityBaseTable', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity Base View</label>
-            <span >{{FormatValue('EntityBaseView', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity</label>
-            <span >{{FormatValue('RelatedEntity', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Base Table</label>
-            <span >{{FormatValue('RelatedEntityBaseTable', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Base View</label>
-            <span >{{FormatValue('RelatedEntityBaseView', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Class Name</label>
-            <span >{{FormatValue('RelatedEntityClassName', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Code Name</label>
-            <span >{{FormatValue('RelatedEntityCodeName', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Base Table Code Name</label>
-            <span >{{FormatValue('RelatedEntityBaseTableCodeName', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Display User View Name</label>
-            <span >{{FormatValue('DisplayUserViewName', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Display User View ID</label>
-            <span >{{FormatValue('DisplayUserViewID', 0)}}</span>   
-        </div> 
-    </div>
-    <div *ngIf="!this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity ID</label>
-            <span mjFieldLink [record]="record" fieldName="EntityID" >{{FormatValue('EntityID', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Sequence</label>
-            <span >{{FormatValue('Sequence', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity ID</label>
-            <span mjFieldLink [record]="record" fieldName="RelatedEntityID" >{{FormatValue('RelatedEntityID', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Bundle In API</label>
-            <span >{{FormatValue('BundleInAPI', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Include In Parent All Query</label>
-            <span >{{FormatValue('IncludeInParentAllQuery', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Type</label>
-            <span >{{FormatValue('Type', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity Key Field</label>
-            <span >{{FormatValue('EntityKeyField', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Join Field</label>
-            <span >{{FormatValue('RelatedEntityJoinField', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Join View</label>
-            <span >{{FormatValue('JoinView', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Join Entity Join Field</label>
-            <span >{{FormatValue('JoinEntityJoinField', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Join Entity Inverse Join Field</label>
-            <span >{{FormatValue('JoinEntityInverseJoinField', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Display In Form</label>
-            <span >{{FormatValue('DisplayInForm', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Display Name</label>
-            <span >{{FormatValue('DisplayName', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Display User View GUID</label>
-            <span mjFieldLink [record]="record" fieldName="DisplayUserViewGUID" >{{FormatValue('DisplayUserViewGUID', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Created At</label>
-            <span >{{FormatValue('CreatedAt', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Updated At</label>
-            <span >{{FormatValue('UpdatedAt', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity</label>
-            <span >{{FormatValue('Entity', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity Base Table</label>
-            <span >{{FormatValue('EntityBaseTable', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity Base View</label>
-            <span >{{FormatValue('EntityBaseView', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity</label>
-            <span >{{FormatValue('RelatedEntity', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Base Table</label>
-            <span >{{FormatValue('RelatedEntityBaseTable', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Base View</label>
-            <span >{{FormatValue('RelatedEntityBaseView', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Class Name</label>
-            <span >{{FormatValue('RelatedEntityClassName', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Code Name</label>
-            <span >{{FormatValue('RelatedEntityCodeName', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Related Entity Base Table Code Name</label>
-            <span >{{FormatValue('RelatedEntityBaseTableCodeName', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Display User View Name</label>
-            <span >{{FormatValue('DisplayUserViewName', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Display User View ID</label>
-            <span >{{FormatValue('DisplayUserViewID', 0)}}</span>
-        </div>
+    <div class="record-form">
+        <mj-form-field
+            [record]="record"
+            FieldName="EntityID"
+            Type="numerictextbox"
+            [EditMode]="EditMode"
+            LinkType="Record"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="Sequence"
+            Type="numerictextbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RelatedEntityID"
+            Type="numerictextbox"
+            [EditMode]="EditMode"
+            LinkType="Record"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="BundleInAPI"
+            Type="checkbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="IncludeInParentAllQuery"
+            Type="checkbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="Type"
+            Type="dropdownlist"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="EntityKeyField"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RelatedEntityJoinField"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="JoinView"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="JoinEntityJoinField"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="JoinEntityInverseJoinField"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="DisplayInForm"
+            Type="checkbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="DisplayName"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="DisplayUserViewGUID"
+            Type="textbox"
+            [EditMode]="EditMode"
+            LinkType="Record"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="CreatedAt"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="UpdatedAt"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="Entity"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="EntityBaseTable"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="EntityBaseView"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RelatedEntity"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RelatedEntityBaseTable"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RelatedEntityBaseView"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RelatedEntityClassName"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RelatedEntityCodeName"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="RelatedEntityBaseTableCodeName"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="DisplayUserViewName"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="DisplayUserViewID"
+            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"] }]
@@ -723,7 +265,7 @@ export { EntityRelationshipDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityRelationshipDetailsComponent, { className: "EntityRelationshipDetailsComponent", filePath: "src/lib/generated/Entities/EntityRelationship/sections/details.component.ts", lineNumber: 236 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityRelationshipDetailsComponent, { className: "EntityRelationshipDetailsComponent", filePath: "src/lib/generated/Entities/EntityRelationship/sections/details.component.ts", lineNumber: 182 }); })();
 export function LoadEntityRelationshipDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }